@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* ¾ÆÀÌÆù/¾ÆÀÌÆÌÅÍÄ¡/¾Èµå·ÎÀ̵åÀÇ Ãʱ⠽ºÅ©¸° ÇØ»óµµ ¼³Á¤ */
@media screen and (max-width:320px) {
body {zoom:42.66666666666667%;}
}
@media screen and (min-width:321px) and (max-width:359px) {
body {zoom:42.66666666666667%;}
}
@media screen and (min-width:360px) and (max-width:479px) {
body {zoom:48%;}
}
@media screen and (min-width:480px) and (max-width:639px) {
body {zoom:64%;}
}

@media screen and (min-width:640px) and (max-width:763px) {
body {zoom:64%;}
}


* {margin:0; padding:0; box-sizing: border-box;}
html,body {width:100%; height:100%; font-family: 'Nanum Gothic','dotum', sans-serif;}
a {text-decoration:none; border:none;}
img,hr {border:0;}
ul,li {list-style:none;}
input,select,button,label {vertical-align:middle;}
table {border-collapse:collapse;border-spacing:0}
.wrap {width:100%; margin:auto; position:relative;}


#menu-1 {width:489px; background:#282e38; overflow-y:scroll}
#menu-1 .gnb_logo {width:100%; height:442px; background:#1c2129; text-align:center; padding-top:54px;}
#menu-1 li {font-size:1.75em; border-bottom: 1px solid #484d56;}
#menu-1 li a {/*padding:0.9em; margin-left:1em;*/}
#menu-1 dd > a {color:#fff; padding:0.9em;}
.subnav {background:#49505b; font-size:0.92em;}
.subnav dd {border-bottom: 1px solid #646a73; }
.subnav dd > a {padding-left:1.5em !important;}
.subnav dd:last-child {border-bottom:0;}


#menu-1 .btn_pc {text-align:center; padding: 65px 0;}

#header {width:100%; height:183px; position:fixed; top:0; background:#fff; z-index:10;}
#header .top {height:115px;}
#header .top h1 {float:left; margin-top:38px; margin-left:38px;}
#header .menu_btn {position:absolute; top: 38px; right:45px;}
#header .quick_btn {clear:both; height:70px; background:#006bb6;}
#header .quick_btn a {display:block;}
#header .quick_btn li {float:left; width:50%; height:70px; text-align:center; border-left:1px solid #004474;}
#header .quick_btn li:first-child {border-left:0;}


#container {clear:both; padding-top:183px;}
#container .main_content {
width:100%;
height:1000px;
background:url(/base/img/m/main_bg.png) no-repeat;
background-size:cover;
margin:auto;
text-align:center;
}

#container .main_btn {padding-top:520px;}
#container .main_btn li {padding-bottom:9px;}
#container .main_btn img {display:inline-block;}
#container .network_btn {height:98px; background:#fff;}
#container .network_btn li {float:left; text-align:center; width:33%; height:98px; border-left:1px solid #c2c2c2;}
#container .network_btn li:first-child { border-left:0;}


#footer {clear:both; width:100%; height:176px; background:#303948; text-align:center; color:#94989f; font-size:18px;}
#footer p {line-height:30px; padding-top:43px;}
#footer a {color:#94989f;}



/*-------------------------------------------------------------------------------------------------------------------
¼­ ºê
-------------------------------------------------------------------------------------------------------------------*/

#container h2 {width:100%; height:90px; background:#303948; font-size:30px; color:#fff; text-align:center; line-height:90px;}
#container .tab {width:100%; text-align:center;}
#container .tab li {float:left; height:76px; background:#d7d7d7; border-left:1px solid #fff; font-size:24px; font-weight:600; line-height:76px;}
#container .tab li:first-child {border-left:0;}
#container .tab a {display:block; color:#303948}
#container .menu3 li {width:33.333%; }

.on {background:#fff;}

#container .content_wrap {clear:both; width:100%; text-align:center; padding: 8.3% 6.3%;}
#container .content_wrap > img {width:100%;}
#container .address {width:100%; padding: 2em 0; text-align:left; font-size:1.188em; position:relative;}
#container .address p {line-height:1.81em;}

.ico {position:absolute; right:0; top:0; margin-top:2em;}
.ico a {width:7.866666666666666%; margin-left:0.813em}

#container .bg_grey {width:100%; background:#f7f6f6;}
#container .bg_sky_blue {width:100%; background:#eef2f6;}
#container .bg_pattern {background:url(/base/img/m/sub_bg.png);}
#container .content_top img {width:100%;}



.table_caption{width:100%;*zoom:1;clear:both;margin-bottom:4px;}
.table_caption:after{clear:both;content:"";display:block;}
.table_caption .title{float:left;}
.table_caption .per{float:right;font-size:11px;font-family:dotum;color:#666666;}
.table_caption.tab img {margin-right:1px;}

.table_01{width:100%;}
.table_01 th{border-top:3px solid #3caede;border-bottom:1px solid #7bbfdc; padding:7px 0 6px; font:bold 12px/1.3em verdana; color:#3695be; text-align:center;}
.table_01 td{border-right:1px solid #d7e8ef;border-bottom:1px solid #d7e8ef;height:26px;font-size:12px;font-family:dotum;color:#666666;text-align:center;padding-top:5px;padding-bottom:5px;line-height:17px;}
.table_01 td.last {border-right:0}
.table_01 td.sub_title{background:#f8f8f8;}
.table_01 .left{text-align:left;padding-left:10px;}

.partners{padding:0;margin:43px 0 0 0;}
.partners table {margin-left:220px;}
.partners td{text-align:center;font-size:11px;font-family:dotum;color:#787878;width:157px;height:109px;vertical-align:top;}

.product{border-top:2px solid #45abd7;border-bottom:2px solid #45abd7;}
.product th {width:211px;text-align:left;padding:10px 0 10px 0;border-bottom:1px solid #e1ecf1;}
.product th img {border:4px solid #e1e3d8;}
.product td {vertical-align:top;padding:10px 0 10px 0;border-bottom:1px solid #e1ecf1;}
.product .title {font-weight:bold;font-size:13px;color:#333333;border-bottom:1px solid #45abd7;height:19px;}
.product .information {font-size:12px;font-family:dotum;color:#757575;line-height:17px;padding:10px 0 0 0;}
.product .last{border-bottom:0;}

.agreement_tle {float:left; margin:39px 25px 0 0;}
.agreement_list {list-style:none; float:left; width:446px; height:186px; margin:39px 0 0 0;}
.agreement_list p {float:left;width:210px;}
.agreement_list p img {margin-bottom:7px;}
.agreement {}
.agreement th {text-align:left;width:183px;vertical-align:top;}
.agreement td {font-size:11px;font-family:dotum;color:#787878;padding:0 0 29px 0;}

.sitemap{width:100%;}
.sitemap p{margin-bottom:2px;}
.sitemap td{vertical-align:top;}
.sitemap dl {width:141px;}
.sitemap dt {border-top:1px solid #ebebeb;padding:5px 0 5px 0;}
.sitemap .first {border-top:0;}
.sitemap dt a{font-family:dotum;font-size:12px;color:#333333;}
.sitemap dd {padding:0 0 5px 0;}
.sitemap .last{border-bottom:1px solid #ebebeb;}
.sitemap dd a{font-size:11px;font-family:dotum;color:#888888;}

}

/* 2011.12.22 */
.table_product { width:100%; table-layout:fixed; border-top:2px #45abd7 solid; border-bottom:2px #45abd7 solid; }
.table_product td { padding:10px 0; border-bottom:1px #e1ecf1 solid; font:12px/1.4em verdana; color:#666; vertical-align:top; }
.table_product .tle { padding:5px 0; font:bold 14px/1.3em verdana; color:#222; border-bottom:1px #45abd7 solid; }
.table_product .txt { display:block; height:62px; margin-top:8px; }
.item_border { border:4px #e1e3d8 solid; }
.mtle_01 { padding:0 0 0 20px; height:21px !important; margin:30px 0 0 0 !important; font:bold 13px/1.3em dotum; color:#222; }
.line_001 { padding-top:2px; }
.txt_001 { font:12px/1.4em dotum; color:#666; }
.list_01 li { padding:0 0 2px 8px; font:12px/1.3em dotum; color:#666; }
.dbp { height:180px; padding:0 0 0 240px; margin-top:30px; line-height:1.4em; color:#666; }
.dbp a { display:inline-block; padding:3px 0; width:210px; font:bold 11px/1.2em dotum; letter-spacing:-1px; color:#555; }
.dbp a:hover { font:bold 11px/1.2em dotum; text-decoration:none; color:#ff6600; }
.dbp_table { width:100%; table-layout:fixed; }
.dbp_table th { vertical-align:top; text-align:left; font:bold 12px/1.4em verdana; color:#2499d4; padding-bottom:25px; }
.dbp_table td { vertical-align:top; font:11px/1.4em dotum; color:#777; padding:0 0 25px 15px; }
.login_box { border:1px #ebebeb solid; padding:40px 140px; text-align:center; margin-top:20px; font:12px/1.5em dotum; color:#555; }
.login_box .txt_01 { text-align:right; padding-right:10px; font:bold 12px/1.0em dotum; }
.login_box .box { border:1px #cdcdcd solid; padding:2px 4px 0; height:19px; *height:21px; width:100%; background-color:#f6f6f6; }
.login_box .find { border-top:1px #eaeaea solid; margin-top:25px; padding:25px 44px 0; text-align:right; font:11px/1.2em dotum; color:#777; }


/*2019.09.25*/
#quick .network > a:nth-child(2) {display:none;}
#quick .network > a:nth-child(3) {display:none;}
#gnb .topnav li:nth-child(1) {display:none;}
#gnb .subnav ul:nth-child(1) {display:none;}
#menu-1 li:nth-child(1) {display:none;}
#container .network_btn li:nth-child(2) {display:none;}
#container .network_btn li:nth-child(3) {display:none;}