@charset "UTF-8";

body,html{height:100%;-webkit-text-size-adjust:none;font-family: 'NanumSquare', sans-serif;font-size:16px}
body,button,h1,h2,h3,h4,h5,h6,input,select,table,textarea{line-height:1.5;font:inherit;color:inherit}
address,blockquote,body,button,caption,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,input,legend,li,ol,p,select,td,textarea,th,ul{margin:0;padding:0}
li,ol,ul{list-style:none}
fieldset,img{vertical-align:middle;border:0 none}
input,select,textarea{vertical-align:middle;resize:none}
input[type=email],input[type=password],input[type=search],input[type=submit],input[type=tel],input[type=text],textarea{-webkit-appearance:none}
button{border:0 none;background:0 0;cursor:pointer}
hr{display:none}
.hide,legend{position:absolute;left:-9999px}
table caption{width:0;height:0;visibility:hidden;text-indent:-9999px;font-size:0;line-height:0}
table{border-collapse:collapse;border-spacing:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
a{color:inherit;text-decoration:none}
a:active,a:focus,a:hover{text-decoration:underline}
button::-moz-focus-inner{border:0}

.skip-navi{position:absolute;left:-9999px}
.skip-navi:focus{display:block;width:100%;height:40px;line-height:40px;text-align:center;font-size:16px;color:#fff;text-decoration:none;background:#232323;position:fixed;top:0;left:0;z-index:99999}

header.common {
    width: 100%;
    /* background-color: #474342; */
}

.header.sns {
    /* width: 1100px; */
    margin: 4px auto;
    width: 100%;
    height: 38px;
    border-bottom: 1px solid #eee;
    position:relative;
}
.header.sns ul {
    /* position: absolute; */
    /* right: 0; */
    /* margin: 0 auto; */
    width: 1212px;
    position: relative;
    /* background-color: tan; */
}
.header.sns ul:after{
	display:block;
	content:'';
	clear:both;
}
.header.sns ul li {
    /* float: left; */
    /* width: 100px; */
    margin-bottom:;
    /* margin-right: 10px; */
}
.gnb ul:after{
	display:block;
	content:'';
	clear:both;
}
.gnb ul {
    /* padding-left: 167px; */
    /* width: 1212px; */
    margin: 0px auto;
    padding-left: 343px;
    /* position: absolute; */
    /* right: 232px; */
}
.gnb ul li {
    /* float: left; */
    color: #fff;
    font-size: 22px;
    /* padding-left: 14px; */
    margin-left: 70px;
    margin-top: 29px;
    /* float: right; */
    /* text-decoration: none; */
    /* margin-left: 18px; */
    /* padding: 0px 0; */
    /* position: absolute; */
}

.gnb {
    /* background-color: #474342; */
}

/*.footer {
    width: 100%;
    background-color: #6b5c4d;
    height: 178px;
    color: #fff;
}

.f_wrap {
    width: 1212px;
    margin: 0 auto;
}

.f_info ul li:nth-child(1) {float: left;padding-left: 141px;}

.f_info ul li:last-child {
    float: right;
}

.f_logo {
    padding-top: 43px;
}
p.copy {
    margin-top: 10px;
    font-size: 13px;
    color: #eeee;
}
*/
.f_wrap:after{
	display:block;
	content:'';
	clear:both;
}
.gnb_in:after{
	display:block;
	content:'';
	clear:both;
}
.gnb {width : 100%;height: 84px;position : relative;/* background-color: green; */}
.gnb a {
  text-decoration: none;
  color: #fff;
  font-size: 17px;
  /*font-weight: 800;*/
  display:inline-block;
  /* width: 155px; */
}
.gnb_in {
  position : relative;
  overflow : hidden;
  /* float: right; */
  /* text-align: center; */
  width: 1003px;
  height: 72px;
}
.gnb_in li {display: inline-block;color: #000;/* margin: 0 21px; *//* background-color: white; */}
.gnb_in li .list {
  position: absolute;
  width: 140px;
  text-indent: 0;
  z-index: 601;
  top: 88px;
}
.gnb_in li .list li {



/* width: 154px; */
}


ul.list li a {
    font-size: 17px;
    font-weight: 500;
    /* width: 131px; */
    display: block;
}


.subBg{
            width: 100%;
            opacity : 0.95;
            position : absolute;
            top: 90px;
            /* left: 40%; */
            z-index : 600;
            display : none;
            background: rgba(255, 255, 255, 0.95);
            display: none;
            height: 560px;
            padding-top: 0px;
            margin-top: 0px;
            padding-bottom: 0px;
            margin-bottom: 0px;
            }

			_:-ms-fullscreen, :root .subBg {   width : 100%;
            height : 468px;
            background : #ffff;
            opacity : 0.95;
            position : absolute;
            top: 125px;
            left : 0;
            z-index : 600;
            display : none; } 

span.recruit {
    float: left;
    width: 128px;
    height: 24px;
    border-radius: 4px;
    color: #fff;
    
    text-align: center;

    font-weight: 500;
 
    background-color: #4b8ce8;
    display: block;
}
       
.subNav .list li {
    /* width: 141px; */
    /* margin-top: 14px; */
    /* border-bottom: 1px dashed #cdcd; */
}
.subNav .list li a:hover{
	color:blue;
}

.gnb_in li a:hover{
color:#47d676;}

.gnb .gnb_in a.active {color:#f63;}
.gnb .gnb_in a.gnb-active {color:#f63 !important; background:#fff !important;}

.gnb a.active img {border-width:0; display:inline;}
.gnb a.active img.t_roll_ovr {display:none;}
.gnb a.gnb-active:hover img {display:none;}
.gnb a.gnb-active:hover img.o_img_ovr {display:inline;}
.gnb a.gnb-active:hover img.t_roll_ovr {display:inline;}

.gnb .subNav .list a.img_ovr img {display:inline;}
.gnb .subNav .list a.img_ovr img.roll_ovr {display:none;}
.gnb .subNav .list a.img_ovr:hover img {display:none;}
.gnb .subNav .list a.img_ovr:hover img.roll_ovr {display:inline;}

.gnb .subNav .list a.gnb-active img {display:none;}
.gnb .subNav .list a.gnb-active img.roll_ovr {display:inline;}
ul.gnb_in li span {
    display: block;
    font-size: 7px;
    margin-top: 2px;
    color: #eee;
}


.f_wrap .f_info li {
    float: left;
}

ul.f_info li {
    color: #ffffff;
}
ul.my{width:1212px;margin:0 auto;padding: -15px;}
ul.my:after{
    display:block;
	content:'';
	clear:both;
}

ul.my li {
    float: left;
    margin-left:10px;
    padding-bottom: 10px;
}

ul.my li:nth-child(1) {
    padding-left: 492px;
}
p.copy {
    font-size: 12px;
    padding-top: 10px;
}
.sns li{}
.sns li:nth-child(1){}
.sns li:nth-child(2){}
li.f_logo img {
    margin-top: 34px;
}
ul.f_sns li {
    margin-left: 5px;
}
ul.sns li {
    position: absolute;
    right: 0;
}

.list div a {
    color: #333;
    
}
.right {
    width: 1100px;
    margin: 0 auto;
}

.right_in a {
    display: inline-block;
    float: right;
    margin-left: 12px;
    font-size: 15px;
    line-height: 30px;
    width: 50px;
}
.right_in {
    float: right;
}
.right_in a:hover {
    background-color: #1e8d9c;
    color: #fafafa;
    text-decoration: none;
    width: 50px;
    text-align: center;
}


/*2020 °í¾ç ´ó´óÀÌ Æ佺Ƽ¹ú*/

/*font*/
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

.notosanskr * { 
 font-family: 'Noto Sans KR', sans-serif;
}

@font-face {
    font-family: 'yg-jalnan';
    src: url('http://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

h1,h2,h3,h4,h5,h6,p,span,a{font-family: 'Noto Sans KR', sans-serif; color:#333;}

/*񃧯 setting*/
.cf::after{content:""; display:block; clear:both;}
.inner{width:1200px; margin:0 auto;}
a:active, a:focus, a:hover{text-decoration:none;}

/*header*/
.header{position:absolute; border:0; z-index:10;}
.header .gnb{height:90px; text-align:center;  }

.header .gnb .logo{line-height:90px; float:left; position:relative; z-index:10;}
.header .gnb .logo a{display:block;}
.header .gnb .logo a img{height: 60px;}

.header .gnb_in{position:relative; float:right; width:auto; padding:0; height:100%; overflow:inherit; z-index:50;}
.header .gnb .inner > ul > li{position:relative; width:140px; height:90px; line-height:90px; margin:0; margin-left:40px;}
.header .gnb .inner > ul > li:last-child{margin-right:0}
.header .gnb .inner > ul > li > a{position:relative; display:block; width:fit-content; margin:0 auto; font-size:17px; font-weight:500; text-align:center; color:#333; padding-top:6px; height:90px; box-sizing:border-box;}
.header .gnb .inner > ul > li > a > img{height:26px;}
.header .gnb .inner > ul > li > a::after{content:""; display:block; width:100%; height:4px; background:#ddd; position:absolute; bottom:0; transform:scale(0,1); transition:all .4s;}
.header .gnb .inner > ul li:hover a::after{ transform:scale(1);}
.header .gnb .inner > ul > li > ul li a:hover{color:#de2325;}
.header .gnb .inner > ul > li > a > span{color:#999; font-weight:300;}
.header .gnb ul li ul{display:none; position:absolute; width:140px; padding:0; padding-top:14px; line-height:normal;}
.header .gnb ul li ul li{display:block; margin:0;}
.header .gnb ul li ul li a{display:block; width:100%; color:#333; line-height:36px; font-size:15px;}

.header .menuBg{display:none; background:rgba(255,255,255,0.9); position:absolute; width:100%; height:310px; left:0; top:0; z-index:1;}

.header .gnb ul li .list{display:none; top:90px; padding:10px 0; background:rgba(255,255,255,0.9); text-align:left; border-top:1px solid #4a1414; z-index:10;} 
.header .gnb ul li .list::before{content:""; display:block; width:10px; height:10px; background:#4a1414; position:absolute; top:0; left:50%; margin-left:-5px; margin-top:-5px; transform:rotate(45deg); z-index:10;}
.header .gnb ul li .list::after{content:""; display:block; width:15px; height:15px; background:#fff; position:absolute; top:0; left:50%; margin-left:-7.5px; margin-top:-15px; z-index:100; border-bottom:1px solid #4a1414; box-sizing:border-box;}
.header .gnb ul li .list li{margin:0; line-height:36px; border-bottom:1px solid #ddd; text-align:left;}
.header .gnb ul li .list li:last-child{border-bottom:0;}
.header .gnb ul li .list li.line{line-height:normal;}
.header .gnb ul li .list li.line a{padding:5px 10px;}
.header .gnb ul li .list li a{font-size:14px; font-weight:400; letter-spacing:-.6px; text-align:left; padding:0 10px;}
.header .gnb ul li .list.en li a{font-size:13px;}

.header .ecos{position:absolute; right:50%; margin-right:-760px; top:0; }

.header .center{width:128px; height:38px; line-height:38px; position:absolute; right:50%; margin-right:-760px; border-radius:20px; background:#FF5454; color:#fff; top:50%; margin-top:-21px; text-align:center;}
.header .center a{display:block; width:100%; font-size:16px; font-weight:bold; color:#fff;}

/*left menu*/
.subTopWrap::before{content:""; display:block; width:100%; height:90px; background:#fff;}
.subTopWrap .bigTitle{position:relative; width:100%; height:300px; z-index:1; border-top: 1px solid #eee; overflow:hidden; background:url('/images/sub/subTopbn.png')no-repeat center 0; background-size:cover;}
/* .subTopWrap .bigTitle{position:relative; width:100%; height:300px; z-index:1; border-top: 1px solid #eee; overflow:hidden; background:url('/images/sub/subBn02.png')no-repeat center 0; background-size:cover;} */

.leftMenu{margin-top:60px; width:226px; float:left;}
.leftMenu .tit{position:relative; text-align:center; font-size:20px; width:100%; height:120px; line-height:120px; background-color:#192b56; border-bottom:1px solid #192b56; color:#fff; font-weight:700;}
.leftMenu .tit::after{content:""; display:block; width:10px; height:10px; background:#192b56; position:absolute; bottom:0; left:50%; margin-left:-5px; margin-bottom:-5px; transform:rotate(45deg); z-index:10;}
.leftMenu>ul.menuList>li>a::after{content:""; display:inline-block; width:10px; height:10px; border-bottom:1px solid #333; border-right:1px solid #333; transform:rotate(45deg); vertical-align:text-top; position:absolute; right:20px; top:20px;}
.leftMenu>ul.menuList>li>a.on::after{transform:rotate(225deg); top:25px;}
.leftMenu>ul > li > a{position:relative; display:block; width:226px; height:auto; line-height:normal; border:1px solid #cdcdcd; border-top:none; padding:10px 20px; box-sizing:border-box; color:#333; font-weight:600; font-size:14px;}
.leftMenu>ul > li > a.on{background-color:#EBE8E4; color:#333;}
.leftMenu ul li ul{background-color:#e4e6ef; border:1px solid #cdcdcd; border-top:none;}
.leftMenu ul li ul li{padding:14px 0 14px 24px;}
.leftMenu ul li ul li a{font-size:13px; color:#333;}
.leftMenu .menuList>li ul{display:none;}
.leftMenu .menuList>li ul.on{display:block;}

.inner .sub_intro{float:right; width:950px;}
.inner .sub_intro .sub_inner{width:900px; margin:0 auto;}

.inner .map_in{float:right; width:950px;}

.inner .content-main{float:right; width:950px;}

.inner .product00{float:right; width:950px;}

/*°Ô½ÃÆÇ*/
.register{padding:60px 0;}

/*footer*/
.logoBn{background:#353c54; padding:60px 0; text-align:center;}
.logoBn li{margin-bottom:30px;}
.logoBn li:last-child{margin-bottom:0;}
.logoBn li h3{color:#fff; font-size:16px; margin-bottom:16px;}
.logoBn li div{}
.logoBn li div a{display:inline-block; margin-right:20px;}
.logoBn li div a:last-child{margin-right:0;}

.footer .copy{text-align:center; background:#353c54; color:#fff; font-size:14px; font-weight:300; padding:15px 0;}
.footer .copy span{color:#fff; font-size:16px; font-weight:500;} 
.footer .copy a{display:inline-block; background:rgba(255,255,255,0.4); padding:2px 5px; border-radius:2px; color:#333; font-size:14px; }

.headerMWrap{display:none;}

/*subMenu*/
#contentLocation{display:none; position:relative; width:100%; height:50px; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; background-color:#fff;}
.location-inner{position:absolute; left:50%; height:100%; background-color:#fff;margin-left:-273px;}
.location-inner > ul{ height:100%;}
.location-inner > ul > li{position:relative; float:left; width:288px; height:100%; letter-spacing:-0.25px; color:#373737; line-height:50px; background:url('/images/sub/location_bg2.jpg') no-repeat 100% 0; padding-right:20px;}

.location-inner > ul > li.home{width:auto; font-size:13px; font-weight:300; background:#dadada url('/images/sub/location_bg1.jpg') no-repeat 100% 0; padding-right:40px; background:#fff;}
.location-inner > ul > li.home img{margin-right:15px;}
.location-inner > ul > li > a{display:block; padding-left:23px; font-size:15.5px;  padding-right:20px;
background:url('/images/sub/location_arrow.jpg') no-repeat 95% 50%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:265px; overflow:hidden;}
.location-inner > ul > li .location-2dep{display:none; position:absolute; top:48px; left:0; width:100%; border:1px solid #cfcfcf; border-bottom-color:#000000; background-color:#fff; z-index:11}
.location-inner > ul > li.location1 .location-2dep{width:100%;}
.location-inner > ul > li .location-2dep li{width:100%; box-sizing:border-box; overflow:hidden; height:44px; line-height:44px; border-top:1px solid #cfcfcf;}
.location-inner > ul > li .location-2dep li:first-child{border-top:0;}
.location-inner > ul > li .location-2dep li a{display:block; width:100%; padding-left:40px; color:#414141; font-size:15px; font-weight:300; letter-spacing:-0.75px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; 
 overflow: hidden;}
.location-inner > ul > li .location-2dep li a:hover{background:#f0f0f0 url(/images/icon/location_arrow2.jpg) no-repeat 95% 50%}

/*topBn*/
.header .topBanner{display:none !important; position:relative; width:100%; overflow:hidden; top:0; z-index:99; width:100%; height:62px; background:#9eded0;}
.header .topBanner img{position:absolute; left:50%; margin-left:-960px; cursor:pointer;}
.header .popClose{position:absolute; right:50%; margin-right:-640px; top:50%; margin-top:-12px; font-size:14px; color:#333; font-weight:100;}
.header .popClose a{text-decoration:none;}
.header .popClose a:hover{text-decoration:none;}

.linkBn li{margin-right:20px;}

.infoM{display:none;}

@media (max-width:600px) {
	/*m x*/
	.gnb, .leftMenu, .infoPc{display:none;}

	/*m o*/
	#contentLocation, .headerMWrap, .infoM{display:block;}
	
	/*񃧯 setting*/
	body, html{width:100%;height:100%; overflow-x:hidden;}
	.inner{width:100%;}
	
	/*header*/
	.header{height:auto; position:relative;}
	.header .headerMWrap{position:relative; z-index:9999;}
	
    .header .headerMWrap .headerM{width:100%; padding:0 3%; box-sizing:border-box; overflow:hidden; height:60px; background:#fff;}
	.header .headerMWrap .headerM > div{float:left; line-height:60px;}
	.header .headerMWrap .headerM .logo{}
	.header .headerMWrap .headerM .logo a{}
	.header .headerMWrap .headerM .logo a img{height:38px;}
    .header .headerMWrap .headerM .menuBtn{float:right; margin-right:3%;}

    .header .headerMWrap .menuBg{position:fixed; top:0; display:none; width:100%; height:100vh; background:rgba(0,0,0,0.75); z-index:-1;}
    .header .headerMWrap .sidebarMenu{position:fixed; top:0; right: -100%; display:none; width:100%; height:100vh; background:#fff;}
    .header .headerMWrap .closeBtn{position:absolute; top:20px; right:8%; width:25px; height:25px;}
    .header .headerMWrap .closeBtn > a{display:block; width:100%; height:100%;}
    .header .headerMWrap .menuWrap{margin-top:100px; list-style:none; padding:0 5%;}
	.header .headerMWrap .menuWrap > li{position:relative; border-bottom:1px solid #e9eaef;}
    .header .headerMWrap .menuWrap > li > a{display:block; padding:1rem 1rem; font-size:1.4rem; font-weight:700; color:#333; text-decoration:none;}
	.header .headerMWrap .menuWrap > li > a > span{display:none; font-size:1.6rem; font-weight:300;}
	.header .headerMWrap .menuWrap > li > a::after{content:""; display:block; width:12px; height:12px; border-top:2px solid #333; border-right:2px solid #333; position:absolute; top:1.4rem; right:1.5rem; transform:rotate(135deg);}
	.header .headerMWrap .menuWrap > li > a > img{height:32px;}

	.header .headerMWrap .menuWrap > li > ul.subMenu{border-top:3px solid #192b56; background:#f0f1f6; padding:.4rem 0; display:none;}
	.header .headerMWrap .menuWrap > li > ul.subMenu li{}
	.header .headerMWrap .menuWrap > li > ul.subMenu li a{display:block; font-size:1rem; padding:0.6rem 1.5rem; font-weight:400; color:#666;}
	
	.header .topBanner{display:none  !important;}
	
	.subTopWrap::before{display:none;}

	/*footer*/
	.logoBn{padding:30px 0;}
	.logoBn li{margin-bottom:20px;}
	.logoBn li h3{font-size:.9rem; margin-bottom:6px;}
	.logoBn li div a{margin-right:10px; width:30%;}
	.logoBn li div a img{width:100%}

	.footer .copy{padding-top:0;}
	.footer .copy span{display:block; font-size:.9rem; margin-bottom:6px;}

	/*subMenu*/
	.location-inner{width:100%; left:0; margin:0;}
	.location-inner > ul > li{padding-right:10px;}
	.location-inner > ul > li.home{padding:0; width:48px; text-align:center;}
	.location-inner > ul > li.home span{display:none;}
	.location-inner > ul > li.home img{margin:0;}
	.location-inner > ul > li:nth-child(2){width:calc(40% - 24px);}
	.location-inner > ul > li:nth-child(2) a{background:none;}
	.location-inner > ul > li:last-child{width:calc(60% - 24px);}
	.location-inner > ul > li > a{width:100%; padding:0; padding-left:20px;}
	
	.section-container .inner.linkBn{padding:10px 3%;}
	.linkBn li{margin-right:10px;}

	.hd_pops{width:340px;}
	.hd_pops .hd_pops_con{width:340px !important; height:408px !important;}
	.hd_pops img{width:100%;}
	
	/*subTopBn*/
	.subTopWrap .bigTitle{height:160px; background-position:center left -140px;}
}