@charset "utf-8";
.wrapper{margin:auto; max-width:1200px}
.wrapper:after{display:block; content:''; clear:both}

#loginPage {background:#fbfbfb;}
#loginPage #contents .login {max-width:800px;}
#loginPage #contents {width:100%;}
#loginPage u {text-decoration:none; position:relative;}
#loginPage u:before {position:absolute; bottom:-1px; left:0; width:100%; height:1px; background:#000; content:"";}
#loginPage u.point:before {background:#cc2325;}

#container:before{display:block; content:''; position:absolute; left:0px; top:0; width:100%; height:130px; background:#fbfbfb; z-index:-1}
#contents {position:relative;}


#contents{float:right; width:74%}
h3{padding:40px 0px; color:#1b1b1b; font-size:2.4em; letter-spacing:-4px; word-wrap:break-word; word-break:keep-all;}
#con_tit{position:relative; height:150px}
#con_tit ol#location{overflow:hidden; padding:8px 0px 14px}
#con_tit ol#location>li{float:left}
#con_tit ol#location>li:before{display:inline-block; content:'>'; vertical-align:middle; margin:-1px 7px 0px; font:bold 11px dotum; color:#ccc}
#con_tit ol#location>li:first-child{width:20px; text-indent:-5000px; background:url(/main/img/sub/ic_home.gif) no-repeat left center}
#con_tit ol#location>li:first-child:before{display:none}
#con_tit div.shareBox{position:absolute; top:40px; right:0px}
#con_tit div.shareBox ul.shareSns{overflow:hidden; text-align:right; font-size:0px}
#con_tit div.shareBox .print{position:absolute; right:0px; top:50px; }
#con_tit div.shareBox .print a{display:block; padding:2px; padding-right:30px; background:url(/main/img/sub/ic_print.gif) no-repeat right center}
#detail_con{padding-top:40px; padding-bottom:60px; min-height:500px; line-height:1.65em}

#lmenu{float:left; margin-top:30px; margin-bottom:30px; width:23%; max-width:265px; background:#2453bc; box-shadow:0px -10px 0px #193e8f; border-radius:15px}
#lmenu h2{text-align:center; padding:35px 10px; color:#fff; font-size:2em}
#lmenu h2 a{color:#fff;}
#lmenu h2 a:hover {text-decoration:none; color:#eee;}
#lmenu>ul{padding:10px 10px 50px}
#lmenu>ul>li{border-bottom:1px solid rgba(0,0,0,.08); word-break:keep-all; word-wrap:break-word; border-radius:4px; overflow:hidden}
#lmenu>ul>li:last-child{border-bottom:0px}
#lmenu>ul>li>a{display:block; position:relative; padding:14px 22px 18px; font-size:1.2em; color:#fff; text-decoration:none}
#lmenu>ul>li:not(.on)>a:hover{background:#193e8f}
#lmenu>ul>li.on>a{color:#000; background:#fff}
#lmenu>ul>li.on>a:before,
#lmenu>ul>li.on>a:after{display:block; content:''; position:Absolute; top:23px; right:25px; width:10px; height:2px; border-radius:50px; background:#193e8f; transform:rotate(45deg); -webkit-transform:rotate(45deg)}
#lmenu>ul>li.on>a:after{margin-top:6px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg)}
#lmenu>ul>li>ul{position:relative; display:none; padding:0px 20px 20px; background:#fff}
#lmenu>ul>li>ul:before{display:block; content:''; height:2px; background:#000}
#lmenu>ul>li>ul>li{border-bottom:1px solid #eee}
#lmenu>ul>li>ul>li:last-child{border-bottom:0px}
#lmenu>ul>li>ul li a{display:block; position:relative; padding:5px 7px 7px 18px; font-size:.93em}
#lmenu>ul>li>ul li a:before{display:inline-block; content:''; position:absolute; left:8px; top:15px; width:5px; height:1px; background:#aaa; vertical-align:middle}
#lmenu>ul>li>ul li.on a{background:#f4f6fc; color:#193e8f}
#lmenu>ul>li>ul li.on a:before{background:#193e8f}
#lmenu>ul>li>ul>li>a[target=_blank]{padding-right:20px}
#lmenu>ul>li>ul>li>a[target=_blank]:after{display:block; content:'»υΓΆ'; position:absolute; right:0px; top:6px; padding:3px 8px 3px; line-height:100%; background:#f0f0f0; border:1px solid #ddd; font-size:.85em; border-radius:100px}
#lmenu .dp_nav{display:none !important}
#lmenu .tab{display:none}

footer .btm_menu{padding:8px 0px; border:1px solid #ddd; border-color:#e5e5e5; background:#f5f5f5; overflow:hidden}
footer .btm_menu ul{float:left; overflow:hidden}
footer .btm_menu ul>li{float:left; margin-top:7px; margin-right:30px}
footer .btm_menu .btm_sns{float:right}
footer .btm_menu .btm_sns li{margin:0px 3px}
footer .btm_menu .btm_sns li a{display:block; height:36px; color:#fff; border-radius:60px}
footer .btm_menu .btm_sns li:not(.btn_gotop) a{width:36px; text-indent:-5000px; background-repeat:no-repeat; background-image:url(/main/img/inc/btm_sns.png)}
footer .btm_menu .btm_sns li.sns01 a{background-color:#c01818; background-position:left center}
footer .btm_menu .btm_sns li.sns02 a{background-color:#3054a3; background-position:-40px center}
footer .btm_menu .btm_sns li.sns03 a{background-color:#1793cc; background-position:-80px center}
footer .btm_menu .btm_sns li.btn_gotop{margin-left:30px}
footer .btm_menu .btm_sns li.btn_gotop a{padding:7px 17px 8px 23px; font-size:14px; letter-spacing:0px; background-color:#484848}
footer .btm_menu .btm_sns li.btn_gotop a:After{display:inline-block; content:''; position:relative; top:-1px; margin-left:5px; width:0px; height:0px; border:7px solid transparent; border-bottom-color:#fff; border-width:8px 5px}
footer .btm_info{padding:25px 0px}
footer .btm_info .btm_copy{float:left; text-align:left; margin-top:10px; width:70%; line-height:160%}
footer .btm_info .btm_copy address{margin-bottom:2px}
footer .btm_info .btm_copy p{margin-left:0;}
footer .btm_info>div{float:right; text-align:right; width:20%}
footer .btm_info>div>p,
footer .btm_info>div>div{margin-left:2%}
footer .btm_info>div>p.webpolicy{max-width:80px}
footer .btm_info>div>div.btm_link ul li{position:relative; padding-right:40px; margin:2px 0px; font-size:0px}
footer .btm_info>div>div.btm_link select{padding-left:10px; width:100%; height:29px; border:1px solid #ddd; font-size:14px; -webkit-appearance:none; border-radius:0px}
footer .btm_info>div>div.btm_link input[type=button]{position:absolute; top:0px; right:0px; padding:0px 10px; width:40px; height:29px; border:1px solid #ddd; border-left:0px; background:#fff; -webkit-appearance:none; border-radius:0px}

.logout a{display:inline-block; background:#333; color:#fff; font-weight:bold}
.logout span.text {position:relative; padding-left:17px; margin-right:10px; font-size:17px;}
.logout span.text:before,.logout span.text:after,
.logout span.text strong:before,.logout span.text strong:after{position:absolute; display:block; box-sizing:border-box; content:"";}
.logout span.text:before {left:0; top:10px; width:12px; height:12px; border-radius:2px; background:#333;}
.logout span.text:after {left:1px; top:4px; width:10px; height:13px; border-radius:5px; border:2px solid #333;}
.logout span.text strong:before {left:7px; top:8px; width:4px; height:2px; background:#fbfbfb; z-index:1;}
.logout span.text strong:after {left:4px; top:14px; width:4px; height:4px; border-radius:50%; background:#fff; z-index:1;}

.point{color:#cc2325;}
.noteMark {position:relative; display:inline-block; text-align:center; vertical-align:middle; margin-right:5px; margin-bottom:3px; width:16px; height:16px; line-height:13px; color:#fff; font-size:13px; font-weight:bold; border-radius:50%; border:1px solid #aa0000; background:#cc2325; box-shadow:1px 1px 0 rgba(0,0,0,0.2);}

p.more{position:absolute; font-size:17px}
p.more a{display:inline-block; position:relative; padding-left:30px}
p.more a:after,
p.more a:before{display:block; content:''; position:absolute; top:7px; left:15px; width:3px; height:13px; background:#484848}
p.more a:after{margin-top:5px; margin-left:-5px; width:13px; height:3px}

h4{font-size:28px; color:#222; font-weight:normal}

.board{position:relative; height:280px; overflow:hidden}
.board h4{float:left; margin-right:20px}
.board p.mtab{float:left; margin-top:5px; margin-left:.5%}
.board h4+p.mtab{margin-left:12px}
.board p.mtab a{display:block; padding:4px 10px 5px; font-size:16px; background:#f0f0f0; border:1px solid #ccc; border-radius:5px}
.board p.mtab.select a{background:#2453bc; color:#FFF; border-color:#2453bc; box-shadow:0px 2px 0px rgba(0,0,0,0.2)}
.board div.mtab_con{position:absolute; top:70px; width:100%}
.board div.mtab_con ul li{position:relative; padding-right:100px; line-height:39px;  border-top:1px dotted #aaa; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.board div.mtab_con ul li:first-child{border-top:0px}
.board div.mtab_con ul li a:before{display:inline-block; content:''; margin:0px 7px 4px 5px; width:3px; height:3px; background:#666}
.board div.mtab_con ul li span.date{position:absolute; right:7px; text-align:right; width:90px; line-height:39px; color:#666}
.board p.more{right:7px; top:-63px}

.mCon:after {clear:both; content:""; display:block;}
.mCon>div {float:left; width:46%;}
.mCon>div:last-child {float:right;}

.gallery{padding:35px 0px 0; position:relative; overflow:hidden;}
.gallery>.wrapper{position:relative}
.gallery h3{float:left; margin-right:20px}
.gallery p.mtab{float:left; margin-top:5px}
.gallery p.mtab a{display:block; text-align:center; margin-left:3px; padding:3px 20px 7px; min-width:125px; font-size:1.2em; border-radius:5px}
.gallery p.mtab.select a{background:#2453bc; color:#FFF; box-shadow:0px 2px 0px rgba(0,0,0,0.2)}
.gallery div.mtab_con{margin-top:46px; width:100%}
.gallery div.mtab_con>div{overflow:hidden}
.gallery ul.list{position:relative; white-space:nowrap; font-size:0px}
.gallery ul.list>li{position:relative; display:inline-block; vertical-align:top; margin-right:2%; width:32.33%; height:260px}
.gallery ul.list>li img{width:100%; min-height:260px}
.gallery ul.list>li a p{position:absolute; left:0px; bottom:0px; padding:20px; font-size:16px; color:#fff; background:rgba(0,0,0,.5); word-break:keep-all; word-wrap:break-word; white-space:normal}
.gallery ul.control{position:absolute; right:100px; top:-72px}
.gallery ul.control>li{float:left}
.gallery ul.control li a{display:block; position:relative; margin:3px; width:33px; height:33px; text-indent:-5000px; font-size:0px}
.gallery ul.control li a:after,
.gallery ul.control li a:before{display:block; content:''; position:absolute; top:18%; left:45%; width:2.5px; height:44%; border-radius:2px; background:#484848}
.gallery ul.control li a:after{margin-top:28%}
.gallery ul.control li.prev a:before{transform:rotate(45deg)}
.gallery ul.control li.prev a:after{transform:rotate(-45deg)}
.gallery ul.control li.next a:before{transform:rotate(-45deg)}
.gallery ul.control li.next a:after{transform:rotate(45deg)}
.gallery ul.control li.stop a:after,
.gallery ul.control li.stop a:before{margin:2px -3px; width:3px; height:55%}
.gallery ul.control li.stop a:after{margin-left:5px}
.gallery p.more{right:0px; top:7px}


/*******************************************************************************************************************/


@media all and (min-width:801px){
	.dp_mb{display:none !important}
	.pc_block{display:block}	
	.logout{position:absolute; right:0px; top:50px}
	.logout a{padding:4px 20px 6px}
	
}

@media all and (max-width:800px){
	.dp_pc{display:none !important}
	.mb_block{display:block}
	
	#container:before{background:#2453bc;}
	#contents {float:none; width:100%;}
	#detail_con {padding-left:5%; padding-right:5%;}
	
	h1{position:absolute; right:20px; top:38px; z-index:992}
	h1 a{display:block; text-indent:-5000px; width:60px; height:60px}
	h1 a:after{display:block; content:''; position:absolute; left:20%; top:15px; width:60%; height:3px; background:#fff; box-shadow:0px 13px 0px #fff, 0px 26px 0px #fff}
	h1.close a:before, h1.close a:after{display:block; content:''; position:absolute; left:30%; top:25px; width:60%; height:3px; background:#fff;box-shadow:none; } 
	h1.close a:before{transform:rotate(45deg)}
	h1.close a:after{transform:rotate(-45deg)}
	#lmenu{display:block; position:absolute; top:130px; width:100%; margin-top:0; max-width:none; z-index:991; border-radius:0 0 15px 15px;}
	#lmenu h2{display:none;}
	#lmenu>ul>li>a {padding:7px 25px; font-size:15px;}
	h3{padding:32px 5%; font-size:25px; letter-spacing:-1px; font-weight:normal; color:#fff;}
	#contents.mbBg:before{display:block; content:''; position:fixed; left:0px; top:130px; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:900}
	.logout{text-align:center; width:100%}
	.logout a{display:block; height:50px; line-height:50px; }

	.mCon>div {float:none !important; width:100%; margin-top:30px;}
	.gallery ul.list>li {display:block; width:100%; margin-bottom:15px; overflow:hidden;}
	.gallery ul.list>li a p {width:100%; text-align:center;}

	footer .btm_info .btm_copy {float:none; text-align:center; width:100%; margin-top:0;}
	footer .btm_info>div {float:none; text-align:center; width:100%; margin-top:20px;}
	footer .btm_info>div>p, footer .btm_info>div>div {margin-left:0;}
	footer .btm_info>div>div.btm_link ul {max-width:320px; margin:auto; padding:0 1%;}
	footer .btm_menu ul>li {float:none; letter-spacing:-1.5px;}
	footer .btm_menu {padding:8px 5%;}
	footer .btm_menu .btm_sns li.btn_gotop {margin-left:0;}
}