@charset "utf-8";

@import url('fonts.css');
@import url('slick.css');
@import url('reset.css');



@import url('layout.css');

@media all and (max-width:320px) {
}

@media all and (min-width:480px) and (max-width:767px) {/*사용자 해상도가 360px 이상이고 768px 이하일 때 이 코드가 실행됨. */
    .organ_w .branch02 .branch:before{right: 63%;}
}

@media all and (max-width:767px) {
	.visual .slick-dots{display:none !important;}

	.organ_w .division.last:before{top:-700%;left:50%;width:1px;height:700%;}
	.organ_w .branch02 .branch:before{display: none}

	.business_wrap .text {font-size:10pt !important}
	
	.business_wrap .text .icn_check{position:absolute; left:10px; height:27px;}
}

@media all and (min-width:768px) {
	.pc{display: block}
	.mo{display: none}
	
	.fix_pc{max-width: 1020px;margin: 0 auto;}
	
	.sched_wrap img{width: 108px;}
	
	#header{position: absolute;}
	#header .inner{height: 100px;text-align: left}
	#header.sub{background-color: #fff;}
	#header .header_cover{border-bottom:1px solid rgba(147,155,164,0.5);}
	
	.lnb{display:block;font-size:0;white-space: nowrap;position: absolute;top:50%;left:55%;z-index:1;
		-webkit-transform: translate(-50%, -50%);
	    -moz-transform: translate(-50%, -50%);
	    -o-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	    -sand-transform: translate(-50%, -50%);
	    transform:translate(-50%, -50%);
	}
	.lnb:after{display: block;content: '';clear: both;}
	.lnb > li{position: relative;display: inline-block}
	/*.lnb > li:after{position:absolute;top:50%;right:-2px;margin-top:-2px;display: block;content: '';width: 5px;height:5px;background-color: #fff;opacity: 0.3;border-radius: 100%}*/
	.lnb > li > a{display: block;font-size: 20px;font-weight: 700;color: #fff;padding: 0 20px;transition: padding 0.2s, color 0.1s;}
	.lnb > li > a span{position: relative}
	/*.lnb > li > a span:before{display: block;content: '';width: 100%;height:3px;padding:0 7px;background-color: #009954;position: absolute;bottom: -11px;left:50%;opacity: 0;transition: opacity 0.3s;*/ /*메뉴 hover 시 컬러 변경 (background-color)*/
		/*-webkit-transform: translateX(-50%);
	    -moz-transform: translateX(-50%);
	    -o-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    -sand-transform: translateX(-50%);
	    transform:translateX(-50%);
	}*/
	/*.lnb > li:last-child:after{display: none}*/
	
	/*#header.active .inner{border-bottom-color: #dbdbdb}*/
	.lnb .depth{position: absolute;top:100%;width: 100%;z-index: 2;display: none;padding-bottom:20px}
	.lnb .depth .sub_in{padding-top: 60px;}
	.lnb .depth .sub_in .on a{color:#0d3084; font-weight:600;}
	.lnb .depth a{font-size: 15px;color: #333;display: block;padding: 6px 0 7px;text-align: center}
	.lnb .depth li {padding-bottom:5px}
	.lnb .depth li:hover a{color: #0d2f86;font-weight: 600}
	#navi_bg{position: absolute;top: 0;width: 100%;height: 250px;background: #fff;display: none}
	
	#header.sub .lnb > li:hover > a,
	#header.sub .lnb > li.on > a,
	.lnb > li.on > a,
	#header.active .lnb > li:hover > a{color: #0d2f86 !important;}
	.lnb > li.on > a span:before,
	.lnb > li:hover > a span:before{opacity: 1}
	#header.active .lnb > li > a,
	#header.sub .lnb > li > a{color: #2c2929}
	#header.sub .lnb > li:after{background-color: #2c2929}
	#header.active #hamberger,
	#header.sub #hamberger{border: 2px solid rgba(44,41,41,0.25)}

	#header .lang_box{color:#fff;}
	#header .lang_box .btn_lang:before{background:url(/Images/icn_arrow02.png) no-repeat 50% 50%;}
	#header .lang_box{position:absolute;top:50%;right:20px;transform:translateY(-50%);color:#fff;}
	#header .lang_box .btn_lang{position:relative;padding-right:1.125rem; font-size:0.875rem;}
	#header .lang_box .btn_lang:before{content:'';position:absolute;top:50%;right:0;width:0.625rem;height:0.375rem;background:url(/Images/icn_arrow02.png) no-repeat 50% 50%;transform:translateY(-50%); transition:all .3s ease;}
	#header.active .lang_box .btn_lang:before,
	#header.sub .lang_box .btn_lang:before{background:url(/Images/icn_arrow01.png) no-repeat 50% 50%;}
	#header .lang_box.open .btn_lang:before{transform:rotate(180deg) translateY(50%);}
	#header.active .lang_box,
	#header.sub .lang_box{color:#333;}
	#header .lang_box ul{position:absolute; top:1.5rem; right:0; padding:0.875rem 1.125rem; color:#333; background-color:#fff; box-shadow:0 0.25rem 0.625rem 0 rgba(0,0,0,.12); opacity:0; z-index:-1; visibility:hidden; transition:all .3s;}
	#header .lang_box ul li~li{margin-top:0.625rem;}
	#header .lang_box.open ul{opacity:1; z-index:1; visibility:visible;}
	
	.visual_slide .item .txt_w{padding-top: 34px;padding-bottom:0; font-size:19px;}
	.visual_slide .item .bg{background-image: url(/Images/visual01.jpg)}
	.visual_slide .item:nth-child(2) .bg{background-image: url(/Images/visual02.jpg)}
	.visual_slide .item:nth-child(3) .bg{background-image: url(/Images/visual03.jpg)}
	.visual_slide .item:nth-child(4) .bg{background-image: url(/Images/visual04.jpg)}
	.visual_slide .item:nth-child(5) .bg{background-image: url(/Images/visual05.jpg)}
	.visual_slide .item:nth-child(6) .bg{background-image: url(/Images/visual06.jpg)}

	.visual_slide .item .txt01{margin-bottom: 0;padding: 0 15px; font-size:50px;}
	.visual_slide .item p{font-size: 20px;font-weight: 400;line-height: 1.6}
	.visual .slick-dots{top: 58%;margin-top: 14px;}
	.visual .slick-dots li{width: 7px;height:7px;margin: 0 5px;}
	.visual .scroll_down{display: block;opacity: 1;transition: opacity 0.3s}
	.pause,
	.play{width: 10px;height:11px;margin-left: 10px;}
	
	
	.quick_menu{bottom:0;max-width:1400px; width:100%;}
	.quick_menu .quick_list{flex-direction:column; justify-content:space-between; padding:40px 10px; min-height:175px; border-right:1px solid rgba(255,255,255,0.5); border-bottom:0; box-sizing:border-box;}
	.quick_menu .quick_list:last-child{border-right:0;}
	.quick_menu .quick_btn{position:relative; width:100px; height:35px; margin:0 auto; font-size:22px; background:#fff; border:1px solid #fff; border-top-left-radius:12px; border-top-right-radius:12px;}
	.quick_menu .quick_btn:before{display:block; content:'+'; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
	.quick_menu.on .quick_btn:before{content:'-';}
	.quick_menu .quick_cont{display:flex; border-bottom:0;}
	.quick_menu .quick_title{padding-bottom:10px;font-size:20px; font-weight:500;}
	.quick_menu .quick_desc p{display:none; padding-bottom:5px; font-size:14px; font-weight:400; line-height:26px; letter-spacing:-0.5px;}
	/*.quick_menu.on .quick_desc p{display:block;}*/
	.quick_menu .more_btn{width:85px; height:27px; margin: 0 auto;}

	.location .inner,
	.contents,
	.fix_inner{max-width: 1400px;margin: 0 auto;}

	.top{display: block;}
	
	.mn_info .box .tit{font-size: 30px;}
	.mn_info .box p{font-size: 15px;}
	#mn_info .box.animate{-webkit-animation-duration: 1.5s; animation-duration: 1.5s;-webkit-animation-delay: 200ms; -moz-animation-delay: 200ms; -o-animation-delay: 200ms; animation-delay: 200ms;}
	
	.container{padding-bottom: 75px;}
	.contents,
	.fix_inner{padding: 0 50px}
	
	.sub_visual{padding-top: 100px;}
	.sub_visual .inner{height:150px;font-size:50px;background-image: url(/Images/cont/sub_visual01.jpg);}

	/* twkim 20200707 요청자의 의해 서브 타이틀 각각 변경 하기 위한 CSS */
	.sub_visual#SeaInout  .inner{background-image: url(/Images/cont/sub_visual02.png);}
	.sub_visual#SeaAgency .inner{background-image: url(/Images/cont/sub_visual04.png);}
	.sub_visual#AirInout  .inner{background-image: url(/Images/cont/sub_visual03.png);}
	
	.location{}
	.location .home{display:none;border-left:1px solid #2d374b;border-right:1px solid #2d374b;display:inline-block;width:67px;height:60px;vertical-align:middle;background: url(/Images/cont/icn_home.png) no-repeat 50% 50%}
	.location .depth > a{font-size: 14px;padding: 21px 25px;}
	.location .depth > a > span{padding-right: 30px;}
	.location .depth.now > a > span{min-width: 118px;}
	.location .depth > a > span:before{width: 10px;height:6px;}
	
	.location .depth .sub_list{top: 76%;}
	.location .depth .sub_list ul{padding-bottom: 13px;}
	.location .depth .sub_list a{font-size: 14px;padding: 6px 25px 7px}
	
	.subtitle{margin:60px 0 35px;font-size: 80px;}/* twkim 20200707 60->30으로 폰트사이즈 변경 */
	.subtitle > span{padding-right: 22px;}
	
	.greeting_w{font-size: 16px;line-height: 1.65;padding: 37px 0 60px;}
	.greeting_w > p,
	.greeting_w.part2 p{margin-bottom: 26px;font-size: 18px;}
	.greeting_w .point{font-size: 26px;line-height: 1.3;margin-bottom: 30px; font-weight:800;}
	/*.greeting_w.part2{background-image: url(/Images/cont/greeting_watermark_m.png)}*/
	.greeting_w.part2 .fix_inner{padding:70px 0 50px;}
	.greeting_w .author{padding: 17px 25px;right:130px;bottom:0px;}
	.greeting_w p .p_point {font-size:30px}

	.greeting_w span {margin-top:20px}
	/*.greeting_w .greeting_content_area {float:left;}*/
	.greeting_w .greeting_content_area:after{display:block;content:'';clear:both;}
	.greeting_w .point span,
	.greeting_w .greeting_content_area p{color:#2c2929; font-size:16px; font-weight:500; letter-spacing:-0.025rem;}
	.greeting_w .greeting_content_right .greeting_smallfont {font-size: 12pt;margin-top:10px}

	/* History */
	.history .history_main{display:table; width:100%; min-height:27.0625rem; text-align:center;}
	.history .history_main p{font-size:1.125rem; font-weight:500; letter-spacing:0.025rem; line-height:1.75rem;}
	.history .history_main p span{position:relative;}
	.history .history_main p span:before{display:block; content:''; position:absolute; bottom:-0.125rem; left:0; width:100%; height:0.125rem; background:#fff;}
	.history .history_sub{display:flex; flex-wrap:wrap; text-align:center; box-sizing:border-box;}
	.history .history_sub p.title{font-size:1.25rem; font-weight:500; letter-spacing:-0.025rem; line-height:26px;}
	.history .history_sub p{font-size:1rem; font-weight:400; letter-spacing:-0.025rem; line-height:26px;}
	.history .history_tbl{display:table; min-height:20.125rem; width:100%; height:100%; flex:1 1 25%; border-bottom:0.625rem solid #fff; border-left:0.3125rem solid #fff; border-right:0.3125rem solid #fff; box-sizing:border-box;}
	.history .history_tbl:nth-child(even):not(:nth-child(4)){border-right:0.3125rem solid #fff;}
	.history .history_tbl:nth-child(odd):not(:first-child){border-left:0.3125rem solid #fff;}
	.history .history_flex{display:flex; flex-direction:column; height:100%;}
	.history .history_tbl:first-child{border-left:0;}
	.history .history_tbl:nth-child(4){border-right:0;}
	.history .history_tbl02{display:table; flex:0 0 auto; padding:2rem 1.25rem 0; vertical-align:middle;}
	.history .history_tbl02:last-child{flex:1 0 auto; padding:0 1.25rem 1rem;}
	.history .history_cell{display:table-cell; vertical-align:middle;}
	.history img{margin:0 auto 1.0625rem;}
	
	.history_list{text-align:left;}
	.history_list > li {margin-bottom: 10px; position: relative; font-size: 16px;}
	.history_list > li:nth-child(even) {padding-left: 50%;}
	.history_list > li:nth-child(odd) {padding-right: 50%; text-align: right;}
	.history_list > li:before {width: 12px;height: 12px;}
	.history_list > li .year {font-size: 20px; margin-bottom: 3px;}
	.history_list > li:nth-child(even) .year,
	.history_list > li:nth-child(even) p {margin-left: 23px;}
	.history_list > li:nth-child(odd) .year,
	.history_list > li:nth-child(odd) p{margin-right: 23px;}
	
	.history_line,
	.history_line:before,
	.history_line:after,
	.history_line .circle{position: absolute;left:50%;bottom:0;
		-webkit-transform: translateX(-50%);
	    -moz-transform: translateX(-50%);
	    -o-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    -sand-transform: translateX(-50%);
	    transform:translateX(-50%);
	}
	.history_line .circle:last-child,
	.history_line:after{top: auto;bottom: -46px;}
	.history_line:before,
	.history_line:after,
	.history_line .circle{height:46px;}
	.history_line .circle{width: 11px;height:11px;}
	.history_line{bottom:0;width: 1px;height:calc(100% - 90px);background-color:#cfd0d1;}
	
	.tel{margin-left:6px;font-size: 16px;padding:6px 14px 6px 33px;background: #007a41 url(/Images/cont/icn_tel.png) no-repeat 14px 50%;}
	
	.mb01{margin-bottom: 77px;}
	.mb02{margin-bottom: 30px;}
	
	/* [HEUNG-A] TWKIM / 20200625 / Table for CustomerVoice */
	.div_type02{border-radius: 14px;}
	.div_type02 .row .col{font-size: 16px;width: 100%}
	.div_type02 .cell{padding: 20px 28px;}
	.div_type02 .row:last-child .col:first-child{border-bottom: 0}
	
	.company_w{padding: 22px 0 121px;}
	.contact_w{padding: 22px 0 0;}
	
	.company_logo{height:16px;margin-left: 15px;}
	
	.company_w.part2{padding: 84px 0 77px;}
	.company_w.part2 .title01{display: block;}
	
	/* map */
	.map_box{/*padding-top: 26.562%;*/padding:0 50px;position: relative;margin-bottom: 40px;/*background-color: #ddd;*/}
	
	.select{font-size:16px;}

	/* Business */
	/*.business .business_list{padding-bottom:50px;}
	.business .business_list:last-child{padding-bottom:0;}
	.business .business_title{font-size:28px;}*/
	.business_wrap .business_num{font-size:80px;}
	/*.business .business_info{width:calc(100% - 182px); margin:-40px 0 0 auto; padding:46px 40px 36px;}*/
	.business_wrap .business_desc{font-size:20px; line-height:30px;}
	/*.business .business_info p.business_desc{font-size:16px;}*/

	.business_wrap .grp{text-align:center;}
	.business_wrap .grp .text_area{float:right;width: 45%;padding-top:0;text-align: right;}
	.business_wrap .grp:nth-child(odd) .text_area{float:left;}
	.business_wrap .grp .text_area:after{display:block; content:''; clear:both;}
	.business_wrap .grp .tbl_area{float:right;width: 60%;}
	.business_wrap .grp .tbl_area img{}
	.business_wrap .grp:after,
	.business_wrap .grp.item06 .text_area:after{display: block;content: '';clear: both}

	.business_wrap .item01 .tbl_area {width:52%;height:510px;background:url(/Images/cont/img_business01.png) no-repeat 50% 50% / cover}
	.business_wrap .item02 .tbl_area {width:52%;height:510px;background:url(/Images/cont/img_business02.png) no-repeat 50% 50% / cover}
	.business_wrap .item03 .tbl_area {width:52%;height:510px;background:url(/Images/cont/img_business03.png) no-repeat 50% 50% / cover}
	.business_wrap .item04 .tbl_area {width:52%;height:510px;background:url(/Images/cont/img_business04.png) no-repeat 50% 50% / cover}
	.business_wrap .item05 .tbl_area {width:52%;height:510px;background:url(/Images/cont/img_business05.png) no-repeat 50% 50% / cover}
	.business_wrap .item06 .tbl_area {width:52%;height:510px;background:url(/Images/cont/img_business06.png) no-repeat 50% 50% / cover}	
	.business_wrap .item02 .tbl_area,
	.business_wrap .item04 .tbl_area,
	.business_wrap .item06 .tbl_area{float:left;}
	.business_wrap .item02 .text_area,
	.business_wrap .item04 .text_area,
	.business_wrap .item06 .text_area{text-align: left;}	
	.business_wrap .title{font-size: 50px;margin-bottom: 20px;}
	.business_wrap .eng_title{font-size: 40px;margin-bottom: 20px;}
	.business_wrap .text{padding:0px; font-size: 16px;line-height: 25pt;}
	.business_wrap .text .pd_rg{padding-right:10px;}
	.business_wrap .text .point{font-size: 25px;margin-top: 3px;}
	.business_wrap .tbl{border-top-width: 3px}
	.business_wrap .tbl th, 
	.business_wrap .tbl td{height: 60px;font-size: 14px;}
	.business_wrap .tbl .sm{font-size: 12px}	
	.business_wrap .tbl img:not(.flag){max-width: 160px;width: 100%}	
	.business_wrap .link_box{font-size: 20px;}
	.business_wrap .link_box a{font-size: 25px;background-size: 28px 28px;padding-right: 42px;}
	.business_wrap .link_box p{margin-bottom: 6px;}
	
	/* 서비스 중앙 정렬 빼기 */
	.business_wrap .text_area {height:510px}

	.title01{margin-bottom: 24px;font-size: 20px;} /* twkim 20200707 28->20으로 폰트사이즈 변경 */
	
	.btns.cobalt{font-size: 15px;width: 102px;line-height: 50px;}
	.btns.round{font-size: 13px;padding: 15px 25px 14px;}
	.btns.round .go{padding-right:25px;background-size:12px 10px;}
	
	.sel{height:50px;padding:0 35px 0 19px;font-size:15px;}
	:root .sel{background-size: 29px 14px}
	
	.int{height: 50px;padding: 0 16px;font-size: 15px;}
	
	.search_form{margin-bottom: 40px;padding-top: 16px;}
	
	.btn_search{font-size: 15px;height:50px;width:50px;}
	.btn_search > span{padding-right:23px;background-size: 13px 13px;}
	
	.notice_list{padding-bottom:40px;}
	.notice_list > li .notice_tit{padding:15px 160px 15px 40px; font-size:16px;}
	.notice_list > li .notice_tit:hover{background:#e7f0f5;}
	.notice_list > li .notice_tit.cntr_ver{padding:22px 50px 24px 180px;}
	.notice_list > li .notice_tit img{padding-left:15px;}
	.notice_list > li .notice_cont{padding:0 40px 15px;}
	.notice_list > li .notice_cont .inner{padding:30px 0;}
	.notice_list > li .notice_cont .icn{top:26px; color:#005bac;}
	.notice_list > li .icn{right:85px;}
	.notice_list > li .notice_tit:after{right:40px;}
	.notice_list > li.no_data{padding:30px 0; border-bottom:0;}
	.notice_list > li.no_data .no_data_tbl{display:table; width:100%; text-align:center;}
	.notice_list > li.no_data .no_data_tbl img{padding-right:30px;}
	.notice_list > li.no_data .no_data_tbl span{color:#666; font-size:22px; font-weight:500; vertical-align:middle;}
	.notice_file > ul > li{font-size:16px;}
	.notice_file > ul > li:before{top:8px;}

	.btn_more{width:200px; height:50px; font-size:22px;}

	.base_paging{margin-top:30px;}
	.base_paging .number{padding: 0 15px;}
	.base_paging a.page{width:31px;height:31px;background-size: auto 31px;;margin: 0 3px;}
	.base_paging a.page.prev{background-position: -31px 0}
	.base_paging a.page.next{background-position: -62px 0}
	.base_paging a.page.last{background-position: -93px 0}
	.base_paging .number a,
	.base_paging .number .on{min-width:31px;line-height:31px;font-size:15px;}
	
	.board_view .title_row{display: table;width: 100%;table-layout: auto;}
	.board_view .title_row .col{display: table-cell;height: 87px;vertical-align: middle}
	.board_view .title_row .col.etc{width: 10%;white-space:nowrap;font-size: 16px;padding-bottom: 0}
	.board_view .title_row .title{font-size: 28px;padding:0;padding-left: 29px}
	.board_view .title_row .col.etc span{margin-right: 40px;}
	.board_view .cont_row{font-size: 16px;line-height: 1.9;padding: 24px 29px;}
	
	.btn_center{padding-top: 20px}
	
	table.basic_tb{margin-top:60px;}
	table.basic_tb th,
	table.basic_tb td{height:61px;}
	table.basic_tb th,
	table.basic_tb td a{font-size: 16px;}
	table.basic_tb th span{padding: 0 19px;}
	table.basic_tb .up_bul,
	table.basic_tb .down_bul{background-size: 9px 10px;}
	table.basic_tb .w1{width: 120px;}
	table.basic_tb td{padding-left: 10px;}
	
	.terms_box{font-size: 14px;}
	.terms_box h2{font-size: 15px;}
	.terms_box > p,
	.terms_box .grp{margin-bottom: 12px;}
	.terms_box .grp > p,
	.terms_box .grp > ol,
	.terms_box .grp > .info{margin-bottom: 7px;}
	.list02 > li ol,
	.list02 > li ul{font-size: 13px;}
	
	/* twkim - logo 수정 */	
	.header_logo_area {left:2%;transform:translate(0%,0%)}
	#header .logo > a, #header .nav_logo{display: block; top:50%; left:20px; margin-top:5px;width: 175px;height: 35px;background: url(/Images/logo_w.png) no-repeat 50% 50% / 175px; transform:translateY(-50%);}
	/*#header .logo {float:left}*/
	#header .logo2 > a, #header .nav_logo{display: block;margin-top:10px;width: 80px;height: 35px;background: url(/Images/aeo.png) no-repeat 50% 50% / 80px 35px;transition: all 0.3s}

	/* E-demo Layer Popup */
	.layer_wrap_edemo{max-width: 1280px;margin-left: 0;
		-webkit-transform: translateX(-50%);
	    -moz-transform: translateX(-50%);
	    -o-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    -sand-transform: translateX(-50%);
	    transform: translateX(-50%);
	}
	.layer_wrap_policy {width:70%}
	.layer_wrap_edemo .layer_tit_edemo{min-height:60px;padding: 16px 30px 17px;}
	.layer_wrap_edemo .layer_tit_edemo .tit_edemo{font-size: 18px;}
	.layer_wrap_edemo .close_edemo{width: 60px;height:60px;right:10px}
	.layer_wrap_edemo .close_edemo:before, 
	.layer_wrap_edemo .close_edemo:after{height: 28px;top: 15px;left: 30px;}

	/* [HEUNG-A] TWKIM / 20200619 / Layer_Popup Management_Policy */
	.Management_Policy_area {padding:30px}
	.Management_Policy_area .Managemnet_Policy_title {text-align:center;font-size:25pt;margin-bottom:30px}	

	/* [HEUNG-A] TWKIM / 20200619 / Greeting */
	.layer_btnarea {margin-top:5g0px}
	.layer_btnarea .layer_Btn {padding:10px 30px;}

	/* [HEUNG-A] TWKIM / 20200625 / Sub_silder */
	.slide_area {height:600px;margin-bottom:30px;}

	/* [HEUNG-A] TWKIM / 20200625 / CustomerVoice */
	.customer_btn {width: 200px;height: 60px;line-height: 60px;font-size: 15px;}
}

@media all and (max-width:767px){
	.quick_menu .quick_desc{padding-left:20px; line-height:50px;}
}

@media all and (min-width:960px) {
	.mn_info{border: 50px solid #fff;}
	.mn_info .inner{max-width: 1280px;margin: 0 auto;padding:50px 10px;padding-top: 30px;}
	.mn_info .title{font-size: 18px;line-height: 1.6;margin-bottom: 26px;}
	.mn_info .box_w{margin: 0;top: 0;padding: 0;z-index: 1}
	.mn_info .box_w:after{display: block;content: '';clear: both;}
	.mn_info .box{width: 33.333%;float: left;max-width: none;max-height: none;padding: 0 10px;}
	.mn_info .box:nth-child(2){top: -153px;}
	.mn_info .box:nth-child(1) .box_in{background-image: url(/Images/mn_info01_off.png)}
	.mn_info .box:nth-child(2) .box_in{background-image: url(/Images/mn_info02_off.png)}
	.mn_info .box:nth-child(3) .box_in{background-image: url(/Images/mn_info03_off.png);}
	.mn_info .box .box_in:before{display: block;content: '';position: absolute;width: 100%;height:100%;opacity: 0;transition: opacity 0.35s ease-in-out;background-size: cover}
	.mn_info .box:nth-child(1) .box_in:before{background-image: url(/Images/mn_info01_on.png)}
	.mn_info .box:nth-child(2) .box_in:before{background-image: url(/Images/mn_info02_on.png)}
	.mn_info .box:nth-child(3) .box_in:before{background-image: url(/Images/mn_info03_on.png)}
	.mn_info .box_in > a{padding: 0;text-align: center;padding-top: 42px;}
	.mn_info .txt{margin-bottom: 0}
	.mn_info .txt img{height: auto}
	.mn_info .pc_txt{position: relative;top: -147px;}
	.mn_info .btn{padding:0;background: none;border: 1px solid rgba(255,255,255,0.3);width: 50px;line-height:48px;box-sizing: border-box;border-radius: 50px;transition: all 0.4s;overflow: hidden}
	.mn_info .btn .type01{display: none;}
	.mn_info .btn .type02{display: inline-block;}
	.mn_info .box:hover .btn{background: #fff;width: 123px;border-color: #fff;}
	.mn_info .box:hover .btn .type02{display: none;}
	.mn_info .box:hover .btn .type01{display: inline-block;}
	.mn_info .box:hover .btn .more{height:11px;}
	.mn_info .box:hover .box_in:before{opacity: 1}
	.mn_info .txt img{width: 100%}

	/* twkim - 메인 content 3개 텍스트 위치 추가 */
	.main_content_left {text-align: left;padding-left: 15px;}	
	.main_content_right {text-align: right;padding-right: 15px;}

	/* 서비스 중앙 정렬 빼기 */
	.service_wrap .item01 .text_area {height:430px}
	.service_wrap .item02 .text_area {height:430px} 
	.service_wrap .item03 .text_area {height:430px}	
	.service_wrap .item04 .text_area {height:430px}	
	.service_wrap .item05 .text_area {height:430px}	
	.service_wrap .item06 .text_area {height:430px}	

	/* [HEUNG-A] TWKIM / 20200731 / Welfare */
	.Welfare_Wrap_pc .Welfare_Area .Welfare_box_Area {max-width:160px;margin-right:3%;}

	.procedure_Wrap .procedure_Area02 .procedure_Box_Area .procedure_line span {font-size: 12pt;}
}

@media all and (max-width:1024px){
	.pc1024{display:none;}
	.mo1024{display:block;}

	.map_w{width:100%; height:400px;}
}

@media all and (min-width:1025px){
	
	.pc1024{display:block;}
	.mo1024{display:none;}

	/* map */
	#tab{float:left; width:45%; padding-right:100px;}
	#tab:after{display:block; content:''; clear:both;}
	#tab > li > a{font-size: 20px;}
	.tab01{display:flex; margin-bottom: 30px;}
	.tab02{margin-bottom: 10px;}
	.tab02 #tab li{width: 16.666%;margin-bottom: 10px;}
	.tab02 #tab li a{line-height: 1.3}

	.map_w{width:55%; height:800px;}
}

@media all and (max-width:1100px)
{
	.valuable_wrap .valuable_area .text_area {left:3%}
	.valuable_wrap .valuable_area .text_area .text1 {color: #f2f2f2  ;font-size: 30pt;}	
}

@media all and (min-width:1200px) {

	.lnb {left:50%;}

	/*#header .inner{padding-left: 50px;padding-right: 50px;}*/
	
	/* 로고 사이즈 및 크기 수정 */
	#header .logo > a{width:250px;height: 41px;background-size: 250px 41px;margin-top:0}
	#header .logo2 > a{width:100px;height: 41px;background-size: 100px 41px;margin-top:0}
	/*.visual_slide .item .txt01 img{width: 100%}*/
	.lnb > li > a{padding: 0 60px;font-size: 20px;}
	.mn_info .txt img{width: auto}
	.mn_info .box .tit{font-size: 40px;margin-bottom: 24px;}
	.mn_info .box p{font-size: 18px;line-height: 1.75;}

	/* twkim - 메인 content 3개 텍스트 위치 추가 */
	.main_content_left {text-align: left;padding-left: 15px;}
	.main_content_center {}
	.main_content_right {text-align: right;padding-right: 15px;}
	
	/* [HEUNG-A] TWKIM / 20200625 / finance */
	/*.finance_area {float:left;width:48%;padding:0 1%;}
	.finance_area:after {display: block;content: '';clear: both}*/

	.procedure_Wrap .procedure_Area02 .procedure_Box_Area .procedure_line span {font-size: 13pt;}
	
}

@media all and (max-width:1220px) {
	.sub_img_title {width:650px}
	.partner_table_pc {font-size:9pt}
	.partner_image_pc {width:90%;height:30px}
}

@media all and (min-width:1280px) {
	
	/* twkim - Service 페이지 추가 */	
	/*.service_wrap .grp{margin-bottom: 60px;}*/	
	/*.service_wrap .grp .text_area{float:right;width: 40%;}
	.service_wrap .grp .tbl_area{float:right;width: 60%;}
	.service_wrap .grp .text_area{padding-top:0;text-align: right;}
	.service_wrap .grp .tbl_area img{}
	.service_wrap .grp:after,
	.service_wrap .grp.item06 .text_area:after{display: block;content: '';clear: both}
	
	.service_wrap .item02 .tbl_area,
	.service_wrap .item04 .tbl_area,
	.service_wrap .item06 .tbl_area{float:left;}

	.service_wrap .item02 .text_area,
	.service_wrap .item04 .text_area,
	.service_wrap .item06 .text_area{text-align: left;}
	
	.service_wrap .title{font-size: 50px;margin-bottom: 20px;}
	.service_wrap .text{font-size: 18px;line-height: 25pt;}
	.service_wrap .text .point{font-size: 25px;margin-top: 3px;}
	.service_wrap .tbl{border-top-width: 3px}
	.service_wrap .tbl th, 
	.service_wrap .tbl td{height: 60px;font-size: 14px;}
	.service_wrap .item04 .title,
	.service_wrap .item05 .title,
	.service_wrap .item06 .title{font-size: 50px;}
	.service_wrap .tbl .sm{font-size: 12px}	
	.service_wrap .tbl img:not(.flag){max-width: 160px;width: 100%}	
	.service_wrap .link_box{font-size: 20px;}
	.service_wrap .link_box a{font-size: 25px;background-size: 28px 28px;padding-right: 42px;}
	.service_wrap .link_box p{margin-bottom: 6px;}*/
}

@media all and (max-width:1280px){

	.service_wrap .text{font-size: 11pt;}
	.service_wrap .title{font-size: 25pt;}
	.service_wrap .eng_title{font-size: 20pt;}

	.fix_area {padding: 0 16px;box-sizing: border-box}
}


@media all and (min-width:1480px) {
	.mn_info .inner{padding-left: 0;padding-right: 0}
	.mn_info .box_w{margin: 0 -20px;}
	.mn_info .box{padding: 20px}
}

@media all and (min-width:1700px) {
	.visual_slide .item .txt01 img{width: auto}
}

@media all and (min-width:1920px) {
}