@charset "utf-8";

/* 
 * 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(./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');
}

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {box-sizing: border-box; vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
table {border-collapse: collapse; border-spacing: 0;}
td,th {padding: 0;}

body {background:#fff;}
body,th,td,input,select,textarea,button {font-size:13px;font-weight:400;font-style:normal;line-height:1.5;font-family:'Nanum Square','Nanum Gothic','Malgun Gothic',dotum,gulim;color:#333} 
a {color:#333;text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal;margin-right: 4px;}

/* layout */
html, body {width:100%;height:100%; }
.wrap{width:100%;height:100%;}
.header{height:111px; position:relative;min-width:1054px; width:expression(document.body.clientWidth > 1024 ? "100%" : "1024px"); /* ie6 : min-width *//*background-color:lightsteelblue;*/}
.container{ margin:-113px 0 0 0;min-width:1054px; width:expression(document.body.clientWidth > 1024 ? "100%" : "1024px"); /* ie6 : min-width */}

/* under ie6 */
*html .container {height:100%; } 
/*.content{padding:113px 0 124px 0; overflow:hidden; *zoom:1; }*/
.content{padding:113px 0 0 0; overflow:hidden; *zoom:1; }
.section {width:1054px;margin:0 auto; /*overflow:hidden; 20170831*/ zoom:1;}
.section.w100p{width:100%;margin:0 auto; /*overflow:hidden; 20170831*/ zoom:1;}
.left {float:left;width:230px;}
.right {float:left;width:821px;border-left:1px solid #ccc;}
.footer{height:124px; min-width:1024px; width:expression(document.body.clientWidth > 1024 ? "100%" : "1024px");border-top:1px solid #ccc; /* ie6 : min-width *//*background-color:lightsteelblue;*/}
.lnb{margin-bottom:50px;min-height:300px; _height:300px; /* ie6 : min-height *//*background-color:#E7E4C8;*/}
.article{margin-bottom:50px;min-height:300px; _height:300px; /* ie6 : min-height *//*background-color:#E7E4C8;*/}

/* chrome : html5 audio hide */
#naver_dic_audio_controller{display:block;(-bracket-:hack;display:inline;);}

/* common */
legend, caption{overflow:hidden; width:0.1%; height:0.1%; line-height:0.1%; font-size:0.1%; text-indent:-9999px;}
.txt_hide{overflow:hidden; position:absolute; top:-5000px; left:-5000px; width:0.1%; height:0.1%; line-height:0.1%; font-size:0.1%;}
.clear:before, .clear:after {content:" "; display:table;}
.clear:after {clear:both;}
.qna-write .qna-editor br, .qna-list .title br{ display:none; }
.blind {position:absolute;top:-9999px;left:-9999px;visibility:hidden;width:0;height:0;overflow:hidden;}

.select-type-1{ border:1px solid #d2d2d2; width:auto; height:23px; color:#666; }
.select-type-2{ border:1px solid #d2d2d2; padding:3px; width:82px; height:26px; line-height:19px; color:#666; }
.select-type-3{ border:1px solid #dfdfdf; padding:3px; width:130px; height:34px; line-height:28px; color:#666; }

optgroup{ font-style:normal; }

.input-type-1{ border:1px solid #ccc; padding:2px 5px; width:179px; height:26px; }
.input-type-2{ border:1px solid #dfdfdf; padding:2px 5px; width:274px; height:34px; }
.input-type-3{ border:1px solid #dfdfdf; padding:2px 5px; width:190px; height:34px; }
.input-type-4{ border:1px solid #dfdfdf; padding:2px 5px; width:478px; height:34px; }
.input-type-5{ border:1px solid #d8d8d8; padding:2px 5px; width:200px; height:34px; background:#f9f9f9; }

.textarea-type-1{ border:1px solid #dfdfdf; padding:2px 5px; width:625px; height:113px; resize:none; }
.textarea-type-2{ border:1px solid #dfdfdf; padding:2px 5px; width:625px; height:50px; resize:none; }

.btn-type-1{ border:1px solid #666; background:#747474; color:#fff; width:40px; height:23px; font-size:12px; }

.btn-type-2{ border:1px solid #307e09; width:86px; height:32px; background:#409117; color:#fff; font-size:14px; font-weight:700; }
.btn-type-2:hover, .btn-type-2:focus{ border:1px solid #6c6c6c; background:#777; }

.btn-type-3{ border:1px solid #1470b9; width:58px; height:26px; background:#3586c7; color:#fff; font-size:14px; font-weight:700; }
.btn-type-3:hover, .btn-type-3:focus{ border:1px solid #6c6c6c; background:#777; }

.btn-type-4{ border:1px solid #1470b9; width:66px; height:32px; background:#3586c7; color:#fff; font-size:14px; font-weight:700; }
.btn-type-4:hover, .btn-type-4:focus{ border:1px solid #6c6c6c; background:#777; color:#fff; }

.btn-type-5{ border:1px solid #ccc; width:74px; height:32px; text-align:center; color:#333; font-weight:700; }
.btn-type-5:hover, .btn-type-5:focus{ border:1px solid #6c6c6c; background:#777; color:#fff; }

.btn-type-link-1{ display:inline-block; border:1px solid #1470b9; width:64px; height:30px; line-height:30px; text-align:center; background:#3586c7; color:#fff; font-size:14px; font-weight:700; }
.btn-type-link-1:hover, .btn-type-link-1:focus{ border:1px solid #6c6c6c; background:#777; }

.btn-type-link-2{ display:inline-block; border:1px solid #1470b9; padding:0 15px; height:23px; line-height:23px; text-align:center; background:#3586c7; color:#fff; font-size:13px; font-weight:700; }
.btn-type-link-2:hover, .btn-type-link-2:focus{ border:1px solid #777; background:#777; }

.btn-type-link-3{ display:inline-block; border:1px solid #307e09; width:84px; height:30px; line-height:30px; text-align:center; background:#409117; color:#fff; font-size:14px; font-weight:700; }
.btn-type-link-3:hover, .btn-type-link-2:focus{ border:1px solid #777; background:#777; }

.ellipsis-type-1{ width:173px; white-space:nowrap; text-overflow:ellipsis; -o-text-overow: ellipsis;overflow:hidden; }
.font-blue1{ color:#3586c7; font-size:13px; font-weight:400; }

.section:after { content:""; clear: both;}

.margin-right-10 { margin-right: 10px;}
.margin-right-15 { margin-right: 15px;}

.text-center { text-align: center; }
.position_rel {position: relative;}

.gradate-type-1{ 
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #e8e8e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#e8e8e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
    behavior: url(./js/PIE.htc);
 }
.gradate-type-1:hover, .gradate-type-1:focus{ filter:initial; }

/* skip navigation */
#skip-navi{height: 0;}
#skip-navi a{position:absolute;top:-9999px;width:100%;height:30px;line-height:30px;background-color:#000;color:#fff;font-weight:600;opacity:0.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60);text-align:center;z-index:10000;}        
#skip-navi a:hover, #skip-navi a:focus, #skip-navi a:active {color:#ffffff;top:0;}

/* top menu */
.top-menu-wrap { width: 100%; background-color: #6da509;}
.top-menu{ width:1054px; margin:0 auto; overflow:hidden; zoom:1; }
.top-menu ul{ float:right;  }
.top-menu ul li{ float:left; }
.top-menu ul li a { float:left; height:30px; text-align:center; font-size:12px;  line-height: 30px;  color: #fff;}
a.after_split:after { content: " | "; padding: 0 5px;}
.top-menu ul li.facebook a, .top-menu ul li.twitter a{ width:31px; height:30px; text-indent:-5000px; overflow:hidden; }
.top-menu ul li.bookmark a{ background:none;}
.top-menu ul li.facebook a{ background:url('../images/btn_facebook.png') no-repeat; }
.top-menu ul li.twitter a{ background:url('../images/btn_twitter.png') no-repeat; }
.top-menu ul li + li a{ background:none; }

/* 주메뉴(gnb) */
.gnb-bg-full { display: none; position: absolute; top: 112px; height: 195px; width:100%; background-color: #fff; border-bottom: 1px solid #ddd; z-index: 99;}
.gnb-menu{ width:1054px;margin:0 auto; overflow:hidden; zoom:1; position:relative; background:#fff; z-index:9999;border-bottom:1px solid #ddd;}
.gnb-menu .logo{ float:left; margin-top: 17px; width:198px; height:43px; }
.gnb-menu .logo a{  }
.gnb-menu .logo .tel{ margin:50px 0 0 60px; }
.gnb-menu .gnb { float:right; position:relative; }
.gnb-menu .gnb .gnb-bg { position:absolute; top:81px; left:-320px; width:631px; height:184px; background:url('../images/bg_gnb.jpg') no-repeat 8px 55px; text-indent:-9999px;border-top:1px solid #ddd;}
.gnb-menu .gnb .gnb-list{ overflow:hidden; zoom:1;position: relative;width: 737px;left: 14px; }
.gnb-menu .gnb .gnb-list > li{ float:left; width:140px;}
.gnb-menu .gnb .gnb-list > li:last-child{ position: relative;left: 23px;}
.gnb-menu .gnb .gnb-list li.w155{ float:left; width:155px; }
.gnb-menu .gnb .gnb-list > li > a { display:inline-block; margin:15px 0 0 0; padding:16px 0 16px 0; width:100%;height:66px;color:#333; font-size:20px; font-weight:700; text-align:center;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
/*work*/
.gnb-menu .gnb .gnb-list li ul.sub-menu { width:162px; display:none; margin:0 0 0px 0px;padding-top:12px;height:183px;border-left:1px solid #ddd;border-top:1px solid #ddd;}
.gnb-menu .gnb .gnb-list li ul.sub-menu:hover { border-top:1px solid #6da509;}
.gnb-menu .gnb .gnb-list li ul.sub-menu li{ clear:both; float:none; }
.gnb-menu .gnb .gnb-list li ul.sub-menu li a { display:inline-block; margin:0px 0 0 20px; padding:0 0 0 8px; height:24px; line-height:24px; font-size:14px; background:url('../images/bul_square.gif') no-repeat left center; }
.gnb-menu .gnb .gnb-list li ul.sub-menu li a:hover,
.gnb-menu .gnb .gnb-list li ul.sub-menu li a:focus{ text-decoration:underline; color:#6da509; font-weight:700;background:url('../images/bul_square_active.gif') no-repeat left center;}
.gnb-menu.on{ background:#fff; }
/* .gnb-menu.on .logo{ }
.gnb-menu.on .gnb-list > li > a { border-bottom:1px solid #cfcfcf; } */

.gnb-menu .gnb .gnb-list > li > a:hover, 
.gnb-menu .gnb .gnb-list > li > a:focus, 
.gnb-menu .gnb .gnb-list > li.active > a { color:#6da509; }

.gnb-top-line{ z-index:9999; display:block; position:absolute; top:111px; left:0; width:100%; height:1px; background:url(../images/bg_gnb_top.png) repeat-x; }
.gnb-middle-line{ z-index:9998; display:block; position:absolute; top:111px; left:0; width:100%; height:1px; border-top:1px solid #ddd;}
.gnb-bottom-line{ z-index:9998; display:none; position:absolute; top:111px; left:0; width:100%; height:185px; background:url(../images/bg_gnb_btm.jpg) 0 100% repeat-x red; }

/* 서브메뉴(lnb) */
.lnb .lnb-list{ width:100%;  }
.lnb .lnb-list .lnb-title { display:table;width:100%;height:135px;background:url('../images/bg_sub_title.gif') 0px 0px no-repeat;text-align:center;font-size:28px;font-weight:600;color:#fff;}
.lnb .lnb-list .lnb-title span { display:table-cell;vertical-align:middle;padding:4px 12px;}
.lnb .lnb-list .lnb-nav{  }
.lnb .lnb-list .lnb-nav ul {padding-top:3px;}
.lnb .lnb-list .lnb-nav ul li{ border-bottom:1px solid #ccc;  }
.lnb .lnb-list .lnb-nav ul li a{ display:block; padding:0 50px 0 20px; width:100%; height:57px; line-height:57px; font-size:18px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.lnb .lnb-list .lnb-nav ul.subSubMenu li a:hover {color:#6da509;}
.lnb .lnb-list .lnb-nav ul li.current_page_item a,
.lnb .lnb-list .lnb-nav ul li a:hover,
.lnb .lnb-list .lnb-nav ul li a:focus { color:#6da509; font-weight:bold; background:url('../images/bul_on.jpg') no-repeat 192px center; }
.lnb .lnb-banner { width:188px; margin:0 auto;}
.lnb .lnb-banner ul {  padding-top:10px;}
.lnb .lnb-banner ul li { margin:10px 0 0 0;}
ul.subSubMenu {height:80px;}
ul.subSubMenu li {height:40px;padding-left:10px;border-bottom:none;}
ul.subSubMenu li.current_page_item a{color:#b38708;text-decoration:underline;}
.lnb .lnb-list .lnb-nav ul.subSubMenu li.current_page_item a{background:url('../images/lnb_sub_hover_active.gif') no-repeat 10px 20px;color:#6da509;}
.lnb .lnb-list .lnb-nav ul.subSubMenu li a:hover{background:url('../images/lnb_sub_hover_active.gif') no-repeat 10px 20px;}
.lnb .lnb-list .lnb-nav ul.subSubMenu li a{font-size:14px;line-height:14px;height:28px;padding:0;color:#333;background:url('../images/lnb_sub_hover.gif') no-repeat 10px 20px;font-size: 16px;padding-top: 16px;padding-left:21px;}

/* 콘텐츠 네비게이션 */
.cnt-navi { position:relative; height:195px;border-bottom:1px solid #ccc;margin-bottom:40px;}
.cnt-navi h3 { position:absolute;font-size:38px;left:44px;top:130px;}
.cnt-navi .path{ position:absolute; right:42px;bottom:-43px;}
.cnt-navi .path ul { float: left; padding-left: 17px; }
.cnt-navi .path ul li { color:#888; float:left; line-height:15px; padding-right:5px;padding-left:12px;background:url('../images/bg_pwd_arrow_lt.gif') 0 50% no-repeat; }
.cnt-navi .path ul li a{color: #888;}
.cnt-navi .path ul li.home { background:url('../images/bg_pwd_home.gif') 0 50% no-repeat;padding-left:15px;}
.cnt-navi .path ul li.bar { font-size:12px; line-height:17px; }
.cnt-navi .path ul li.current { padding-right:0; color:#888; font-weight:bold;}

/* footer */
.footer { position:relative;}
.footer > * { color: #808080 !important; }
.footer-menu .policy { display:block;margin-top:26px;}
.footer-menu .policy:after {content:'.'; display:block; clear:both; height:0; line-height:0; visibility:hidden;}
.footer-menu .policy li{ float:left;}
.footer-menu .policy li a { font-size: 15px;  float:left; height:33px; line-height:33px;color:#808080;}
.footer-menu .policy li.first-child a {color:#4c4b4b;font-weight:600;}
.footer-menu .policy li.last-child a{ background:none; }
.footer-company{ padding:30px 0 0 0; }
.footer-company .logo{ float:left; margin:0 10px 0 0; }
.footer-company .info{ float:left;  font-size:14px; }
.footer-company .info .addr{  }
.footer-company .info .office{ overflow:hidden; zoom:1; position:relative; padding:0px 0 2px 0; }
.footer-company .info .office li{ float:left; margin:0 10px 0 0; padding:0 0 0 5px; }
.footer-company .info .office li:before{ display:block; width:2px; height:2px; content:" "; background:url(../images/bul_square_gray.gif) no-repeat; position:absolute; top:9px; margin:0 0 0 -5px; }
.footer-company .info .copy{ font-size:11px; }
.footer .maker { position:absolute;left:50%;top:22px;margin-left:391px;padding-right:93px;width:110px; height:50px;}