@charset "utf-8";
@import url('//fonts.googleapis.com/css?family=Noto+Serif+KR');

/* common */
.inner{width:100%; max-width:1400px; margin:0 auto; position:relative;}
.notoSerif{font-family: 'Noto Serif KR', sans-serif; }


/* header */
#header{width:100%; height:120px; position:absolute; left:0; top:0; z-index:100; background:rgba(255,255,255,0.41);}
#header .inner{height:100%;}
#header .left{position:absolute; left:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
#header .left a{display:block; font-size:20px; color:#7f56c5; letter-spacing:-0.05em; font-weight:500;}
#header .left a i{display:inline-block; vertical-align:middle; margin-right:10px; position:relative; top:-2px;}
#header a.logo{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
#header .right{position:absolute; right:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
#header .right ul{font-size:0; letter-spacing:-4px;}
#header .right ul li{display:inline-block; vertical-align:middle;}
#header .right ul li a{display:block; padding:0 14px; position:relative; font-size:16px; color:#666666; letter-spacing:-0.05em; font-weight:400;}
#header .right ul li a:before{content:""; display:block; width:2px; height:13px; background:#888; position:absolute; right:0; top:55%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
#header .right ul li:last-child a:before{display:none;}

#header.sub{position:static;}


/* main_visual */
.main_visual{width:100%; max-width:1920px; margin:0 auto; position:relative;}
.main_visual img{width:100%;}


/* main_con01 */
.main_con01{background:#c55682;}
.main_con01 #notice_ticker{background:#c55682; border:0;}
.main_con01 .bn-label{padding:0; background:none; font-size:24px; color:#ffffff; letter-spacing:-0.05em; font-weight:500; padding-right:30px;}
.main_con01 .bn-label:before{content:""; width:1px; height:17px; display:block; position:absolute; right:0; top:50%; background:#ddd5d1; transform:translateY(-50%) rotate(45deg); -ms-transform:translateY(-50%) rotate(45deg); -webkit-transform:translateY(-50%) rotate(45deg); -o-transform:translateY(-50%) rotate(45deg); -moz-transform:translateY(-50%) rotate(45deg); }
.main_con01 .bn-news{box-sizing:border-box;}
.main_con01 .bn-news ul li a{padding:0 30px; font-size:18px; color:#e1d9d5; letter-spacing:-0.05em; font-weight:300;}
.main_con01 .bn-news ul li a:hover{font-weight:500; color:#fff;}
.main_con01 .bn-arrow.bn-next{cursor:pointer; width:17px; height:auto; top:auto; transform:none; display:inline-block; vertical-align:middle; padding:31px 0 32px;}
.main_con01 .bn-arrow.bn-next:after{display:none;}


/* main_con02 */
.main_con02{position:relative; max-width:1920px; margin:0 auto;}
.main_con02:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.main_con02 .map_box{float:left; width:50%; height:450px; overflow:hidden; /*margin:25px 25px 25px 50px;*/ box-sizing:border-box;  }
.main_con02 .map_box > div{width:100%; height:100%;}
.main_con02 .map_box > div .wrap_map{height:100%;}
.main_con02 .text{float:left; width:50%; /*margin:25px 50px 25px 25px;*/ padding:30px 0 30px 85px; box-sizing:border-box; height:450px; background:#f6eaf0}
.main_con02 .text h4{margin:20px 0 10px; font-size:32px; color:#c55682; letter-spacing:-0.05em; font-weight:bold; line-height:1.4; font-family: 'Noto Serif KR', sans-serif; }
.main_con02 .text h4 i{position:relative; top:-2px; margin-right:5px; }
.main_con02 .text dl{margin:3px 0; padding-left:5px;}
.main_con02 .text dl:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.main_con02 .text dl dt{width:120px; float:left; line-height:30px; font-size:18px; color:#222; letter-spacing:-0.05em; font-weight:500;}
.main_con02 .text dl dt.center {text-align:center; }
.main_con02 .text dl dt span.nbsp01{width:68.5px; display:inline-block;}
.main_con02 .text dl dt span.nbsp02{width:12.5px; display:inline-block;}
.main_con02 .text dl dt span.nbsp03{width:45px; display:inline-block;}
.main_con02 .text dl dd{width:calc(100% - 120px); float:left; line-height:30px; font-size:18px; color:#666; letter-spacing:-0.05em; font-weight:300;}
.main_con02 .text dl dd a{display:block; line-height:36px; font-size:18px; color:#666; letter-spacing:-0.05em; font-weight:300;}

/* footer */
#footer{background:#2f2f2f; padding:26px 0; text-align:center;}
#footer p{font-size:16px; color:#858585; letter-spacing:-0.05em; font-weight:300;}
#footer span{font-size:14px; color:#5d5d5d; letter-spacing:-0.05em; font-weight:300;}


/* quick */
.quick_icon{position:fixed; right:50px; bottom:50px; width:70px; z-index:100;}
.quick_icon img{width:100%;}

@media all and (max-width:1200px){
	.inner{width:93.75%}
}
@media all and (max-width:1000px){
	#header{position:relative; height:100px;}

	.main_con02 .map_box{float:none; width:100%; height:300px; margin:0 auto;}
	.main_con02 .text{float:none; width:100%; height:auto; margin:0 auto; padding:20px 20px 70px;}
	.main_con02 .text h4{margin:40px 0 20px;}

	.quick_icon{right:20px;}

}