@charset "utf-8";

/***** ���� *****/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');


*{margin:0;padding:0;box-sizing:border-box;word-break:keep-all; outline:none; }
body{ font-size:14px; line-height:110%; color:#666;  }		
input, select, textarea{ color:#666; font-family: 'Noto Sans KR', sans-serif; }
img,fieldset,iframe{border:0 none;}
ul li{list-style:none; margin:0; padding:0;}
legend{ display:none;}
.text{white-space:nowrap;}/*텍스트줄바꿈방지*/

a:link 		{ text-decoration:none; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
a:visited 	{ text-decoration:none; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
a:hover 	{ text-decoration:none; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }



.topBg,
.txt_type1,
.txt_type2,
.txt_type3						{ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.mainVisualWrap .swiper-slide	{ -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; }

/* 아이폰 css제거 */
input[type="text"],
input[type="password"],
textarea						{ -webkit-appearance: none; -webkit-border-radius: 0; }

input[type="text"],
input[type="password"]			{ height:35px; width:100%;  background:#f7f7f7; border:1px solid #eaeaea; padding:0px 10px; vertical-align:middle; border-radius:3px; }
select							{ height:35px; border:1px solid #eaeaea; padding:0px 10px; vertical-align:middle; border-radius:3px; background-color:#f7f7f7;}
select::-ms-expand				{ display:none; }
textarea						{ width:100%; height:160px; line-height:180%; font-size:16px; background:#f7f7f7; border:1px solid #eaeaea; padding:20px 20px; vertical-align:middle; border-radius:3px; }

input[type="password"]::-ms-clear,
input[type="text"]::-ms-clear		{ display:none; }

input[type="checkbox"]			{ transform:translate(0,-4px); }



/* 怨듯넻 */
.inner1650{width:100%; max-width: 1650px; margin: 0 auto; position: relative; box-sizing: border-box;}
.inner1780{width:100%; max-width: 1780px; margin: 0 auto; position: relative; box-sizing: border-box;}
.inner1920{width:100%; margin: 0 auto; position: relative; box-sizing: border-box;  position: fixed; border-bottom:1px solid #eaeaea;}

.header_login {margin: 0 auto;  border:0px solid #000;  height:48px;  padding-top:14px; }
.header_login a	{ position:relative; display:inline-block; font-size:13px; color:#222222; padding:0px 9px; }

/* header */
header.on{ box-shadow: 0 5px 10px rgba(224,224,224,0.3); }
header{ width: 100%; height: 138px; background-color: #fff; position: fixed; left: 0; top: 0; z-index: 90; border-bottom:1px solid #e1e1e1;}
header > .header_gnb{ height: 100%; top:48px}
header .logo{ text-align:right; float: left; padding: 25px 35px 25px 0; border-right:1px solid #eaeaea;}
header .logo > a{ display: block; }
header .logo > a img{}


header .header_online {float: right;  padding:35px 56px; font-size:15px; background-color: #012b5b; color: #fff;}
header .header_online a {color: #fff;}

header nav{ float: left;  padding-left:10px; }
header nav .gnb{ display: flex; align-items: center; }
header nav .gnb > li{ position: relative; }
header nav .gnb > li > a{ display: block; padding:35px 24px; font-size:16px; color: #333; position: relative; transition: all 0.5s; }
header nav .gnb > li > a:before{ content: ""; display: block; width: 0; height: 2px; margin: 0 auto; background-color: #012b5b; position: absolute; left: 0; right: 0; top: 0; transition: all 0.5s ease; }
header nav .gnb > li.on > a:before{ width: 100%; }
header nav .gnb > li > a span{ display: block; width: 100px; text-align: center; transition: all 0.5s; }
header nav .gnb > li > a:hover span{ font-weight: 500; }
header nav .gnb > li .depth02{ display: none; width: 100%; padding: 20px 0; background-color: #fff; text-align: center; position: absolute; left: 0; top: 90px;	z-index:10000; }
header nav .gnb > li .depth02 > li{}
header nav .gnb > li .depth02 > li+li{ margin-top: 15px; }
header nav .gnb > li .depth02 > li > a{ display: block; font-size: 13px; color:#666;line-height: 1.3; }
header nav .gnb > li .depth02 > li > a:hover{ color:#012b5b; }

header .m_btn{ display: none; position: absolute; right: 0; top: 0; }
header .m_btn button{ width: 28px; height: 18px; background: none; border: none; }
header .m_btn button > span{ display: block; width: 100%; height: 2px; background-color: #012b5b; position: relative;}
header .m_btn button > span:before,
header .m_btn button > span:after{ content: ""; display: block; width: 100%; height: 100%; background-color: #012b5b; position: absolute; left: 0; }
header .m_btn button > span:before{ width: 18px; top: -8px; }
header .m_btn button > span:after{ top: 8px; }

#m_menu.on{ right: 0;}
#m_menu{
    width: 100%; max-width: 360px; height: 100%;  padding: 70px 0; background-color: #fff; position: fixed; right: -100%; top: 0; z-index: 90; box-sizing: border-box; transition: all 0.5s ease; overflow-y: auto;
}
#m_menu .gnb{ padding:30px; }
#m_menu .gnb > li{ margin-bottom: 40px; }
#m_menu .gnb > li > a{ display: block; font-size: 20px; color: #333; font-weight: 700; }
#m_menu .gnb > li.on > a{ color: #012b5b; }
#m_menu .gnb > li .depth02{
    display: none;
    padding-top: 10px;
}
#m_menu .gnb > li .depth02 > li{}
#m_menu .gnb > li .depth02 > li > a{ display: block; padding: 8px; font-size: 15px; color: #666; }

#m_menu .m_close{ position: absolute; right: 30px; top: 30px; }
#m_menu .m_close button{ width: 30px; height: 30px; border: none; background: none; }
#m_menu .m_close button span{ display: block; width: 100%; height: 3px; background-color: #012b5b; transition: all 0.3s 0.3s ease; }
#m_menu.on .m_close button span:nth-child(1){
    transform: rotate(45deg) translateY(2px);
}
#m_menu.on .m_close button span:nth-child(2){
    transform: rotate(-45deg) translateY(-2px);
}

.gnbBg{ display: none; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); position: absolute; right: 0; top: 0; z-index: 50; }


@media screen and (max-width:1780px){
	

	.inner1780{
        padding: 0px 15px;
    }
}

@media screen and (max-width:1650px){
	.inner1650{
        padding: 0px 15px;
    }


}

@media screen and (max-width:1340px){
    header nav .gnb > li > a{ padding:35px 20px; font-size:15px; color: #333; position: relative; transition: all 0.5s;	}

	
}

@media screen and (max-width:1270px){

    /* header */
    header{ height: 118px; }
    header .logo{ padding: 15px 0; border-right:0px solid #eaeaea; }
    header .logo > a img{ max-height: 25px; }
    header nav{ display: none; }
	header .header_online {display: none;}    
    header .m_btn{ display: block; right: 15px; top: 23px; }  

	.header_login {font-size:12px; }
	.header_login a	{ position:relative; display:inline-block; font-size:12px; color:#222222; padding:0px 5px; }

}




#loadingWrap											{ position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.9); z-index:99; opacity:0; }
#loadingWrap > div										{ position:absolute; left:50%; top:50%; margin:-100px 0px 0px -100px; }
@keyframes lds-double-ring {
	0%			{ -webkit-transform:rotate(0); transform:rotate(0); }
	100%		{ -webkit-transform:rotate(360deg); transform:rotate(360deg); }
}
@-webkit-keyframes lds-double-ring {
	0%			{ -webkit-transform:rotate(0); transform:rotate(0); }
	100%		{-webkit-transform:rotate(360deg); transform:rotate(360deg); }
}
@keyframes lds-double-ring_reverse {
	0%			{ -webkit-transform:rotate(0); transform:rotate(0); }
	100%		{ -webkit-transform:rotate(-360deg); transform:rotate(-360deg); }
}
@-webkit-keyframes lds-double-ring_reverse {
	0%			{ -webkit-transform:rotate(0); transform:rotate(0); }
	100%		{ -webkit-transform:rotate(-360deg); transform:rotate(-360deg); }
}



.mainVisualWrap												{ position:relative; width:100%; height:750px; min-height:500px; overflow:hidden; border-bottom:1px solid #e1e1e1;  border-top:1px solid #e1e1e1;}
.mainVisualWrap .swiper										{ position:relative; width:100%; height:100%; }
.mainVisualWrap .swiper-wrapper								{ position:relative; width:100%; height:100%; }
.mainVisualWrap .swiper-slide								{ position:relative; width:100%; height:100%; background-size:cover !important; background-position:50% center !important; background-repeat:no-repeat !important; background-color:#fff; }
.mainVisualWrap .swiper-slide.swiper-slide-prev				{ background-position:-100px center !important; }
.mainVisualWrap .swiper-slide.swiper-slide-active			{ background-position:center center !important; }
.mainVisualWrap .swiper-slide.swiper-slide-next				{ background-position:100px center !important; }

.mainVisualWrap .swiper-slide .typoWrap											{ position:absolute; left:17%; top:57%; transform:translate(0,-50%); width:100%; max-width:600px; text-align:left; z-index:4; }
.mainVisualWrap .swiper-slide .typoWrap > span									{ display:inline-block; vertical-align:top; width:100%; line-height:120%; opacity:0; }
.mainVisualWrap .swiper-slide .typoWrap .txt_type1								{ padding:0px 0px 0px 50px; }
.mainVisualWrap .swiper-slide .typoWrap .txt_type2								{ margin:0px 0px 40px 50px; }
.mainVisualWrap .swiper-slide .typoWrap .txt_type3								{ margin:0px 0px 0px 50px; line-height:170%; }
.mainVisualWrap .swiper-slide .typoWrap .btn_type1								{ margin:30px 0px 0px 50px; }

.mainVisualWrap .swiper-slide.swiper-slide-active .typoWrap > span				{ opacity:1; }
.mainVisualWrap .swiper-slide.swiper-slide-active .typoWrap .txt_type1			{ padding:0px 0px 20px 3px; }
.mainVisualWrap .swiper-slide.swiper-slide-active .typoWrap .txt_type2			{ margin:0px 0px 0px 0px; }
.mainVisualWrap .swiper-slide.swiper-slide-active .typoWrap .txt_type3			{ margin:0px 0px 0px 0px; line-height:170%; }
.mainVisualWrap .swiper-slide.swiper-slide-active .typoWrap .btn_type1			{ margin:30px 0px 0px 0px; }

.mainVisualWrap .swiper-button-next												{ background:none; font-size:60px; padding:0px; margin:0px; width:60px; height:60px; line-height:60px; text-align:center; }
.mainVisualWrap .swiper-button-next i											{ width:60px; height:60px; line-height:60px; vertical-align:top; color:#012b5b; }
.mainVisualWrap .swiper-button-prev												{ background:none; font-size:60px; padding:0px; margin:0px; width:60px; height:60px; line-height:60px; text-align:center; }
.mainVisualWrap .swiper-button-prev i											{ width:60px; height:60px; line-height:60px; vertical-align:top; color:#012b5b; }

.mainVisualWrap .swiper-pagination span											{ width:15px; height:15px; background:#fff; opacity:1; }
.mainVisualWrap .swiper-pagination .swiper-pagination-bullet-active				{ background:#012b5b; }

.icon_box {position:absolute; overflow:hidden; width:100%; max-width:1320px; top:543px;height:217px;margin:0 auto; z-index:98; left:50%; transform:translate(-50%,0);}
.icon{position:absolute; right:0px; width:350px;height:217px;padding:9px 50px; z-index:99; opacity:1;background-color:rgba(0,0,0,.27) }
.icon ul{overflow:hidden;position:relative;height:100%}
.icon ul li{float:left;position:relative;width:100%;font-size:16px;text-align:center;font-family:'notokr-medium'; padding-top:0px;}
.icon ul li a{display:block;height:100%;padding-top:18px;color:#fff; font-weight:bold; }
.line1 { position:relative; width:100%; border-top:0.5px solid #ddd; display:inline-block; }
.line2 { position:relative; width:100%; border-top:1px solid #ddd; display:inline-block; margin:15px 0px 15px 0px; }
.line3 { position:relative; width:100%; border-top:3px solid #ddd; display:inline-block;  }


.title												{ position:relative; width:100%; display:inline-block; vertical-align:top; padding:0px 50px; }
.title > span										{ position:relative; width:100%; display:inline-block; vertical-align:top; }

.footer												{ position:relative; width:100%; display:inline-block; vertical-align:top; background:#171717; padding:0px 0px 0px 0px; text-align:center; }
.goto_top											{ position:absolute; left:50%; top:-25px; transform:translate(-50%,0); width:50px; height:50px; line-height:50px; background:#d71313; color:#fff; text-align:center; font-size:20px; border-radius:3px; z-index:7;}
.copy_menu											{ position:relative; width:100%; text-align:center; margin:20px 0px; }
.copy_menu a										{ display:inline-block; font-size:13px; color:#fff; margin:0px 10px; }
.num_info											{ position:relative; width:100%; text-align:center; }
.num_info li										{ display:inline-block; color:#fff; font-size:13px; margin:0px 15px 20px 15px; }
.com_info											{ position:relative; width:100%; font-size:13px; color:#fff; line-height:180%; }
.com_info span										{ display:inline-block; margin:0px 10px; }
.copy_right											{ position:relative; width:100%; padding:15px 20px; background:#2a2a2a; color:#777777; margin:20px 0px 0px 0px; }

#footer_contact {overflow:hidden ; position:relative; padding:70px 0 35px 0; text-align:left; color:#fff; background:#222222;}

.f_contact1 {float:left; width:33.33%;}
.f_contact2 {float:left; width:33.33%;}
.f_contact3 {float:left; width:33.33%;}
.f_contact4 {float:left; width:33.33%;}

.f_contact1 p {font-size:15px; font-weight:bold; margin-bottom:10px;}
.f_list li{width:95%; height:25px; line-height:20px; font-size:15px; margin-left:10px;}
.f_contact2 .f_contact2_text {width:100%; text-align:center;}
.f_contact2 .f_contact2_title {font-size:17px; font-weight:bold; margin-bottom:15px;}
.f_contact2 p {font-size:15px; margin-bottom:15px;}
.f_contact2 p.f_tel_name {font-size:20px; margin-bottom:15px; font-weight:bold;}
.f_contact2 p.f_tel_name  a {color:#fff;}

.f_contact3 .f_contact3_text {width:100%; text-align:center;}
.f_contact3 .f_contact3_title {font-size:17px; font-weight:bold; margin-bottom:15px;}
.f_contact3 p {font-size:15px; margin-bottom:15px;}
.f_contact3 p.f_bank_name {font-size:20px; margin-bottom:15px; font-weight:bold;}

.f_contact4 .f_contact4_text {width:100%; text-align:center;}
.f_contact4 .f_contact4_title {font-size:17px; font-weight:bold; margin-bottom:15px;}
.f_contact4 p {font-size:15px; margin-bottom:15px;}



/* 폰트 */
.txt_type1								{ font-size:23px; font-weight:400; }
.txt_type2								{ font-size:50px; font-weight:700; }
.txt_type2_2							{ font-size:40px; font-weight:700; }
.txt_type3								{ font-size:20px; font-weight:400; }
.txt_type4								{ font-size:40px; font-weight:700; }
.txt_type5								{ font-size:15px; font-weight:400; }
.txt_type6								{ font-size:20px; font-weight:500; }
.txt_type7								{ font-size:23px; font-weight:500; }
.txt_type8								{ font-size:18px; font-weight:500; }
.txt_type9								{ font-size:18px; font-weight:700; }
.txt_type10								{ font-size:23px;  }
.txt_type11								{ font-size:35px; font-weight:700; color: #111;}

/* 폰트컬러 */
.blue_color1							{ color:#1a3145;}
.gray_color1							{ color:#4e5556; }
.gray_color2							{ color:#7a7a7a; }
.gray_color3							{ color:#1e1e1e; }
.white_color1							{ color:#ffffff; }
.white_color2							{ color:#ffffff; }
.ora_color1								{ color:#d71313; }

/* 버튼 */
.btn_type1								{ background:#d71313; color:#ffffff; font-weight:500; font-size:16px; padding:10px 40px; border-radius:3px; display:inline-block; box-shadow:0px 20px 30px rgba(255,113,90,0.5); }
.btn_type2								{ background:#ffffff; color:#737373; font-weight:500; font-size:16px; padding:13px 22px; border-radius:5px; display:inline-block; border:1px solid #d9d9d9; margin:30px 0;}
.btn_type2:hover								{ background:#737373; color:#ffffff; font-weight:500; font-size:16px; padding:13px 22px; border-radius:5px; display:inline-block; border:1px solid #d9d9d9; margin:30px 0;}


.btn_type3								{ background:#ffffff; color:#737373; font-weight:500; font-size:13px; padding:20px 20px; border-radius:3px; display:inline-block; box-shadow:0px 10px 20px rgba(0,0,0,0.1); }
.btn_type4								{ background:#d71313; color:#ffffff; font-weight:500; font-size:16px; padding:18px 40px; border-radius:3px; display:inline-block; box-shadow:0px 20px 30px rgba(255,113,90,0.5); text-align:center; }
.btn_type5								{ background:#696969; color:#ffffff; font-weight:500; font-size:16px; width:100%; height:54px; line-height:54px; border-radius:3px; display:inline-block; text-align:center; }
.btn_type6								{ background:#696969; color:#ffffff; font-weight:500; font-size:16px; width:49.5%; height:40px; line-height:38px; border-radius:3px; display:inline-block; text-align:center; }







#atc01{overflow:hidden;position:relative; width:100%; max-width:1320px;height:654px;margin:0 auto;}

#atc01 .latest{float:left;width:970px;border-left:1px solid #e1e1e1;font-size:15px;color:#888;letter-spacing:-.15px}
#atc01 .latest dl{height:327px;padding:50px}
#atc01 .latest dl dt{position:relative;margin-bottom:20px;font-size:19px;color:#222;letter-spacing:-.2px;font-family:'notokr-bold'}
#atc01 .latest dl dt span{padding-left:7px;font-size:13px;font-weight:500;letter-spacing:.1px;color:#bdbdbd;font-family:'Poppins', sans-serif}

/* 상담신청현황 */
#atc01 .latest .late01{background-color:#f7f7f7}
#atc01 .latest .late01 dt a{float:right;padding-bottom:5px;position:relative;font-size:14px;color:#222;-webkit-ransition:all .2s .1s;transition:all .2s .1s;font-family:'notokr-medium'}
#atc01 .latest .late01 dt a:before,#atc01 .latest .late01 dt a:after{content:'';display:block;position:absolute;bottom:0;width:100%;height:2px;-webkit-transition:width .3s;transition:width .3s;-webkit-transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000);transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000)}
#atc01 .latest .late01 dt a:before{width:100%;right:0;background:#222;-webkit-transition-delay:.2s;transition-delay:.2s}
#atc01 .latest .late01 dt a:after{width:0;left:0;background:#c69728;-webkit-transition-delay:0s;transition-delay:0s}
#atc01 .latest .late01 dt a:hover{color:#c69728}
#atc01 .latest .late01 dt a:hover:before{width:0;transition-delay:0s}
#atc01 .latest .late01 dt a:hover:after{width:100%;-webkit-transition-delay:.2s;transition-delay:.2s}  
#atc01 .latest .late01 ul li{padding:18px 0;border-bottom:1px dotted #ccc}
#atc01 .latest .late01 ul li:nth-child(3){border:none}
#atc01 .latest .late01 ul li .subj .state{display:inline-block;padding:5px 0px; width:80px; text-align:center; margin-right:10px;border-radius:2px;font-size:12px;color:#fff;background-color:#012b5b;font-family:'notokr-medium'}
#atc01 .latest .late01 ul li .subj .date{float:right}

/* QnA */
#atc01 .latest .late02{background:url(/img/late02_bg.png) right 100% no-repeat}
#atc01 .latest .late02 dt a{float:right;padding-bottom:5px;position:relative;font-size:14px;color:#222;-webkit-ransition:all .2s .1s;transition:all .2s .1s;font-family:'notokr-medium'}
#atc01 .latest .late02 dt a:before,#atc01 .latest .late02 dt a:after{content:'';display:block;position:absolute;bottom:0;width:100%;height:2px;-webkit-transition:width .3s;transition:width .3s;-webkit-transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000);transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000)}
#atc01 .latest .late02 dt a:before{width:100%;right:0;background:#222;-webkit-transition-delay:.2s;transition-delay:.2s}
#atc01 .latest .late02 dt a:after{width:0;left:0;background:#c69728;-webkit-transition-delay:0s;transition-delay:0s}
#atc01 .latest .late02 dt a:hover{color:#c69728}
#atc01 .latest .late02 dt a:hover:before{width:0;transition-delay:0s}
#atc01 .latest .late02 dt a:hover:after{width:100%;-webkit-transition-delay:.2s;transition-delay:.2s}  
#atc01 .latest .late02 ul li{padding:18px 0;border-bottom:1px dotted #ccc}
#atc01 .latest .late02 ul li:nth-child(3){border:none}
#atc01 .latest .late02 ul li .subj .state{display:inline-block;padding:5px 13px;margin-right:10px;border-radius:2px;font-size:12px;color:#fff;background-color:#244037;font-family:'notokr-medium'}
#atc01 .latest .late02 ul li .subj .date{float:right}

/* 박스 */
#atc01 .box{float:left; width:350px}
#atc01 .box > div {width:350px;height:327px;padding:30px 50px 30px;line-height:1.7}
#atc01 .box > div .tit{font-size:16px;font-weight:600;color:#fff;letter-spacing:1px; padding-top:30px;}
#atc01 .box > div .tit:after{display:block;content:"";width:23px;height:1px;margin:17px 0 15px;background-color:rgba(255,255,255,.4)}
#atc01 .box .cs{font-size:14px;color:#fff; background:url(/img/box01.png) no-repeat #b18213; font-family:'Poppins', sans-serif}
#atc01 .box .cs .tel{padding-bottom:3px;font-size:24px;font-weight:600;color:#fff}
#atc01 .box .cs .btn_area{margin-top:35px;text-align:center}
#atc01 .box .cs .btn_area a{display:inline-block;width:48.8%;height:44px;border-radius:2px;font-size:14px;color:#fff;line-height:44px;background-color:rgba(0,0,0,.2);-webkit-transition:all .2s;transition:all .2s;font-family:'notokr-medium'}
#atc01 .box .cs .btn_area a:nth-child(1){margin-right:2px}
#atc01 .box .cs .btn_area a:hover{color:#012b5b;background-color:#fff}

#atc01 .box .bnr{font-size:14px;letter-spacing:-.3px;color:#989d9d;text-align:center; background:url(/img/box02.png) no-repeat #1d2c2c; display : flex;  justify-content : center;  align-items : center; }
#atc01 .box .bnr .tit_bnr{ font-size:35px; color:#fff; padding-bottom:10px;font-weight:bold;}
#atc01 .box .bnr .tit_bnr a{ color:#fff;}




#atc02{overflow:hidden;position:relative;width:100%;font-size:15px;line-height:1.7;letter-spacing:-.15px;color:#888;background:url(/img/slide_bg.png) repeat #f7f7f7}
#atc02_wrap{position:relative; width:100%; max-width:1320px;margin:0 auto;padding:90px 0 150px}
#atc02_wrap:before{display:block;content:"";position:absolute;left:0;top:0;width:0;height:100%;background-color:rgba(0,0,0,.05);-webkit-transition:all .6s;transition:all .6s}
#atc02_wrap:after{display:block;content:"";position:absolute;left:-38%;top:0;width:38%;height:100%;background-color:rgba(0,0,0,.05)}
#atc02_wrap.fadeRight:before{width:175px;-webkit-transition:all 1.5s;transition:all 1.5s}

#atc02 .tit_area{margin-bottom:40px;text-align:center}
#atc02 .tit_area p{padding-bottom:10px;font-size:30px;letter-spacing:-.4px;color:#222;font-family:'notokr-demilight'}

#atc02 .slide_wrap{position:relative}
#atc02 .slide_wrap:after{display:block;content:"";position:absolute;bottom:-60px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:100%; max-width:1320px;height:60px;background-image:url(/img/shadow.png)}
#atc02 ul:after{display:block;content:"";visibility:hidden;clear:both}
#atc02 ul li{position:relative}
#atc02 ul li .img{float:left;width:40.3%;height:460px}
#atc02 ul li .cont{float:left;position:relative;width:59.7%;height:460px;padding:70px 50px;background-color:#fff; font-size:18px; line-height:27px;}
#atc02 ul li .cont .tit{position:relative;padding-bottom:15px;font-size:30px; font-weight:bold;color:#222;font-family:'notokr-bold'} 
#atc02 ul li .cont .tit:before{display:inline-block;vertical-align:-3px;content:"";width:5px;height:27px;margin-right:10px;background-color:#c69728}
#atc02 ul li .cont a{position:absolute;left:50px;bottom:70px;font-size:14px;font-weight:500;letter-spacing:.15px;-webkit-transition:all .2s;transition:all .2s;font-family:'Poppins', sans-serif}
#atc02 ul li .cont a:hover{color:#c69728}

#atc02 .bx-controls-direction{position:absolute;bottom:60px;right:60px;z-index:1000;}
#atc02 .bx-controls-direction a{display:inline-block;width:45px;height:45px;margin:0 1px;border-radius:2px;font-size:0;text-align:center;line-height:45px;background-color:rgba(0,0,0,.16);-webkit-transition:all .3s;transition:all .3s}
#atc02 .bx-controls-direction a:after{content:"\f104";font-size:16px;color:#fff;font-family:FontAwesome}
#atc02 .bx-controls-direction a.bx-next:after{content:"\f105"}
#atc02 .bx-controls-direction a:hover{background-color:rgba(0,0,0,.27)}

/* fadeInUp  */
.animated{-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUp{from{opacity:0;webkit-transform:translateY(40%);transform:translateY(40%)}to{opacity:1;webkit-transform:none;transform:none}}
@keyframes fadeInUp{from{opacity:0;webkit-transform:translateY(40%);transform:translateY(40%)}to{opacity:1;webkit-transform:none;transform:none}}


/* 서브 타이틀 공통 */
.s_tit{text-align: center; border:0px solid #242424;}
.s_tit h2{font-weight:bold; font-size:45px; color: #111; margin: 20px 0 22px;}
.s_tit p:not(.c){font-size:22px; color: #111; line-height: 1.6;}
.s_tit p.c{ font-size:29px; color: #072046; font-weight:bold;}
.s_tit p.c.f_kr { font-family: "Pretendard"; }
.s_tit p.fs38{font-size:38px;}
.s_tit p.fwb{font-weight:700;}
.s_tit p:not(.c) span{font-weight:bold; color: #000;}
.s_tit p.mt{margin-top: 90px;}
.s_tit_back {background:#f4f4f4; padding:80px 0 90px 0;}


.sub_vi	{ position:relative; width:100%; height:570px;  background-position:center center !important; background-repeat:no-repeat !important; background-size:cover !important; overflow:hidden; }
.doc_tit											{ position:absolute; left:50%; top:59%; transform:translate(-50%,-50%); max-width:500px; width:100%; padding:0px 20px; text-align:center;}
.doc_tit > span,
.doc_tit > strong									{ display:inline-block; width:100%; }
.doc_tit > span										{ margin:30px 0px 0px 0px; line-height:180%; }

.sub_vi_back {position:relative; width:100%; height:155px; }
.sub_vi_back2 {position:relative; width:100%; height:220px; }

 /*sub_nav*/
.sub_navi{ position:relative; background:#242424; border-top:0px solid #242424; z-index:2; padding:5px 0px;}
.sub_navi .wrap{ overflow: visible; /*display:block; text-align:center;*/  }
.sub_navi .sub_menu{position:relative;margin-top:-0px;border-left:0;z-index:1; top:0 ; overflow-x:auto}
.sub_navi .sub_menu:after{content:"";display:block;clear:both;visibility:hidden}
.sub_navi .sub_menu li{display:inline-block;text-align:center; padding:0 10px 0 20px; background:url(../img/sub/sub_nav_vline.gif) no-repeat left 18px}
.sub_navi .sub_menu li:first-child {  background:none }
.sub_navi .sub_menu li:first-child a{border-left:0px solid #002b5c;}
.sub_navi .sub_menu a,	.sub_navi .sub_menu a.on{display:block;position:relative;color:#fff;line-height:52px; font-weight:400; letter-spacing:0 }
.sub_navi .sub_menu a{ padding:0 10px; font-size:15px}
.sub_navi .sub_menu li a.on{ color:#fff;line-height:50px;/* border-bottom:3px solid #C00*/ border-bottom:2px solid #fff; }
.mobile_sub_nav{ display:none}

.doc_wrap	{ position:relative; width:100%; display:inline-block; vertical-align:top; background:#fff; }
.snb		{ position:absolute; left:0px; top:-25px; width:100%; text-align:center; z-index:5; }
.snb li		{ position:relative; display:inline-block; margin-bottom:5px;}
.snb li a	{ display:inline-block; min-width:193px; height:50px; line-height:50px; font-size:16px; font-weight:500; background:#767676; color:#fff; border-radius:3px; text-align:center; box-shadow:0px 10px 20px rgba(0,0,0,0.2); }
.snb li a:hover,
.snb li a.active	{ background:#012b5b; box-shadow:0px 10px 20px rgba(1,43,91,0.6); }

.snbWrap												{ position:relative; width:100%; white-space:nowrap; text-align:center; margin:60px 0px 0px 0px; overflow-x:auto; }
.snbWrap .container										{ position:relative; width:100%; max-width:1320px; display:inline-block; vertical-align:top; text-align:center; }
.snbWrap a												{ display:inline-block; font-size:20px; color:#a2a2a2; font-weight:500; padding:10px 0px; margin:0px 15px; border-bottom:2px solid transparent; }
.snbWrap a:hover,
.snbWrap a.active										{ color:#13365f; border-bottom:2px solid #13365f; font-weight:bold;}


.sub_cont{padding: 50px 0; }
.sub_cont.pb0{padding-bottom:0;}


.greeting {padding: 10px 0 80px;}
.greeting .list { position: relative; display: flex; align-items: center; flex-wrap: wrap;}
.greeting .list::after { position: absolute; right: 249px; bottom: -41px; font-family: 'Kaushan Script', cursive; font-size: 120px; opacity: 0.02; color: #000; z-index: -1;}
.greeting .list figure { width: calc(50% - 100px);}
.greeting .list figure img {}
.greeting .list .txt {width: calc(50% + 100px); box-sizing: border-box; padding-left: 70px;}
.greeting .list .txt p { font-weight: 300; font-size: 18px; color: #666; margin-bottom: 30px; line-height: 1.7;}
.greeting .list .txt p:last-of-type { font-weight: 600; font-size: 20px; color: #222; margin-top: 40px; margin-bottom: 0;}



.corporate{position:relative; }
.corporate::after{content:""; position:absolute; bottom: 0; left: 0; width: 100%; height: 680px;  z-index: -1;}
.corporate .flex_box{display:flex; flex-wrap:wrap; margin-top: 100px;}
.corporate .flex_box .item{width: calc((100% - 30px) / 3);text-align: center; margin-right: 15px;}
.corporate .flex_box .item:last-of-type{margin-right: 0;}
.corporate .flex_box .item .txt{margin-top: -70px;}
.corporate .flex_box .item .txt .icon{width: 176px; height: 176px; position:relative; background: #012b5b; border-radius:50%; margin: 0 auto;}
.corporate .flex_box .item .txt .icon img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.corporate .flex_box .item .txt h3{font-weight:bold; font-size:28px; color: #111111; margin: 40px 0 28px;}
.corporate .flex_box .item .txt ul{}
.corporate .flex_box .item .txt ul li{font-weight:300; font-size:18px; color: #111; margin-bottom:10px;}
.corporate .flex_box .item .txt ul li:last-of-type{margin-bottom:0;}


.cont_back {background:#f4f4f4; padding:75px 0 1px 0;  border:0px solid #000000;}
.ethical_management{ position:relative; }
.ethical_management .cont{margin-top: 100px; }
.ethical_management .cont .item{position:relative; display:flex; margin-bottom:170px;}
.ethical_management .cont .item:last-of-type{margin-bottom:70px;}

.ethical_management .cont .item figure{width: 550px; order:2}
.ethical_management .cont .item figure img{border-radius:5%;}

.ethical_management .cont .item .txt{width: calc(100% - 550px); }
.ethical_management .cont .item .txt h3{font-weight:bold; font-size:34px; color: #111; margin: 0px 0 35px 0;}
.ethical_management .cont .item .txt p{font-weight:300; font-size:18px; color: #111; line-height: 1.8;}

.ethical_management .cont .item:nth-of-type(2n) figure{order:0}
.ethical_management .cont .item:nth-of-type(2n) .txt{width: auto; padding-left: 0; padding-left: 120px;}


.ethical_management2{ position:relative; }
.ethical_management2 .cont{}
.ethical_management2 .cont .item{position:relative; display:flex; margin-bottom:120px;}
.ethical_management2 .cont .item:last-of-type{margin-bottom:90px;}

.ethical_management2 .cont .item figure{width: 550px;}
.ethical_management2 .cont .item figure img{border-radius:5%;}

.ethical_management2 .cont .item .txt{width: calc(100% - 550px); padding-left: 120px;}
.ethical_management2 .cont .item .txt h3{font-weight:bold; font-size:34px; color: #111; margin: 0px 0 35px 0;}
.ethical_management2 .cont .item .txt p{font-weight:300; font-size:18px; color: #111; line-height: 1.8;}

.ethical_management2 .cont .item:nth-of-type(2n) figure{order:2}
.ethical_management2 .cont .item:nth-of-type(2n) .txt{width: auto; padding-left: 0; padding-right: 120px;}


.port_list2{ margin-left:-35px;  overflow: hidden; *width:100%;  display:flex;   flex-wrap:wrap;   list-style:none; margin-bottom:30px;}
.port_list2 li{ float:left;  width:33.33%;  padding-bottom:50px;color:#111; display:flex;}
.port_list2 li:first-child{ margin-left:0}
.port_list2 li a{ color:#111;}
.port_list2 li dl { padding:0; margin-left:35px;position:relative; overflow:hidden; background:#fff}
.port_list2 li dl dt{  position:relative; overflow:hidden;  text-align:center; }
.port_list2 li dl dt img{ width:100%; ; object-fit: cover; }

.port_list2 li dl dd { margin:4% 2%;  overflow:hidden; position:relative; font-size:16px; height:auto; line-height:29px;}
.port_list2 li dl dd p{height:auto;line-height:1.8em; font-size:20px; font-weight:bold; text-align:center; }



#sub_img_box_1 {}
#sub_img_box_2 {display:none;}

.icon_box_mobile {display:none; }

.root_daum_roughmap {width: 100% !important;}
.tab_box { width: 100%; }
.tab_box .tab_content { margin:0px 0 40px 0; }
.tab_box .tab_content li {display: none; border:1px solid #ddd; box-sizing: border-box;}
.tab_box .tab_content li.on {display: block; }
.sub_location{width:100%; max-width:1200px; margin:0px auto; padding-top:30px;text-align:left;}
.sub_location_t {font-size:16px; line-height:1.5; margin-bottom:12px;}


.grayBox { position:relative; width:100%; display:inline-block; vertical-align:top; border:1px solid #ddd; background:#f7f7f7; padding:20px; }
.dlType2											{ position:relative; width:100%; display:inline-block; vertical-align:top; }
.dlType2 dt,
.dlType2 dd												{ position:relative; width:100%; display:inline-block; vertical-align:top; padding:6px 0px; }
.dlType2 dd												{ margin:0px 0px 0px 0px; line-height:160%; }
.dlType2 dt a											{ color:#fd6879; }
.dlType2 dd a											{ color:#626262; }

@media only screen and (max-width : 1340px) {



	.mainVisualWrap		{ height:750px; min-height:450px; }


	#atc01{overflow:hidden;position:relative; width:100%; max-width:1320px; height:auto; margin:0 auto;}
	#atc01 .latest{float:left;width:70%;border-left:1px solid #e1e1e1;font-size:15px;color:#888;letter-spacing:-.15px}	
	#atc01 .box > div {width:100%;height:327px;padding:30px 50px 30px;line-height:1.7}

	/* 박스 */
	#atc01 .box{float:left; width:30%}



	

	
}

@media only screen and (max-width : 1200px) {


	.mo_bid_pc {display:none;}
	.mo_bid_mobile {display:block;}


	.greeting .list figure { width: 100%;  }
    .greeting .list .txt { width: 100%; padding-left: 0; margin-top: 40px; }
    .greeting .list .txt p { font-size: 16px; }
    .greeting .list .txt p br { display: none; }
    .greeting .list::after { right: 0; }

	.ethical_management .cont{margin-top: 90px;}
	.ethical_management .cont .item .txt{padding-left: 10px;}
	.ethical_management .cont .item:nth-of-type(2n) .txt{width: calc(100% - 550px);padding-right: 40px;}
	.ethical_management .cont .item .txt p br{display:none; }

	.ethical_management2 .cont{margin-top: 0px;}
	.ethical_management2 .cont .item .txt{padding-left: 10px;}
	.ethical_management2 .cont .item:nth-of-type(2n) .txt{width: calc(100% - 550px);padding-right: 40px;}
	.ethical_management2 .cont .item .txt p br{display:none; }

	#atc02 ul li .img{height:400px}
	#atc02 ul li .cont{height:400px;}

	

}

@media only screen and (max-width : 1100px) {

	.mainVisualWrap	{ height:600px; min-height:400px; }

	.sub_vi	{ height:470px; margin-top:70px;}
	.doc_tit { top:52%;}

	.sub_navi{ display:none}


	.mobile_sub_nav{ display:block;  }
	.mobile_sub_nav{ border-bottom:1px solid #dddddd; height:44px; text-align:left; text-indent:15px ; background:#242424 }

	.mobile_sub_nav > ul > li{ float:left; font-size:13px; color:#fff; border-left:1px solid rgba(255,255,255,0.2); height:44px; line-height:44px; display:inline-block; box-sizing:border-box;}
	.mobile_sub_nav > ul > li:first-child{ border-left:0px solid #dddddd;}
	.mobile_sub_nav ul > li.home{width:10%; font-size:12px; color:#fff; }
	.mobile_sub_nav ul > li.home a{ font-size:12px; color:#fff;}
	.mobile_sub_nav ul > li.nav_gnb{ width:30%}
	.mobile_sub_nav ul > li.nav_gnb a{ color:#fff;}
	.mobile_sub_nav ul > li.snb_area{ width:60%}
	.mobile_sub_nav ul > li.snb_area a{ color:#fff;}

	#snb_menu{ position:relative}
	#select_open { display:none; width:100%;  top:46px;position: absolute;  background:#fff;  border-left:1px solid #dddddd ;border-bottom:1px solid #dddddd ; border-right:0px solid #dddddd; margin-top:-1px; z-index:31; margin-left:-1px; padding:10px 0 }
	#select_open .open li { clear: both; margin: 0; float:left; width:100%; font-size:13px;}
	#select_open .open li a { display: block; height:30px;  line-height:30px; color:#666; font-size:13px;}
	#select_open .open li a:hover { color:#333}
	#snb_menu .select { width: 100%; }
	#snb_menu .select p { width: 100%;   border: 0;   height:44px; line-height:44px;cursor:pointer; background:url("../img/snb_click.png") no-repeat 95% 2px;  font-size:inherit;}	

	.icon_box {display:none; }

	.icon_box_mobile {display:block; position:absolute; top:540px;}

	.icon_box_mobile {overflow:hidden; width:100%; height:auto; margin:0 auto; z-index:98;}
	.icon_mobile ul{overflow:hidden;position:relative;height:100%}
	.icon_mobile ul li{float:left;position:relative;width:33.33%;font-size:15px;text-align:center;font-family:'notokr-medium'; padding-top:0px;}

	.icon_mobile ul li a{display:block; height:100%;padding:13px 0;color:#fff; font-weight:bold; }

	/* 폰트 */
	.txt_type1								{ font-size:18px; }
	.txt_type2								{ font-size:41px; }
	.txt_type2_2							{ font-size:28px; font-weight:700; }
	.txt_type3								{ font-size:16px; }
	.txt_type4								{ font-size:30px; }
	.txt_type5								{ font-size:13px; font-weight:400; }
	.txt_type6								{ font-size:16px; font-weight:500; }
	.txt_type8								{ font-size:16px; font-weight:500; }
	.txt_type9								{ font-size:16px; font-weight:700; }
	.txt_type10								{ font-size:17px;}
	.txt_type11								{ font-size:27px;}


	/* 버튼 */
	.btn_type1								{ background:#d71313; color:#fff; font-weight:700; font-size:12px; padding:10px 30px; border-radius:3px; display:inline-block; box-shadow:0px 20px 30px rgba(255,113,90,0.5); }

	
	#atc01 .latest{float:left;width:100%;border-left:1px solid #e1e1e1;font-size:13px;color:#888;letter-spacing:-.15px}
	#atc01 .latest dl{height:280px;padding:30px}
	#atc01 .latest dl dt{position:relative;margin-bottom:20px;font-size:19px;color:#222;letter-spacing:-.2px;font-family:'notokr-bold'}
	#atc01 .latest dl dt span{padding-left:7px;font-size:13px;font-weight:500;letter-spacing:.1px;color:#bdbdbd;font-family:'Poppins', sans-serif}

	/* 상담신청현황 */
	#atc01 .latest .late01{background-color:#f7f7f7}
	#atc01 .latest .late01 dt a{float:right;padding-bottom:5px;position:relative;font-size:13px;color:#222;-webkit-ransition:all .2s .1s;transition:all .2s .1s;font-family:'notokr-medium'}

	#atc01 .latest .late01 ul li{padding:18px 0;border-bottom:1px dotted #ccc; overflow: hidden; white-space: nowrap;}
	#atc01 .latest .late01 ul li:nth-child(3){border:none}
	#atc01 .latest .late01 ul li .subj .state{display:inline-block;padding:5px 0px; width:70px; text-align:center; margin-right:10px;border-radius:2px;font-size:12px;color:#fff;background-color:#012b5b;font-family:'notokr-medium'}
	#atc01 .latest .late01 ul li .subj .date{float:right; line-height:25px;}

	/* QnA */
	#atc01 .latest .late02{background:url(/img/late02_bg.png) right 100% no-repeat}
	#atc01 .latest .late02 dt a{float:right;padding-bottom:5px;position:relative;font-size:14px;color:#222;-webkit-ransition:all .2s .1s;transition:all .2s .1s;font-family:'notokr-medium'}
	#atc01 .latest .late02 ul li{padding:18px 0;border-bottom:1px dotted #ccc}
	#atc01 .latest .late02 ul li:nth-child(3){border:none}


	/* 박스 */
	#atc01 .box{float:left; width:100%}
	#atc01 .box > div {width:100%;height:300px;padding:30px 50px 30px;line-height:1.7}
	#atc01 .box > div .tit{font-size:16px;font-weight:600;color:#fff;letter-spacing:1px; padding-top:30px;}
	#atc01 .box > div .tit:after{display:block;content:"";width:23px;height:1px;margin:17px 0 15px;background-color:rgba(255,255,255,.4)}
	#atc01 .box .cs{float:left; width:50%; font-size:14px;color:#fff; background:url(/img/box01_m.png) no-repeat #b18213; font-family:'Poppins', sans-serif}
	#atc01 .box .cs .tel{padding-bottom:3px;font-size:24px;font-weight:600;color:#fff}
	#atc01 .box .cs .btn_area{margin-top:35px;text-align:center}
	#atc01 .box .cs .btn_area a{display:inline-block;width:48.8%;height:44px;border-radius:2px;font-size:14px;color:#fff;line-height:44px;background-color:rgba(0,0,0,.2);-webkit-transition:all .2s;transition:all .2s;font-family:'notokr-medium'}
	#atc01 .box .cs .btn_area a:nth-child(1){margin-right:2px}
	#atc01 .box .cs .btn_area a:hover{color:#012b5b;background-color:#fff}

	#atc01 .box .bnr{float:left; width:50%; font-size:14px;letter-spacing:-.3px;color:#989d9d;text-align:center; background:url(/img/box02_m.png) no-repeat #1d2c2c; display : flex;  justify-content : center;  align-items : center; }
	#atc01 .box .bnr .tit_bnr{ font-size:35px; color:#fff; padding-bottom:10px;font-weight:bold;}



	#atc02_wrap{position:relative; width:100%; max-width:1320px;margin:0 auto;padding:60px 0 0px}
	#atc02 .tit_area{margin-bottom:40px;text-align:center}
	#atc02 .tit_area p{padding-bottom:10px;font-size:28px;letter-spacing:-.4px;color:#222;font-family:'notokr-demilight'}

	#atc02 .slide_wrap{position:relative}
	#atc02 .slide_wrap:after{display:block;content:"";position:absolute;bottom:-60px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:100%; max-width:1320px;height:60px;background-image:url(/img/shadow.png)}
	#atc02 ul:after{display:block;content:"";visibility:hidden;clear:both}
	#atc02 ul li{position:relative}
	#atc02 ul li .img{float:left;width:100%; height:auto; text-align:center;}
	#atc02 ul li .cont{float:left;position:relative;width:100%;height:320px;padding:30px 30px;background-color:#fff; font-size:16px; line-height:24px;}
	#atc02 ul li .cont .tit{position:relative;padding-bottom:15px;font-size:23px; font-weight:bold;color:#222;font-family:'notokr-bold'} 
	#atc02 ul li .cont .tit:before{display:inline-block;vertical-align:-3px;content:"";width:5px;height:23px;margin-right:10px;background-color:#c69728}
	#atc02 ul li .cont a{position:relative;left:50px;bottom:70px;font-size:14px;font-weight:500;letter-spacing:.15px;-webkit-transition:all .2s;transition:all .2s;font-family:'Poppins', sans-serif}
	#atc02 ul li .cont a:hover{color:#c69728}

	#atc02 .bx-controls-direction{position:absolute;bottom:55px;right:30px;z-index:1000;}
	#atc02 .bx-controls-direction a{display:inline-block;width:45px;height:45px;margin:0 1px;border-radius:2px;font-size:0;text-align:center;line-height:45px;background-color:rgba(0,0,0,.16);-webkit-transition:all .3s;transition:all .3s}
	#atc02 .bx-controls-direction a:after{content:"\f104";font-size:16px;color:#fff;font-family:FontAwesome}
	#atc02 .bx-controls-direction a.bx-next:after{content:"\f105"}
	#atc02 .bx-controls-direction a:hover{background-color:rgba(0,0,0,.27)}

	.sub_vi_back2 {position:relative; width:100%; height:225px; }


	



}

@media only screen and (max-width : 800px) {



	.title	{ padding:0px 10px; }

	.sub_cont{padding: 60px 0 34px 0 ;}
	.s_tit{text-align: center;}
	.s_tit h2{font-weight:bold; font-size:28px; color: #111; margin: 15px 0 17px;}
	.s_tit p:not(.c){font-size:14px; color: #111; line-height: 1.6;}
	.s_tit p.c{ font-size:23px; color: #072046; font-weight:bold;}
	.s_tit p.c.f_kr { font-family: "Pretendard"; }
	.s_tit p.fs38{font-size:38px;}
	.s_tit p.fwb{font-weight:700;}
	.s_tit p:not(.c) span{font-weight:bold; color: #000;}
	.s_tit p.mt{margin-top: 90px;}
	.s_tit_back {background:#f4f4f4; padding:55px 10px 65px 10px;}

	.s_tit br{
       display:none !important;
    }

	#sub_img_box_1 {display:none;}
	#sub_img_box_2 {display:block;}

	.corporate .flex_box .item .txt{margin-top: -70px;}
	.corporate .flex_box .item .txt .icon{width: 116px; height: 116px; position:relative; background: #012b5b; border-radius:50%; margin: 0 auto;}
	.corporate .flex_box .item .txt .icon img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
	.corporate .flex_box .item .txt h3{font-weight:bold; font-size:20px; color: #111111; margin: 20px 0 40px;}
	.corporate .flex_box .item .txt ul{}

	.snb		{ position:absolute; left:0px; top:-25px; width:100%; text-align:center; z-index:5; }
	.snb li		{ position:relative; display:inline-block; margin-bottom:5px;}
	.snb li a	{ display:inline-block; min-width:auto; padding:0px 20px; height:50px; line-height:50px; font-size:14px; font-weight:500; background:#767676; color:#fff; border-radius:3px; text-align:center; box-shadow:0px 10px 20px rgba(0,0,0,0.2); }
	.snb li a:hover,
	.snb li a.active	{ background:#012b5b; box-shadow:0px 10px 20px rgba(1,43,91,0.6); }

	.snbWrap												{ margin:50px 0px 0px 0px; }
	.snbWrap a												{ display:inline-block; font-size:17px; color:#a2a2a2;  }


	.ethical_management .cont .item{flex-wrap:wrap; margin-bottom: 100px;}
	.ethical_management .cont .item:nth-of-type(2n) .txt,
	.ethical_management .cont .item .txt{width: 100%; order:3; padding-left: 0; margin-top: 20px;}
	.ethical_management .cont .item:nth-of-type(2n) .txt{padding-right: 0;}
	.ethical_management .cont .item .txt h4{margin-top: 30px;}
	.ethical_management .cont .item .txt h3{font-size:24px; color: #111; margin: 0px 0 20px 0;}
	.ethical_management .cont .item .txt p{font-weight:300; font-size:15px; color: #111; line-height: 1.8;}

	.ethical_management2 .cont .item:nth-of-type(1n){flex-wrap:wrap; margin-top: 40px;}
	.ethical_management2 .cont .item{flex-wrap:wrap; margin-bottom: 80px;}
	.ethical_management2 .cont .item:nth-of-type(2n) .txt,
	.ethical_management2 .cont .item .txt{width: 100%; order:3; padding-left: 0; margin-top: 20px;}
	.ethical_management2 .cont .item:nth-of-type(2n) .txt{padding-right: 0;}
	.ethical_management2 .cont .item .txt h4{margin-top: 30px;}
	.ethical_management2 .cont .item .txt h3{font-size:24px; color: #111; margin: 0px 0 20px 0;}
	.ethical_management2 .cont .item .txt p{font-weight:300; font-size:15px; color: #111; line-height: 1.8;}
	




	.port_list2{ margin-left:-25px;  overflow: hidden; *width:100%;  }
	.port_list2 li{ float:left;  width:50%;  padding-bottom:25px; height:100%;; font-size:12px}
	.port_list2 li dl { margin-left:25px;}
	.port_list2 li dl dd { margin-top:0.2em; font-size:13px; line-height:23px;}
	.port_list2 li dl dd p{ margin-top:0.2em; font-size:15px}



}

@media only screen and (max-width : 768px) {
	.sub_title_wrap										{ padding:50px 20px; }

	.sub_title_wrap > .sub_title1						{ margin:0px 0px 20px 0px; }
	.sub_title_wrap > .sub_title2						{ margin:0px 0px 10px 0px; }

	.container											{ padding:30px 10px; }
	.cont_p												{ margin:0px 0px 20px 0px; line-height:170%; }

	


	/* 이용약관 */
	.provision_box {width:100%; margin : 0px auto; padding:0px; text-align:left; font-size:14px; line-height:22px;}
	/* 이용약관 */

	.map_local{height:400px;}


}


@media only screen and (max-width : 640px) {



	.mainVisualWrap .swiper-button-next					{ display:none; }
	.mainVisualWrap .swiper-button-prev					{ display:none; }
	.mainVisualWrap .swiper-slide .typoWrap				{ left:0px; top:57%; padding:0px 20px; }



	#footer_contact h2 {font-size:19px; margin-bottom:10px;}
	#footer_contact article a {font-size:18px;}
	.f_contact2 {float:left; width:100%; margin-bottom:30px;}
	.f_contact3 {float:left; width:100%; margin-bottom:30px;}
	.f_contact4 {float:left; width:100%;}

	.f_contact2 .f_contact2_text {width:100%; text-align:center;}
	.f_contact2 .f_contact2_title {font-size:16px; font-weight:bold; margin-bottom:5px;}
	.f_contact2 p {font-size:15px; margin-bottom:15px;}
	.f_contact2 p.f_tel_name {font-size:18px; margin-bottom:5px; font-weight:bold;}
	.f_contact2 p.f_tel_name  a {color:#fff;}

	.f_contact3 .f_contact3_text {width:100%; text-align:center;}
	.f_contact3 .f_contact3_title {font-size:16px; font-weight:bold; margin-bottom:5px;}
	.f_contact3 p {font-size:15px; margin-bottom:15px;}
	.f_contact3 p.f_bank_name {font-size:20px; margin-bottom:15px; font-weight:bold;}

	.f_contact4 .f_contact4_text {width:100%; text-align:center;}
	.f_contact4 .f_contact4_title {font-size:16px; font-weight:bold; margin-bottom:5px;}
	.f_contact4 p {font-size:15px; margin-bottom:15px;}

	.submit_popbt {
		font-size:13px;
	}




	/* 박스 */
	#atc01 .box{float:left; width:100%}
	#atc01 .box > div {width:100%;height:270px;padding:30px 50px 30px;line-height:1.7}
	#atc01 .box > div .tit{font-size:16px;font-weight:600;color:#fff;letter-spacing:1px; padding-top:10px;}
	#atc01 .box > div .tit:after{display:block;content:"";width:23px;height:1px;margin:17px 0 15px;background-color:rgba(255,255,255,.4)}
	#atc01 .box .cs{float:left; width:100%; font-size:14px;color:#fff; background:url(/img/box01_m.png) no-repeat #b18213; font-family:'Poppins', sans-serif}
	#atc01 .box .cs .tel{padding-bottom:3px;font-size:24px;font-weight:600;color:#fff}
	#atc01 .box .cs .btn_area{margin-top:35px;text-align:center}
	#atc01 .box .cs .btn_area a{display:inline-block;width:48.8%;height:44px;border-radius:2px;font-size:14px;color:#fff;line-height:44px;background-color:rgba(0,0,0,.2);-webkit-transition:all .2s;transition:all .2s;font-family:'notokr-medium'}
	#atc01 .box .cs .btn_area a:nth-child(1){margin-right:2px}
	#atc01 .box .cs .btn_area a:hover{color:#012b5b;background-color:#fff}

	#atc01 .box .bnr{float:left; width:100%; font-size:14px;letter-spacing:-.3px;color:#989d9d;text-align:center; background:url(/img/box02_m.png) no-repeat #1d2c2c; display : flex;  justify-content : center;  align-items : center; }
	#atc01 .box .bnr .tit_bnr{ font-size:30px; color:#fff; padding-bottom:10px;font-weight:bold;}


}


@media only screen and (max-width : 480px) {
	.port_list li dl dt img{ width:100%; height:190px; object-fit: cover; }
 }



/* 페이저 */
.programPage{ margin-bottom:20px; margin-top:20px; text-align:center; font-size:0;}
.programPage a{display:inline-block; width:38px; height:38px; line-height:36px; font-size:14px; background:#f8f8f8; color:#666; vertical-align:middle; border:1px solid #dadada; box-sizing:border-box;}
.programPage a img{/* margin-top:13.5px; */cursor:pointer}
.programPage a.page_first{border-left:1px solid #dadada;}
.programPage a.page_prev{border:0; width:43px; margin-right:24px;}
.programPage a.page_next{border:0; width:43px; margin-left:24px;}
.programPage a:hover{background:#e5e5e5; font-weight:bold;}
.programPage a.active{background:#e5e5e5; font-weight:bold;}
.programPage a.page_prev:hover, .programPage a.page_next:hover{background:inherit;}


@media screen and (max-width:640px){
.programPage{ margin-bottom:20px; margin-top:20px; text-align:center; font-size:0;}
.programPage a{display:inline-block; width:26px; height:26px; line-height:24px; font-size:13px; background:#fff; color:#666; vertical-align:middle; border:1px solid #dadada; box-sizing:border-box;}
.programPage a.page_first{border-left:1px solid #dadada;}
.programPage a.page_prev{border:0; width:31px; margin-right:13px;}
.programPage a.page_next{border:0; width:31px; margin-left:13px;}
}