/* @import url(http://cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);  */
/* 
 * Nanum Square Web Fonts
 * https://github.com/hiun/NanumSquare
 * Copyright (c) 2010, NAVER Corporation (http://www.nhncorp.com) 
 */
 
@font-face {
  font-family: 'Nanum Square';
  font-style: normal;
  font-weight: 400;
  src: url(/font/NanumSquareR.eot);
  src: local('Nanum Square Regular'),
       local('NanumSquareR'),
       url(/font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
       url(/font/NanumSquareR.woff2) format('woff2'),
       url(/font/NanumSquareR.woff) format('woff'),
       url(/font/NanumSquareR.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Square';
  font-style: bold;
  font-weight: 700;
  src: url(/font/NanumSquareB.eot);
  src: local('Nanum Square Bold'),
       local('NanumSquareB'),
       url(/font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
       url(/font/NanumSquareB.woff2) format('woff2'),
       url(/font/NanumSquareB.woff) format('woff'),
       url(/font/NanumSquareB.ttf) format('truetype');
}
 
html { min-width:1200px !important; position:relative;}
*,body {margin:0; padding:0;}
body {font-family:'Nanum Square'; min-width:1200px !important;}
body:after { display:block; content:""; clear:both; }
 header,nav,aside,article,section,main,footer,ul,ol,li,p,span,dd,dl,dt,a,img,h1,h2,h3,h4,h5,h6,figure,figcaption,hgroup {position:relative;}
img {border:0; vertical-align:middle;}
a {text-decoration:none; }
li {list-style:none;}

.fll{float:left;}
.flr { float:right; }
table { border-spacing: 0; }


header { width:100%; position:relative; }
header .top {  width:100%; height:30px; border-bottom:1px solid #ccc; }
header .top ul { float:right; margin-right:140px; }
header .top ul li { float:left; border-right:1px solid #ccc; padding:0 20px; height:20px;line-height:20px; margin:5px 0;}
header .top ul li:first-child { border-left:1px solid #ccc; }
header .top ul li a { font-size:15px; color:#333; }
header figure { float:left; margin-left:40px; line-height:120px; width:14%; }
header figure img { width:100%; height:auto; max-width:257px; }
header nav { width:calc(100% - 180px); margin-left:40px; }
header nav .gnb { width:847px; float:right; height:120px; }
header nav .gnb li { width:140px; height:120px; float:left; border-right:1px solid #ccc; text-align:center; line-height:120px; }
header nav .gnb li:first-child { border-left:1px solid #ccc; }
header nav .gnb li a { display:block; font-size:17px; color:#333; } 
header nav .gnb li a:hover { background:#555; color:#fff; font-weight:bold; }


.submenu { display:none; position:absolute; text-align:Center;  top:120px; width:100%; height:350px; left:0; background:#555; z-index:99;}
.submenu h1 { font-size:18px; color:#fff; border-bottom:1px solid #aaa; width:92%; margin:30px auto 0 auto; padding-bottom:10px; }
.submenu > li {font-size:15px;   z-index:99999;  width:16.6%; float:left; letter-spacing:-0.05em;}
.submenu > li:last-child { width:17%; }
.submenu li > a {color:#fff; display:block; line-height:40px; font-weight:500;}
.submenu li a:hover { background:rgba(255,255,255,0.3); color:#fff;}
.submenu ul { margin-top:10px; }
.submenu ul li { text-align:Center;  }


footer { width:calc(100% - 100px); height:132px; padding:2% 0 2% 2%; background:#272727; letter-spacing:-0.05em;  }
footer section { float:left; color:#fefefe; width:24%; margin-right:1%; }
footer section:last-child { margin-right:0; }
footer section:last-child li { float:left; text-align:center; margin-right:14px; }
footer section:last-child li a { color:#fff; }
footer section:last-child li:last-child {margin-right:0;}
footer section p { font-size:13px; line-height:21px; margin-bottom:10px; }
footer section h3 { font-size:15px; margin-bottom:10px; }
footer section h3 span { color:#aaa;  }
footer section li { font-size:13px; line-height:21px; }
footer section li span { color:#aaa; }
footer section li p { margin-top:5px; }
footer section strong { font-size:40px; color:#ff2e5a;}

.quick_tap { width:100px; height:calc(100% - 151px); background:#0c3a48; position:absolute; right:0; top:151px; text-align:center; }
.quick_tap ul li { border-bottom:1px solid #38626f; }
.quick_tap figure { margin-top:300px; }
.jbFixed { position:fixed; top:0; height:100%; }

#calc {clear:both; width:calc(100% - 180px);  margin-left:40px; }
#calc:after { display:block; content:""; clear:both; }
/*--------------------------------------------------------------------------------------*/

.visual { width:100%; height:550px; }
.visual ul li { width:100%; height:500px; }
.visual ul li img { float:right; margin-right:60px; margin-top:140px; }

.main_btn { width:100%; height:500px; }
.main_btn div { float:left; width:25%; height:500px; }
.main_btn li a:hover div { display:none; cursor:pointer;}
.main_btn li a:hover div.over { display:inline; cursor:pointer;}
.main_btn li div { border-width:0px; display:inline; }
.main_btn li div.over { display:none; }

.main_ban { margin:40px 0; }
.main_ban { clear:both; width:100%; height:300px; background:url(/img/main_ban01.jpg) no-repeat center; }
.main_ban a { display:block; width:100%; height:100%;} 

.main_borad { height:236.16px; margin-bottom:40px; }
.main_borad section { width:19.5%; height:177px; margin-right:2%; float:left; background:#e2e2e2; padding:2%;}
.main_borad section:last-child { margin-right:0; }
.main_borad section h3 { font-size:18px; color:#000; float:left; margin-bottom:30px; line-height:22px;}
.main_borad section figure { float:right; line-height:22px; }
.main_borad section ul { clear:both; }
.main_borad section ul li { font-size:13px; line-height:25px; background:url(/img/bar01.png) no-repeat left center; padding-left:8px; }
.main_borad section ul li a { color:#555; }
.main_borad section ul li a:hover { color:#333; font-weight:bold; }
.main_borad section ul li span { float:right; }

.partner { border-top:1px solid #ccc; height:85px; clear:both; }
.partner li { margin:0 20px; float:left; line-heighT:85px; }


/*----------------------------------------------------------------*/

.sub_visual { width:100%; height:248px; }
.vis_sub01 { background:url(/img/sub01_bg.jpg) no-repeat center; }
.vis_sub01 h1 { font-size:35px; line-height:55px; text-align:right; margin-right:30px; padding-top:70px; font-weight:normal; color:#fff; letter-spacing:-0.05em; }
.vis_sub01 h1 span { color:#940505; font-weight:700; }

.lnb {width:230px; height:100%; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; float:left;}
.lnb > h1 { width:100%; height:150px; background:url(/img/sub_bg.gif) no-repeat center; text-align:center; line-height:150px; color:#fff;}
.lnb > ul li { height:40px; border-bottom:1px solid #e2e2e2; line-height:40px; }
.lnb > ul li a { display:block; padding-left:15px; font-size:15px; color:#333; letter-spacing:-0.05em;}
.lnb > ul .select a { color:#8f213a;  background-color:#e2e2e2; font-weight:bold;background-image:url(/img/lnb_on.png); background-repeat:no-repeat; 
background-position:right center;  }
.lnb > ul li a:hover { color:#8f213a;  background-color:#e2e2e2; font-weight:bold;background-image:url(/img/lnb_on.png); background-repeat:no-repeat; 
background-position:right center;  }

.tel { width:92%; padding:4%; background:#656565; margin-top:40px;}
.tel h1 { font-size:25px; color:#fff; text-align:center; background:none; margin:10px 0; } 
.tel h3 { font-size:30px; color:#fff; text-align:center; margin-bottom:15px; } 
.tel ul li { font-size:13px; line-height:21px; color:#fff; }
.tel ul li:last-child { margin:0 0 10px 0; }

/*---------------------------------------------------------------*/

.sub_content {float:right; margin-left:38px; width:calc(100% - 270px); margin-bottom:100px;  }
.sub_content .sub_tit { height:45px; border-bottom:5px solid #e2e2e2; margin-top:40px; padding-bottom:10px; }
.sub_content .sub_tit h1 { font-size:40px; color:#333; float:left; color:#333; letter-spacing:-0.07em;}
.sub_content .sub_tit p { font-size:13px; float:right; display:inline; color:#555; margin-top:30px;}
.sub_content .sub_tit p em { font-style:normal; margin:0 5px; }

.s_con { clear:both; margin-top:40px; text-align:Center; }
.sub0101 .s_con p { font-size:25px; line-height:40px; letter-spacing:-0.05em; color:#555;text-align:center; }
.sub0101 .s_con h3 { font-size:40px; color:#883443; letter-spacing:-0.07em;text-align:center; margin-top:10px; margin-bottom:30px;}
.sub0101 .s_con figure { text-align:center; }

.sub0102 .s_con figure { width:100%;}

.sub0103 .s_con .bx-viewport { max-width:1100px !important; margin:0 auto;  }

.sub0104 .s_con h1 { color:#940505; font-size:28px; margin-bottom:10px;}
.sub0104 .s_con p { font-size:20px; line-height:28px; color:#333; }
.sub0104 .s_con section { margin-top:40px; }
.sub0104 .s_con section h3 { background:url(/img/bar02.png) no-repeat left center; padding-left:35px; font-size:25px; line-height:35px; color:#333; }
.sub0104 .s_con section ul { margin-left:35px; margin-top:10px; }
.sub0104 .s_con section ul li { margin-top:20px; }
.sub0104 .s_con section ul li h5 { font-size:22px; color:#333; }
.sub0104 .s_con section ul li h5 span { color:#888; }
.sub0104 .s_con section ul li p { font-size:15px; color:#555; line-height:25px; margin:10px 0; }
.sub0104 .s_con section > p { margin-left:35px; font-size:15px; margin-top:20px; color:#af183a; }

.sub0106 .s_con p { margin-top:10px; font-size:15px; color:#333; }
.sub0106 .s_con ul { margin-top: 20px; }
.sub0106 .s_con ul li {  margin-top:20px;  padding:5px 0; background:#dadada;}
.sub0106 .s_con ul li span { padding:5px 10px; background:#af183a; font-weight:bold; color:#fff; margin-right:10px;   }


.sub0201 .s_con figure { text-align:center; }
.sub0201 .s_con figure img { width:100%; height:auto; max-width:1112px; }

.sub0301 .s_con figure { text-align:center; }
.sub0301 .s_con figure img { width:100%; height:auto; max-width:1112px; }

.sub0401 .s_con figure { text-align:center; }
.sub0401 .s_con figure img { width:100%; height:auto; max-width:979px; }
.sub0402 .s_con figure { text-align:center; }
.sub0402 .s_con figure img { width:100%; height:auto; max-width:1036px; }


.sub0501 .s_con figure { text-align:center; }
.sub0501 .s_con figure img { width:100%; height:auto; max-width:1003px; }
.sub0502 .s_con figure { text-align:center; }
.sub0502 .s_con figure img { width:100%; height:auto; max-width:942px; }
.sub0503 .s_con figure { text-align:center; }
.sub0503 .s_con figure img { width:100%; height:auto; max-width:860px; }






/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}
/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}