@charset "utf-8";

/* heading */
h4 {padding:0 0 0 30px; background:url(/img/gs/common/h4_bul.png) no-repeat left 2px;}
h4.h4-type2{ color:#976a1a; font-size:20px; background:none; padding:0; margin-bottom:10px !important;}
h5 {color:#976a1a; }
h5.first{ margin-top:15px}
h6 {}
.h7 {color:#976a1a;}


/* ul,ol */
.list_01 {margin:10px 0 0 0;}
.list_01 li {line-height:22px !important; font-size:15px; color:#404040; padding:0 0 0 13px  !important; margin:15px 0 0 0  !important; background:url(/img/gs/common/list_bul1.png) no-repeat 2px 8px;}
.list_01 li:first-child {margin:0 !important;}
.list_02 {margin:5px 0 0 0;}
.list_02 li {line-height:20px !important; font-size:14px; color:#555; margin:3px 0 0 0 !important; padding:0 0 0 13px !important; background:url(/img/gs/common/list_bul2.png) no-repeat 2px 10px;}
.list_02.list_02_type2 li{ margin-top:10px!important}
.list_02.list_02_type2 li:first-child {margin:0 !important;}
.list_02 li:first-child {margin:0 !important;}
ol.bul_num {}
ol.bul_num li {line-height:22px; margin-bottom:10px; position:relative; padding:0 0 0 25px;}
ol.bul_num li em { position:absolute; left:0; top:2px;
	display:inline-block; width:18px; height:18px; line-height:18px; vertical-align:middle; text-align:center; font-style:normal; font-weight:normal; font-size:11px; color:#d41a57; background-color:#e0e0e0;
	border-radius:50%;
	-webkit-border-radius:50%;
}
.list_03 {}
.list_03 > li {line-height:22px !important; font-size:15px; color:#404040; padding:0 0 0 13px  !important; margin:3px 0 0 0  !important; background:url(/img/gs/common/history-li.gif) no-repeat 2px 7px; color:#555}
.list_03 > li:first-child {margin:0 !important;}


/* button */
.btn{
	overflow:hidden; display:inline-block; min-width:92px; height:33px; line-height:33px; padding:0px 10px; margin:1px 0px; font-weight:normal; font-size:14px; text-align:center; color:#fff; background-color:#36344a; box-sizing:border-box;
}
a.btn:link,
a.btn:visited,
a.btn:active {color:#fff; border:1px solid #616161; background-color:#36344a;}
a.btn:hover {text-decoration:none; border:1px solid #36344a; color:#36344a; background-color:#fff;}
.btn.down {height:42px; line-height:42px; padding:0px 22px 0px 53px; font-size:16px;}
.btn.down:link,
.btn.down:visited,
.btn.down:active {border:1px solid #bbb; color:#404040; background:url(/img/gs/common/icon_down.gif) no-repeat left -42px;}
.btn.down:hover {text-decoration:underline; border:1px solid #bbb; color:#303030; background:url(/img/gs/common/icon_down.gif) no-repeat left 0px;}
.btn.down.bg_01:link,
.btn.down.bg_01:visited,
.btn.down.bg_01:active {border:1px solid #bbb; color:#404040; background:url(/img/gs/common/icon_down2.gif) no-repeat left -42px;}
.btn.down.bg_01:hover {text-decoration:underline; border:1px solid #bbb; color:#303030; background:url(/img/gs/common/icon_down2.gif) no-repeat left 0px;}
.btn.down.small{height:22px; line-height:22px; padding:0px 12px 0px 33px;}
.btn.down.small:link,
.btn.down.small:visited,
.btn.down.small:active{border:none; color:#404040; background:#eee url(/img/gs/common/icon_down_small.gif) no-repeat left -22px;}
.btn.down.small:hover{text-decoration:underline; border:none; color:#404040; background:#eee url(/img/gs/common/icon_down_small.gif) no-repeat left 0px;}

.go_btn {display:inline-block; vertical-align:top; border:1px solid #bbb; padding:12px 40px 10px 20px; color:#606060; text-decoration:none !important; background:url(/img/kr/sub3/depart_btn_bul.gif) no-repeat 88% 50%; font-size:16px;
transition : all 0.3s ease !important; -webkit-transition : all 0.3s ease !important;}
.go_btn.small {padding:4px 30px 3px 15px; font-size:14px;}
.go_btn:hover, .go_btn:active {background:#606060 url(/img/kr/sub3/depart_btn_bul_ov.gif) no-repeat 92% 50%; color:#fff; border:1px solid #606060;}

.go_btn.type02 {display:inline-block; vertical-align:top; border:1px solid #bbb; padding:12px 40px 10px 20px; color:#606060; text-decoration:none !important; background:url(/img/kr/sub3/depart_btn_bul.gif) no-repeat 95% 50%; font-size:16px;
	transition : all 0.3s ease !important; -webkit-transition : all 0.3s ease !important;}
.go_btn.type02:hover, .go_btn.type02:active {background:#606060 url(/img/kr/sub3/depart_btn_bul_ov.gif) no-repeat 95% 50%; color:#fff; border:1px solid #606060;}

/* 테이블 */
.table{border-top:2px solid #787878; border-bottom:1px solid #787878;}
.table th,
.table td {padding:10px; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; text-align:center; border-bottom:1px solid #c3c3c3;}
.table th {background:#f9f8f8;}
.table th.point,
.table td.point {background:#f2f3f0;}
.table tr th:first-child,
.table tr td:first-child {border-left:none; border-right:1px solid #c3c3c3;}


/* tab */
.js_tab {margin-bottom:30px; padding:0;}
.js_tab .title {display:none;}
.js_tab ul {margin:0px; padding-top:1px; border-left:1px solid #d9d9d9;}
.js_tab ul li {margin:-1px 0px 0px 0px;}
.js_tab ul li a {
	width:auto; height:40px; line-height:38px; padding:0px 30px; margin:0px; font-size:16px; border:1px solid #d9d9d9; border-left:none; color:#505050; box-sizing:border-box;
	border-radius:0;
    -webkit-border-radius:0;
}
.js_tab ul li.no a {cursor:default;}
.js_tab ul li a:link,
.js_tab ul li a:visited,
.js_tab ul li a:active,
.js_tab ul li.no a:link,
.js_tab ul li.no a:visited,
.js_tab ul li.no a:active,
.js_tab ul li.no a:hover {color:#505050; background-color:#f9f8f8;}
.js_tab ul li a:hover,
.js_tab ul li.on a:link,
.js_tab ul li.on a:visited,
.js_tab ul li.on a:active,
.js_tab ul li.on a:hover {color:#fff; background-color:#36344a;}
.js_tab.select {background-color:#36344a;}
.js_tab.select ul li a {height:auto; line-height:14px; padding:15px 20px;}
.tab_onepage {display:none;}
.tab_onepage.on {display:block;}
.js_tab.select ul li.on a,
.js_tab.select ul li a:hover,
.js_tab.select ul li.on a:hover{color:#36344a !important;}
.js_tab.select .title a {background:#36344a url(/img/core/tab_selectbg.gif) no-repeat right 50%;}
.js_tab.select .title a.on {background:#36344a url(/img/core/tab_selectbg_ov.gif) no-repeat right 50%;}


/* mobile menu */
.total .total_top p {background:#36344a;}
.total_mn li a.on {background:#007c7e;}
.total_submn dl dt {color:#1d7f7e;}



/* common */
.d-block{ display:block}
.img-max{ max-width:100%}
#api_map {width:auto; height:auto; min-height:400px; border:1px solid #c9c9c9;}
.box{ border:1px solid #dedede; padding:20px}
.box:after{ display:block; clear:both; content:""}
.ready{background:url(/img/cpm/common/ready.jpg) no-repeat 0 0; padding:25px 0 25px 300px; font-size:17px; margin:80px 0 0 0}
.ready .title{ font-size:35px; color:#365492}
.f-bold{ font-weight:600}
.js_tab.js_tab_col2 li{ width:50%}
.js_tab.js_tab_col3 li{ width:33.33333%}
.js_tab.js_tab_col4 li{ width:25%}
.list_01.list_01_type2 li{ margin:3px 0 0 0 !important}

@media screen and (max-width: 640px){
.ready{ background-size:124px 103px;padding:15px 0 10px 140px; font-size:14px; margin:40px 0 0 0; }
.ready .title{ font-size:20px; margin:0}

h4 {font-size:25px; line-height:30px; margin:40px 0px 15px 0px; background-position:left top;}
}
@media screen and (max-width: 480px){
h4 {font-size:23px; line-height:28px; margin:35px 0px 15px 0px;}
}
/*그리드*/
.row{ margin:0 -15px 0 -15px}
.row:after{ display:block; clear:both; content:""}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {float: left; padding:0 15px 0 15px; box-sizing:border-box}
.col-12 {width: 100%;}
.col-11 {width: 91.66666667%;}
.col-10 {width: 83.33333333%;}
.col-9 {width: 75%;}
.col-8 {width: 66.66666667%;}
.col-7 {width: 58.33333333%;}
.col-6 {width: 50%;}
.col-5 {width: 41.66666667%;}
.col-4 {width: 33.33333333%;}
.col-3 {width: 25%;}
.col-2 {width: 16.66666667%;}
.col-1 {width: 8.33333333%;}
@media screen and (max-width: 767px){
.row{ margin:0}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12{ width:100%; padding:0}
}