@charset "utf-8";
@import url('//cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@import url('//fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('//fonts.googleapis.com/earlyaccess/jejumyeongjo.css');
@import url('//fonts.googleapis.com/earlyaccess/nanummyeongjo.css');
/* 기본프로그램 사용자모듈 메뉴 - PC */

.all_m_btn {padding:10px; background:#323337;}
.all_m_btn img {position:absolute; top:28%; left:15px; width:10%; max-width:40px; cursor:pointer;}
.all_m_btn .mutit {text-align:center; font-weight:900; font-size:26px; color:#fff;}
.pro_m_wrap {display:none; font-family:'Nanum Gothic', sans-serif; transition:all 0.3s linear;}
.pro_m_wrap .m_menu {width:200px;}
.pro_m_wrap .bg_black {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:-1;}


/* 기본프로그램 사용자모듈 메뉴 - MOBILE */
.pro_m_wrap .subleftmenu {
	list-style:none;
	margin:0;
	padding:0;
}
.pro_m_wrap .subleftmenu li {
	border-bottom:1px solid #515155;
	background:#323337;
}
.pro_m_wrap .subleftmenu a {
	display:block;
	color:#b5b2b2;
	font-size:14px;
	padding:11px 5px 11px 15px;
	font-family:'Noto Sans KR';
}
.sub_title_m{
	font-size:28px !important;
	font-weight:bold;
	color:#fff !important;
	padding:12px 5px 12px 15px !important;
}
.pro_m_wrap .subleftmenu a:hover {
	background:#307dd4;
	color:#fff;
}
.sub_title_m:hover {
	background:#323337 !important;
	cursor:default;
}

@media all and (max-width:999px){
	.pro_m_wrap {display:block; position:absolute; left:-100%; top:0; z-index:999;}
	.pro_m_wrap.view {left:0;}
}

/* basic */
.nunito{font-family: 'Nunito Sans', sans-serif;}
.play{font-family: 'Playfair Display', serif;}
.libre{font-family: 'Abhaya Libre', serif;}
.square{font-family: 'NanumSquare', sans-serif;}
.nanum{font-family: 'Nanum Gothic', sans-serif;}
.jeju{ font-family: 'Jeju Myeongjo', serif;}
.myeongjo{font-family: 'Nanum Myeongjo', serif;}
.inner{width:100%; max-width:1360px; margin:0 auto; position:relative;}

@media all and (max-width:1360px){
	.pc_br{display:none}
	.inner{width:93.75%;}
}



/*--------------------------------- header ---------------------------------*/

#header{position:relative; z-index:100;}
#header .top_box{height:40px; background:#cfa64c; text-align:center}
#header .top_box p{font-size:17px; letter-spacing:0; color:#FFF; line-height:40px}
#header .bot_box{position:absolute; left:0; top:40px; background:rgba(0,0,0,0); font-size:0; letter-spacing:-4px; width:100%; transition:all 0.5s; padding:35px 0; box-sizing:border-box;}
#header .bot_box .search_view{position:absolute; top:-5px; left:0; width:100%; height:110px; box-shadow:5px 5px 10px rgba(0,0,0,0.1); background:rgba(255,255,255,0.9); z-index:100; display:none; text-align:center; font-size:0; letter-spacing:-4px;}
#header .bot_box .search_view .box{max-width:1200px; width:calc(100% - 60px); position:relative; display:inline-block;  vertical-align:middle;}
#header .bot_box .search_view input{ font-size:40px; padding:20px 50px 0; box-sizing:border-box; text-align:center; border:0; border-bottom:2px solid #222; letter-spacing:-0.025em; background:transparent; width:100%;}
#header .bot_box .search_view input:focus{outline:none;}
#header .bot_box .search_view a.search_click{position:absolute; right:20px; top:calc(50% + 7.5px); transform:translateY(-50%); width:30px; height:30px;}
#header .bot_box .search_view a.search_click img{width:100%;}
#header .bot_box .search_view a.search_close{display:inline-block; vertical-align:middle; margin-top:20px; width:60px}
#header .bot_box .logo_box{position:absolute; left:80px; top:50%; transform:translateY(-50%)}
#header .bot_box .logo_box a{display:inline-block;}
#header .bot_box .logo_box a img{margin:0 2px; transition:all 0.5s;}
#header .bot_box .gnb{display:inline-block; vertical-align:middle; width:100%; margin:0 auto; text-align:center}
#header .bot_box .gnb > ul > li{display:inline-block; vertical-align:middle; box-sizing:border-box; position:relative; margin:0 5px;}
#header .bot_box .gnb > ul > li > a{font-size:14px; letter-spacing:0; color:#222; position:relative; padding:10px 20px; display:block; background:url('/img/gnb_icon04_02.png') no-repeat right center;}
#header .bot_box .gnb > ul > li:nth-of-type(4) > a{background:none}
#header .bot_box .gnb ul.depth02{background:#EEE; padding:20px 0 20px ;box-sizing:border-box; position:absolute; left:50%; top:120%; width:124px; transform:translateX(-50%); opacity:0; visibility:hidden; transition:all 0.5s}
#header .bot_box .gnb > ul > li:hover ul.depth02{opacity:1; visibility:visible; top:100%}
#header .bot_box .gnb > ul > li ul.depth02:before{content:''; position:absolute; bottom:100%; left:50%; transform:translateX(-50%); display:block; width:0; height:0; border-top:none; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #EEE;}
#header .bot_box .gnb ul.depth02 li + li{margin-top:20px;}
#header .bot_box .gnb ul.depth02 li a{display:block; font-size:14px; font-weight:300; letter-spacing:-0.045em; color:#222; text-transform:uppercase}
#header .bot_box .gnb > ul > li.depth01 > a{background:none; }
#header .bot_box .right_box{position:absolute; right:80px; top:50%; transform:translateY(-50%)}
#header .bot_box .right_box ul li{display:inline-block; vertical-align:middle; margin-righT:20px; color: #222222; font-size: 16px; letter-spacing: 0;}
#header .bot_box .right_box ul li:last-of-type{margin-right:0;}
#header .bot_box .right_box ul li a.type01{background:url('/img/gnb_icon01_on.png') no-repeat; width:25px; height:25px; display:block}
#header .bot_box .right_box ul li a.type02{background:url('/img/gnb_icon02_on.png') no-repeat; width:23px; height:23px; display:block}
#header .bot_box .right_box ul li a.type03{background:url('/img/gnb_icon03_on.png') no-repeat; width:22px; height:27px; display:block}

#header .m_btn {position: absolute; left:40px; top:50%; width:30px; margin:0 auto; cursor:pointer; display:none; transform:translateY(-50%)}
#header .m_btn i{display:block; width:100%; height:2px; background:#222222; transition:all 0.5s;}
#header .m_btn i + i{margin-top:9px;}

.main #header .bot_box .gnb > ul > li > a{color:#fff; background-image:url('/img/gnb_icon04.png'); }
.main #header .bot_box .gnb > ul > li.depth01 > a{background:none;}
.main #header .m_btn i{background:#fff;}
.main #header .bot_box .right_box ul li {color: #ffffff;}
.main #header .bot_box .right_box ul li a.type01{background:url('/img/gnb_icon01.png') no-repeat; width:25px; height:25px; display:block}
.main #header .bot_box .right_box ul li a.type02{background:url('/img/gnb_icon02.png') no-repeat; width:23px; height:23px; display:block}
.main #header .bot_box .right_box ul li a.type03{background:url('/img/gnb_icon03.png') no-repeat; width:22px; height:27px; display:block}

#header.fixed .bot_box{position:fixed; top:0; left:0; display:block; width:100%; padding:15px 0; border-bottom:1px solid #cfa64c; background:#fff;}
#header.fixed .bot_box .logo_box a img{height:50px;}
#header.fixed .bot_box .gnb > ul > li > a{color:#222; background-image:url('/img/gnb_icon04_02.png');}
#header.fixed .m_btn i{background:#222;}
#header.fixed .bot_box .right_box ul li {color: #222222;}
#header.fixed .bot_box .right_box ul li a.type01{background:url('/img/gnb_icon01_on.png') no-repeat; width:25px; height:25px; display:block}
#header.fixed .bot_box .right_box ul li a.type02{background:url('/img/gnb_icon02_on.png') no-repeat; width:23px; height:23px; display:block}
#header.fixed .bot_box .right_box ul li a.type03{background:url('/img/gnb_icon03_on.png') no-repeat; width:22px; height:27px; display:block}
#header.fixed .bot_box .search_view input{margin-top:0;}
/*#header.fixed .bot_box .search_view a{margin-top:10px;}*/
#header.fixed .bot_box .gnb > ul > li.depth01 > a{background:none; }

.m_menu_bg {z-index:101; position:fixed; left:0; top:0; display:none; width:100%; height:100%; background:rgba(0,0,0,.7); cursor:pointer; }
#m_menu {z-index:102; position:fixed; left:-100%; top:0; width:100%; height:100%; background-color:#fff; box-sizing:Border-box; transition:all 0.5s; padding:40px; box-sizing:border-box; overflow-y:auto;}
#m_menu.on {left:0; }
#m_menu .close_btn{text-align:right;}
#m_menu .close_btn a{display:inline-block;}
#m_menu .search_box{text-align:center; padding-top:25px; transition: all .5s;}
#m_menu .search_box a{display:inline-block; font-size:19px; font-weight:500; letter-spacing:0; color:#222222;}
#m_menu .search_box a img{display:inline-block; vertical-align:middle; margin-right:10px; margin-top:-5px;}
#m_menu .gnb_menu{padding-top:130px; overfloW:hidden; text-align:center; font-size:0; letter-spacing:-4px;}
#m_menu .gnb_menu .box{width:200%; transition:all .5s; transform:translateX(0)}
#m_menu .gnb_menu .box.on{transform:translateX(-50%)}
#m_menu .gnb_menu .left{display:inline-block; vertical-align:top; width:50%;}
#m_menu .gnb_menu .left ul li + li{margin-top:30px;}
#m_menu .gnb_menu .left ul li a{display:block; font-size:20px; font-weight:400; letter-spacing:0; color:#222222;}
#m_menu .gnb_menu .left ul li a img{display:inline-block; vertical-align:middle; margin-left:10px; margin-top:-3px;}
#m_menu .gnb_menu .right{display:inline-block; vertical-align:top; width:50%;}
#m_menu .gnb_menu .right > div{display:none;}
#m_menu .gnb_menu .right > div.on{display:block;}
#m_menu .gnb_menu .right .gnb_box > ul > li + li{margin-top:30px;}
#m_menu .gnb_menu .right .gnb_box > ul > li > a{display:block; font-size:20px; font-weight:400; letter-spacing:0; color:#888888;}
#m_menu .gnb_menu .right .gnb_box > ul > li > a img{display:inline-block; vertical-align:middle; margin-right:10px; margin-top:-3px;}
#m_menu .gnb_menu .right .gnb_box ul.depth02{padding-top:30px;}
#m_menu .gnb_menu .right .gnb_box ul.depth02 li + li{margin-top:30px;}
#m_menu .gnb_menu .right .gnb_box ul.depth02 li a{display:block; font-size:20px; font-weight:400; letter-spacing:0; color:#222222; text-transform:uppercase;}
#m_menu .sns_box{font-size:0; letter-spacing:-4px; text-align:center; padding-top:60px;}
#m_menu .sns_box ul li{display:inline-block; vertical-align:middle; margin-right:30px;}
#m_menu .sns_box ul li:last-of-type{margin-right:0;}
#m_menu .sns_box ul li a{display:inline-block;}

#m_menu.search .search_box{opacity:0;}

.search_bg{z-index:103; position:fixed; left:0; top:0; display:none; width:100%; height:100%; background:rgba(0,0,0,0.5); cursor:pointer; display:none;}
.search_form{z-index:104; position:fixed; left:0; top:0; width:100%; box-sizing:Border-box; padding:85px 40px 40px; box-sizing:border-box; display:none; background:#fff;}
.search_form .search_tit{text-align:center;}
.search_form .search_tit a{display:inline-block; font-size:19px; font-weight:500; letter-spacing:0; color:#222222;}
.search_form .search_tit a img{display:inline-block; vertical-align:middle; margin-right:10px; margin-top:-5px;}
.search_form .search_view{font-size:0; letter-spacing:-4px; position:relative; margin-top:70px;}
.search_form .search_view input{ font-size:24px; height:50px; padding:0 20px; box-sizing:border-box; text-align:left; border:0; border-bottom:2px solid #222; letter-spacing:-0.025em; background:transparent; width:100%;}
.search_form .search_view input:focus{outline:none;}
.search_form .search_view input:placeholder{color:#888}
.search_form .search_view a.search_click{position:absolute; right:20px; top:50%; transform:translateY(-50%); width:30px; height:30px;}
.search_form .search_view a.search_click img{width:100%;}

@media all and (max-width:1000px){
	#header .bot_box{padding:16px 0;}
	#header .bot_box .logo_box{position:static; transform:none; width:100%; text-align:center;}
	#header .bot_box .logo_box a img{width:75px;}
	#header .bot_box .gnb{display:none}
	#header .bot_box .right_box{right:40px;}
	#header .bot_box .right_box ul li.search{display:none;}
	#header .bot_box .right_box ul li.type01{display:none;}
	#header .m_btn { display:block}

	#header.fixed .bot_box .logo_box a img{height:auto; width:36px;}

	#header .bot_box .search_view{height:70px;}
	#header .bot_box .search_view input{padding:5px 20px 0; font-size:30px;}
	#header .bot_box .search_view a.search_close{margin-top:10px;}

}


/*--------------------------------- footer ---------------------------------*/
#footer .top_box{padding:20px 0; text-align:center; border-bottom:1px solid #a5a5a5;}
#footer .inner{max-width:1150px;}
#footer .top_box ul{font-size:0; letter-spacing:-4px;}
#footer .top_box ul li{display:inline-block; vertical-align:Top; margin:0 25px; box-sizing:border-box; position:relative;}
#footer .top_box ul li:not(:last-child):before{content:''; position:absolute; right:-25px; top:7px; width:1px; height:11px; background:#c3c3c3;}
#footer .top_box ul li a{display:block; font-size:14px; font-weight:300; letter-spacing:-0.04em; color:#444444;}
#footer .bot_box{padding:50px 0 60px; font-size:0; letter-spacing:-4px; text-align: center;}
#footer .bot_box .logo_box{displaY:inline-block; vertical-align:middle; width:100px;}
#footer .bot_box .logo_box a{displaY:inline-block;}
#footer .bot_box .mid_box{displaY:inline-block; vertical-align:middle; width:calc(50% - 100px); padding-left:6%; box-sizing:border-box; text-align: left;}
#footer .bot_box .mid_box dl dt{font-size:14px; font-weight:400; letter-spacing:-0.04em; color:#222222;}
#footer .bot_box .mid_box dl dd{margin-top:15px;}
#footer .bot_box .mid_box dl dd a{display:block; font-size:30px; font-weight:bold; letter-spacing:0; color:#cfa64c;}
#footer .bot_box .mid_box .con_box {margin-top:25px;}
#footer .bot_box .mid_box .con_box .left{display:inline-block; vertical-align:middle; margin-right:25px;}
#footer .bot_box .mid_box .con_box .left p{font-size:12px; font-weight:300; letter-spacing:-0.04em; color:#444444;}
#footer .bot_box .mid_box .con_box .left p + p{margin-top:5px;}
#footer .bot_box .mid_box .con_box .right{display:inline-block; vertical-align:middle; text-align:center}
#footer .bot_box .mid_box .con_box .right a{display:inline-block; width:95px; height:28px; line-height:26px; box-sizing:border-box; border:1px solid #cfa64c; font-size:12px; font-weight:500; letter-spacing:-0.04em; color:#cfa64c;}
#footer .bot_box .mid_box .con_box .right a img{displaY:inline-block; vertical-align:middle; margin-left:15px; margin-top:-3px;}
#footer .bot_box .addr_box{displaY:inline-block; vertical-align:top; padding-left:6%; box-sizing:border-box; text-align: left;}
#footer .bot_box .addr_box ul li{display:inline-block; vertical-align:top; font-size:14px; font-weight:300; letter-spacing:-0.04em; color:#444444; position:relative; margin-right:35px; padding:0 0 3px;}
#footer .bot_box .addr_box ul li:nth-of-type(1):before,
#footer .bot_box .addr_box ul li:nth-of-type(3):before{content:''; position:absolute; right:-18px; top:12px; width:1px; height:11px; background:#c3c3c3;}
#footer .bot_box .addr_box ul li:nth-of-type(2n){margin-right: 0;}
#footer .bot_box .addr_box ul li:nth-of-type(n+3){padding-top: 7px;}

@media all and (max-width:1300px){
	#footer .bot_box .mid_box{padding-left:20px;}
	#footer .bot_box .addr_box{padding-left:20px;}
}
@media all and (max-width:1000px){
	#footer .top_box {padding: 25px 0;}
	#footer .top_box ul li {margin: 0 45px;}
	#footer .top_box ul li:not(:last-child):before {right: -45px;}
	#footer .top_box ul li a {font-size: 17px;}
	#footer .bot_box .mid_box{width:100%; margin-top:40px; padding-left:0;}
	#footer .bot_box .mid_box dl dt{font-size: 17px;}
	#footer .bot_box .mid_box dl dd a{font-size: 41px;}
	#footer .bot_box .mid_box .con_box {margin-top: 30px;}
	#footer .bot_box .mid_box .con_box .left p{font-size: 15px;}
	#footer .bot_box .mid_box .con_box .right a {width: 127px; height: 38px; font-size: 15px; line-height: 36px;}
	#footer .bot_box .addr_box{width:100%; margin-top:40px; padding-left:0;}
	#footer .bot_box .addr_box ul br{display:none;}
	#footer .bot_box .addr_box ul li{margin-right:15px; font-size: 15px; padding: 3px 0;}
	#footer .bot_box .addr_box ul li:nth-of-type(1):before,
	#footer .bot_box .addr_box ul li:nth-of-type(3):before,
	#footer .bot_box .addr_box ul li:nth-of-type(5):before{display:none;}
	#footer .bot_box .addr_box ul li:nth-of-type(2n){margin-right: 15px;}
	#footer .bot_box .addr_box ul li:nth-of-type(n+3){padding-top: 3px;}
}

@media all and (max-width:767px){
	#footer .top_box ul {text-align:center;}
	#footer .top_box ul li{margin:0; margin-right:90px;}
	#footer .top_box ul li:last-of-type{margin-right:0;}
}