@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 "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 "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"]{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;border-radius:0;}
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;background:#fff;border-radius:0;}

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

/* Guide */
#wrap{min-width:1000px;}
.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 버튼 정렬, 강조 컬러, 사용자 테이블 등(사용하지 않을거면 지워도 무방) ******************************/


/* Gnb */
#header{height:94px; position:relative; z-index:3;}
#header h1{padding:30px 0 0 0; float:left}
#header .gnb{position:absolute; right:0; top:11px;}
#header .gnb:after{content:''; display:block; clear:both;}
#header .gnb li{padding:0 0 0 12px; margin-left:12px; float:left; font-size:12px; position:relative;}
#header .gnb li:before{content:''; width:1px; height:10px; margin-top:-5px; background:#d6d6d6; position:absolute; left:0; top:50%;}
#header .gnb li:first-child:before{display:none;}
#header .gnb li a{color:#999;}
#lnbWrap{padding:49px 0 0;}
#lnbWrap .lnb{margin-right:-31px; float:right;}
#lnbWrap .lnb:after{content:''; display:block; clear:both;}
#lnbWrap .lnb > li{float:left;}
#lnbWrap .lnb > li > a{height:45px; padding:0 39px 0; display:block; color:#242426; overflow:hidden; position:relative;}
#lnbWrap .lnb > li > a:before{content:''; width:1px; height:14px; background:#d1d1d1; position:absolute; left:0; top:2px;}
#lnbWrap .lnb > li:first-child > a:before{content:none}
#lnbWrap .lnb > li > a img{vertical-align:top;}
#lnbWrap .lnb > li > a:hover img,#lnbWrap .lnb > li.active > a img{margin-top:-45px;}
#lnbWrap .lnb>li:first-child>a:before{display:none}
#lnbWrap .lnb>li ul{margin:7px 0 0 0; position:absolute; overflow:hidden; display:none; opacity:0; filter:alpha(opacity=0);}
#lnbWrap .lnb>li ul li{padding:8px 12px; float:left; font-size:13px; font-weight:100; position:relative;}
#lnbWrap .lnb>li ul li:before{content:''; display:block; width:1px; height:12px; margin-top:-5px; background:#4fb2dc; position:absolute; left:0; top:50%;}
#lnbWrap .lnb>li ul li:first-child:before{display:none}

#lnbWrap .lnb>li ul li a{color:#fff;}
#lnbWrap .lnb>li ul li a:hover,.lnb>li ul li.active a{opacity:1; filter:alpha(opacity=100);}
#lnbWrap .lnb>li .lnb_sub01{}
#lnbWrap .lnb>li .lnb_sub02{margin-left:30px;}
#lnbWrap .lnb>li .lnb_sub03{margin-left:30px;}
#lnbWrap .lnb>li .lnb_sub04{margin-left:-70px;}
#lnbWrap .lnb>li .lnb_sub05{right:0; margin-left:0;}
.lnb_cover{width:100%; height:0; position:absolute; left:0; top:94px; background:#0090cd;}

#container{background:#e5e5e5}
#contents{padding:0 0 40px;}
#main #contents{padding: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;}
.head_area h3{font-weight:bold;font-size:30px;color:#333;text-transform:capitalize;}

.head_area{position:relative;margin:0 0 50px;}
#contents .top_banner{height:225px;}
#contents .top_banner{background:url('../image/sub/sub_visual01.jpg') center top no-repeat;}
#contents .top_banner .outer {background:no-repeat; background-position:center top;}
#contents .top_banner .titleWrap{width:1000px; padding:100px 0 0; margin:0 auto; display:table; border-spacing:0;}
#contents .top_banner .titleWrap .td{height:225px; text-align:center;}
#contents .top_banner h2{display:inline-block; zoom:1; *display:inline; text-align:center; font-size:35px; font-weight:bold; color:#fff;}
#contents .top_banner .desc{margin-top:5px; text-align:center; font-size:16px; font-weight:100; color:#9f9f9f;}

#location{height:41px;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;background-color:#fff;}
#location .lonb{display:none;}
#location .lonb.ver1 {display:block;}
#location .lonb:after{content:'';display:block;clear:both;}
#location .lonb li{float:left;position:relative; background-color:#fff;}
#location .lonb li:after{content:''; width:7px; height:12px; margin-top:-6px; position:absolute; right:0; top:50%; background:url('../image/sub/location_gt.png') no-repeat;}
#location .lonb li a{position:relative;height:41px;padding:10px 48px 0 20px;box-sizing:border-box;display:block;color:#949494;text-decoration:none;white-space:nowrap;}
#location .lonb li.home a{width:47px;height:41px;padding:0;border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; background:url('../image/sub/ico_home.png') no-repeat 50%;text-indent:-9999px;}
#location .lonb li.home a:before{content:none;}
#location .lonb li.home:after{content:none;}
#location .lonb.ver1 li a.home:before{content:none;}
#location .lonb li.has_ul{}
#location .lonb li.has_ul:before{content:''; width:19px; height:19px; margin-top:-9px; position:absolute; right:22px; top:50%; background:url('../image/sub/location_has_ul.png') no-repeat;}
#location .lonb li.has_ul > a{padding-right:90px;}
#location .lonb li.ver3 a.on {font-weight:bold; color:#000;}
#location .lonb li.ver3:after {content:none;}
#location .lonb li.current:after{content:none}
#location .lonb li.current > a{cursor:default;}


/*마이페이지 로케이션 추가 - 김덕경 -*/
#location .lonb li.active1 a{font-weight:bold;color:#333; cursor:default;}

#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{border-left:1px solid #e2e2e2;border-top:1px solid #e2e2e2;position:absolute;left:0;top:41px;right:24px;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; white-space:nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis;}
#location .lonb li ul li a:hover {color:#333;font-weight:bold;}
#location .lonb li ul li:after{content:none}
#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.ver2.active + li {cursor:default;}
#location .lonb li.ver2.active + li a:before{content:none;}
#location .lonb li.active.t3 a:before{content:none;}
#location .lonb li.active ul li a:before{content:none;}

#location .locationTools{position:absolute; right:0; top:0;}
#location .locationTools:after{content:''; display:block; clear:both}
#location .locationTools a{float:left; border-right:1px solid #e2e2e2;}
#location .locationTools a:first-child{border-left:1px solid #e2e2e2;}


/* footer */
/* #footer{border-top:1px solid #e2e2e2;} */
#footer .footerTop{padding:12px 0; border-bottom:1px solid #e2e2e2}
#footer .footerTop a{padding:0 13px; float:left; font-size:12px; font-weight:bold; color:#666; position:relative;}
#footer .footerTop a:before{content:''; display:block; width:1px; height:10px; margin-top:-4px; background:#e5e5e5; position:absolute; left:0; top:50%;}
#footer .footerTop a:first-child{padding-left:0;}
#footer .footerTop a:first-child:before{display:none}
#footer .footerBottom{padding:26px 0;}

#footer .logo{float:left;margin:0 50px 0 0;}
#footer .foot{float:left;}
#footer address{letter-spacing:0; font-size:12px; color:#8e8e8e}
#footer .copyright{margin-top:5px; letter-spacing:0; font-size:10px; color:#b0b0b0}
#footer .aside{position:absolute;right:0;top:0;}

/* familysite */
#family_site{display:inline-block;overflow:hidden;position:relative;margin:0 0 0 12px;vertical-align:middle;}
#family_site.on{overflow:visible;}
#family_site button{}
#family_site .option{position:absolute;left:0;bottom:27px;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 ******************************/

/* Main */
#mainVisual{height:600px; position:relative; border-top:1px solid #009fe3; border-bottom:1px solid #000;}
#mainVisual .mvList{height:100%; position:relative;}
#mainVisual .mvList li{width:100%; height:100%; background-repeat:no-repeat; background-position:center top; position:absolute; left:0; top:0; display:none; z-index:0;}
#mainVisual .mvList li:first-child{display:block; z-index:1;}
#mainVisual .cont{width:1000px; padding:150px 0 0; margin:0 auto; position:relative;}
#mainVisual .cont:after{content:''; height:1px; display:block; background:#fff; opacity:0.5; filter:alpha(opacity=50); position:absolute; left:0; right:0; bottom:0;}
#mainVisual .cont em{margin-bottom:17px; display:block; font-size:20px; font-weight:bold; color:#18a7e4;}
#mainVisual .cont strong{font-size:50px; line-height:55px; font-weight:bold; color:#fff;}
#mainVisual .cont p{padding:20px 0 45px; font-size:17px; line-height:25px; color:#b7b7b7; position:relative;}
#mainVisual .cont p .btn_detail{width:185px; height:38px; position:absolute; right:0; top:28px; border:1px solid #fff; text-align:center; font-size:14px; line-height:36px; color:#fff; opacity:0.6; filter:alpha(opacity=60);}
#mainVisual .controller,#mainVisual .nav button{z-index:2;}
#mainVisual .controller{text-align:center; position:absolute; left:0; right:0; bottom:22px; font-size:0;}
#mainVisual .controller ol{display:inline-block; zoom:1; *display:inline; font-size:0; vertical-align:middle;}
#mainVisual .controller ol li{display:inline-block; zoom:1; *display:inline;}
#mainVisual .controller ol li a{width:15px; height:15px; display:block; background:url('../image/main/mv_controller_bg.png') no-repeat; text-indent:-9999px;}
#mainVisual .controller ol li.active a{background-position:0 -15px;}
#mainVisual .controller ol li,#mainVisual .controller button{margin:0 2px 0 3px;}
#mainVisual .controller button{display:inline-block; zoom:1; *display:inline; font-size:0; line-height:0; vertical-align:middle; display:none;}
#mainVisual .controller button span{width:15px; height:15px; display:block; background:url('../image/main/mv_controller_btn.png') no-repeat;}
#mainVisual .controller button.stop span{background-position:0 -15px;}
#mainVisual .nav button{margin-top:-28px; position:absolute; top:50%;}
#mainVisual .nav button.prv{left:20px;}
#mainVisual .nav button.next{right:20px;}

#mainContents{padding:60px 0 63px; border-bottom:1px solid #009fe3;}
#mainContents .sectionWrap{margin:-18px 0 0 -17px;}
#mainContents .sectionWrap:after{content:''; display:block; clear:both;}
#mainContents .section{width:322px; height:234px; padding:0 30px; float:left; margin:18px 0 0 17px; box-sizing:border-box; position:relative;}
#mainContents .section:before{content:''; width:326px; height:239px; background:url('../image/main/m_section_bg1.png') no-repeat; position:absolute; left:-1px; top:-1px;}
#mainContents .section.m_webzine:before{background-image:url('../image/main/m_section_webzine01.png');}
#mainContents .section.m_webzine.ver2:before{background-image:url('../image/main/m_section_webzine011.png');}
#mainContents .section.m_vod:before{background-image:url('../image/main/m_section_webzine012.png');}
#mainContents .section.m_date:before{background-image:url('../image/main/m_section_webzine013.png');}
#mainContents .section h3{padding:7px 0 35px; font-size:20px; font-weight:bold; color:#fff; letter-spacing:-1px;}
#mainContents .section.m_webzine h3,#mainContents .section.m_vod h3{color:#fff;}
#mainContents .section .more{position:absolute; right:2px; top:10px;}
#mainContents .section .more.write {position:absolute; right:32px; top:10px;}
#mainContents .section .cont,
#mainContents .section .bbs,
#mainContents .section .m_memo,
#mainContents .section .m_scedule{position:relative;}
#mainContents .section.m_date{text-align:center;}
#mainContents .section.m_date .cont{padding:50px 0 0;}
#mainContents .section.m_date .dateBox{line-height:60px; font-size:25px; color:#fff;}
#mainContents .section.m_date .dateBox span.data {font-size:22px; font-weight:normal; letter-spacing:-1px;}
#mainContents .section.m_date .dateBox .num {margin-top:-20px;}
#mainContents .section.m_date .dateBox .num strong{font-size:60px; font-weight:normal; color:#18b3b7; vertical-align:-5px;}
#mainContents .section.m_date .dateBox .num span {font-size:20px; font-weight:normal; color:#18b3b7;}
#mainContents .section.m_date .desc{font-size:14px; color:#bababa; letter-spacing:-1px;}

#mainContents .section .bbs ul{}
#mainContents .section .bbs ul li{padding:0 90px 8px 0; font-size:14px; position:relative;}
#mainContents .section .bbs ul li:after{content:''; display:block; clear:both}
#mainContents .section .bbs ul li p{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis;}
#mainContents .section .bbs ul li p a{}
#mainContents .section .bbs ul li span{color:#888; position:absolute; right:0; top:0;}
#mainContents .section .m_memo{}
#mainContents .section .m_memo ul{height:135px; overflow-x:hidden; overflow-y:auto;}
#mainContents .section .m_memo ul li{font-size:14px; line-height:18px; color:#555;}
#mainContents .section .m_memo ul li+li{margin-top:9px;}
#mainContents .section .m_memo ul li span{margin-left:5px; font-size:12px; color:#888;}
#mainContents .section.m_vod .nav button {position:absolute; top:110px;}
#mainContents .section.m_vod .nav button.prv{left:-14px;}
#mainContents .section.m_vod .nav button.next{right:-14px;}
#mainContents .section.m_vod .rolling {position:absolute; right:-10px; top:13px;}
#mainContents .section.m_vod .rolling a {width:11px; height:10px; margin-left:3px; overflow:hidden; display:inline-block;}
#mainContents .section.m_vod .rolling a img {vertical-align:top;}
#mainContents .section.m_vod .rolling a.on img {margin:-10px 0 0;}

#mainContents .section .m_vod_wrap{width:206px; height:132px; overflow:hidden; position:relative; margin:-10px auto 0; padding:0 0 40px;}
#mainContents .section .m_vod_wrap ul{width:100%; height:100%; position:absolute; left:0; top:0; bottom:40px;}
#mainContents .section .m_vod_wrap ul:after{content:''; display:block; clear:both}
#mainContents .section .m_vod_wrap ul li{width:100%; height:100%; position:absolute; left:100%; top:0; display:none; overflow:hidden}
#mainContents .section .m_vod_wrap ul li:first-child{display:block; left:0;}
#mainContents .section .m_vod_wrap ul li a{height:100%; display:block; position:relative;}
#mainContents .section .m_vod_wrap ul li a .info{padding:8px; text-align:center; position:absolute; left:0; right:0; bottom:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis;}
#mainContents .section .m_vod_wrap ul li a .info:before{content:''; position:absolute; left:0; top:0; right:0; bottom:-50px; /* background:#000; opacity:0.6; filter:alpha(opacity=60); */}
#mainContents .section .m_vod_wrap ul li a .info span{font-size:13px; position:relative;}
#mainContents .section .m_scedule{}
#mainContents .section .m_scedule ul{}
#mainContents .section .m_scedule ul li{font-size:14px; line-height:16px;}
#mainContents .section .m_scedule ul li:after{content:''; display:block; clear:both}
#mainContents .section .m_scedule ul li+li{margin-top:13px;}
#mainContents .section .m_scedule ul li .date,#mainContents .section .m_scedule ul li .info{float:left;}
#mainContents .section .m_scedule ul li .date{width:115px; color:#777;}
#mainContents .section .m_scedule ul li .info{width:145px; color:#009fe3; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis;}
#mainContents .section .m_scedule ul li:first-child .date{font-weight:bold; color:#555;}
#mainContents .section .m_scedule ul li:first-child .info{font-weight:bold;}
#mainContents .section.m_webzine .cont{}
#mainContents .section.m_webzine .cont a.txt {overflow: hidden; max-height:90px; word-break:break-all; display:inline-block;}

#mainContents .m_webzine_wrap{min-height:143px;}
#mainContents .m_webzine_wrap:after{content:''; display:block; clear:both}
#mainContents .m_webzine_wrap .cont,#mainContents .m_webzine_wrap .photo{float:left;}
#mainContents .m_webzine_wrap .cont{width:109px; font-size:16px; line-height:18px; font-weight:bold; color:#fff; letter-spacing:-1px;}
#mainContents .m_webzine_wrap .cont strong{margin-bottom:2px; display:block; font-size:16px; font-weight:bold; color:#fff;}
#mainContents .m_webzine_wrap .cont a {}
#mainContents .m_webzine_wrap .photo{width:134px; height:156px; margin:-16px 18px 0 0; overflow:hidden;}
#mainContents .m_webzine_wrap .photo img{width:100%; height:100%;}
#mainContents .m_webzine_wrap .btn_detail{width:94px; height:26px; display:block; position:absolute; right:17px; bottom:10px; background:#002663; text-align:center; font-size:12px; line-height:24px; color:#fff;}
#mainContents .ver2 .m_webzine_wrap .cont{width:180px; font-size:14px; font-weight:normal; color:#fff; }
#mainContents .ver2 .m_webzine_wrap .cont strong{margin-bottom:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis;word-wrap:normal; width:180px;}
#mainContents .ver2 .m_webzine_wrap .cont p {overflow: hidden; max-height:80px; word-break:break-all; }
#mainContents .ver2 .m_webzine_wrap .btn_detail{background:#008cb1; position:absolute; left:1px;}

/* 한줄 메모장 */
#mainContents .section .memo {position:relative;}
#mainContents .section .layer_wrap {display:none;}
#mainContents .section .layer_wrap .memo_layer {position:absolute; left:0; right:0; top:0; bottom:0; z-index:100; padding:10px 30px 30px;}
#mainContents .section .layer_wrap .memo_layer .titleArea h6 {font-size:20px; font-weight:bold; color:#fff; letter-spacing:-1px; margin-bottom:14px; position:relative;}
#mainContents .section .layer_wrap .memo_layer .titleArea h6:after {content:""; display:block; clear:both;}
#mainContents .section .layer_wrap .memo_layer .titleArea  h6 span a.close {position:absolute;right:0; top:-2px;}
#mainContents .section .layer_wrap .memo_layer {}
#mainContents .section .layer_wrap .memo_layer form span{width:100%; margin:0 0 11px; display:block; float:left; position:relative;}
#mainContents .section .layer_wrap .memo_layer form span label{font-size:13px; line-height:35px; color:#888; position:absolute; left:13px; top:0;}
#mainContents .section .layer_wrap .memo_layer form textarea {width:100%; height:80px; padding:5px; box-sizing:border-box;}

#mainContents .section .layer_wrap span.dim1 {background:#000; opacity:.8; position:absolute; left:0; right:0; top:0; bottom:0; z-index:10;}


/* 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;}

.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;}
.h4:before{content:'';position:absolute;left:0;top:4px;height:17px;border-left:3px solid #343434;vertical-align:-3px;}
.h5{margin:0 0 5px;font-weight:bold;font-size:16px;color:#444;text-transform:capitalize;letter-spacing:-1px;}
.h6{margin:0 0 5px;font-weight:bold;font-size:15px;color:#444;text-transform:capitalize;letter-spacing:-1px;}
.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;}
.h4 .stxt{color:#767676;font-size:15px;font-weight:normal;text-transform:none;}

/* 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 */
#contents .contBody{width:918px; min-height:355px; margin:40px auto 0; padding:40px; border:1px solid #dedede; background:#fff;}


/* allmenu */
.allvmenu {position:absolute;top:-150%;left:50%;margin-left:-500px;width:860px; padding:0 70px 50px; background:url('../image/bg_allvmenu1.png') repeat 0 0;z-index:200;}
.allvmenu:before{content:''; display:block; position:absolute; left:0; top:0; right:0; bottom:0; background:#008fcd; opacity:1; filter:alpha(opacity-100);}
.allvmenu .inner{position:relative;}
.allvmenu .allvmenu_logo {padding:65px 0 55px;text-align:center; border-bottom:1px solid #00a3e8; position:relative;}
.allvmenu .allvmenu_logo:after{content:''; width:165px; height:3px; display:block; overflow:hidden; background:#00a3e8; position:absolute; left:0; bottom:-2px;}
.allvmenu .allvmenu_close {position:absolute;top:15px;right:13px;}
#allgnb{padding:28px 0 0;}
#allgnb > li {border-bottom:1px solid #00a3e8;}
#allgnb li:after{content:'';display:block;clear:both;}
#allgnb li a{color:#fff;}
#allgnb > li > a {width:165px; float:left; margin:0 0 0 0; font-size:24px; font-weight:bold;}
#allgnb > li {padding:20px 0; overflow:hidden;width:100%;}
#allgnb li ul.second{margin-top:3px; float:left;}
#allgnb li > ul.second > li{padding:0 35px 0 20px;font-size:18px; display:inline-block; margin-bottom:10px; vertical-align:top;}
#allgnb li > ul > li > ul.third {float:none;}
#allgnb li > ul > li > ul.third li {display:block; margin-top:9px;}
#allgnb li > ul > li > ul.third a { font-size:14px; color:#a4e1f3;}
/* #allgnb li ul li:before{content:''; width:1px; height:8px; margin-top:-4px; display:block; background:#fff; position:absolute; left:0; top:50%; opacity:0.5; filter:alpha(opacity=50);} */
#allgnb li ul li:first-child:before{display:none}
#allgnb li ul li a:hover{text-decoration:underline;}
#allgnb li ul li a:after {content:""; display:block; clear:both;}
.dim{position:fixed; left:0; top:0; right:0; bottom:0; background:#000; opacity:0.4; filter:alpha(opacity=40); z-index:199; display:none;}