@charset "utf-8";

@import url(/groups/common/css/common.css);


/*@media all and (max-width:1024px) {
	body {font-size:73%}
}
@media all and (max-width:800px) {
	body {font-size:70%}
}*/


.bg_img {background: url('/groups/ethics/images/main/main_visual3.jpg') no-repeat top;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;z-index:-1;width:100%;height:100%;position: absolute; top:0;}
.bg_sub_img {background: url('/groups/ethics/images/main/main_visual3.jpg') no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;z-index:-1;}
/*.backImg03 {background: url('/groups/smartE/images/main/main_visual11.jpg') no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;z-index:-1}
.backImg04 {background: url('/groups/smartE/images/main/main_visual9.jpg') no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;z-index:-1}
.backImg05 {background: url('/groups/smartE/images/main/main_visual5.jpg') no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;z-index:-1 }
.backImg06 {background: url('/groups/smartE/images/main/main_visual6.jpg') no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;z-index:-1}*/

/*#classMainMenu {position: absolute;top:0px;left: 50%;width: 1020px;margin-left: -534px;}
#classMainMenu li {margin-right:3.3px}*/
.gnb ul.classSub {position: absolute;top:0px;left: 50%;width: 1020px;margin-left: -536px;}

/* GNB */
header {position:fixed;top:0; width:100%;height:80px;z-index:10;background:#fff;}
.gnb {position: relative; /*min-width:990px;*/margin:0 auto}
.gnb .logo {position:absolute; left:58px; top:22px;display:block}
.gnb .logo01 {display:none;}
.gnb ul {text-align: center}
/*.gnb li {position: relative; display: inline-block; font-size:16px; font-weight:600;padding:35px 10px 25px 10px}*/
.gnb li {position: relative; display: inline-block; font-size:18px; font-weight:600;padding:35px 10px 25px 10px}
.gnb li a:hover, .gnb li a:focus, .gnb li.on a {text-decoration:none;color: #009541}

/*@media all and (max-width:800px) {
	header {position:fixed;top:0; width:100%;height:112px;z-index:10;background:#014099;}
	.gnb li { position: relative; display: inline-block; font-size: 16px; font-weight: 600; padding: 13px 19px 12px 24px;}
	.gnb .logo{display:none;}
	.gnb .logo01{position:absolute; left:10px; top:10px;display:block}
}

@media (max-width: 380px){
.gnb li {position: relative; display: inline-block; font-size: 13px; font-weight: 600; padding: 13px 19px 14px 20px;}
.slide_common .main_text_area .ntag_02 {font-size: 25px !important;}
.sub_visual .sub-cover h2 { position: absolute; top: 180px; left: 50%; width: 990px;  margin-left: -495px; font-size: 25px !important; text-shadow: 0 0 7px #000; letter-spacing: -2px; font-weight: 600;}
.sub_visual .sub-cover p { position: absolute; top: 250px; left: 50%;width: 990px; margin-left: -495px;  font-size: 20px !important; text-shadow: 0 0 2px #000; letter-spacing: -1px; font-weight: 600;text-align: center;}


}*/
/* snavi2 */

/* footer */
footer {background:#2d2d2d url('/groups/common/images/dot2.png') repeat; color: #bbb; border-top: 1px #424242 solid;padding:20px 0 20px 0}
footer .inner {position: relative;/*min-width:990px;*/margin:0 auto;width:94%;}
footer .flogo {position: absolute; top:10px; right:20px; overflow: hidden; display: block; width: 162px; height: 33px;text-indent:-9999px; background: url('/groups/common/images/f_logo.png') no-repeat}
footer ul {margin-bottom:8px}
footer li:first-child {padding-left:0}
footer li {display:inline-block;padding:0 7px}
footer li a {letter-spacing:-1px; color:#bbb;font-size:13px}
footer .copyright {font-size:12px;margin-bottom:5px}
footer .copyright span {display:inline-block;margin-left:2px;padding-left:7px;background:url('/groups/common/images/bullet_bar.gif') 1px 50% no-repeat}
footer address {font-family:Verdana;font-size:11px}
footer address a {color: #fff200}
footer .family {position: relative; float: right; bottom: 41px; right: 35px}
footer .family .family_site {float: left; margin: 0 10px;}

.contents { /*min-height:1280px;*/ height:100%;}
section {position:relative;overflow:hidden;/*min-width:100%;*/margin:0 auto; padding-bottom:100px;background:white; z-index:1;min-height:500px;width:1200px;min-width:1024px;}
section:after {content: ''; clear: both; display: block; height: 0 }
article {position:relative;overflow:hidden;width:990px;margin:0 auto;padding:50px 0}
.article2 {position:relative;overflow:hidden;width:990px;margin:0 auto;margin-top:50px}
article:after {content: ''; clear: both; display: block; height: 0 }
.content {position:relative;width:990px;margin:0 auto;min-height:300px;background:white}
.content:after {content: ''; clear: both; display: block; height: 0 }
.bg_short {position:relative;height:150px}

/* slide_common */
.slide_common {position: relative;overflow: hidden;width:100%;height:100%}
.slide_common .main_text_area {position: relative; width:1600px; margin: 0 auto; height: 1000px; color: white; text-align: center }
.slide_common .main_text_area span {display: block; position: absolute; left: 0; width:1600px;}
.slide_common .main_text_area .ntag_01 {top:260px; font-size: 60px;font-weight:800; letter-spacing: -2px;text-shadow: 0 0 7px #000; /*font-family:'NanumMyeongjo'*/}
.slide_common .main_text_area .ntag_02 {top:370px; font-size: 50px;font-weight:600; text-shadow: 0 0 5px #000 }
.slide_common .main_text_area .ntag_03 {top:490px; font-size: 24px; font-weight:600; letter-spacing: -1px; line-height: 1.6; text-shadow: 0 0 2px #000;}
.slide_common .main_text_area .ntag_03 strong {font-size: 34px;font-weight:800; text-shadow: 0 0 5px #000; font-family: 'NanumMyeongjo'}
/*.slide_common .li1 {background: url('/groups/society/images/main/main_visual1.jpg') no-repeat 100% 100%;background-size: cover;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover }
.slide_common .li2 {background: url('/groups/society/images/main/main_visual2.jpg') no-repeat 100% 100%;background-size: cover;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover }*/

.br {display:none;}

/*서브 비쥬얼*/

/*@media all and (max-width:800px) {
	.slide_common .main_text_area {width:100%; margin: 0 auto; height: 450px; color: white; text-align: center }
	.slide_common .main_text_area span {display: block; position: absolute; left: 0; width:100%;margin-left: 0 }
	.slide_common .main_text_area .ntag_03 {display:none;}
	.slide_common .main_text_area .ntag_02 {top: 228px;font-size: 30px;line-height: 41px;}	
	.slide_common .li1 {width:100%; height:450px;}
	.sub_visual .sub-cover {width:100%;height:320px;}
.sub_visual .sub-cover h2 {font-size:2.2em;}
.sub_visual .sub-cover p {font-size:2em;}
.br {display:block;}
.sub_visual .sub-cover h2 { position: absolute; top: 180px; left: 50%; width: 990px;  margin-left: -495px; font-size: 30px !important; text-shadow: 0 0 7px #000; letter-spacing: -2px; font-weight: 600;}
.sub_visual .sub-cover p { position: absolute; top: 250px; left: 50%;width: 990px; margin-left: -495px;  font-size: 28px !important; text-shadow: 0 0 2px #000; letter-spacing: -1px; font-weight: 600;text-align: center;}
footer .flogo {display:none;}}

@media all and (min-width:801px) and ( max-width: 1024px ) {
	.slide_common .main_text_area .ntag_03 { top: 250px;font-size: 17px;}
	.slide_common .main_text_area .ntag_02 {top: 230px;font-size: 30px;}
	.slide_common .main_text_area {width:100%; margin: 0 auto; height: 500px; color: white; text-align: center }
.slide_common .li1 {width:100%; height:500px;}
}*/

/* 서브공통 */
.sub_visual {position: relative;overflow: hidden;width:100%;height:100%}
.sub_visual .sub-cover {position:relative;width:100%;height:360px;margin:0 auto; text-align:center; color:white; font-family:'NanumMyeongjo'}
.sub_visual .sub-cover h2 {position: absolute;top:180px; left: 50%; width:990px;margin-left: -495px; font-size:48px; text-shadow: 0 0 7px #000; letter-spacing: -2px;font-weight:600}
.sub_visual .sub-cover p {position: absolute;top:250px; left: 50%; width:990px;margin-left: -495px; font-size:38px; text-shadow: 0 0 2px #000; letter-spacing:-1px;font-weight:600; text-align:center}

/* 버튼 컨텐츠 */
#circle { position: relative; bottom: 350px; width: 990px; height: 170px; margin: 0 auto;}
#circle a {width: 170px; height: 170px; background: #fff; border-radius: 100px; opacity: 0.7; float: left; margin: 0 38px; position: relative; text-align:center;font-size: 17px; font-weight: 700; color: #002d18;}
#circle a span {position: relative; top: 100px;}
#circle img {display: block; width: 56px; height: 56px; position: absolute; left: 50%; top: 60px; transform:translate(-50%,-50%);}