@charset "utf-8";


/* ==========================================================================
	테마공통 inner, 폰트
========================================================================== */
#wrap{overflow:hidden;}
.inner {width:100%; max-width:1400px; margin:0 auto; position:relative;}
@media all and (max-width:1400px){
	.inner {width:93.75%;}
}

.roboto{font-family: 'Roboto', serif;}
.dancing {font-family: 'Dancing Script', cursive;}
.serif {font-family: 'Noto Serif KR', serif;}
.playfair {font-family: 'Playfair Display', serif;}
.messiri {font-family: 'El Messiri', sans-serif;}


/* ==========================================================================
	header
========================================================================== */

#speaker_header {position:relative; width:100%; background-color:#fff; }
#speaker_header .gnb_bg {display:none; z-index:5; position:absolute; left:0; top:100px; width:100%; height:100px; background-color:rgba(31,25,21,0.7); }
#speaker_header .inner {font-size:0; letter-spacing:-4px; }
#speaker_header h1.logo {display:inline-block; vertical-align:top; margin:0; padding-top:47px; } 
#speaker_header .right_box {display:inline-block; vertical-align:top; width:calc(100% - 90px); position:relative; }
#speaker_header .right_box .top_box {width:100%; height:35px; padding:8px 0; box-sizing:border-box; }
#speaker_header .right_box .top_box ul {text-align:right; font-size:0; letter-spacing:-4px; }
#speaker_header .right_box .top_box li {position:relative; display:inline-block; vertical-align:top; padding-left:15px; opacity:1; }
#speaker_header .right_box .top_box li:before {content:''; position:absolute; left:7px; top:5px; width:1px; height:10px; background-color:#8a837e; }
#speaker_header .right_box .top_box li:first-of-type:before {display:none; }
#speaker_header .right_box .top_box li a {font-size:13px; color:#636363; letter-spacing:0.05em; }

#speaker_header .right_box .bottom_box {width:100%; text-align:center; font-size:0; letter-spacing:-4px; padding-right:40px; box-sizing:border-box;}
#speaker_header .right_box p.all_menu {z-index:2; display:inline-block; vertical-align:top; padding:25px 0; cursor:pointer; position:absolute; right:0; bottom:0px; }
#speaker_header .right_box p.all_menu img.all {display:block;}
#speaker_header .right_box p.all_menu img.ham_btn {display:none;}
#speaker_header .right_box .bottom_box .depth01 {display:inline-block; vertical-align:top; font-size:0; letter-spacing:-4px; }
#speaker_header .right_box .bottom_box .depth01 > li {position:relative; display:inline-block; vertical-align:top; margin:0 45px; padding:20px 0; letter-spacing:0; transition:all 0.5s; }
#speaker_header .right_box .bottom_box .depth01 > li:before {content:''; opacity:0; z-index:5; position:absolute; left:50%; top:45px; width:115%; height:3px; background-color:#ffa952; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
#speaker_header .right_box .bottom_box .depth01 > li:hover:before {opacity:1; }
#speaker_header .right_box .bottom_box .depth01 > li > a {position:relative; z-index:10; display:block; font-size:18px; color:#222222; }
#speaker_header .right_box .bottom_box .depth02 {display:none; z-index:10; position:absolute; left:0; top:65px; width:1200px; padding:37px 0; text-align:left; }
#speaker_header .right_box .bottom_box .center .depth02 {text-align:center; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
#speaker_header .right_box .bottom_box .right .depth02 {left:auto; right:0; text-align:right; }
#speaker_header .right_box .bottom_box .depth02 li {z-index:10; position:relative; display:inline-block; vertical-align:top; margin-right:70px; }
#speaker_header .right_box .bottom_box .right .depth02 li {margin-right:0; margin-left:70px; }
#speaker_header .right_box .bottom_box .depth02 li a {font-size:18px; color:#d6d6d6; }
#speaker_header .right_box .bottom_box .depth02 li a:hover {color:#fff; }


@media all and (max-width:1200px){
	#speaker_header .right_box .bottom_box .depth01 > li {margin-right:50px; }
}
@media all and (max-width:1000px){
	#speaker_header {height:100px; }
	#speaker_header h1.logo{padding-top:35px;}
	#speaker_header .right_box{height:100px;}
	#speaker_header .right_box p.all_menu {padding:42px 0; }
	#speaker_header .right_box .top_box {display:none; }
	#speaker_header .right_box .bottom_box .depth01 {display:none; }

	#speaker_header .right_box p.all_menu img.all {display:none;}
	#speaker_header .right_box p.all_menu img.ham_btn {display:block;}
}


/* ==========================================================================
	speaker_m_menu
========================================================================== */
.speaker_m_menu_bg{display:none; width:100%; height:100%; position:fixed; left:0; top:0; z-index:10000; background:rgba(0,0,0,0.5);}
.speaker_m_menu{overflow:auto; display:block; width:80%; padding:50px 20px 20px 20px; box-sizing:border-box; position:fixed; right:-120%; top:0; height:100%; z-index:10001; background:#38312c; transition:all 0.3s; -ms-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -moz-transition:all 0.3s;}
.speaker_m_menu.on{right:0;}
.speaker_m_menu .x_btn{cursor:pointer; position:absolute; right:20px; top:45px;}
.speaker_m_menu p a {font-size:28px; color:#ffffff; letter-spacing:0.05em; opacity:.4; }
.speaker_m_menu .member_btn{margin:20px 0 ;}
.speaker_m_menu .member_btn ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.speaker_m_menu .member_btn ul li{width:calc(50% - 5px); height:50px; display:table; float:left; margin-right:10px; background-color:#918a84; }
.speaker_m_menu .member_btn ul li:last-child{margin-right:0;}
.speaker_m_menu .member_btn ul li a{display:table-cell; vertical-align:middle; width:100%; height:100%; text-align:center; font-size:18px; color:#38312c; letter-spacing:0.05em; line-height:26px; }
.speaker_m_menu .member_btn ul li a span {display:table-cell; vertical-align:middle; }
.speaker_m_menu .member_btn ul li.on a{background:#edd2be}

.speaker_m_menu .gnb{margin:0 0 40px;border-top:1px solid #5a4f48; box-sizing:border-box; overflow-y:auto; }
.speaker_m_menu .gnb > ul > li{border-bottom:1px solid #5a4f48; }
.speaker_m_menu .gnb > ul > li > a{position:relative; display:block; padding:15px 15px 15px; font-size:20px; color:#ffffff; }
.speaker_m_menu .gnb > ul > li > a:before{content:""; display:block; width:15px; height:1px; background:#fff; position:absolute; right:15px; top:49%; transition:all 0.3s; -ms-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg);- o-transform:rotate(180deg); transform:rotate(180deg);}
.speaker_m_menu .gnb > ul > li > a:after {content:""; display:block; width:15px; height:1px; background:#fff; position:absolute; right:15px; top:49%; transition:all 0.3s; -ms-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg); transform:rotate(-90deg);}
.speaker_m_menu .gnb > ul > li.on > a{background-color:#5a4f48; }
.speaker_m_menu .gnb > ul > li.on > a:before{-webkit-transform:rotate(0); -moz-transform:rotate(0); -ms-transform:rotate(0); -o-transform:rotate(0); transform:rotate(0); }
.speaker_m_menu .gnb > ul > li.on > a:after{-webkit-transform:rotate(0); -moz-transform:rotate(0); -ms-transform:rotate(0); -o-transform:rotate(0); transform:rotate(0); }
.speaker_m_menu .gnb > ul > li ul{display:none; padding:10px 20px; box-sizing:border-box; }
.speaker_m_menu .gnb > ul > li ul li{margin:15px 0;}
.speaker_m_menu .gnb > ul > li ul li a{display:block; position:relative; box-sizing:border-box; font-size:18px; color:#a89d97; }




/* ==========================================================================
	footer
========================================================================== */

#woman_footer{background:#fff;}
#woman_footer .top:after{clear:both; content:""; display:block; height:0; visibility:hidden}
#woman_footer .top{border-top:1px solid #e5e6e7; border-bottom:1px solid #e5e6e7; padding:16px 0;}
#woman_footer .top .left{float:left;}
#woman_footer .top .left ul{font-size:0; letter-spacing:-4px;}
#woman_footer .top .left ul li{display:inline-block; vertical-align:top; padding:10px 0;}
#woman_footer .top .left ul li a{display:block; padding:0 10px; box-sizing:border-box;}
#woman_footer .top .right{float:right;}
#woman_footer .top .right ul{font-size:0; letter-spacing:-4px;}
#woman_footer .top .right ul li{display:inline-block; vertical-align:top; padding:10px 0;}
#woman_footer .top .right ul li a{display:block; font-size:16px; color:#666; letter-spacing:-0.025em; padding:0 25px; box-sizing:border-box;}
#woman_footer .top .right ul li:hover a{font-weight:bold;}
#woman_footer .bot{padding:80px 0;}
#woman_footer .bot .inner:after{clear:both; content:""; display:block; height:0; visibility:hidden}
#woman_footer .bot .left{width:275px; float:left;}
#woman_footer .bot .center{width:calc(100% - 575px); float:left; padding:0 70px 30px 70px; border-left:1px solid #ececec; border-right:1px solid #ececec; box-sizing:border-box;}
#woman_footer .bot .right{width:300px; float:left; text-align:right;}
#woman_footer .bot .right a{margin-left:auto; margin-top:10px; text-align:left; width:234px; height:55px; line-height:53px; border:1px solid #e5e6e7; box-sizing:border-box; display:block; font-size:16px; color:#999999; letter-spacing:-0.025em; font-weight:300;}
#woman_footer .bot .right a b{display:inline-block; vertical-align:middle; font-size:18px; color:#666666; font-weight:bold; padding:0 15px 0 20px; margin-right:15px; position:relative;}
#woman_footer .bot .right a b:before{content:""; width:1px; height:13px; background:#999999; position:absolute; right:0; top:calc(50% - 6px);}
#woman_footer .bot .right a span{display:inline-block; vertical-align:middle;}
#woman_footer .bot .right a i{display:inline-block; vertical-align:middle; margin-left:20px;}
#woman_footer .bot h4{font-size:18px; color:#666; letter-spacing:-0.025em; font-weight:500; display:block; margin:0; margin-bottom:30px;}
#woman_footer .bot h5{margin:0; line-height:1.1; font-size:38px; color:#fd8306; letter-spacing:-0.025em; font-weight:500; margin-bottom:15px;}
#woman_footer .bot p{font-size:16px; color:#999; letter-spacing:-0.025em; font-weight:300;}
#woman_footer .bot p b{font-weight:500}
#woman_footer .bot p span{color:#fd8306}
#woman_footer .bot ul{font-size:0; letter-spacing:-4px}
#woman_footer .bot ul{margin:3px 0;}
#woman_footer .bot ul li{display:inline-block; vertical-align:top; padding:0 10px; box-sizing:border-box; font-size:16px; color:#999; letter-spacing:-0.025em; position:relative;}
#woman_footer .bot ul li:before{content:""; display:block; width:1px; height:12px; background:#999; position:absolute; right:0; top:7px;}
#woman_footer .bot ul li:first-child{padding-left:0;}
#woman_footer .bot ul li:last-child:before{display:none}
#woman_footer .bot ul li b{font-weight:500;}
#woman_footer .bot ul li a{font-size:16px; color:#999; letter-spacing:-0.025em;}

@media all and (max-width:1400px){
	#woman_footer .bot .left{width:auto; float:none;}
	#woman_footer .bot .center{width:100%; float:none; padding:20px 0 0; border:0; }
	#woman_footer .bot .right{width:auto; float:none; text-align:left; position:absolute; right:0; top:0;}
	#woman_footer .bot ul li:first-child{padding:0 10px;}
}
@media all and (max-width:1000px){
	#woman_footer .top{padding:0;}
	#woman_footer .top .left{float:none; padding:10px 0;}
	#woman_footer .top .left ul{text-align:center;}
	#woman_footer .top .right{float:none; padding:10px 0;}
	#woman_footer .top .right ul{text-align:center;}
	#woman_footer .top .right ul li a{padding:0 15px}
	#woman_footer .bot .left{padding-left:10px;}
	#woman_footer .bot .center h4{padding-left:10px;}
	#woman_footer .bot .right a{width:200px;}
	#woman_footer .bot .right a i{display:none}
}


.quick{position:fixed; right:20px; top:80%; z-index:1111; overflow:hidden;}
.quick .btn_box{}
.quick .btn_box a{display:block; width:60px; height:60px; background:#21248d; border-radius:50%; text-align:center; line-height:60px; color:#fff; font-size:18px; letter-spacing:-0.045em;}