﻿.search input[type=image]{ position:relative; top:2px; }
.apply_method li{margin-top:5px; padding-left:7px; background:url(../images/bul_02.gif) left 6px no-repeat; }

/*--메인--------------------------------------------*/
.main{
	position:relative;
	width:100%;
	font-size:0;
	text-align:center;
	margin:0 auto;
	padding:0px;
}
.main .content{
	min-height:0;
	padding-bottom:2.8rem;
}
.main .slide {position:relative; display:block; height:67.6vh; min-width:320px; min-height:320px; padding-top:0; background:#fff; }
.main .slide>ul { opacity:0; -webkit-transition:opacity 0.5s ease; transition:opacity 0.5s ease; }
.main .slide .slick-initialized {display: block; max-width: none; position: relative; top: 0; left: 0; margin-left: 0; height: 100%; width: 100%; opacity:1; }
.main .slide .slick-list { z-index:1; }
.main .slide .slick-list,
.main .slide .slick-track,
.main .slide .slick-slide { height:100%; width:100%; overflow:hidden; }
.main .slide>ul .slide_li {position:relative; width:100%; height:100%; display:block; position:relative; box-sizing: border-box;}
.main .slide>ul .slide_li .bg {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	z-index: -1;
	opacity:0;
	background-size:contain;
	-ms-transform:scale(1.3, 1.3);
	-webkit-transform:scale(1.3, 1.3);
	-webkit-transition:transform 7s ease-out, opacity 1s ease 0.3s;
	transition:transform 7s ease-out, opacity 1s ease 0.3s;
}
.main .slide>ul.ani .slick-active .bg {
	opacity:1;
	-ms-transform:scale(1.1, 1.1) rotate(.001deg);
	-webkit-transform:scale(1.1, 1.1) rotate(.001deg);
	transform:scale(1.1, 1.1) rotate(.001deg);
	-webkit-transition-delay:0s;
	transition-delay:0s;
}

.main .slide>ul .slide_li .bg {background-position:50% 50%; background-repeat:no-repeat;background-size:cover; }
.main .slide>ul .slide_li .bg .bg_area {position:absolute; top:0; left:0; width:100%; height:100%; z-index:9990;}
.main .slide>ul .slide_li .bg img {display:none;}

.main .slide>ul .textArea {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:table;
	width:100%;
	height:100%;
	padding:0 19.1%;
	box-sizing:border-box;
}
.main .slide>ul .textArea .txt_inner {
	display:block;
	text-align:left;
	vertical-align:middle;
	margin:9.5% auto 0;
}
.main .slide>ul .textArea .txt_inner .topLine {
	display:inline-block;
	width:65px;
	font-size:16px;
	color:#fff;
	font-weight:900;
	border-bottom:1px solid #fff;
	-webkit-transform:translateY(-60px);
	transform:translateY(-60px);
	opacity:0;
	margin:0;
	padding:0;
}
.main .slide>ul .textArea .txt-tit {
	position:relative;
	letter-spacing:-1px;
	margin:0 auto;
}
.main .slide>ul .textArea .txt-tit em {
	display:block;
	font-size:3.5rem;
	line-height:0.95;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
	-webkit-transform:translateX(-60px);
	transform:translateX(-60px);
	opacity:0;
}
.main .slide>ul .textArea .txt-subTit {
	margin:25px auto 21px;
	font-size:1.7rem;
	font-weight:500;
	line-height:1.2;
	color:#fff;
	opacity: 0;
	-webkit-transform:translateX(60px);
	transform:translateX(60px);
}
@media(max-width:768px){
	.main .slide>ul .textArea .txt-tit em {
		font-size:2.8rem;
		line-height:0.95;
	}
}

@media(max-width:576px){
	.main .slide>ul .textArea .txt-tit em {
		font-size:3rem;
		line-height:0.95;
	}
	.main .slide>ul .textArea .txt-subTit {
		margin:15px auto 11px;
		font-size:1.8rem;
		line-height:1.2;
	}
}
@media(max-width:450px){
	.main .slide>ul .textArea .txt-tit em {
		font-size:2.2rem;
		line-height:0.95;
	}
	.main .slide>ul .textArea .txt-subTit {
		margin:15px auto 11px;
		font-size:1.2rem;
		line-height:1.4;
	}
}
.main .slide>ul .textArea .txt-subTit .br {display:block;}
.main .slide>ul .slick-dots {z-index:9990;}

.main .slide>ul.ani .slide_li.slick-active .textArea .txt-tit em {
	-webkit-transform:translateX(0);
	transform:translateX(0);
	opacity: 1;
	transition: -webkit-transform 1s;
	transition:transform 1s;
	transition: transform 1s;
}
.main .slide>ul.ani .slide_li.slick-active .textArea .txt-subTit {
	-webkit-transform:translateX(0);
	transform:translateX(0);
	opacity:1;
	transition:-webkit-transform 1s;
	transition:transform 1s;
	transition:transform 1s;
}
.main .slide>ul.ani .slide_li.slick-active .textArea .txt_inner .topLine {
	-webkit-transform:translateY(0);
	transform:translateY(0);
	transition: -webkit-transform 1s;
	transition:transform 1s;
	transition:transform 1s;
	opacity:1;
}
@media(max-width:500px){
	.main .slide {
		height:53vh;
	}
	.main .slide>ul .textArea .txt_inner{
		margin:116px auto 144px;
	}
}
@media(max-width:450px){
	.main .slide {
		height:60vh;
	}
	.main .slide>ul .textArea .txt_inner{
		margin:134px auto 144px;
	}
}
/*
@media(max-width:576px){
	.main .slide {
		height:60vh;
	}
	.main .slide>ul .textArea .txt_inner{
		margin:15px auto 94px
	}
}*/

.slick-dots{
	bottom:10% !important
}
.slick-prev, .slick-next{
	width:57px !important;
	height:57px !important;
}
.slick-prev{
	left:45% !important;
}
.slick-next{
	right:45% !important;
}

.slick-dots{
	padding:2rem 0;
}
.slick-dots button{
	width:20px !important;
	height:20px !important;
	opacity:0.5;
}
.slick-dots li.slick-active{
	border:0px !important;
}
.slick-dots li.slick-active button{
	opacity:1 !important;
}
@media(max-width:768px){
	.slick-dots{
		bottom:12% !important
	}
	.slick-prev, .slick-next{
		width:48px !important;
		height:48px !important;
		background-size:cover !important;
	}
}
@media(max-width:576px){
	.slick-prev, .slick-next{
		width:40px !important;
		height:40px !important;
	}
	.slick-prev{
		left: 42% !important;
	}
	.slick-next{
		right:42% !important;
	}
}

.main .content{margin-top:0px;}
.main_quick_menu{
	position:relative;
	top:-55px;
	z-index:1000;
}
.main_quick_menu a{
	position:relative;
	display:block;
	height:66px;
	color:#fff;
	font-weight:500;
	line-height:62px;
	text-align:left;
	text-indent:15%;
}
.main_quick_menu>div{
	padding:0px !important;
	background-image:url(/images/main/pattern_01.png);
	-webkit-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
.main_quick_menu_01{background-color:#014296;}
.main_quick_menu_02{background-color:#2e94c8;}
.main_quick_menu_03{background-color:#b18f25;}
.main_quick_menu_01:hover{text-shadow:1px 1px 2px #333;background-color:#0a69e4;}
.main_quick_menu_02:hover{text-shadow:1px 1px 2px #333;background-color:#18aaf5;}
.main_quick_menu_03:hover{text-shadow:1px 1px 2px #333;background-color:#cea014;}
.main_quick_menu>div:before{
	content:'';
	position:absolute;
	display:block;
	width:100%;
	height:100%;
}
.main_quick_menu_01:before{
	background:url(/images/unique/main_quick_menu_background_01.png) right center no-repeat
}
.main_quick_menu_02:before{
	background:url(/images/unique/main_quick_menu_background_02.png) right center no-repeat
}
.main_quick_menu_03:before{
	background:url(/images/unique/main_quick_menu_background_03.png) right center no-repeat
}
.main_quick_menu>div:after{
	content:'';
	position:absolute;
	top:50%;
	right:10%;
	display:block;
	width:38px;
	height:9px;
	margin-top:-6px;
	background:url(/images/main/arrow.png) center center no-repeat;
	-webkit-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
.main_quick_menu>div:hover:after{
	right:2%;
}
.main_info{
	background:url(/images/unique/main_introduceBackground.jpg) center center no-repeat;
}
.main_info_container{
	padding:2.7rem 19.1% 3.5rem;
}
@media(max-width:768px){
	.main_info_container{
		padding:2.7rem 0% 3.5rem;
	}
}
.main_info_list li{
	padding-top:1rem;
}
.main_info_list dl:before{
	content:'';
	display:block;
	width:118px;
	height:118px;
	margin:0 auto;
	border-radius:50%;
	background-image:url(/images/main/icon_main_introduce.png);
	background-position:27px 31px;
	background-repeat:no-repeat;
	background-color:rgba(0, 3, 6, 0.4);
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.main_info_list dl:hover:before{
	background-image:url(/images/main/icon_main_introduce_on.png);
	background-color:rgba(255, 255, 255, 1);
}
.main_info_list .main_info_02 dl:before{
	background-position:center -168px;
}
.main_info_list dl:after{
	content:'';
	display:block;
	width:100%;
	height:9px;
	margin:1rem auto 0.5rem;
	text-align:center;
	background:url(/images/main/main_info_icon_arrow.png) center center no-repeat;
	-webkit-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.main_info_list dl:hover:after{
	background-position:62% center;
}
.main_info_list a *,
.main_info_list a span{
	color:#fff;
}
.main_info_list a:hover *,
.main_info_list a:hover span{
	color:#fff;
}
.main_info_list dl dt{
	margin-top:2.2rem;
	font-size:1.7rem;
	letter-spacing:0px;
}
.main_info_list dd{
	margin-top:0.2rem;
	font-size:1.15rem;
	letter-spacing:0px;
}
.main_info_list dd *{
	color:#fff;
	font-size:1.15rem;
	letter-spacing:0px;
}
@media(max-width:576px){
	.main_info_list dl dt{
		font-size:1.3rem;
	}
	.main_info_list dd,
	.main_info_list dd *{
		font-size:1rem;
	}
}
.main_value{
	background:#fff;
}
.main_value_container{
	padding:3.8rem 19.1%;
}
@media(max-width:1280px){
	.main_value_container{
		padding:3.8rem 0;
	}
}
.main_value_container h2.title{
	margin-bottom:15px;
	font-size:40px;
	letter-spacing:-1px;
}
.main_value_container h2.title:before{
	content:'';
	display:block;
	width:2.5rem;
	margin:0 auto;
	padding-top:0.7rem;
	border-top:1px solid #c69e20;
}
.main_value_list{
	margin-bottom:1.5rem;
}
.main_value_list li{
	margin-bottom:1.5rem;
	padding-top:1.5rem;
	/*background:url(/images/main/main_value_dotline.png) left center no-repeat;*/
}
.main_value_list li:first-child{
	background:none;
}
.main_value_list dl:before{
	content:'';
	display:block;
	width:118px;
	height:70px;
	margin:0 auto;
	background:url(/images/main/main_value_icon.png) center 9px no-repeat #fff;
}
.main_value_list .main_value_02 dl:before{
	background-position:center -194px;
}
.main_value_list .main_value_03 dl:before{
	background-position:center -392px;
}
.main_value_list .main_value_04 dl:before{
	background-position:center -590px;
}
.main_value_list .main_value_05 dl:before{
	background-position:center -792px;
}
.main_value_list a:hover *{
	color:#0056b3;
}
.main_value_list dl dt{
	margin-top:0.2rem;
	font-size:1.25rem;
}
.main_value_list dd{
	margin-top:0.2rem;
	line-height:1.3;
	letter-spacing:0px;
}
.buttonMore{
	display:inline-block;
	height:41px;
	min-width:120px;
	color:#555;
	font-size:0.8rem;
	font-size:1.05rem;
	text-align:center;
	line-height:41px;
	letter-spacing:-1px;
	border-radius:50px;
	background:#e9e9e9;
	-webkit-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
.buttonMore:hover{
	color:#fff;
	background:#777;
}
.main_notice_area{
	background:url(/images/unique/main_noticeBackground.jpg) center center no-repeat;
}
.main_notice_container{
	padding:1.35rem 19.1%;
}
@media(max-width:1280px){
	.main_notice_container{
		padding:1.35rem 8%;
	}
}
@media(max-width:980px){
	.main_notice_container{
		padding:1.35rem 1rem;
	}
}
.main_notice{
	position:relative;
	padding:2.3rem 2.5rem 2rem;
	text-align:left;
	border:1px solid #c9c9c9;
	background:#fff;
}
@media(max-width:576px){
	.main_notice{
		padding:1.8rem 1.5rem 1.5rem;
	}
}
.main_notice h2.title{
	margin-bottom:15px;
	font-size:1.75rem;
	letter-spacing:-1px;
}
.main_notice h2.title:before{
	content:'';
	display:block;
	width:2.5rem;
	padding-top:0.7rem;
	border-top:1px solid #c69e20;
}

.main_notice ul{
	padding-top:0.2rem;
	border-top:1px solid #052349;
}
.main_notice ul li{
	padding-top:0.1rem;
	padding-bottom:0.75rem;
	border-bottom:1px dotted #ccc;
}
.main_notice a{
	position:relative;
	display:block;
	letter-spacing:0;
}
.main_notice a span{
	position:absolute;
	right:0.8rem;
	color:#666;
}
@media(max-width:650px){
	.main_notice_area{
		background-size:cover;
	}
	.main_notice a span{
		display:block;
		position:static;
		text-align:right;
	}
}
.main_notice .more{
	position:absolute;
	top:2.5rem;
	right:2.5rem;
}
.main_notice .more a{
	display:block;
	width:110px;
	height:41px;
	padding:1rem 0; 
	text-indent:-30000px;
	background-image:url(/images/main/main_notice_more.png);
	background-position:53px center;
	background-repeat:no-repeat;
	-webkit-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
.main_notice .more a:hover{
	background-position:73px center;
}
/* 레이어 팝업 */
.mainLayerPopupWrap {
    position: fixed;
    top: 0;
    left: 50%;
	width: 100%;
	/*margin-top:200px !important;*/
    z-index: 10000;
}

.mainLayerPopupContainer {
    position: absolute;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
	box-shadow:0px 0px 8px #555;
}
/*팝업떠있을시 버튼 클릭이안되서 absolute로 수정함*/
@media(min-width:768px){
	.mainLayerPopupContainer {
		width:680px;
	}
}
@media(max-width:700px){
	.mainLayerPopupContainer {
		width:80%;
	}
}

.mainLayerPopup {
    position: relative;
    overflow: hidden;
    width: 100%;
	padding:0 1.5rem 1rem;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    background: #fff;
}

.mainLayerPopup .pop_title {
    overflow: hidden;
	position:relative;
    margin-bottom: 0;
    border-bottom: 0;
}

.mainLayerPopup .pop_title h1 {
    position:relative;
	padding:1.3rem 1.4rem 1rem 1.5rem;
	color:#000;
	font-size:1.4rem;
	letter-spacing:-2px;
	border-bottom:1px solid #000;
	line-height:1.4;
}
.mainLayerPopup .pop_title:before{
	content:'';
	position:absolute;
	top:1.7rem;
	left:0.1rem;
	display:block;
	width:18px;
	height:18px;
	border:3px solid #c69e20;
	border-radius:50%;
}

.mainLayerPopup .popupContentTitle {
    margin-bottom: 8px;
    font-size: 18px;
}
.mainLayerPopup .fileDown {
    margin-top: 20px;
    line-height: 1.5
}
.mainLayerPopupContent {
    clear: both;
    overflow-y: auto;
    min-height: 200px;
    max-height: 600px;
    padding: 0.5rem 0.6rem;
}
.mainLayerFooter {
    width: 100%;
    padding: 12px 1.5rem;
    color: #fff;
    text-align: right;
    border-left: 1px solid #1d1e22;
    border-right: 1px solid #1d1e22;
    border-bottom: 1px solid #1d1e22;
    background-color: #1d1e22
}
.mainLayerFooter label{
	position:relative;
	top:-2px;
	color:#fff;
	font-size:0.9rem;
}
.mainLayerFooter label .checkmark{
	margin-top:-10px;
}
.mainLayerPopup .mainLayerPopupClose {
    position:absolute;
    top: 0.6rem;
	right:0.5rem;
	display:block;
	width:36px;
	height:36px;
	transition:transform 0.6s;
}
.mainLayerPopup .mainLayerPopupClose:hover{
	cursor:pointer;
	-ms-transform: rotate(360deg); /* IE 9 */
	-webkit-transform: rotate(360deg); /* Safari */
	transform: rotate(360deg);
}
.mainLayerPopup .mainLayerPopupClose span{
	position:relative;
	display:block;
	height:1px;
	width:100%;
	margin:8px 0;
	line-height:30px;
	transition:transform 0.5s;
	background:#666;
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Safari */
	transform: rotate(45deg);
}
.mainLayerPopup .mainLayerPopupClose span:first-child{
	-ms-transform: rotate(-45deg); /* IE 9 */
	-webkit-transform: rotate(-45deg); /* Safari */
	transform: rotate(-45deg);
	top:9px;
}
/*--로그인------------------------------------------*/
.layerPopupContainer{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background:url(../images/bg_layer_pop.png) 0 0 repeat;
	z-index:10000;
}
.layerPopup{
	position:absolute;
	top:80px;
	left:50%;
	width:800px;
	margin-left:-400px;
	padding:1.6rem 1.5rem 1.5rem;
	border:1px solid #aaaaaa;
	background-color:#fff;
	box-shadow:0 0 15px #333;
}
@media(max-width:820px){
	.layerPopupContainer{
		position:absolute;
		background:none;
	}
	.layerPopup{
		top:3rem;
		width:96%;
		margin-left:-48%;
	}
}
.layerPopup h1.title{
	position:relative;
	margin-bottom:0.8rem;
	padding:0 0 1rem 1.8rem;
	font-size:1.7rem;
	letter-spacing:-1px;
	border-bottom:1px solid #000;
}
.layerPopup h1.title:before{
	content:'';
	position:absolute;
	top:0.5rem;
	left:0.1rem;
	display:block;
	width:20px;
	height:20px;
	border:3px solid #c69e20;
	border-radius:50%;
}
.layerPopup h2.title{
	margin-bottom:0.4rem;
	font-size:1.4rem;
}

.layer_pop_bg{width:100%; height:100%; position:fixed; top:0; background:url(../images/bg_layer_pop.png) 0 0 repeat;}
.layer_pop_wrap{width:100%; height:100%; }
.layer_pop_cont_wrap{position:absolute; top:80px; left:50%; width:800px; margin-left:-400px; z-index:1000; border:1px solid #aaaaaa; background-color:#fff; background-image:url(../images/bg_layerpop.gif);background-position: left 0; background-repeat:repeat-y;box-shadow:0 0 15px #333; }
.layer_pop_cont_wrap2{position:absolute; top:80px; left:50%; width:730px; margin-left:-365px; z-index:1000; border:1px solid #aaaaaa; background-color:#fff; background-image:url(../images/bg_layerpop.gif);background-position: left 0; background-repeat:repeat-y;box-shadow:0 0 15px #333; }
.layer_pop_cont_wrap3{position:absolute; top:80px; left:50%; overflow:hidden; width:900px; margin-left:-450px; z-index:1000; border:1px solid #aaaaaa; background-color:#fff; background-image:url(../images/bg_layerpop.gif);background-position: left 0; background-repeat:repeat-y;box-shadow:0 0 15px #333; }
.layer_pop_cont_wrap4{position:absolute;top: 2px;left:50%;overflow:hidden;width:900px;margin-left:-450px;z-index:1000;border:1px solid #aaaaaa;background-color:#fff;background-image:url(../images/bg_layerpop.gif);background-position: left 0;background-repeat:repeat-y;box-shadow:0 0 15px #333;}

.layer_pop_cont{ overflow:hidden; min-height:300px; padding:20px 15px; background:url(../images/bg_layerpop_icon.jpg) left top no-repeat;}
.layer_pop_cont .title{ float:left; }
.layer_pop_cont .title h3{  width:105px; padding-left:5px; padding-bottom:12px; color:#333; font-size:19px; font-weight:bold; border-bottom:3px solid #666;}
.layer_pop_cont2{float:left;margin-left:29px; margin-top:65px; }
.login{overflow:hidden; width:320px; margin:10px 0 0 145px;}
.btn_login{float:left; margin-left:6px;}
.btn_login input[type=button]{ width:88px; height:66px; margin:-1px 0 0 0; padding:23px 20px; color:#fff; font-size:17px; font-family:'Nanum Gothic',"나눔고딕"; background:#55aaea; border:0px; border-radius:3px; }
.login_form{float:left; width:214px; }
.login_form .passwd input{margin-top:3px;}
.login_form .id label{ left:308px; margin-top:8px; color:#999; }
.login_form .passwd label{ left:308px; margin-top:41px; color:#999; }
.login_form input{float:left; width:200px; height:15px; padding:6px 5px; }
.close_layer{position:absolute; top:20px; right:20px; }
.login_menu{margin-top:10px; margin-left:145px; }
.login_menu .login_btn_join{margin-right:6px; padding-right:11px; background:url(../images/bg_foot_menu.png) right 2px no-repeat;}

/*--회원가입-----------------------------------------*/
.layer_pop_cont3{ width:598px; margin-top:30px; margin-left:145px;}
.join_notice{ height:100px; overflow-y:scroll; margin-top:5px; margin-bottom:5px; padding:15px; border:1px solid #ddd; }
.cont_title{ color:#333; font-size:15px; font-weight:bold; }
.join_form{ overflow:hidden; margin-top:30px; border-top:2px solid #444547;}
.join_form dt{ float:left; width:130px; height:13px; padding:10px 0; border-bottom:1px solid #e4e4e4; background:#efefef; text-align:left; text-indent:20px; }
.join_form dd{ float:left; width:458px; height:13px; padding:10px 0 10px 10px; border-bottom:1px solid #e4e4e4; }
.btn_join_member{ margin-top:15px; margin-bottom:10px; text-align:center;}
.join_form dt label{ font-weight:bold; }
.join_form dd label{ position:relative; left:-4px; }
.join_form dd input[type=radio]{ position:relative; top:-3px; }
.join_form dd input[type=text]{ position:relative; top:-5px; margin-right:8px; }
.join_form dd select{ position:relative; top:-4px; }
.join_form dd input[type=button]{ position:relative; top:-3px; margin-right:8px; }
.my_check dt, .my_check dd{ height:40px; }
.privacy_agree label{ position:relative; top:2px; left:0px; }
.birth dd label{ position:absolute; left:-30000px; }
#answer{margin-left:13px; }
.join_complete{ width:520px; margin-left:50px; margin-top:33px; line-height:20px; }
.join_complete .layer_content{ padding:20px 15px 30px; border-top:2px solid #444547; border-bottom:1px solid #c6c6c6; }
.join_complete .join_name{font-size:18px;}
.join_complete .join_id{margin-top:5px; }
.join_complete .join_email{margin-top:20px;margin-bottom:5px; }
.join_complete p{font-size:16px;}

/*--회원정보관리-----------------------------------------*/
.layer_pop_cont5{float:left; margin-left:29px; margin-top:24px; }
.member_cancel{width:550px; margin-left:50px; margin-top:33px; }
.member_cancel .layer_content{ padding:20px 15px 25px; border-top:2px solid #444547; border-bottom:1px solid #c6c6c6; line-height:20px; }
.member_cancel p{font-size:16px;}

/*--아이디/비밀번호찾기-----------------------------------*/
.find_idpw .txt{ clear:both; display:block; margin-top:8px; }
.tab_idpw{ overflow:hidden; }
.tab_idpw li{ float:left; padding:6px 13px 10px; border-bottom:1px solid #b3b3b3; font-size:15px;}
.tab_idpw li.on{ padding-bottom:5px; border-bottom:6px solid #55aaea; font-weight:bold; color:#333; }
.find_idpw .join_form{ width:490px; }
.find_idpw .join_form dt{ overflow:hidden; }
.find_idpw .join_form dt{ width:110px; }
.find_idpw .join_form dd{ width:370px; }
.find_idpw{ margin-left:50px; margin-top:24px; }
.find_idpw .layer_content{ padding:20px 15px 30px; border-top:2px solid #444547; border-bottom:1px solid #c6c6c6; }
.find_idpw .layer_content2{ width:450px; padding:20px 15px 30px; border-top:2px solid #444547; border-bottom:1px solid #c6c6c6; }
.find_idpw .join_name{font-size:18px;}
.find_idpw .join_id{margin-top:5px; font-size:16px;}
.find_idpw .join_email{margin-top:20px;margin-bottom:5px; font-size:13px;}
.find_idpw p{font-size:13px;}

/*--채용문의---------------------------------------------*/
.layer_pop_cont4{float:left; margin-left:29px; margin-top:4px; }
.question_txt dt,.question_txt dd{height:180px;}
.question_txt textarea{width:420px; height:175px;}
.file_upload dd{ height:27px;padding:2px 0 4px 10px; }
.file_upload input[type=file]{ border:1px solid #a1a1a1; padding:2px;}

/*--결과확인---------------------------------------------*/
.result{ min-height:65px; padding:0 10px 0 75px; background:url(../images/bg_result.jpg) left 0 no-repeat; }
.btn_guide{ float:right; margin-top:-15px; }


/*--인재DB등록-------------------------------------------*/
/*#username{ width:50px; }
#chinaname{ width:50px; }
#englishname{ width:95px; }
#birthdayyear{ width:50px; }
#birthdaymonth{ width:30px;}
#birthdayday{ width:30px;}
#Nationality{ width:100px; }
#livepostnumber1{ width:30px; }
#livepostnumber2{ width:30px; }
#liveaddress1{ width:255px; }
#liveaddress2{ width:370px; }
#phone{ width:120px; }
#mobile{ width:120px; }
#email{ width:200px; }
#msdate{ width:70px; }
#medate{ width:70px; }
#scholarshipidx{ width:72px; }
#universityname{ width:110px; }
.txt_enname{ font-size:11px; letter-spacing:-1px; }
#major{ width:110px; }
#graduationidx{ width:51px; }
#secondmajortypeidx{ width:52px; }
*/
.formtext{display:inline-block;margin-top:4px}
.formtext2{display:inline-block;margin-top:1px}
.divAddress{margin-top:-1px;border-top:1px solid #d1d1d1;}
.detailAddress{line-height:59px;}
.detailAddress input[type="text"]{vertical-align:top;}
.pictureArea.form_div>div>div{
	border-bottom:0px;
}
.pictureArea.form_div>div>div>div{
	border-bottom:1px solid #d1d1d1;
}
.pictureArea>div{
	width:128px;
}
.pictureArea .pic{
	padding:2.3rem 1.8rem 0 2.8rem;
}
.pictureArea .pic>div{
	line-height:1
}
.pictureArea .picArea{
	width:122px;
	height:160px;
}
.pictureArea .picArea>img{
	width:100%;
}

@media(max-width:576px){
	.pictureArea .pic>div{
		margin:0 auto;
	}
	.picArea+div{
		margin-top:0.8rem !important;
		margin-bottom:2rem !important;
		text-align:center;
	}
	.picArea+div>a{width:122px !important;}
}
.resumeViewPicture{
	vertical-align:top;
	border-left:1px solid #ddd;
	background:#f1f1f1;
}
.resumeViewPicture>div{
	overflow:hidden;
	width:128px;
	height:155px;
	margin:1.4rem auto 0;
}
.resumeViewPicture img{
	width:100%;
}
/*입사지원서 사진등록팝업*/
.popWrap .pictureArea>div{
	overflow:hidden;
	max-height:155px;
}
.popWrap .pictureArea>div>img{
	width:100%;
}
@media(min-width:768px){
	.pictureArea.form_div .col-md-3.th{
		max-width:20%
	}
	.pictureArea.form_div .col-md-5.th{
		max-width:40%
	}
}

.buttonDelete {
    position:absolute;
    top: 0;
	right:0;
	display:block;
	width:29px;
	height:31px;
	background:#999;
	transition:all 0.6s;
}
.buttonDelete:hover{
	cursor:pointer;
	background:#555;
}
.buttonDelete span{
	position:relative;
	display:block;
	height:1px;
	width:100%;
	margin:7px 0;
	line-height:30px;
	transition:transform 0.5s;
	background:#fff;
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Safari */
	transform: rotate(45deg);
}
.buttonDelete span:first-child{
	-ms-transform: rotate(-45deg); /* IE 9 */
	-webkit-transform: rotate(-45deg); /* Safari */
	transform: rotate(-45deg);
	top:8px;
}


.selfIntroduceTitle{
	font-size:0.95rem;
	letter-spacing:-1px;
	line-height:1.4;
}
.selfIntroduceTextNum{
	font-size:0.9rem;
}
.selfIntroduceTextNum+input[type="text"]{
	position:relative;
	top:-2px;
	left:-4px;
	height:1.2rem;
	font-weight:500;
	background:none;
	border:0px;
	line-height:1;
}

.volunteer_name{
	font-size:1.7rem;
	font-weight:500;
}
@media(max-width:576px){
	.resumeCancelButtonArea{
		position:static !important;
		margin-top:3rem;
		margin-bottom:5rem;
		text-align:right;
	}
}
/*--채용공고, 메인 채용리스트-------------------------------------------*/
.listJob{
	padding-left:10px;
	padding-right:10px;
}
.listJob .job_item{
	position:relative;
	left:0;
	top:0;
	height:100%;
	padding:25px 22px 154px;
	border:1px solid #b3b0b0;
	-webkit-transition:all 0.1s ease;
	transition:all 0.1s ease;
}
.listJob li:not(.isclosed) .job_item:hover{
	left:-3px;
	top:-3px;
	border-color:#e2b21b;
	box-shadow:4px 4px 2px #ccc;
}
.listJob .career_name{
	display:inline-block;
	margin-bottom:15px;
	padding:1px 8px;
	font-size:15px;
	border-radius:3px;
	background:#e7e7e7;
}
.listJob .subject,
.listJob .department_name{
	margin-top:3px;
	margin-bottom:3px;
}
.listJob .schedule{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	padding:20px 44px;
	background:url(/images/commons/icon_calendar.png) 20px center no-repeat #efefef;
}
.listJob .subject,
.listJob .subject *{
	font-size:21px;
	font-weight:500;
	letter-spacing:-1px;
}
.listJob .d_day{
	position:absolute;
	left:0px;
	bottom:84px;
	width:100%;
	text-align:right;
}
.listJob .d_day span{
	display:inline-block;
	width:77px;
	height:32px;
	margin-right:20px;
	color:#777;
	font-size:14px;
	font-weight:500;
	line-height:28px;
	text-align:center;
	border-radius:45px;
	border:1px solid #858585;
}
.listJob .d_day .icon_dday2{
	color:#1f5ba8;
	border-color:#1f5ba8;
}
.listJob .d_day .icon_dday3{
	color:#d7ad29;
	border-color:#dbbf68;
}
.listJob .attention{
	position:absolute;
	top:-4px;
	right:20px;
	width:40px;
	height:52px;
	padding:12px 0px;
	color:#fff;
	font-size:14px;
	text-align:center;
	background:#de3246;
	animation: attention 1s infinite
}
.listJob .attention:after{
	position:absolute;
	left:0;
	bottom:0;
	content:'';
	width: 0px;
	height: 0px;
	border-top:none;
	border-bottom:9px solid #fff;
	border-right: 20px solid transparent;
	border-left: 20px solid  transparent;
}

@keyframes attention
{
    0% { background-color: #b10317; }
    100% { background-color: #de3246; }
}
.isclosed .attention{
	display:none;
}
.isclosed .job_item{
	border:1px solid #d9d9d9;
	background:#f5f5f5;
}
	
.isclosed .schedule,
.isclosed .department_name,
.isclosed .subject,
.isclosed .career_name{
	color:#999;
}

/*--지원서작성-------------------------------------------*/
.agreeContent h3{margin-top:20px;margin-bottom:3px;font-size:15px;font-weight:bold;}
.agreeContent h4,
.agreeContent dt{margin-top:1.5rem;font-size:1.1rem;font-weight:500;}
.agreeContent li{margin-top:3px;}
.agreeContent{
	overflow-y:auto;
	height:280px;
	margin-bottom:5px;
	padding:1rem 1.4rem;
	line-height:1.6;
	border:1px solid #cecece;
}

/*--지원서작성안내-------------------------------------------*/
.list_type_toggle{overflow:hidden;margin-bottom:30px;border-top:1px solid #000;border-bottom:1px solid #000;}
.list_type_toggle li{overflow:hidden;}
.list_type_toggle dl{overflow:hidden;}
.list_type_toggle dt{position:relative;padding:15px 15px;border-top:1px solid #999;cursor:pointer;}
.list_type_toggle dt a{font-size:1.25rem;}
.list_type_toggle dt:after{
	content:'';
	position:absolute;
	top:22px;
	right:12px;
	width:17px;
	height:17px;
	color:#777777;
	font-size:6px;
	font-family:dotum;
	vertical-align:10px;
	text-align:center;
	background:url(/images/commons/currentMapArrow.png) center 6px no-repeat #e7e7e7;
	border-radius:100%;
	-webkit-transition:all 0.7s ease;
	transition:all 0.7s ease;
}
.list_type_toggle .on dt:after{
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.list_type_toggle li:first-child dt{border-top:0;}
.list_type_toggle dd{
	position:absolute;
	left:-30000px;
	padding:10px;
	font-size:0.9rem;
	font-weight:300;
	line-height:1.4;
	border-top:1px solid #999;
	background:#efefef;
	-webkit-transition:all 0.7s ease;
	transition:all 0.7s ease;
}
.list_type_toggle .on dd{
	position:static;
}

/*--FAQ-------------------------------------------*/
.job_content td{
	height:0;
	background:#f9f8f7;
	-webkit-transition:all 0.4s ease;
	transition:all 0.4s ease;
}

/*--채용프로세스----------------------------------------*/
.processDiagram:before{
	content:'';
	display:block;
	width:90%;
	height:1px;
	position:relative;
	top:74px;
	z-index:0;
	margin:0 auto;
	background:#ccc;
}
.processDiagram li{
	float:left;
	position:relative;
	z-index:10;
	width:12.28%;
	height:148px;
	margin:0 1%;
	padding-top:90px;
	font-weight:bold;
	text-align:center;
	border-radius:50%;
	border:3px solid #dbbf68;
	background:url(/images/icon_process.png) center 30px no-repeat #fff;
}
.processDiagram li:nth-child(odd){
	border-color:#aaa;
}

.processDiagram .processDiagram_02{
	background-position:center -172px;
}
.processDiagram .processDiagram_03{
	background-position:center -372px;
}
.processDiagram .processDiagram_04{
	background-position:center -572px;
}
.processDiagram .processDiagram_05{
	background-position:center -772px;
}
.processDiagram .processDiagram_06{
	background-position:center -972px;
}
.processDiagram .processDiagram_07{
	color:#fff;
	border-color:#dbbf68!important;
	background-color:#dbbf68;
	background-position:center -1172px;
}
.processDiagram_progress{
	max-width:950px;
	margin:4rem auto;
	position:relative;
}
.processDiagram_progress>li{
	position:relative;
	padding-bottom:3.3rem;
}
.processDiagram_progress>li:before{
	content:'';
	display:block;
	width:1px;
	height:8rem;
	position:absolute;
	top:15px;
	left:75px;
	z-index:0;
	margin:0 auto;
	background:#ccc;
}
.processDiagram_progress>li:last-child::before{
	width:0px;
}
.processDiagram_progress>li:after{ 
	content:'';
	clear:both;
	display:block;
}
.processDiagram_progress>li>div{
	float:left;
	color:#dbae23;
	font-size:18px;
}
.processDiagram_progress>li>dl{
	position:relative;
	float:left;
	max-width:90%;
	margin-left:1.8rem;
	padding-left:1.8rem;
}
.processDiagram_progress>li>dl:before{
	content:'';
	position:absolute;
	top:10px;
	left:-0.15rem;
	display:block;
	width:8px;
	height:8px;
	border:1px solid #014296;
	border-radius:50%;
	background:#fff;
}
.processDiagram_progress dt{
	font-size:17px;
	letter-spacing:0px;
}
.processDiagram_progress dd{
	letter-spacing:0px;
}
.processDiagram_progress .step_06:before{
	height:5rem;
}
@media(max-width:1200px){
	.processDiagram li{
		height:130px;
		padding-top:80px;
	}
}
@media(max-width:950px){
	.processDiagram:before{
		top:58px;
	}
	.processDiagram li{
		height:110px;
		padding-top:70px;
		font-size:0.9rem;
		background-position:center 20px;
	}
	.processDiagram .processDiagram_02{
		background-position:center -182px;
	}
	.processDiagram .processDiagram_03{
		background-position:center -382px;
	}
	.processDiagram .processDiagram_04{
		background-position:center -582px;
	}
	.processDiagram .processDiagram_05{
		background-position:center -782px;
	}
	.processDiagram .processDiagram_06{
		background-position:center -982px;
	}
	.processDiagram .processDiagram_07{
		background-position:center -1185px;
	}
}
@media(max-width:768px){
	.processDiagram:before{
		top:42px;
	}
	.processDiagram li{
		height:80px;
		padding-top:28px;
		background:#fff;
	}
}
@media(max-width:576px){
	.processDiagram:before{
		top:31px;
	}
	.processDiagram li{
		height:61px;
		width:13.28%;
		margin:0 0.5%;
		padding-top:21px;
		border:1px solid #dbbf68;
	}
	.processDiagram_progress>li:before{
		left:69px;
	}
}
@media(max-width:450px){
	.processDiagram:before{
		top:28px;
	}
	.processDiagram li{
		height:50px;
		padding-top:17px;
		font-size:0.8rem;
	}
	.processDiagram_progress>li:before{
		height:10rem;		
	}
}
/*--직무소개----------------------------------------*/
.tabDropdown>li{
	position:relative;
}

.tabDropdown ul{
	position:absolute;
	display:none;
	width:101%;
	margin-left:-1px;
	padding-top:0;
	padding-bottom:0;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#fff;
	z-index:100;
}
.tabDropdown ul li a{
	display:block;
	border-top:1px solid #ccc;
	padding:0.5rem 0 0.8rem;
}
@media(max-width:768px){
	.dutyTabMenu.tabNavigation.tabItem_7>li{
		width:33.3%
	}
	.dutyTabMenu.tabNavigation>li{
		margin-top:-1px;
		margin-left:-1px;
		border-left:1px solid #084490;
	}
}
.dutyList>div{
	display:none;
}
.dutyList>div.on{
	display:block;
	animation-duration: 0.6s;
	-webkit-animation-name: fadeInUp; 
    animation-name: fadeInUp;
}
@keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        transform: translateY(20px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
}

.dutyImageArea{
	position:relative;
	max-width:844px;
	max-height:426px;
	margin:0 auto;
}
.dutyImageArea img{
	width:100%;
	height:100%;
}
.dutyImageArea .dutyImageText{
	display:none;/*회사요청으로 삭제처리*/
	position:absolute;
	bottom:0px;
	width:100%;
	padding:1rem;
	color:#fff;
	text-align:center;
	letter-spacing:1px;
	background:rgba(0,0,0,0.5);
}

.dutyVideo{
	border:1px solid #eee;
}

.dutyVideo video{
	width:100%;
}

.dutyImageList{
	max-width:860px;
	margin:0 auto 2rem;
}
.dutyImageList li a{
	position:relative;
	display:block;
	border:3px solid #fff;
}
.dutyImageList li a:before{

}
.dutyImageList li.on a:before{
	content:'';
	position:absolute;
	display:block;
	height:100%;
	width:100%;
	border:3px solid #dbbf68;
	animation-duration: 0.6s;
	-webkit-animation-name: fadeIn; 
    animation-name: fadeIn;
}

.dutyImageList li img{
	width:100%;
	height:100%;
}
.dutyTitle{
	max-width:844px;
	margin:0 auto 1.5rem;
}
.dutyContents{
	max-width:844px;
	margin:0 auto;
	border-bottom:1px dotted #ccc;
}
.dutyContents>div{
	position:relative;
	margin:0 auto 1.75rem;
	padding-top:1.45rem;
	padding-left:135px;
	padding-right:1rem;
	word-break:keep-all;
	text-align:justify;
	border-top:1px dotted #ccc;
}
.dutyContents>div:before{
	content:'';
	position:absolute;
	left:15px;
	display:block;
	width:82px;
	height:82px;
	border-radius:50%;
	background-color:#dcdcdc;
	background-image:url(/images/icon_duty.png);
	background-position:center -118px;
	background-repeat:no-repeat;
}
.dutyContents>div:first-child:before{
	background-position:center 18px;
}
.dutyPath .borderBoxInner>h3{
	font-size:1.95rem;
	font-weight:bold;
}

/*--경영철학----------------------------------------*/
.philosophy>div[class^="philosophy"]{
	height:271px;
	padding:60px 50px;
}
.philosophy>div[class^="philosophy"] h3{
	color:#fff;
	font-size:42px;
	font-style:italic;
}
.philosophy>div[class^="philosophy"] div{
	width:35%;
	word-break:keep-all;
	text-align:justify;
}
.philosophy .philosophy_01{
	margin-bottom:1.2rem;
	background:url(/images/unique/philosophy_01.jpg) 0 0 no-repeat;
}
.philosophy .philosophy_01 div{
	margin-top:0.5rem;
	color:#ebdcac;
	line-height:1.7;
}
.philosophy .philosophy_02{
	margin-bottom:0.5rem;
	text-align:right;
	background:url(/images/unique/philosophy_02.jpg) 0 0 no-repeat;
}
.philosophy .philosophy_02 div{
	margin-top:0.5rem;
	color:#b8d7fd;
	line-height:1.7;
}
.philosophy div{
	font-size:1.1rem;
	line-height:1.6;
	word-break:keep-all;
	text-align:justify;
}

@media(max-width:800px){
	.philosophy .philosophy_01{
		background-position:center center;
	}
	.philosophy>div[class^="philosophy"] div{
		width:80%;
	}
	.philosophy .philosophy_02 div{
		color:#fff;
	}
}
/*--핵심가치----------------------------------------*/
.value .borderBoxInner strong{
	font-size:25px;
}
.value .borderBoxInner h3{
	font-weight:300;
}
.value .borderBoxInner h3 span{
	font-size:1.75rem;
}
.coreValueArea{
	position:relative;
	height:861px;
	padding:2rem;
	margin-bottom:5rem;
	text-align:center;
	background:url(/images/unique/corevalueBackground.jpg) center center no-repeat;
	background-size:cover;
}
.coreValueArea h3{
	color:#c59e1d;
	font-size:40px;
	letter-spacing:-2px;
}
.coreValueArea ul{
	position:absolute;
	left:50%;
	bottom:3rem;
	width:80%;
	margin-left:-38%;
	text-align:left;
}
.coreValueArea ul:before{
	content:'';
	position:absolute;
	top:-1.5rem;
	left:50%;
	width:80%;
	height:1px;
	margin-left:-43%;
	background:#bbb;
}
.coreValueArea li{
	position:relative;
	float:left;
	width:20%;
	padding:0 1%;
}
.coreValueArea li:before{
	content:'';
	position:absolute;
	top:-2rem;
	left:35%;
	width:15px;
	height:15px;
	display:block;
	margin-left:-8px;
	border-radius:50%;
	border:3px solid #fff;
	background:#eb6100;
}
.coreValueArea .coreValue_02:before{
	background:#8fc43d
}
.coreValueArea .coreValue_03:before{
	background:#f6ac0e
}
.coreValueArea .coreValue_04:before{
	background:#0095dc
}
.coreValueArea .coreValue_05:before{
	background:#9b72b0
}
.coreValueArea dt{
	font-size:23px;
}
.coreValueArea dd{
	max-width:105px;
	font-size:18px;
	word-break:keep-all;
}
@media(max-width:768px){
	.coreValueArea{
		height:630px;
	}
	.coreValueArea ul{
		bottom:2rem;
	}
	.coreValueArea dt{
		font-size:1.15rem;
	}
	.coreValueArea dd{
		font-size:1.05rem;
	}
}
@media(max-width:450px){
	.coreValueArea h3{
		font-size:32px;
	}
	.coreValueArea{
		height:500px;
	}
	.coreValueArea ul{
		position:absolute;
		left:50%;
		bottom:1rem;
		width: 88%;
		margin-left: -44%;
		text-align:left;
	}
	.coreValueArea dt{
		font-size:1rem;
	}
	.coreValueArea dd{
		font-size:0.9rem;
	}
}
/*--인재상----------------------------------------*/
.talent .borderBoxInner{
	font-size:1.55rem;
	font-weight:300;
}
.talent .borderBoxInner strong{
	font-size:1.55rem;
}
@media(max-width:900px){
	.talent .borderBoxInner,
	.talent .borderBoxInner strong{
		font-size:1.25rem;
	}
}

/*--인사제도----------------------------------------*/
.hrm .borderBoxInner{
	padding-left:10rem;
	padding-right:10rem;
	font-size:1.55rem;
	font-weight:300;
}
.hrm .borderBoxInner strong{
	font-size:1.55rem;
}
@media(max-width:900px){
	.hrm .borderBoxInner{
		padding-left:3rem;
		padding-right:3rem;
		font-size:1.25rem;
	}
	.hrm .borderBoxInner strong{
		font-size:1.25rem;
	}
}

/*--인재육성----------------------------------------*/
.promote .borderBoxInner{
	padding-left:10rem;
	padding-right:10rem;
	font-size:1.55rem;
	font-weight:300;
}
.promote .borderBoxInner strong{
	font-size:1.55rem;
}
.promoteList{
	max-width:980px;
	margin:0 auto;
}
.promoteList li{
	position:relative;
	padding-top:50px;
	padding-bottom:50px;
	padding-left:200px;
	border-bottom:1px dotted #ccc;
}
.promoteList li:before{
	content:'';
	display:block;
	position:absolute;
	left:0;
	width:145px;
	height:145px;
	border-radius:50%;
	background-color:#737373;
	background-image:url(/images/icon_promote.png);
	background-position:center 35px;
	background-repeat:no-repeat;
}
.promoteList li:nth-child(odd):before{
	background-color:#cdb47c;
}
.promoteList .promoteListLeadership:before{
	background-position:center -215px;
}
.promoteList .promoteListProfessional:before{
	background-position:center -465px;
}
.promoteList .promoteListExpert:before{
	background-position:center -714px;
}
.promoteList h3{
	position:relative;
	margin-bottom:20px;
	font-size:1.75rem;
}
.promoteList h3:before{
	content:'';
	position:absolute;
	bottom:-10px;
	left:20px;
	width:3rem;
	height:1px;
	margin-left:-1.25rem;
	background:#d8ad29;
}
.promoteList dt{
	margin-bottom:5px;
	font-size:20px;
}
.promoteList dd{
	font-size:1.1rem;
	letter-spacing:0;
	position:relative;
	margin-top:2px;
	margin-bottom:2px;
	padding-left:20px;
}
.promoteList dd:before{
	content:'·';
	position:absolute;
	left:3px;
	top:2px;
	color:#05186b;
	font-size:29px;
	font-family:dotum;
	line-height:22px;
}

@media(max-width:900px){
	.promote .borderBoxInner{
		padding-left:3rem;
		padding-right:3rem;
		font-size:1.25rem;
	}
	.promote .borderBoxInner strong{
		font-size:1.25rem;
	}
}
@media(max-width: 576px){
	.promoteList li{
		padding-left:126px;
	}
	.promoteList li:before{
		width:95px;
		height:95px;
		background-size:50%;
		background-position:center 23px;
	}
	.promoteList .promoteListLeadership:before{
		background-position:center -162px;
	}
	.promoteList .promoteListProfessional:before{
		background-position:center -342px;
	}
	.promoteList .promoteListExpert:before{
		background-position:center -524px;
	}
}
@media(max-width: 450px){
	.promote .borderBoxInner{
		font-size:1.15rem;
	}
	.promoteList li{
		padding-top:2rem;
		padding-left:0px;
		padding-bottom:2rem;
		text-align:center;
	}
	.promoteList li:before{
		position:static;
		margin:0 auto 1rem;
	}
	.promoteList h3:before{
		left:50%;
		margin-left:-1.5rem;
	}
	.promoteList dd{
		max-width:80%;
		margin:0 auto;
		word-break:keep-all;
	}
}
/*--사업장소개----------------------------------------*/
.contactMap{
	position:relative;
	height:541px;
	margin-bottom:2rem;
}
.contactMap>div{
	position:absolute;
	left:50%;
	margin-left:-74px;
	background-image:url(/images/contactMapPointer.png);
	background-repeat:no-repeat
}
.contactMap>div:hover,
.contactMap>div.on{
	background-image:url(/images/contactMapPointer_on.png);
}
.contactMap>div>a{
	display:block;
	min-width:151px;
	height:41px;
	padding-left:1rem;
	padding-right:1rem;
	line-height:36px;
	font-weight:bold;
	text-align:center;
	border:1px solid #084490;
	background:#fff;
	-webkit-transition:background 0.3s ease;
	transition:background 0.3s ease;
}
.contactMap>div>a:hover{
	color:#fff;
	background:#084490;
}
.contactMap>div.on>a{
	color:#fff;
	background:#084490;
}
.contactMap .contactLeft{
	padding-left:37px;
	background-position:left center;
}
.contactMap .contactRight{
	padding-right:37px;
	background-position:right center;
}
.contactMap .contactTop{
	padding-top:37px;
	background-position:center top;
}
.contactMap .contactBottom{
	padding-bottom:37px;
	background-position:center bottom;
}

.contactMap_01{
	background:url(/images/map_local.jpg) center center no-repeat;
}

.contactMap_01 #contactMap_seoul_01{
	top:8.5%;
	margin-left:-142px;
}
.contactMap_01 #contactMap_bangsan{
	top:40%;
	margin-left:-207px;
}
.contactMap_01 #contactMap_angang{
	top:51%;
	margin-left:100px;
}
.contactMap_01 #contactMap_daegu{
	top:53%;
	margin-left:-107px;
}
.contactMap_01 #contactMap_busan_02{
	top:61%;
	margin-left:-89px;
}
.contactMap_01 #contactMap_ulsan{
	top:59.5%;
	margin-left:119px;
}
.contactMap_01 #contactMap_busan_01{
	top:66%;
	margin-left:17px;
}

.contactMap_02{
	background:url(/images/map_local.jpg) center center no-repeat;
}
.contactMap_02 #contactMap_seoul_01{
	top:8.5%;
	margin-left:-142px;
}
.contactMap_02 #contactMap_changwon{
	top:62%;
	margin-left:-147px;
}
.contactMap_02 #contactMap_busan{
	top:66%;
	margin-left:12px;
}
.contactMap_02 #contactMap_incheon{
	top:20%;
	margin-left:-254px;
}
.contactMap_02 #contactMap_pyeongtak{
	top:32%;
	margin-left:-248px;
}
.contactMap_02 #contactMap_nonsan{
	top:46%;
	margin-left:-236px;
}
.contactMap_02 #contactMap_ulsan{
	top:59%;
	margin-left:112px;
}
.contactMap_02 #contactMap_seoul_02{
	top:18.5%;
	margin-left:-59px;
}

.contactMap_03{
	background:url(/images/map_world.jpg) center center no-repeat;
}
.contactMap_03>div>a{
	font-weight:300;
}
.contactMap_03 #contactMap_pmx{
	top:24%;
	margin-left:247px;
}
.contactMap_03 #contactMap_hk{
	top:40%;
	margin-left:-83px;
	background-position:-37px top;
}
.contactMap_03 #contactMap_shanghai{
	top:25.5%;
	margin-left:-277px;
	background-position:158px bottom;
}
.contactMap_03 #contactMap_shenzhen{
	top:35.5%;
	margin-left:-337px;
	z-index:100;
}
.contactMap_03 #contactMap_siam{
	top:43.5%;
	margin-left:-360px;
}
.contactMap_03 #contactMap_japan{
	top:32%;
	margin-left:-24px;
	background-position:-37px top;
}
.contactMap_03 #contactMap_malaysia{
	top:51.5%;
	margin-left:-325px;
}
.contactMap_03 #contactMap_america{
	top:22%;
	margin-left:-53px;
	background-position:158px bottom;
}

.contactMapList>div{
	display:none;
}
.contactMapList>div.on{
	display:block;
}
.contactMapList img{width:100%;}
.contactMapList .contactInfoDetail{
	padding-left:1rem;
	border-left:1px solid #014296;
	font-size:1.05rem;
	letter-spacing:0px;
	word-break:keep-all;
	text-align:justify;
}
.contactInfo>dl{
	position:relative;
	padding-left:68px;
	padding-top:0.15rem;
	padding-bottom:0.8rem;
	border-bottom:1px dotted #ccc;
}
.contactInfo>dl:before{
	content:'';
	position:absolute;
	left:0px;
	width:52px;
	height:52px;
	border-radius:50%;
	background-color:#014296;
	background-image:url(/images/commons/icon_contactus.png);
	background-position:center 11px;
	background-repeat:no-repeat;
}
.contactInfo .contactTel:before{
	background-color:#6cb0f7;
	background-position:center -60px;
}
.contactInfo .contactFax:before{
	background-color:#cdb47c;
	background-position:center -133px;
}
.contactInfo .product:before{
	background-color:#737373;
	background-position:center -205px;
}
@media(max-width:688px){
	.contactMap_01,
	.contactMap_02,
	.contactMap_03{
		display:none;
	}
	.contactMapList>div{
		display:block
	}
	.contactMapList>div img{
		width:100%;
		margin-bottom:1rem;
	}
	.contactInfo>dl:before{
		width:40px;
		height:40px;
		background-size:67%;
		background-position:center 6px;
	}
	.contactInfo .contactTel:before{
		background-position:center -57px;
	}
	.contactInfo .contactFax:before{
		background-position:center -122px;
	}
	.contactInfo .product:before{
		background-position:center -187px;
	}
	
}
/*--사업현황----------------------------------------*/
.business{
	padding-left:29.5%;
	background:url(/images/unique/businessBackground.jpg) -4% 4px no-repeat;
	background-size:351px 100%;
}
.business>div{
	margin-bottom:2rem;
	word-break:keep-all;
	text-align:justify;
}
.business>div div{
	font-size:1.1rem;
	line-height:1.6;
}

.business .product{
	margin-top:0.5rem;
	padding-left:2.5rem;
	padding-bottom:0.5rem;
	color:#bd9311;
	background:url(/images/icon_businessArrow.png) 0 9px no-repeat;
}
.business h4.title{
	position:relative;
	margin-bottom:25px;
	font-size:1.75rem;
	letter-spacing:-2px;
}
.business h4.title:before{
	content:'';
	position:absolute;
	bottom:-13px;
	left:20px;
	width:3rem;
	height:1px;
	margin-left:-1.25rem;
	background:#d8ad29;
}

/*
.business_01{
	min-height:428px;
	background:url(/images/unique/business_01.png) center center no-repeat;
	background-size:cover;
}
.business_02{
	min-height:347px;
	background:url(/images/unique/business_02.png) center center no-repeat;
	background-size:cover;
}
.business_03{
	min-height:347px;
	background:url(/images/unique/business_03.png) center center no-repeat;
	background-size:cover;
}
*/
@media(max-width:1200px){
	.business{
		background-position:-10% 4px
	}
}
@media(max-width:1100px){
	.business{
		background-position:-22% 4px
	}
}
@media(max-width:900px){
	.business{
		padding-top:2rem;
		padding-left:0;
		background:none
	}
	.business>div{
		padding-bottom:0rem;
	}
	.business .product{
		padding-left:3rem;
		background-position:0 5px
	}
}

/*--전형결과----------------------------------------*/
.resultView *{
	font-size:1.25rem;
}
.resultView .titleArea{
	margin-bottom:1rem;
	font-size:1.75rem;
}
.resultView .borderBoxInner{
	padding-top:2.5rem;
	padding-left:210px;
}
.resultView .borderBoxInner:before{
	content:'';
	position:absolute;
	top:3rem;
	left:3.5rem;
	display:block;
	width:9rem;
	height:9rem;
	border-radius:50%;
	background-color:#efefef;
	background-image:url(/images/commons/icon_resume.png);
	background-position:center center;
	background-repeat:no-repeat;
}
.resultView .hrmNumber{
	padding:1rem;
	text-align:center;
	background:#efefef;
}

.icon_add.extra{
	line-height:1;
}
.btnSemester{text-align:center !important;}

/*20210927*/

.mainLayerPopupWrap_2021{margin-top: -173px;top:50%;left:50%;margin-left:-340px}


@media(max-width:700px){
.mainLayerPopupWrap_2021{margin-top:0px;top:30%;left:10%;margin-left:0px}

}

