@charset "utf-8";

/* 초기화 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time {margin:0; padding:0;box-sizing: border-box;}  
body,input,textarea,select,button,pre {/* font-family:'Open sans', 'Malgun Gothic', '맑은 고딕', '돋움', 'Tahoma'; */ font-family: 'Roboto', 'Ubuntu', sans-serif; font-size:15px; color:#555; font-weight:normal; line-height:22px; letter-spacing:0.3px;}
pre {word-break:break-all; word-wrap:break-word; white-space:pre-wrap;}
table,th,h1,h2,h3,h4,h5,h6 {font-size:14px; font-weight:normal; /* word-break:break-all; */ letter-spacing:-0.2px;line-height:normal;}
table,th {word-break:break-all;}
img,fieldset {margin: 0; padding: 0; border:0;}
legend, caption {display:none;}
ul,ol,li,dl,dt,dd {list-style:none;}
img,input,select,textarea {vertical-align:middle;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption {display:block;}
a {text-decoration:none; color:#707070; transition:0.3s;}
a:hover {text-decoration:none; color:#042e6f;}
.input {border:#cccccc 1px solid; height:28px;}
.select {border:#cccccc 1px solid; height:30px;}
strong {font-weight:500}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,as {display:block;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:''; content:none;}
table {width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
caption {text-indent:100%; overflow:hidden; height:0}
button{border:0 none; background-color:transparent; cursor:pointer}
img {max-width:100%}
input[type='text'], 
input[type='password'], 
input[type='file'], 
textarea, select {
	display:inline-block; 
	padding:0 10px;
	max-width:100%;
	height:35px;
	line-height:35px;
	border:#cccccc solid 1px;
	background:#fff;
	color:#555;
	box-sizing:border-box;
	-webkit-appearance: none;
    appearance: none;
	-webkit-border-radius: 0;
	border-radius:0;
}

.mt20 {margin-top:20px !important}
.mt30 {margin-top:30px !important}
.pt20 {padding-top:20px !important}
.pr0 {padding-right:0px !important}


/* 기본 레이아웃[틀]  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#wrap {position:relative; width:100%; }
body {height:100%;}
body.open {overflow:hidden;}

/* 상단영역 - 사용자용 */
#header {width:100%; position:relative; z-index:9999; height:190px !important; opacity:0.92;}x
.headerPc {width:100%; background:#fff; position:relative;}
.headerPc h1 {padding:60px 0 10px;text-align: center;}
.headerPc h1 > a {display:inline-block;padding:10px;}
.headerPc .gnbMenu {position:absolute;top:0;width:100%;height:50px;border-bottom:1px solid #e0e0e0;}
.headerPc .gnbMenu > div {position:relative;width:1200px; margin:0 auto;}
.headerPc .gnbMenu > div:after {display: block;content: '';clear:both;}
.headerPc .gnbMenu > div > div {display:inline-block;}
.headerPc .gnbMenu > div > div:last-child {position:absolute;right:0;}
.headerPc .gnbMenu > div > div > a {display: inline-block;line-height: 50px;margin-right:5px;}
.headerPc .gnbMenu > div > div > a:last-child {margin-right:0;}
.headerPc .gnbMenu > div > div:last-child > a img {width:30px;height:30px;}
.headerPc .menu {max-width:1200px; margin:0 auto; position:relative; overflow:hidden;}
.headerPc .menu:after {display:block;content: '';clear:both;}
.headerPc .menu > li {float:left; width:16.6%;text-align: center;}
.headerPc .menu > li > a {display:block; padding:15px 0; font-weight:700; font-size:17px; color:#2c2c2c;font-family: 'Oswald', sans-serif;}
.headerPc .menu > li > a:hover,
.headerPc .menu > li.active > a {color:#018bb5;}

/* 상단영역 - 탑 서브 메뉴 =====================================================*/

/* Sub Menu */
.menu > li > ul {display:none;}
.menu > li:hover > ul {
	display:block;
	margin-top:-1px;
	padding-top:10px;
	text-align:left;
	box-sizing: border-box;
	background:#fff;
}
.menu > li:hover > ul > li > a {display:block; padding:10px 10px 10px 15px;color:#444;background:url('/static_root/images/common/menuDot.png') no-repeat 7px 19px}
.menu > li:hover > ul > li > a:hover,
.menu > li:hover > ul > li.active > a {color:#1292ba;font-weight:500;background:url('/static_root/images/common/menuDot.png') no-repeat 7px 19px #ebf5f8;}

@media screen and (max-width:1250px) {
	.headerPc .menu {max-width:1024px;padding:0 15px;}
	.headerPc .gnbMenu > div {width:1024px;}
	.headerPc .gnbMenu > div > div:first-child {margin-left:15px;}
	.headerPc .gnbMenu > div > div:last-child {right:15px;}
}

@media screen and (max-width:1023px) and (min-width:769px) {
	.headerPc .menu {max-width:100%;background:#fff;overflow:visible;}
	.headerPc .menu > li > a {font-size:16px}
	.headerPc .gnbMenu > div {width:100%;}
	.menu > li:hover > ul {position:absolute;left:0;width:100%;margin-top:0;padding-top:0;}
}
@media screen and (max-width:800px) {
	.headerPc .menu {padding:0 5px;}
	.headerPc .gnbMenu > div > div:first-child {margin-left:5px;}
	.headerPc .gnbMenu > div > div:last-child {right:5px;}
}

#header .headerMobile {display:none;}
/* 상단영역_Mobile */
@media all and (max-width:799px) {
	/* 상단영역 */
	#header {height:70px !important;border-bottom:none;}
	#header .headerMobile {display:block;}
	#header .headerPc {display:none;}
	.headerMobile {width:100%; position:fixed; top:0; z-index:9999; background:#fff;}
	.headerMobile > .gnbMenuM {margin:0 15px; padding:15px 0; overflow:hidden;}
	.headerMobile > .gnbMenuM:after {display:block;content:'';clear:both;}
	.headerMobile > .gnbMenuM > li {float:left;}
	.headerMobile > .gnbMenuM > li:last-child {float:right;margin-top:4px}
	.headerMobile > .gnbMenuM > li > a {display:block;}
	.headerMobile > .gnbMenuM > li:first-child > a > img {height:35px;}
	.headerMobile > .gnbMenuM > li:last-child > a > img {height:25px;}

		/* 모바일 메뉴영역 */
	.gnbTotalM {width:100%; height:100%; position:fixed; top:0; left:0%; z-index:10000; background:#052e70; display:none; overflow-y:auto; overflow-x:hidden;}
	.gnbTotalM > span {display:inline-block; float:right; margin-bottom:15px;}
	.gnbTotalM > span > a {color:#fff; font-size:24px; font-family:'Ubuntu', sans-serif;}
	.gnbTotalM > p {float:right; margin-bottom:15px;}
	.gnbTotalM > p > a {color:#fff; font-size:24px; font-family:'Ubuntu', sans-serif;}
	.gnbTotalM > .headerMobile {width:100%; top:0; z-index:9999; background:#fff;}
	.gnbTotalM > .headerMobile > .gnbMenuM > li {float:left;}
	.gnbTotalM > .headerMobile > .gnbMenuM > li:last-child {float:right; margin-top:4px}
	.gnbTotalM > .headerMobile > .gnbMenuM > li > a {display:block;}
	.gnbTotalM > ul.mobileM {width:100%; overflow:hidden; box-sizing:border-box; padding:5px 20px 15px 20px; margin-top:81px;}
	.gnbTotalM > ul.mobileM > li {background:url('/static_root/images/mobile/menu_arr.png') right 22px no-repeat;}
	.gnbTotalM > ul.mobileM > li > a {display:block; color:#fff; font-size:16px; padding:12px 0 8px 0; border-bottom:1px solid #183e7d; margin-bottom:8px;}
	.gnbTotalM > ul.mobileM > li > ul {overflow:hidden; margin: 0 10px 8px 10px;}
	.gnbTotalM > ul.mobileM > li > ul > li {float:left; width:50%;}
	.gnbTotalM > ul.mobileM > li > ul > li > a {display:block; color:#fff; font-size:12px;}
	.gnbTotalM > ul.mobileM > li > ul > li > a:hover {color:#3cbee5;}
		
}


/* 하단영역 */
#footer {width:100%; overflow:hidden; padding-bottom:30px;background:#283447;}
#footer > * {width:1200px;margin:0 auto;overflow:hidden;}
#footer > ul {padding-bottom:5px;border-bottom:1px solid #535d6c;background:url('/static_root/images/common/footerBg.png') no-repeat right bottom 20px;}
#footer > .map {padding-top:20px;border-bottom:none;background:none;}
#footer > ul:after {display:block;content: '';clear:both;}
#footer > ul .link {padding-top:5px;}
#footer > ul .link > li {display:inline-block;margin-right:5px;}
#footer > ul .link > li a {display:block;width:27px;height:27px;text-indent:-9999px;}
#footer > ul .link > li:nth-child(1) {background:url('/static_root/images/common/footer_icn_linkedin.png') no-repeat;}
#footer > ul .link > li:nth-child(2) {background:url('/static_root/images/common/footer_icn_youtube.png') no-repeat;}
#footer > ul h3 {padding-bottom:5px;font-size:15px;border-bottom:1px solid #465468;color:#fff;}
#footer > ul h3 + * {margin-top:10px;color:#fff;}
#footer > ul > li {float:left; width:23.5%;min-height:155px;margin-right:2%;background-size:100% 100% !important}
#footer > ul > li:last-child {margin:0;}
#footer > .map > li:nth-child(2) {background:url('/static_root/images/common/countryList02.png') no-repeat}
#footer > .map > li:nth-child(3) {background:url('/static_root/images/common/countryList03.png') no-repeat}
#footer > .map > li:nth-child(4) {background:url('/static_root/images/common/countryList04.png') no-repeat}
#footer > ul > li > * {color:#ddd;font-size:12px;}
#footer > ul > li > div {padding:20px;}
#footer > ul > li > div > p {line-height:16px;padding:5px 0;}
#footer > ul > li > div > div > p {display:inline-block;position:relative;padding-right:15px;font-size:15px;color:#fff;}
#footer > ul > li > div > div > p:after {
	content:'';
	display:block;
	position:absolute;
	top:50%;
	right:7px;
	width:1px;
	height:9px;
	margin-top:-4.5px;
	background:#72808d;
}
#footer > ul > li > div > div > a {
	display:inline-block;
	padding-right:10px;
	color:#fff;
	background:url('/static_root/images/common/footerArrow.png') no-repeat right 6px;
	background-size:6px 9px;
}
#footer > ul > li > div > ul > li > a {display:inline-block;color:#fff;}
#footer > ul > li > p {padding:5px 0;line-height:16px;}
#footer > ul > li .info > li {line-height:16px}
#footer > ul > li .info > li > span {padding-right:10px;}

@media screen and (max-width:1250px) {
	#footer {padding:15px;}
	#footer > * {width:100%;}
	#footer > div > div > div > ul {width:50%;}
	#footer > div > div > div h3:first-child {margin-top:20px;}
}
@media screen and (max-width:1024px) {
	#footer > div > div > div:last-child > div p {padding:10px 5px 0}
	#footer > div > div > div h3:first-child {margin-top:0;}
}
@media all and (max-width:799px) {
	#footer > div > div > div {float:none;width:100%;}
	#footer > div > div > div:last-child {margin-top:20px;}
	#footer > ul {padding-bottom: 20px;}
	#footer > ul > li {width:100%;min-height:auto;margin-bottom: 10px;background:#122439  !important;}
	#footer > ul > li:last-child {margin:0;}
	#footer > ul > li > div {padding:10px;}
	#footer ul li.empty {display:none;}
}

/* 서브비주얼 */
#subVisual {position:relative;width:100%; height:300px;}
#subVisual.bgMENU0001 {background:url('/static_root/images/common/subVisual02_3.jpg') no-repeat; background-size:cover; background-position:center;}
#subVisual.bgMENU0002 {background:url('/static_root/images/common/subVisual02.jpg') no-repeat; background-size:cover;}
#subVisual.bgMENU0003 {background:url('/static_root/images/common/subVisual03.jpg') no-repeat; background-size:cover;}
#subVisual.bgMENU0004 {background:url('/static_root/images/common/subVisual04.jpg') no-repeat; background-size:cover;}
#subVisual.bgMENU0005 {background:url('/static_root/images/common/subVisual05.jpg') no-repeat; background-size:cover;}
#subVisual.bgMENU0006 {background:url('/static_root/images/common/subVisual06.jpg') no-repeat; background-size:cover;}
#subVisual.bgMENU0007 {background:url('/static_root/images/common/subVisual03_3.jpg') no-repeat; background-size:cover; background-position:center;}
#subVisual.bgMENU0008 {background:url('/static_root/images/common/subVisual06.jpg') no-repeat; background-size:cover;}
#subVisual.bgMENU0009 {background:url('/static_root/images/common/subVisual06.jpg') no-repeat; background-size:cover;}
#subVisual.bgMENU0010 {background:url('/static_root/images/common/subVisual06.jpg') no-repeat; background-size:cover;}
#subVisual.bgMENU0011 {background:url('/static_root/images/common/subVisual06.jpg') no-repeat; background-size:cover;}
#subVisual.bgMENU0012 {background:url('/static_root/images/common/subVisual06.jpg') no-repeat; background-size:cover;}
#subVisual.bgMENU0013 {background:url('/static_root/images/common/subVisual06.jpg') no-repeat; background-size:cover;}
#subVisual.bgMENU0014 {background:url('/static_root/images/common/subVisual04_3.jpg') no-repeat; background-size:cover; background-position:center;}
#subVisual.bgMENU0015 {background:url('/static_root/images/common/subVisual06.jpg') no-repeat; background-size:cover;}
#subVisual.bgMENU0016 {background:url('/static_root/images/common/subVisual06.jpg') no-repeat; background-size:cover;}
#subVisual.bgMENU0017 {background:url('/static_root/images/common/subVisual06.jpg') no-repeat; background-size:cover;}
#subVisual.bgMENU0018 {background:url('/static_root/images/common/subVisual01_3.jpg') no-repeat; background-size:cover; background-position:center;}
#subVisual.bgMENU0024 {background:url('/static_root/images/common/subVisual05_3.jpg') no-repeat; background-size:cover; background-position:center;}
#subVisual.bgMENU0045 {background:url('/static_root/images/common/subVisual06_2.jpg') no-repeat; background-size:cover; background-position:center;}
#subVisual h2 {
	position:absolute;
	width:100%;
	top:50%;
	margin-top:-26.5px;
	text-align:center;
	font-family: 'Oswald', sans-serif;
	font-size:36px;
	color:#fff;
}
@media all and (max-width:1200px) {
	#subVisual {height:200px;}
}
@media all and (max-width:799px) {
	#subVisual {height:150px;}
	#subVisual h2 {font-size:38px;}
}

/* 서브비주얼 */
.titleNaviNew {width:100%; background:#f2f3f8; border-bottom:1px solid #ddd; }
.titleNaviNew > ul {max-width:1200px; margin:0 auto; overflow:hidden;}
.titleNaviNew > ul > li {float:left; border-right:1px solid #ddd; text-align:center; padding:11px 25px;}
.titleNaviNew > ul > li:first-child {padding:0;border-left:1px solid #ddd;}
.titleNaviNew > ul > li:first-child > a {display:block;width:50px;height:45px;background:url('/static_root/images/common/icn_home.png') no-repeat center 15px}
.titleNaviNew > ul > li > strong {color:#163d7c;}


/* 본문 영역 */
#content {max-width:1200px; min-height:500px; margin:0 auto;padding-top:45px; overflow:hidden;}
#content #left {float:left; /* width:200px; */ width:16%;}
#content #right {float:left;  width:83%; box-sizing:border-box; padding:0 30px 70px 30px;}

/* 좌측메뉴 - 사용자용 */
.leftMenu {width:100%; overflow:hidden;}
.leftMenu h2 {
	z-index:9999;
	padding-bottom:15px;
	border-bottom:1px solid #007081; 
	color:#333;
	font-family: 'Oswald', sans-serif;
	font-size:24px;
	font-weight:500;
}
.leftMenu h2.line2 {
	padding-top:30px;
	line-height:30px;
}
.leftMenu dl {width:100%; overflow:hidden;}
.leftMenu dl dt {width:100%;}
.leftMenu dl dt a {display:block; padding:20px 10px; font-size:14px; font-weight:500; color:#707070; letter-spacing:-0.5px; word-break:keep-all; line-height:normal; border-bottom:#ddd 1px solid; }
.leftMenu dl dt a:hover,
.leftMenu dl dt a.on {color:#494949; font-weight:500; border-bottom:#ddd 1px solid; background:url('/static_root/images/common/leftArrow.png') no-repeat left 25px; }


/* 콘텐츠 타이틀 - 사용자용 */
#content h3 { font-family: 'Oswald', sans-serif;position:relative;margin-top:40px; padding-bottom:35px;font-size:30px; font-weight:bold;color:#333; letter-spacing:-0.2px; text-align:center;line-height: 32px;}
#content h3:after {
	display:block;
	position:absolute;
	content:'';
	bottom:0;
	left:50%;
	margin-left:-20px;
	width:40px; 
	height:2px; 
	line-height:normal;
	background:#202b7a;
}

/* 미디어쿼리 */
@media screen and (max-width:1250px) {
	/* 전체영역 */
	#content {margin-left:20px;}	
}
/* 테블릿 */
@media screen and (max-width:799px) {
	
	/* 타이틀/네비 */
	.titleNaviNew {display:none; /* margin-top:0; */}
	
	/* 콘텐츠_본문 영역 */
	#content {margin:0;background:none; border-left:none; padding:0 20px;}
	#content #left {display:none;}
	#content #right {width:100%; border-left:none; padding:0 0 70px 0;}
	#content h3 {margin-top:30px;padding-bottom:25px;}
}

/* 모바일 */
@media screen and (max-width:480px) {
	/* 전체영역 */
	#wrap {min-width:320px;}	
}