@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&display=swap');

*{margin:0; padding:0; border:0; outline:0;}
html{overflow-y: scroll;}
body{
	font-family:'Nanum Gothic', '맑은 고딕', 돋움, sans-serif;
	font-size:16px;
	letter-spacing:-0.05em;
}
header, nav, main, section, footer{display:block;}
h1{font-size:3em;}
h2{font-size:2em;}
h3{font-size:1.5em;}
h4{font-size:1.25em;}
li{list-style:none;}
a{text-decoration:none; color:#000000;}
img{border:0;}

#wrap{
	background:#ffffff;
}
button.goBtn{
	border:1px solid #808080;
	color:#000000;
	text-align:center;
	font-weight:bold;
	padding:1em 1.5em;
	cursor:pointer;
	background:#ffffff;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
main button.goBtn:hover{
	border:1px solid #000000;
	color:#ffffff;
	background:#000000;
}
section button.goBtn:hover{
	border:1px solid #f57c21;
	color:#ffffff;
	background:#f57c21;
}

.circle_select{
	margin:0 4px;
	width:10px; height:10px;
	background:#f57c21;
	border:2px solid #f57c21;
	border-radius:8px;
}
.circle{
	margin:0 4px;
	width:10px; height:10px;
	border:2px solid #ffffff;
	border-radius:8px;
}
.circle:hover{
	background:#f57c21;
	border:2px solid #f57c21;
	cursor:pointer;
}
.center{
	margin:0 auto;
}
.stress{
	font-weight:bold;
	letter-spacing:0em;
}
.english{
	letter-spacing:0em;
}
.rotateX{
	transform:rotate(0deg);
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	-ms-filter:'FlipH';
	filter: FlipH;
}
.fl{float:left;}
.fr{float:right;}
.cb{clear:both;}
.cf:after{
	content:'';
	display:block;
	clear:both;	
}
.cf{*zoom:1;}

/* 헤더 */
#top{
	position:fixed;
	top:0px;
	width:100%; height:95px;
	background:#ffffff;
	z-index:99;
	min-width:1200px;
}
#top #header{
	width:1200px;
	margin:0 auto;
}
#header #headerLogo{
	position:relative; float:left;
	top:0; left:0;
	width:170px; height:125px;
	background:#f57c21;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
}
#header #headerLogo img{
	position:absolute;
	top:8px; left:25px;
	width:120px; height:106px;
}

/* 메인메뉴 */
#header #headerLnb{
	position:relative;
	top:0px; left:0px;
	float:left;
	margin:30px auto;
	width:860px; height:40px;
}
#nav > li.sub{
	float:left;
	margin-left:120px;
	font-size:1.5em;
	text-align:center;
}
#nav > li.sub > a{
	display:block;
	padding:5px 0px;
	color:#000000;
	font-size:0.8em;
	font-weight:bold;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#nav > li.sub > a:hover{
	color:#f57c21;
	border-bottom:2px solid #f57c21;
}

/* 서브메뉴 */
#nav > li.sub > ul.subLnb {
	position:absolute;
	top:0px;
	background:#ffffff;
	margin-top:35px;
	line-height:30px;
	display:none;
}
#nav > li.sub:hover > ul.subLnb{display:block;}
#nav > #subLnb_1 > .subLnb{left:81px;}
#nav > #subLnb_2 > .subLnb{left:244px;}
#nav > #subLnb_3 > .subLnb{left:415px;}
#nav > #subLnb_4 > .subLnb{left:604px;}
#nav > li.sub > ul.subLnb > li > a{
	display:block; padding:10px 10px;
	width:130px;
	font-size:0.65em;
	color:#000000; text-align:center;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#nav > li.sub > ul.subLnb > li > a:hover{
	color:#ffffff;
	background:#f57c21;
	box-shadow:0px 3px 3px rgba(0,0,0,0.3);
}

/* 퀵버튼 */
#header #quickButton{
	position:relative; float:right;
	top:25px; right:0;
	width:170px; height:40px;
}
#quickButton #location a{
	position:absolute;
	top:0; left:0;
	width:40px; height:40px;
	background:url(../images/button_location.png) no-repeat;
}
#quickButton #location a:hover{
	background:url(../images/button_location_hover.png) no-repeat;
}
#quickButton #search a{
	position:absolute;
	top:0; left:65px;
	width:40px; height:40px;
	background:url(../images/button_search.png) no-repeat;
}
#quickButton #search a:hover{
	background:url(../images/button_search_hover.png) no-repeat;
}
#quickButton #login a{
	position:absolute;
	top:0; right:0;
	width:40px; height:40px;
	background:url(../images/button_login.png) no-repeat;
}
#quickButton #login a:hover{
	background:url(../images/button_login_hover.png) no-repeat;
}

/* 푸터 */
#footer{
	clear:both;
	width:100%; height:230px;
	background-color:#e5e5e5;
	font-size:0.9em;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	min-width:1200px;
}
#footer #foot{
	width:1200px; height:230px;
	margin:0 auto;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#footer #footerLogo{
	float:left;
	width:170px; height:150px;
	position:relative;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#footer #footerLogo img{
	position:absolute;
	top:30px; left:25px;
	width:120px; height:106px;
}
#footer #contactUs{
	float:left;
	width:460px; height:150px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#footer #contactUs a:hover{
	color:#f57c21;
}
#footer #contactUs ul li{
	display:inline;
	font-size:1.1em;
}
#footer #contactUs ul li:after{
	content:"     |     ";
	white-space:pre;
}
#footer #contactUs ul, #footer #contactUs dl{
	margin-top:30px;
	width:450px;
}
#footer #contactUs dl dt:after{
	content:" : ";
	white-space:pre;
}
#footer #contactUs dl dd:after{
	content:"  |  ";
	white-space:pre;
}
#footer #contactUs li.last:after, #footer #contactUs dl dd.last:after{
	content:"";
}
#footer #contactUs dl dt, #footer #contactUs dl dd{
	display:inline;
	font-size:0.9em;
	line-height:170%;
}
#footer #snsButton{
	float:left;
	width:320px; height:120px;
	margin:0 15px;
	padding-top:30px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#footer #snsButton img{
	margin:0 5px;
}
#footer #globalNav{
	float:left;
	width:220px; height:150px;
	padding-top:30px;
	text-align:center;
	font-size:0.9em;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	}
#footer #globalNav select{
	width:218px; height:30px;
	padding:0 1rem;
	border:1px solid #808080;
	font-size:0.9em;
	border-radius: 0px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#footer #copyright{
	clear:both;
	width:1200px; height:80px;
	padding-top:10px;
	font-size:0.9em;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#footer #copyright p{
	font-size:0.9em;
	text-align:justify;
	line-height:1.7;
}