@charset "utf-8";

/*----- basic -----*/
.inner{width:100%; max-width:1200px; margin:0 auto;}
@media all and (max-width:1200px){
	.inner{width:93.75%;}
}
/*----- basic / -----*/


/*----- header -----*/
#header{position:absolute; width:100%; height:140px; text-align:center; padding-top:64px; box-sizing:border-box; z-index:100; background:url('/koreastar/img/header_bg.png') center center / cover;}
#header .logo{margin:0; position:absolute; top:50%; left:40px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%);}
#header .logo a{display:inline-block;}

#header .mid_box{max-width:calc(100% - 245px); margin-left:175px;}
#header .gnb{display:inline-block; vertical-align:top;}
#header .gnb > ul{margin:0; font-size:0; letter-spacing:-4px;}
#header .gnb > ul > li{display:inline-block; vertical-align:top; padding:0 60px;}
#header .gnb > ul > li > a{font-size:20px; color:#fff; letter-spacing:-0.025em; font-weight:400; display:inline-block; padding-bottom:35px; position:relative;}
#header .gnb > ul > li > a:before{content:''; display:none; position:absolute; width:16px; height:16px; background:url('/koreastar/img/header_deco.png') no-repeat center center / contain; top:-24px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
#header .gnb > ul > li ul.depth02{display:none;}

#header .gnb > ul > li:hover a{font-weight:900;}
#header .gnb > ul > li:hover a:before{display:block;}
#header .gnb > ul > li.on a{font-weight:900;}
#header .gnb > ul > li.on a:before{display:block;}

#header .site_box{display:inline-block; vertical-align:top; margin-top:-14px; min-width:240px; position:relative;}
#header .site_box > a{display:block; font-size:18px; color:#fff; letter-spacing:0em; font-weight:400; padding:10px 20px; border:1px solid #999999;  width:100%; box-sizing:border-box; text-align:left; position:relative;}
#header .site_box > a:before{content:''; display:block; position:absolute; width:9px; height:5px; background:url('/koreastar/img/header_arrow.png') no-repeat center center / contain; right:20px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%);}
#header .site_box ul{display:none; position:absolute; width:100%; text-align:left; border:1px solid #999999; box-sizing:border-box; top:42px;}
#header .site_box ul li a{display:block; font-size:18px; color:#fff; letter-spacing:0em; font-weight:400; padding:10px 20px; box-sizing:border-box;}
#header .site_box.on ul{display:block;}
#header .site_box.on > a:before{transform:rotate(180deg) translateY(50%); -webkit-transform:rotate(180deg) translateY(50%); -o-transform:rotate(180deg) translateY(50%); -ms-transform:rotate(180deg) translateY(50%); -moz-transform:rotate(180deg) translateY(50%);}

#header .all_menu_btn{position:absolute; top:50%; right:40px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%);}
#header .all_menu_btn a{display:inline-block;}

@media all and (max-width:1600px){
	#header .gnb > ul > li{padding:0 40px;}
}
	
@media all and (max-width:1400px){
	#header .gnb > ul > li{padding:0 30px;}
	#header .site_box{min-width:180px;}
	#header .site_box > a{font-size:16px;}
	#header .site_box > a:before{right:10px;}
	#header .site_box ul{top:39px;}
	#header .site_box ul li a{font-size:16px;}
}
@media all and (max-width:1000px){
	#header{height:120px; padding:0;}
	#header .logo{left:20px;}
	#header .mid_box{display:none;}
	#header .all_menu_btn{right:20px;}
}
@media all and (max-width:640px){
	#header{height:100px;}
}

/* pc_menu */
.pc_menu{display:none; position:absolute; width:100%; text-align:center; background:#111111; box-sizing:border-box; z-index:99; top:140px;}
.pc_menu .inner{position:relative;}
.pc_menu .inner > ul{margin:0;}
.pc_menu .inner > ul > li{display:none;}
.pc_menu .inner > ul > li > a{display:none;}
.pc_menu .inner > ul > li ul.depth02{margin:0;}
.pc_menu .inner > ul > li ul.depth02 li{display:inline-block; vertical-align:middle; margin:0 20px;}
.pc_menu .inner > ul > li ul.depth02 li a{font-size:18px; color:#cccccc; letter-spacing:-0.025em; font-weight:500; margin:0; display:block; padding:26px 0;}

.pc_menu .inner > ul > li ul.depth02 li:hover a{font-weight:800;}

/* m_menu */
.m_menu_bg{width:100%; height:100%; position:fixed; left:0; top:0; z-index:101; display:none; background:rgba(0,0,0,0.5); cursor:pointer;}
.m_menu{position:fixed; left:-100%; top:0; min-width:400px; width:80%; z-index:999; height:100%; background:#fff; transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s; z-index:150; overflow-y:auto;}
.m_menu.on{left:0;}
.m_menu .top_box{text-align:center; padding:25px 20px 40px;}
.m_menu .top_box .logo{margin:0;}
.m_menu .top_box .x_btn{position:absolute; top:30px; right:20px;}

.m_menu .gnb{padding:20px 20px 80px; box-sizing:border-box;}
.m_menu .gnb > ul{margin:0; border-top:1px solid #8a8a8a; border-bottom:1px solid #8a8a8a;}
.m_menu .gnb > ul > li{border-bottom:1px solid #dadada;}
.m_menu .gnb > ul > li:last-of-type{border-bottom:0;}
.m_menu .gnb > ul > li > a{font-size:28px; color:#222222; letter-spacing:-0.045em; font-weight:500; display:block; padding:20px 10px;}
.m_menu .gnb > ul > li ul.depth02{margin:0; padding:20px 30px 30px; display:none;}
.m_menu .gnb > ul > li ul.depth02 li{position:relative; padding-left:20px; margin:10px 0;}
.m_menu .gnb > ul > li ul.depth02 li:before{content:''; display:block; position:absolute; width:10px; height:10px; background:#e9edf4; top:8px; left:0;}
.m_menu .gnb > ul > li ul.depth02 li a{font-size:24px; color:#666; letter-spacing:0em; font-weight:300; display:inline-block;}

.m_menu .gnb > ul > li:hover > a{color:#0a2f8f; font-weight:700;}
.m_menu .gnb > ul > li ul.depth02 li:hover a{color:#333; font-weight:700;}
.m_menu .gnb > ul > li ul.depth02 li:hover:before{background:#ffe50b;}
.m_menu .gnb > ul > li.on > a{color:#0a2f8f; font-weight:700;}
.m_menu .gnb > ul > li ul.depth02 li.on a{color:#333; font-weight:700;}
.m_menu .gnb > ul > li ul.depth02 li.on:before{background:#ffe50b;}



/*----- footer -----*/
#footer{padding:60px 0 80px; text-align:center; border-top:1px solid #cccccc;}
#footer ul{margin:0; font-size:0; letter-spacing:-4px; margin-bottom:40px;}
#footer ul li{display:inline-block; vertical-align:middle; margin:0 20px;}
#footer p{font-size:18px; color:#635e5e; letter-spacing:0em; font-weight:500; margin-top:15px; line-height:24px; font-weight: bold;}

@media all and (max-width:640px){
	#footer{padding:40px 0 60px;}
}



/*----- sub_common -----*/
.sub_common{width:100%; height:414px; margin:0 auto 100px; position:relative; max-width:1920px; background:url('/koreastar/img/sub_visual00.jpg') no-repeat center center / cover; overflow:hidden;}
.sub_common .txt_box{position:absolute; top:65%; left:50%; width:100%; max-width:1200px; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); text-align:center;}
.sub_common .txt_box h2{font-size:48px; color:#fff; letter-spacing:0em; font-weight:900; margin:0;}
.sub_common .txt_box h3{font-size:20px; color:#fff; letter-spacing:-0.025em; font-weight:300; margin:0; margin-top:10px;}

@media all and (max-width:1000px){
	.sub_common{max-width:1700px; height:400px;}
}
@media all and (max-width:767px){
	.sub_common{max-width:1320px; height:360px;}
}