@charset "utf-8";
/* CSS Document */
.fl_box {overflow:hidden;}
.cl_b {width:100%; float:left; box-sizing:border-box; clear:both !important}
.db_table {display:table; width:100%; box-sizing:border-box}
.fl_l {float:left}
.fl_r {float:right}
.txt_r {text-align:right !important}
.txt_l {text-align:left !important}
.txt_c {text-align:center !important}
.dn {display: none !important;}
.fs_10 {font-size:10px !important}
.fs_11 {font-size:11px !important}
.fs_12 {font-size:12px !important}
.fs_14 {font-size:14px !important}
.fs_16 {font-size:16px !important}
.fs_18 {font-size:18px !important}
.fs_20 {font-size:20px !important}
.fs_22 {font-size:22px !important}
.fs_24 {font-size:24px !important}
.fs_28 {font-size:28px !important}

.fc_red {color:#ff4400 !important;}
.fc_blue {color:#1c66b8 !important;}
.fc_black {color:#333333 !important;}
.fc_gray {color:#666666 !important;}

.li05 li {width:5% !important;}
.li10 li {width:10% !important;}
.li16 li {width:16.66% !important;}
.li20 li {width:20% !important;}
.li25 li {width:25% !important;}
.li33 li {width:33.33% !important;}
.li50 li {width:50% !important;}
.li100 li {width:100% !important;}
.w50 {width:50px !important;}
.w100 {width:100px !important;}
.w120 {width:120px !important;}
.w150 {width:150px !important;}
.w200 {width:200px !important;}
.w300 {width:300px !important;}
.w400 {width:400px !important;}
.w500 {width:500px !important;}
.h30 {height:30px !important;}
.w1000 {width:1000px;}
.w1500 {width:1500px;}
.w2000 {width:2000px;}
.w2500 {width:2500px}
.w3000 {width:3000px;}
.w3500 {width:3500px;}
.w4000 {width:4000px;}
.w4500 {width:4500px;}
.w5000 {width:5000px;}
.w10p {width:10% !important; box-sizing:border-box}
.w15p {width:15% !important; box-sizing:border-box}
.w20p {width:20% !important; box-sizing:border-box}
.w25p {width:25% !important; box-sizing:border-box}
.w30p {width:30% !important; box-sizing:border-box}
.w33p {width:33.33% !important; box-sizing:border-box}
.w35p {width:35% !important; box-sizing:border-box}
.w40p {width:40% !important; box-sizing:border-box}
.w45p {width:45% !important; box-sizing:border-box}
.w50p {width:50% !important; box-sizing:border-box}
.w55p {width:55% !important; box-sizing:border-box}
.w60p {width:60% !important; box-sizing:border-box}
.w65p {width:65% !important; box-sizing:border-box}
.w67p {width:66.67% !important; box-sizing:border-box}
.w70p {width:70% !important; box-sizing:border-box}
.w75p {width:75% !important; box-sizing:border-box}
.w80p {width:80% !important; box-sizing:border-box}
.w85p {width:85% !important; box-sizing:border-box}
.w90p {width:90% !important; box-sizing:border-box}
.w95p {width:95% !important; box-sizing:border-box}
.w100p {width:100% !important;}
.h100 {height:100px !important;}
.h200 {height:200px !important;}
.h300 {height:300px !important;}
.h400 {height:400px !important;}
.h500 {height:500px !important;}
.h600 {height:600px !important;}
.h700 {height:700px !important;}
.h800 {height:800px !important;}
.h900 {height:900px !important;}
.h1000 {height:1000px !important;}
.mh300 {max-height:300px;}
.mh400 {max-height:400px;}
.mh500 {max-height:500px;}
.mh600 {max-height:600px;}

.pd0 {padding:0px 0px !important}
.pd05 {padding:5px 5px !important}
.pd10 {padding:10px 10px !important}
.pd20 {padding:20px 20px !important}
.pl_0 {padding-left:0px !important}
.pl_5 {padding-left:5px !important}
.pl_10 {padding-left:10px !important}
.pl_20 {padding-left:20px !important}
.pl_30 {padding-left:30px !important}
.pl_40 {padding-left:40px !important}
.pl_50 {padding-left:50px !important}
.pr_0 {padding-right:0px !important}
.pr_5 {padding-right:5px !important}
.pr_10 {padding-right:10px !important}
.pr_20 {padding-right:20px !important}
.pr_30 {padding-right:30px !important}
.pr_40 {padding-right:40px !important}
.pr_50 {padding-right:50px !important}
.pt_10 {padding-top:10px !important}
.pt_20 {padding-top:20px !important}
.pt_30 {padding-top:30px !important}
.pb_10 {padding-bottom:10px !important}
.pb_20 {padding-bottom:20px !important}
.pb_30 {padding-bottom:30px !important}
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.ml0 {margin-left:0px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.mr0 {margin-right:0px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}

.scroll_x {position:relative; overflow-x:auto;}
.scroll_y {position:relative; overflow-y:auto; }
.fl_l {float:left !important;}
.fl_r {float:right !important;}


/* layout */
.w1100 {width:1100px;}
.header {position:relative; background:#ffffff; border-bottom:1px solid #e8e8e8; }
.header .t_area {height:70px; }
.header .t_area .w1100 {margin:0px auto; overflow:hidden;}
.header .t_area .logo {display:inline-block; float:left; margin-top:21px;}
.header .t_area .logo img {max-width:100%;}
.header .t_area .right_btn_wrap {display:inline-block; float:right; margin-top:25px; }
.header .t_area .right_btn_wrap ul {display:inline-block; float:left; margin-right:15px}
.header .t_area .right_btn_wrap ul li {display:inline-block; float:left; height:28px; line-height:28px; padding-left:10px; margin-left:10px; }
.header .t_area .right_btn_wrap ul li a {font-size:12px; color:#666666;}
.header .t_area .right_btn_wrap ul li a:hover {color:#e93d34;}
.header .t_area .right_btn_wrap ul li:first-child {background:none}
.header .t_area .right_btn_wrap .site_map {display:inline-block; float:right; width:34px; height:28px; text-indent:-1000em; overflow:hidden; background:url(../images/h_sitemap_icon_01.png) 0px 0px no-repeat;}
.header .gnb {margin:0px; padding:0px; text-align:center; overflow:hidden; border-top:1px solid #e8e8e8;}
.header .gnb ul {display:inline-block; width:1100px; margin:0px auto; overflow:hidden}
.header .gnb ul li {display:inline-block; float:left; width:14.28%; height:58px; line-height:58px; background:url(../images/gnb_line.png) left 50% no-repeat; box-sizing:border-box}
.header .gnb ul li:first-child {background:none}
.header .gnb ul li a {display:inline-block; width:100%; height:100%; font-family:"NanumGothic"; font-size:18px; color:#333333; font-weight:600;}
.header .gnb ul li a:hover {color:#e93d34;}

.sitemap {display:none; position:absolute; left:0px; top:70px; width:100%; background-color:#ffffff; border-top:5px solid #1655a6; border-bottom:1px solid #bcbcbc; z-index:100; }
.sitemap .inner {position:relative; width:1100px; margin:0px auto;}
.sitemap .inner .closebtn {position:absolute; right:0%; top:-50px; width:34px; height:28px; text-indent:-1000em; background-color:transparent; background:url(../images/h_sitemap_icon_01_close.png) 50% 50% no-repeat; overflow:hidden}
.sitemap ul.menu {padding:0px 0px; overflow:hidden; border-right:1px solid #e8e8e8; box-sizing:border-box;}
.sitemap ul.menu > li {float:left; width:20%; min-height:230px; padding:30px 30px; text-align:left; border-left:1px solid #e8e8e8; box-sizing:border-box}
.sitemap ul.menu > li.line_b {height:480px; border-bottom:1px solid #e8e8e8;}
.sitemap ul.menu dt {margin-bottom:20px; font-size:16px; font-weight:600; color:#333333;}
.sitemap ul.menu dd {margin:5px 0px;}
.sitemap ul.menu dd > a {display:inline-block; width:100%; padding:4px 8px; font-size:12px; font-weight:600; color:#333333; background-color:#f0f1f6; box-sizing:border-box}
.sitemap ul.menu ul {padding:10px 10px;}
.sitemap ul.menu ul li a {display:inline-block; background:url(../images/dot_5.png) 0px 10px no-repeat; padding-left:10px; font-size:12px; color:#666666; line-height:20px;}

footer {border-top:1px solid #e5e5e5}
footer .address_wrap {width:1100px; margin:0px auto; padding:10px 0px; padding-left:230px; font-size:14px; font-style:normal; text-align:left; background:url(../images/f_logo.png) 125px 50% no-repeat; box-sizing:border-box;}
footer .address_wrap ul {padding:30px 0px; overflow:hidden}
footer .address_wrap ul li {display:inline-block; float:left; padding-left:14px; margin-left:12px; background:url(../images/f_line.png) left 50% no-repeat;}
footer .address_wrap ul li:first-child {padding-left:0px; margin-left:0px; background:none;}
footer .address_wrap ul li a {font-weight:500; color:#555555; letter-spacing:-1px;}
footer .address_wrap ul li a:hover {font-weight:600;}
footer .address_wrap ul li.icon {position:relative; padding-left:30px; background:none;}
footer .address_wrap ul li.icon img {position:absolute; left:0px; top:-10px;}
footer .address_wrap p {line-height:22px; font-size:12px; color:#939393; font-weight:100; }

.nav {background-color:#4a4a4a; height:50px; line-height:50px; text-align:center;}
.nav ul {display:inline-block; margin:0px auto; width:1100px; overflow:hidden}
.nav ul li {display:inline-block; float:left; height:50px; line-height:50px; padding:0px 20px; font-size:12px; color:#ffffff; text-align:center; border-right:1px solid #3b3b3b; box-sizing:border-box;}
.nav ul li.home {padding:0px 0px;  border-left:1px solid #3b3b3b;}
.nav ul li.home a {display:inline-block; width:50px; height:100%; text-indent:-1000em; background:url(../images/nav_i_01.png) 50% 50% no-repeat; overflow:hidden}

.contents_wrap {background-color:#ffffff; text-align:center;}
.sub_wrap {display:inline-block; width:1100px; margin:0px auto; padding-left:271px; box-sizing:border-box}
.sub_wrap .left_wrap {float:left; width:210px; margin-left:-271px; text-align:left}
.sub_wrap .left_wrap h2.title {display:block; height:90px; line-height:90px; font-size:24px; font-weight:600; color:#333333; }
.sub_wrap .left_wrap menu {margin:0px; margin-bottom:30px; padding:0px; border-top:4px solid #4a4a4a;}
.sub_wrap .left_wrap menu ul {}
.sub_wrap .left_wrap menu ul li {border-bottom:1px solid #dddddd}
.sub_wrap .left_wrap menu ul li a {display:inline-block; width:100%; height:40px; line-height:40px; font-family:"Nanum Gothic"; font-size:14px; font-weight:600; color:#222222; box-sizing:border-box}
.sub_wrap .left_wrap menu ul li a:hover {color:#0c4da2}
.sub_wrap .left_wrap menu ul li.on a {color:#0c4da2}
.sub_wrap .left_wrap menu ul ul {border-top:1px solid #eaeaea;}
.sub_wrap .left_wrap menu ul ul li {border-bottom:0px;}
.sub_wrap .left_wrap menu ul ul li a {display:inline-block; padding:0px 10px; width:100%; height:28px; line-height:28px; font-size:12px; font-weight:500; color:#333333; letter-spacing:-1px }
.sub_wrap .left_wrap menu ul ul li a:hover {background-color:#0c4da2; color:#ffffff;}
.sub_wrap .left_wrap menu ul ul li.on a {background-color:#0c4da2; color:#ffffff;}
.sub_wrap .left_wrap .customer {margin-bottom:30px;}
.sub_wrap .left_wrap .left_quickmenu {margin-bottom:30px; border:1px solid #dddddd;}
.sub_wrap .left_wrap .left_quickmenu li {height:40px; line-height:40px; border-top:1px solid #dddddd;}
.sub_wrap .left_wrap .left_quickmenu li:first-child {border-top:0px;}
.sub_wrap .left_wrap .left_quickmenu li a {display:inline-block; padding:0px 20px; width:100%; height:100%; font-size:13px; color:#333333; box-sizing:border-box;}
.sub_wrap .left_wrap .left_quickmenu li a span {display:block; background:url(../images/left_quickmenu_i_01.png) right 50% no-repeat;}
.sub_wrap .left_wrap .left_quickmenu li a:hover {color:#0c4da2}

/*sub layout */
.sub_contents {}
.sub_contents .s_title {position:relative; padding-bottom:12px; background:url(../images/sub_v_i_01.png) repeat; }
.sub_contents .s_title div {display:block; height:90px; background:url(../images/sub_v_01.png) no-repeat; }
.sub_contents .s_title b {position:absolute; left:0px; top:50%; transform:translateY(-50%); font-size:24px; font-weight:600; color:#333333;}
.sub_contents .contents {padding:0px 0px; text-align:left; }

.yak_txt_box {padding:10px 10px; font-size:12px; line-height:22px; color:#666666; background-color:#ffffff;}
.email_box {padding:50px 0px; text-align:center; background-color:#ffffff;}
.email_box p {font-size:13px; color:#666666; line-height:30px;}
.email_box p u {color:#333333; font-weight:600;}
.email_box p u span {color:#0c52aa;}

/*paging, prevnext*/
.paging	{width:100%; text-align:center; padding: 25px 0px; overflow:hidden;}
.paging .counter {font-size:0.95em; color:#676767; line-height:26px;}
.paging .paginate {display:inline-block}
.paging .paginate a,
.paging .paginate strong {display:inline-block; float:left; margin:0x; padding:0px; width:26px; text-align:center; line-height:26px; height:26px;  font-family:돋움, Arial,sans-serif;  font-size :11px; font-weight :bold; color:#757575; border:1px solid #dddddd; border-left:0px;}
.paging .paginate strong {font-weight :bold; color:#ffffff !important; background-color:#4b4b4b; border:1px solid #4b4b4b !important}
.paging .paginate a:hover,
.paging .paginate a:active,
.paging.paginate a:focus{background-color:#f7f7f7;}
.paging .paginate a.pre {margin-right:5px; border-left:0px !important;}
.paging .paginate a.next {margin-left:5px; border-right:0px !important;}
.paging .paginate a.pre,
.paging .paginate a.pre_end,
.paging .paginate a.next,
.paging .paginate a.next_end{color:#757575; font-size :11px; padding:0px; width:26px; border:1px solid #dadada;} 

.label_check input,
.label_radio input  {margin-right: 5px;  }

.has-js .label_check,
.has-js .label_radio    {display:inline-block; height:20px; line-height:20px; padding-left: 30px; cursor:pointer }
.has-js .label_radio    { background: url(../images/radio-off.png) no-repeat; }
.has-js .label_check    { background: url(../images/check-off.png) no-repeat; }
.has-js label.c_on      { background: url(../images/check-on.png) no-repeat; }
.has-js label.r_on      { background: url(../images/radio-on.png) no-repeat; }
.has-js .label_check input,
.has-js .label_radio input  { position: absolute; left: -9999px; }

.has-js .label_check2,
.has-js .label_radio2    {position:absolute; right:0px; top:0px; display:inline-block; width:34px; height:38px; line-height:38px; cursor:pointer }
.has-js .label_radio2    { background: url(../images/radio-off.png) center 50% no-repeat; }
.has-js .label_check2    { background: url(../images/check-off2.png) center 50% no-repeat; }
.has-js label.c_on2      { background: url(../images/check-on2.png) center 50% no-repeat; }
.has-js label.r_on2      { background: url(../images/radio-on.png) center 50% no-repeat; }
.has-js .label_check2 input,
.has-js .label_radio2 input  { position: absolute; left: -9999px; }

.overlay {width: 100%;  height: 100%;  position: fixed;  top: 0;  left: 0;  z-index:1000;  display: none;}
.modal {display:none;  background:#ffffff; border:5px solid #ffffff; border-radius:5px;  padding:0px;  overflow:auto;  z-index:1001;  position: absolute;}
.modal .popup_wrap h2 {display:block; line-height:60px; height:60px; position:relative; padding:0px 50px; background:#114fa3 url(../images/popup_head_bg.png) no-repeat;}
.modal .popup_wrap h2 b {display:inline-block; font-size:20px; color:#ffffff; font-weight:500;}
.modal .popup_wrap h2 span {display:inline; padding-left:10px; font-size:11px; color:#f4f4f4; font-weight:100;}
#fade {display: none; 	background: #000; position: fixed; left: 0; top: 0;	width: 100%; height: 100%;	opacity: .80;	z-index: 9999;}
#intabdiv {	text-align:center;}
.modal .popup_wrap .closeBtn {display:inline-block; position:absolute; right:20px; top:17px; margin:0px; width:26px; height:26px; text-indent:-1000em; overflow:hidden; background:url(../images/popup_close.png) 50% 50% no-repeat;}
.modal .popup_wrap .closeBtn:hover {cursor: pointer;}
.modal .popup_wrap .popup_cont {padding:10px 10px; font-size:12px; max-height:700px; overflow-y:auto;}

.p_w200 {width: 200px;}
.p_w300 {width: 300px;}
.p_w370 {width: 370px;}
.p_w400 {width: 400px;}
.p_w430 {width: 430px;}
.p_w500 {width: 500px;}
.p_w600 {width: 600px;}
.p_w700 {width: 700px;}
.p_w800 {width: 800px;}
.p_w900 {width: 900px;}
.p_w1000 {width:1000px;}
.p_w1100 {width:1100px;}
.p_w1200 {width:1200px;}
.p_w1400 {width:1400px;}
.p_w1600 {width:1600px;}