@charset "utf-8";
@import url('//fonts.googleapis.com/css?family=Noto+Serif+KR');
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');


/* basic */
.inner{width:100%; max-width:1600px; margin:0 auto; position:relative;}
html.overflow, body.overflow{position:fixed; overflow:hidden; width:100%; height:100%;}

@media all and (max-width:1600px){
	.inner{width:93.75%}
}



/* fonts */
.poppins{ font-family: 'Poppins';}
.serif{font-family: 'Noto Serif KR', sans-serif;}
/*.kaisei {font-family: 'Kaisei HarunoUmi', serif;}*/
.kaisei {font-family:'NanumSquare',sans-serif;}



#header {position:relative; z-index:1000; width:100%; height:92px; background-color:#65686c; box-sizing:border-box; }
#header .inner {position:relative; height:100%; }
#header h1.logo {position:absolute; left:0; top:calc(50% - 23px); margin:0; }
#header .gnb {width:1069px; max-width:71%; margin:0 auto; }
#header .gnb > ul {font-size:0; letter-spacing:-4px; }
#header .gnb > ul > li {position:relative; display:inline-block; vertical-align:top; width:25%; border-right:1px solid #7d8186; box-sizing:border-box; transition:all 0.5s; }
#header .gnb > ul > li:last-of-type {border-right:0 none; }
#header .gnb > ul > li > a {display:block; width:100%; padding:32px 0 33px;font-size:18px; font-weight:300; color:#b3b3b3; letter-spacing:-0.05em; text-align:center; box-sizing:border-box; transition:all 0.5s; }
#header .gnb > ul > li:hover {background-color:#fff; }
#header .gnb > ul > li:hover > a {font-weight:bold; color:#000000; }
#header .gnb .depth02 {position:absolute; left:0; top:100%; display:none; width:100%; height:560px; padding:30px 25px; background-color:#fff; box-sizing:border-box; }
#header .gnb .depth02 li a {display:block; padding:7px 0; font-size:18px; font-weight:300; color:#b1b1b1; letter-spacing:0; }
#header .gnb .depth02 li:hover a {color:#151515; font-weight:500; }
#header .link_box {position:absolute; right:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
#header .m_btn {display:none ;position:absolute; right:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
#header .m_btn a{display:block; position:relative;}
#header .m_btn a i{display:block; vertical-align:middle; width:24px; height:2px; background:#b3b3b3; position:relative; transition:0.2s;}
#header .m_btn a i + i{margin-top:6px;}
#header .m_btn a:hover i{background:#000}
#header .m_btn.on a i{width:0;}
#header .m_btn.on a i:nth-of-type(1){position:absolute; width:28px; left:-25px; top:-10px; transform:rotate(45deg); transform-origin:left;}
#header .m_btn.on a i:nth-of-type(3){position:absolute; width:28px; left:-25px; bottom:-10px; transform:rotate(-45deg); transform-origin:left;}


@media all and (max-width:1200px){
	#header .gnb {margin-right:7%; }
}
@media all and (max-width:1000px){
	#header .link_box{right:40px;}
	#header .gnb {display:none; }
	#header .m_btn{display:block;}
}

/* m_menu */
#m_menu{position:fixed; right:-9999px; top:92px; background:#fff; width:100%; height:calc(100% - 92px); overflow-y:auto; z-index:10; transition:0.4s ease-out}
#m_menu.on{right:0;}
#m_menu .gnb{text-align:center; margin:60px 0 0;}
#m_menu .gnb > ul > li{margin:30px 0;}
#m_menu .gnb > ul > li > a{display:block; font-size:28px; color:#b3b3b3; letter-spacing:-0.05em; font-weight:bold;}
#m_menu .gnb > ul > li > .depth02{padding:15px 0; display:none}
#m_menu .gnb > ul > li > .depth02 li a{display:block; font-size:22px; color:#b1b1b1; letter-spacing:-0.05em; font-weight:300; padding:5px 0;}
#m_menu .gnb > ul > li > .depth02 li:hover a{color:#151515}
#m_menu .gnb > ul > li.on > a{color:#000000;}

@media all and (min-width:1001px){
	#m_menu{display:none !important}
}

#footer {overflow:hidden; background-color:#65686c; }
#footer .inner {position:relative; }
#footer .top_btn {position:absolute; left:100%; top:0; width:160px; height:100%; background-color:#b5b8bc; font-size:16px; color:#f3f3f3; letter-spacing:0.025em; line-height:275px; text-align:center; cursor:pointer; }
#footer dl {font-size:0; letter-spacing:-4px; }
#footer dl dt {display:inline-block; vertical-align:top; width:40%; height:275px; border-right:1px solid #7e7e7e; padding:75px 1% 0; box-sizing:border-box; }
#footer dl dt img {max-with:50%; }
#footer dl dt p.add {padding-top:55px; font-size:12px; font-weight:200; color:#b7b7b7; letter-spacing:0.025em; }
#footer dl dd {display:inline-block; vertical-align:top; width:20%; height:275px; border-right:1px solid #7e7e7e; padding:75px 2% 0; box-sizing:border-box; }
#footer dl dd:last-of-type {border-right:0 none; }
#footer dl dd p {font-size:16px; font-weight:300; color:#a5a5a5; letter-spacing:-0.025em; line-height:1.7; word-break:break-all; }
#footer dl dd p + p{margin-top:5px;}
#footer dl dd p b {font-weight:300; color:#f9f9f9; }
#footer dl dd span {display:block; font-size:16px; font-weight:300; color:#a5a5a5; letter-spacing:-0.025em;  line-height:1.6;}

@media all and (max-width:1600px){
	#footer .top_btn {left:auto; right:0; }
	#footer dl dt {width:calc(55% - 160px); padding:35px 1% 0; }
	#footer dl dd {width:15%; padding:40px 1% 0; }
}
@media all and (max-width:1200px){
	#footer .top_btn {line-height:550px; }
	#footer dl dt {width:calc(50% - 80px); }
	#footer dl dd {width:calc(50% - 80px); }
	#footer dl dd:nth-of-type(1) {border-right:0 none; }
}
@media all and (max-width:767px){
	#footer .top_btn {width:70px; height:70px; line-height:70px; }
	#footer dl dt {width:100%; height:auto; padding:35px 1%; border-right:0 none; }
	#footer dl dd {width:100%; height:auto; padding:15px 1%; border-right:0 none; }
}