@charset "utf-8";

/*@import url("https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css");*/

/* skipNav */
#skipNav a{display:block;overflow:hidden;height:0;line-height:24px;text-align:center;background:#000;color:#fff;}
#skipNav a:focus{height:auto;}

/* reset css */
* {max-height:1000000px;}
html,body{margin:0;padding:0;}
body{font:13px/1.5 "Nanum Gothic", "Malgun Gothic", "돋움", Dotum, "굴림", Gulim, sans-serif;color:#767676; background-color:#fff;letter-spacing:-.25px;-webkit-text-size-adjust:none;word-break:keep-all;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,tbody,tfoot,thead,th,td{margin:0;padding:0;}
input,textarea,select,td,th,button{font:13px/1.5 "Nanum Gothic", "Malgun Gothic", "돋움", Dotum, "굴림", Gulim, Arial, sans-serif;color:#767676;vertical-align:middle;letter-spacing:-.25px;word-break:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
table{table-layout:fixed;width:100%;border-spacing:0;border-collapse:collapse;}
ol,ul,li{list-style:none;}
hr, legend, caption, .skip{position:absolute;overflow:hidden;line-height:0.01%;font-size:0.01%;width:0;height:0;}
img,fieldset{border:0 none;vertical-align:middle;}
label,button{cursor:pointer;}
em,address{font-style:normal;}
a{color:inherit;text-decoration:none;}

caption{display:none;}

/* Input */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"]{height:16px;padding:2px 0 1px;border:1px solid #e2e2e2;line-height:16px;text-indent:5px;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;}
input[type="submit"],
input[type="button"],
input[type="image"]{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;}
input[type="radio"],
input[type="checkbox"]{width:13px;height:13px;}
input[type="file"]{border:1px solid #e2e2e2;background:#fff;}
textarea{overflow:auto;overflow-x:hidden;border:1px solid #e2e2e2;background:#fff;resize:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;}
select{max-width:100%;border:1px solid #e2e2e2;}

/* Button */
button{overflow:visible;margin:0;padding:0;border:0;background:none;white-space:nowrap;cursor:pointer;}
button::-moz-focus-inner{padding:0;border:0;}
button span{position:relative;}

/* Guide */
.wrapper{position:relative;width:1000px;margin:0 auto;}
.wrapper:after{content:'';display:block;clear:both;}

/***************************************************** Reset *****************************************************/

.btn_wrap{position:relative;margin:15px 0 0;text-align:center;}
.btn_wrap:after{content:'';display:block;clear:both;}
.btn_wrap .btn_left{float:left;}
.btn_wrap .btn_right{float:right;}
.btn_wrap input,
.btn_wrap button,
.btn_wrap a{display:inline-block;margin:0 1px;vertical-align:middle;}

/* Font */
.t_point{color:#0c4595;}
.t_strong{color:#333;}

/* Align */
.al_middle{display:inline-block;vertical-align:middle;}

/* Box */
.box_scroll{}
.box_scroll .box{overflow:auto;overflow-x:hidden;}

/* Table */
.table_wrap{overflow:hidden;margin:0 -1px 0 0;}
.table_wrap .dtable{margin:0 0 0 -1px;border-right:0;}
.dtable{width:100%;border-top:1px solid #e6e6e9;border-right:1px solid #e6e6e9;}
.dtable th,
.dtable td{padding:8px 5px 7px;border-bottom:1px solid #e6e6e9;border-left:1px solid #e6e6e9;text-align:center;}
.dtable th,
.dtable td.th{background:#eaebee;font-weight:bold;color:#202020;}
.dtable.row th,
.dtable.row td,
.dtable .title{text-align:left;}
.dtable.row .th{text-align:center;}

.table_form{display:table;width:100%;border-collapse:collapse;border-spacing:0;box-sizing:border-box;}
.table_form .tr{display:table-row;}
.table_form .td{display:table-cell;vertical-align:middle;}
.table_form.v-top .td{vertical-align:top;}

.dtable_txt{position:relative;margin:0 0 15px;}
.dtable_txt:after{content:'';display:block;clear:both;}
.dtable_txt .txt_left{float:left;}
.dtable_txt .txt_right{float:right;}

.dtable_desc{position:relative;margin:15px 0 0;}
.dtable_desc:after{content:'';display:block;clear:both;}
.dtable_desc .txt_left{float:left;}
.dtable_desc .txt_right{float:right;}
/****************************** Interface 버튼 정렬, 강조 컬러, 사용자 테이블 등(사용하지 않을거면 지워도 무방) ******************************/


/* Layout */
#wrap{min-width:1000px;}

/* Gnb */
#gnbMenu{overflow:hidden;position:absolute;right:0;top:112px;width:100%;height:56px;border-top:1px solid #e3e3e3;}
#gnbMenu:before{content:'';position:absolute;left:0;right:0;bottom:0;border-bottom:3px solid #222;}
#gnbMenu:after{content:'';position:absolute;left:50%;right:0;bottom:0;margin:0 0 0 250px;border-bottom:3px solid #222;}
#gnbMenu .outer{margin:56px 0 0;padding:0 0 40px;background:rgba(0,0,0,.8);}
#gnbMenu .inner{position:relative;top:-56px;}
#gnbMenu .inner > div{display:table;table-layout:fixed;width:1000px;margin:0 auto 0;}
#gnb{display:table-row;}
#gnb > li{display:table-cell;text-align:center;}
#gnb > li > a{display:block;font-size:18px;line-height:53px;color:#4e4e4e;}
#gnb .sub{padding:15px 0 0;}
#gnb .sub li{margin:5px 0 0;}
#gnb .sub li a{font-size:13px;text-transform:capitalize;color:#fff;}
#gnb .sub li a:hover,
#gnb .sub li a:focus,
#gnb .sub li.active a{color:#0f0e9f;}

/* lnb */
#lnb > ul{position:relative;padding:1px 0 0;}
#lnb > ul > li{margin:-1px 0;}
#lnb > ul > li > a{display:block;position:relative;padding:11px 15px 12px;border-top:1px solid #cecece;border-bottom:1px solid #cecece;font-size:14px;text-decoration:none;}
#lnb > ul > li > a:hover,
#lnb > ul > li > a:focus,
#lnb > ul > li.active > a{background:#aaa;color:#fff;text-decoration:underline;}
#lnb > ul > li.active > a:before{content:'';position:absolute;right:-13px;top:50%;margin:-5px 0 0;border:5px solid transparent;border-left:8px solid #aaa;}
#lnb > ul > li.active ul{display:block;}
#lnb .active .sub{display:block;}
#lnb .sub{display:none;}
#lnb .sub ul{overflow:hidden;padding:0 0 8px;}
#lnb .sub ul li{margin:8px 0 0;}
#lnb .sub ul li a{padding:0 0 0 7px;font-size:12px;text-decoration:none;}
#lnb .sub ul li a:before{content:'ㆍ';}
#lnb .sub ul li a:hover,
#lnb .sub ul li a:focus,
#lnb .sub ul li.on a{color:#263997;}

#header{position:relative;z-index:10;height:169px;}
#header .wrapper{z-index:2;}
#header h1{padding:28px 0 0;}
#header .head{position:absolute;right:0;top:10px;}
#header #mBanner{position:absolute;left:0;top:12px;}
#header #mBanner .inner{position:relative;height:80px;}
#header #mBanner .gallery{}
#header #mBanner .gallery li + li{display:none;}
#header #mBanner .nav{position:absolute;left:0;bottom:0;white-space:nowrap;}
#header #mBanner .nav button{margin:0 -1px 0 0;font-size:0;}
#header .conRight{}
#header .util_wrap{display:inline-block;vertical-align:middle;color:#cecece;}
#header .util_wrap a{position:relative;margin:0 0 0 5px;padding:0 0 0 7px;font-weight:bold;font-size:11px;}
#header .util_wrap a:hover{color:#222;}
#header .util_wrap a:before{content:'';position:absolute;left:0;top:50%;height:11px;margin:-6px 0 0;border-left:1px solid #e9e9e9;font-size:0;}
#header .util_wrap a:first-child:before{content:none;}
#header .search{position:absolute;right:0;top:25px;width:185px;padding:0 58px 0 0;height:26px;background:url('../image/bg_search.png') no-repeat;}
#header .search input[type="text"]{width:100%;height:24px;margin:1px;padding:0;line-height:24px;border:0;vertical-align:middle;}
#header .search input[type="image"]{position:absolute;right:0;top:0;width:53px;height:26px;}

#container{}
#contents{width:100%;padding:50px 0;}

#sBody{}
#sBody #conLeft{float:left;width:200px;padding:50px 0 0;}
#sBody #conLeft h2{padding:40px 20px;border-radius:10px 10px 0 0;background:#222;font-weight:bold;font-size:18px;color:#fff;text-transform:capitalize;}
#sBody #contents{position:relative;}
#conLeft + #contents{float:right;width:770px;}
#sBody #contents > h3{margin:0 0 50px;font-weight:bold;font-size:30px;color:#333;text-transform:capitalize;}

/*
#location{}
#location a{display:inline-block;}
#location a:first-child{width:19px;background:url('../image/ico_home.png') no-repeat 50%;text-indent:-9999px;}
*/

.top_banner{background:#aaa url('../image/sub/bg_sub1.jpg') no-repeat 50% 0;font-size:0;}
.top_banner .outer{height:100%;background-repeat:no-repeat;background-position:50% 0;}
.top_banner .wrapper{height:259px;}
.top_banner .wrapper:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
.top_banner p{display:inline-block;vertical-align:middle;color:#fff;font-size:13px;}
.top_banner p em{display:block;margin:0 0 5px;font-size:40px;line-height:1.2;font-weight:100;}
.top_banner p em strong{font-weight:400;}

#location{height:47px;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;background-color:#efefef;}
#location .lonb{background:#fff;}
#location .lonb:after{content:'';display:block;clear:both;}
#location .lonb li{float:left;position:relative;margin:0;padding:0;}
#location .lonb li a{position:relative;height:47px;padding:14px 100px 0 19px;box-sizing:border-box;display:block;color:#949494;text-decoration:none;border-right:1px solid #e2e2e2;white-space:nowrap;}
#location .lonb li a.home{width:47px;height:47px;padding:0;border-left:1px solid #e2e2e2; background:url('../image/sub/ico_home.png') no-repeat 50%;text-indent:-9999px;}
#location .lonb li a.home:before{content:none;}
#location .lonb li a.lop:before{background-position:0 100%;}
#location .lonb li a.active{font-weight:bold;color:#333;}
#location .lonb li a.active:before{background-position:0 100%;}
#location .lonb li.active a{font-weight:bold;color:#333;}
#location .lonb li.active a:before{content:none;background-position:0 100%;}
#location .lonb li .home.active{background:url('../image/icon_home_white.png') no-repeat;}
#location .lonb li ul{width:100%;border-left:1px solid #e2e2e2;border-top:1px solid #e2e2e2;position:absolute;left:-1px;top:47px;display:none;z-index:1;}
#location .lonb li ul.home_sub{width:150px;left:0;}
#location .lonb li ul li{float:none;border:1px solid #e2e2e2;border-top:0;border-left:0;}
#location .lonb li ul li a{height:auto;margin:0;padding:6px 15px 6px 19px;border:0;background:#f6f6f6;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
#location .lonb li ul li a:hover {color:#333;font-weight:bold;}
#location .lonb li.active a:before{content:'';position:absolute;right:17px;top:21px;width:10px;height:7px;background:url('../image/sub/ico_locate.png') no-repeat;}
#location .lonb li.active ul li a:before{content:none;}


/* footer */
#footer{margin:50px 0 0;padding:30px 0;border-top:1px solid #eee;}
#footer .wrapper{}
#footer .logo{float:left;margin:0 50px 0 0;}
#footer .foot{float:left;}
#footer .elink{color:#dbdbdb;}
#footer .elink a{display:inline-block;font-weight:bold;color:#666;}
#footer .elink a:hover{color:#926f58;}
#footer .elink a:before{content:'';display:inline-block;vertical-align:middle;position:relative;top:-1px;height:11px;margin:0 5px 0 3px;border-left:1px solid #dbdbdb;}
#footer .elink a:first-child:before{content:none;}
#footer address{letter-spacing:0;}
#footer .copyright{letter-spacing:0;}
#footer .aside{position:absolute;right:0;top:0;}

/* familysite */
#family_site{display:inline-block;overflow:hidden;position:relative;margin:0 0 0 15px;vertical-align:middle;}
#family_site.on{overflow:visible;}
#family_site button{}
#family_site .option{position:absolute;left:0;bottom:36px;right:0;padding:10px;border:1px solid #eee;background:#f5f5f5;}
#family_site .option li{vertical-align:top;line-height:1.6;}
#family_site .option li + li{}
#family_site .option a{display:block;padding:2px 5px;font-size:12px;}
#family_site .option a:hover{background:#767676;color:#f5f5f5;}

.conHalf{float:left;width:47%;margin:10px 5% 10px 0;}
.conHalf:last-child{float:left;width:47%;margin-right:0;}

/* layerpop */
.layerpop{display:none;position:absolute;left:0;top:0;z-index:9999;width:100%;padding:100px 0 0;color:#333;text-align:center;}
.layerpop.on{display:block;}
.layerpop .shadow{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);}
.layerpop .inner{display:inline-block;position:relative;margin:0 auto;padding:30px;border:3px solid #000;background:#fff;text-align:left;}
.layerpop h1{margin:0 0 15px;font-weight:bold;font-size:16px;}
.layerpop .head{font-size:15px;color:#333;}
.layerpop .head .t_point{font-size:24px;}
.layerpop .btn_right{margin:10px 0 0;text-align:right;}
.layerpop .close{position:absolute;right:-3px;top:-22px;}
.layerpop .btn_wrap .close{position:static;}

/****************************** Layout ******************************/

/* article */
.article_wrap{margin:40px 0 0;}
#sBody #contents > h3 + .article_wrap,
.article_wrap:first-child{margin-top:0;}
.article_wrap .article{margin:20px 0 0;}
.article_wrap .article:first-child{margin-top:0;}
.article_wrap .h4{position:relative;margin:0 0 10px;padding:0 0 0 13px;font-weight:bold;font-size:17px;color:#393939;text-transform:capitalize;letter-spacing:-1px;}
.article_wrap .h4:before{content:'';position:absolute;left:0;top:4px;height:17px;border-left:3px solid #343434;vertical-align:-3px;}
.article_wrap .h5{margin:0 0 5px;font-weight:bold;font-size:16px;color:#444;text-transform:capitalize;letter-spacing:-1px;}
.article_wrap .h6{margin:0 0 5px;font-weight:bold;font-size:15px;color:#444;text-transform:capitalize;letter-spacing:-1px;}
.article_wrap .h6.stick:before{content:'';display:inline-block;vertical-align:middle;position:relative;top:-2px;width:7px;height:4px;margin:0 5px 0 0;background:#0f0e9f;font-size:0;}
.article_wrap .stxt{color:#767676;font-size:15px;font-weight:normal;text-transform:none;}
.article_wrap > .table_form > .tr > .td + .td{padding:0 0 0 15px;}

/* tabContents */
.tab_wrap .tabMenu{display:table;table-layout:fixed;width:100%;border-collapse:collapse;border-spacing:0;border:none;}
.tab_wrap .tabMenu ul{display:table-row;}
.tab_wrap .tabMenu li{display:table-cell;height:43px;line-height:43px;text-align:center;vertical-align:middle;}
.tab_wrap .tabMenu li:first-child a{margin-left:0;}
.tab_wrap .tabMenu li a {display:block;position:relative;margin:0 0 0 -1px;text-align:center;font-weight:bold;color:#6c6c6c;border:1px solid #dfdfdf;background:#f5f5f5;}
.tab_wrap .tabMenu li a:hover,
.tab_wrap .tabMenu li.on a{border-bottom-color:#fff;color:#000;background:#fff;z-index:2;}
.tab_wrap .tabMenu li a:hover:before,
.tab_wrap .tabMenu li.on a:before{content:'';position:absolute;left:-1px;top:-1px;right:-1px;border-top:2px solid #000;}
.tab_wrap .tabcont {overflow:hidden;height:0;}
.tab_wrap .tabcont.on{overflow:visible;height:auto;padding:30px 0 0;}

/* Contents */