@charset "utf-8";
@import url(master.css);
@import url(motion_ani.css);
/* CSS Document */

	body {background: #fafafa;animation: showhide .7s ease-out none;
    -webkit-animation: showhide .7s ease-out none;}
	* {
		box-sizing: border-box;
	}
	.row::after {
		content: "";
		clear: both;
		display: block;
	}
	[class*="col-"] {
		float: left;
		margin: 0 10px;

	}
	
	.col-1 {width: calc(8.33% - 20px);}
	.col-2 {width: calc(16.66% - 20px);}
	.col-3 {width: calc(25% - 20px);}
	.col-4 {width: calc(33.33% - 20px);}
	.col-5 {width: calc(41.66% - 20px);}
	.col-6 {width: calc(50% - 20px);}
	.col-7 {width: calc(58.33% - 20px);}
	.col-8 {width: calc(66.66% - 20px);}
	.col-9 {width: calc(75% - 20px);}
	.col-10 {width: calc(83.33% - 20px);}
	.col-11 {width: calc(91.66% - 20px);}
	.col-12 {width: calc(100% - 20px);}
	
	@media \0screen {
	.col-1 {width: 8.33%; padding: 0 10px; }
	.col-2 {width: 16.66%; padding: 0 10px;}
	.col-3 {width: 25%; padding: 0 10px;}
	.col-4 {width: 33.33%; padding: 0 10px;}
	.col-5 {width: 41.66%; padding: 0 10px;}
	.col-6 {width: 50%; padding: 0 10px;}
	.col-7 {width: 588.33%; padding: 0 10px;}
	.col-8 {width: 66.66%; padding: 0 10px;}
	.col-9 {width: 75%; padding: 0 10px;}
	.col-10 {width: 83.33%; padding: 0 10px;}
	.col-11 {width: 91.66%; padding: 0 10px;}
	.col-12 {width: 100%; padding: 0 10px;}
	
		[class*="col-"] {
			float: left;
			margin: 0;	
		}
		
	.container .content	.main_bottom .col-4 {border-right: 1px solid #d7d7d7;}
	.container .content	.main_bottom .col-4:first-child {border-left: 1px solid #d7d7d7;}
	
	}
	

	
	/* 캡션 부분 */
	.caption {position: absolute; left: -1px; top: -1px; display: none;}
	

	/* 상단헤더 부분 */
	.header {position: absolute;height: 80px;width: 100%;z-index: 100;background: #fff;/* border-bottom: 1px solid #767676; */} 
	.header .top_navi {width: 100%; max-width : 1200px; margin: 0 auto; display: block; position: relative; height: 100%;}
	/* 상단헤더 부분 좌측 로고 */
	.header .top_navi .top_logo {display: block; height: 100%; float: left; width: 15%;}
	.header .top_navi .top_logo a {display: block; margin: 0 auto 0 30px; width: 128px; height: 100%; background: url('../images/logo_apti_web.png') no-repeat 0 33px / contain;}
	/* 상단헤더 부분 중앙 메뉴 */
	.header .top_navi .menu_navi {display: block;width: 60%;float: left;height: 80px;}
	.header .top_navi .menu_navi ul {display: block;margin: 23px auto 16px;height: 41px;padding-left: 30px;}
	.header .top_navi .menu_navi ul li {display: inline-block;float: left;padding: 0 0 0 5px;height: 41px;width :20%;position: relative;}
	.header .top_navi .menu_navi ul li a {display: inline-block; color: #3c3c3c; padding: 10px 5px; cursor: pointer; position:relative; font-size: 18px; font-weight: 600;}
	.header .top_navi .menu_navi ul li a:hover, 
	.header .top_navi .menu_navi ul li a.active {color: #1f7abf; font-weight: 600;}
	.header .top_navi .menu_navi ul li a:before ,
	.header .top_navi .menu_navi ul li a:after {}
	.header .top_navi .menu_navi ul li a:after {position: absolute; left: 50%; bottom: 0; background: #1f7abf; height: 2px; content:""; width: 0; transition: width 0.25s; }
	.header .top_navi .menu_navi ul li a:before {position: absolute; right: 50%; bottom: 0; background: #1f7abf; height: 2px; content:""; width: 0; transition: width 0.25s; }
	.header .top_navi .menu_navi ul li a:hover:after,
	.header .top_navi .menu_navi ul li a:hover:before {width: 50%; transition: width 0.25s; }
	.header .top_navi .menu_navi ul li a.active:after,
	.header .top_navi .menu_navi ul li a.active:before {width: 50%; transition: width 0.25s; }
	@keyframes txt_topAni{
		0%{opacity:0; transform:translateY(20px);}
		100%{opacity:1; transform:translateY(0px);}
	}

	
	/* 상단헤더 부분 우측 로그인 전체메뉴 */
	.header .top_navi .top_info {display: block; width: 25%; float: left; height: 100%; padding-right: 10px;}
	.header .top_navi .top_info ul.web_ver {display: block;margin: 24px auto 16px;}
	.header .top_navi .top_info ul.m_ver {display: none; margin: 10px 0;}
	.header .top_navi .top_info ul {float: right; height: 40px; border: 1px solid #3b8dc9; padding: 5px;}
	.header .top_navi .top_info ul li {float: left; position: relative; padding: 5px 10px; height: 28px;}
	.header .top_navi .top_info ul li a {color: #474747; font-weight: 600; cursor: pointer;}
	.header .top_navi .top_info ul li a:hover {color: #1f7abf;}
	.header .top_navi .top_info ul li:after {position: absolute; content: ""; height: 18px; width: 1px; background: #1f7abf; right: 0; top: 6px;}
	.header .top_navi .top_info ul li:last-child:after {width: 0; height: 0; display: none;}
	.header .top_navi .top_info ul li.allMenu button {width: 18px; height: 100%; border: 0; background: #fff; padding:0; cursor: pointer;}
	.header .top_navi .top_info ul li.allMenu button span {width: 100%; height: 2px; background: #1f7abf; display: block; margin: 0 0 5px; transition: width 0.25s;}
	.header .top_navi .top_info ul li.allMenu button span:first-child {margin-top: 1px;}
	.header .top_navi .top_info ul li.allMenu button span:nth-child(2) {width: 70%;}
	.header .top_navi .top_info ul li.allMenu button span:last-child {margin-bottom: 0;}
	.header .top_navi .top_info ul li.allMenu button:hover span:nth-child(2) {width: 100%;}
	.header .top_navi .top_info ul li.allMenu button:hover span:last-child {width: 85%; float: right;}

	
	/* 중앙 메뉴 마우스 HOVER 메뉴 */
	.header .sub_menu {height: 0; position: absolute;background: #fff;transition: all 0.5s;top: 0;left: 0;width: 100%;margin-top: 80px;opacity: 0;}
	.header .sub_menu.on {top: 0; display: block; height: 250px; border-bottom: 1px solid #767676; opacity:1;} 
	/*.header .sub_menu.on {top: 0; display: block; height: 201px; border-bottom: 1px solid #767676; opacity:1;}*/
	.header .sub_menu .sub_box {width: 100%; max-width : 1200px; margin: 0 auto; display: none; position: relative; height: 100%;}
	.header .sub_menu.on .sub_box {display: block;}
	.header .sub_menu .sub_box .sub_left {display: block; height: 100%; float: left; width: 15%; position: relative;}
	.header .sub_menu .sub_box .sub_left .sub_l_banner {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
	.header .sub_menu .sub_box .sub_left .sub_l_banner img {max-width: 100%; position: absolute; top: 0;}
	.header .sub_menu .sub_box .sub_navi {display: block; width: 60%; float: left; position: relative; opacity:0}
	.header .sub_menu .sub_box .sub_navi.on {top: 0; opacity:1;}
	.header .sub_menu .sub_box .sub_navi ul {display: block; margin: 15px auto 20px; padding-left: 30px;}
	.header .sub_menu .sub_box .sub_navi ul li {display: inline-block; float: left; padding: 0 0 0 5px; width: 20%; position:relative}
	.header .sub_menu .sub_box .sub_navi ul li a {display: inline-block; color: #3c3c3c; padding: 5px; cursor: pointer; position:relative; font-size: 14px; letter-spacing: -0.7px;}
	.header .sub_menu .sub_box .sub_navi ul li a:hover, 
	.header .sub_menu .sub_box .sub_navi ul li a.active {color: #1f7abf;}
	.header .sub_menu .sub_box .sub_navi ul li a:before { 
		content: '';
		position: absolute;
		left: 5px;
		bottom: 0;
		width: calc(100% - 5px);
		height: 1px;
		background-color: #1f7abf;
		transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
		transform: scaleX(0);
		-webkit-transform: scaleX(0);
		transition: transform 0.3s;
	}

	.header .sub_menu .sub_box .sub_navi ul li a:hover:before {
	  -webkit-transform: scaleX(1);
	  transform: scaleX(1);
	}
	.header .sub_menu .sub_box .sub_navi ul li a:nth-child(1) {-webkit-animation: txt_topAni .5s ease 0s; -moz-backwards; animation: txt_topAni .5s ease 0s backwards; -o-backwards; animation: txt_topAni .5s ease 0s backwards; -ms-backwards; animation: txt_topAni .5s ease 0s backwards; backwards; animation: txt_topAni .5s ease 0s backwards;}
	.header .sub_menu .sub_box .sub_navi ul li a:nth-child(2) {-webkit-animation: txt_topAni .5s ease 0.05s; -moz- backwards; animation: txt_topAni .5s ease 0.05s; -o-animation: txt_topAni .5s ease 0.05s; -ms-animation: txt_topAni .5s ease 0.05s;; animation: txt_topAni .5s ease 0.05s;}
	.header .sub_menu .sub_box .sub_navi ul li a:nth-child(3) {-webkit-animation: txt_topAni .5s ease 0.10s; -moz-animation: txt_topAni .5s ease 0.10s; -o-animation: txt_topAni .5s ease 0.10s; -ms-animation: txt_topAni .5s ease 0.10s; animation: txt_topAni .5s ease 0.10s;}
	.header .sub_menu .sub_box .sub_navi ul li a:nth-child(4) {-webkit-animation: txt_topAni .5s ease 0.15s; -moz-animation: txt_topAni .5s ease 0.15s; -o-animation: txt_topAni .5s ease 0.15s; -ms-animation: txt_topAni .5s ease 0.15s; animation: txt_topAni .5s ease 0.15s;}
	.header .sub_menu .sub_box .sub_navi ul li a:nth-child(5) {-webkit-animation: txt_topAni .5s ease 0.20s; -moz-animation: txt_topAni .5s ease 0.20s; -o-animation: txt_topAni .5s ease 0.20s; -ms-animation: txt_topAni .5s ease 0.20s; animation: txt_topAni .5s ease 0.20s;}
	.header .sub_menu .sub_box .sub_navi ul li a:nth-child(6) {-webkit-animation: txt_topAni .5s ease 0.25s; -moz-animation: txt_topAni .5s ease 0.25s; -o-animation: txt_topAni .5s ease 0.25s; -ms-animation: txt_topAni .5s ease 0.25s; animation: txt_topAni .5s ease 0.25s;}
	.header .sub_menu .sub_box .sub_navi ul li a:nth-child(7) {-webkit-animation: txt_topAni .5s ease 0.30s; -moz-animation: txt_topAni .5s ease 0.30s; -o-animation: txt_topAni .5s ease 0.30s; -ms-animation: txt_topAni .5s ease 0.30s; animation: txt_topAni .5s ease 0.30s;}
	.header .sub_menu .sub_box .sub_navi ul li a:nth-child(8) {-webkit-animation: txt_topAni .5s ease 0.35s; -moz-animation: txt_topAni .5s ease 0.35s; -o-animation: txt_topAni .5s ease 0.35s; -ms-animation: txt_topAni .5s ease 0.35s; animation: txt_topAni .5s ease 0.35s;}
	.header .sub_menu .sub_box .sub_navi ul li a:nth-child(9) {-webkit-animation: txt_topAni .5s ease 0.40s; -moz-animation: txt_topAni .5s ease 0.40s; -o-animation: txt_topAni .5s ease 0.40s; -ms-animation: txt_topAni .5s ease 0.40s; animation: txt_topAni .5s ease 0.40s;}
	
	@keyframes txt_topAni{
		0%{opacity:0; transform:translateY(20px);}
		100%{opacity:1; transform:translateY(0px);}
	}

	/*
	.header .sub_menu .sub_box .sub_right {width: 300px; float: right; height: 100%; position: absolute; right: -40px; display: block;}
	.header .sub_menu .sub_box .sub_right img {height: 200px;}
	*/	

	.header .sub_menu .sub_box .sub_right {display: block; width: 250px; float: right; height: 100%; padding: 15px 0 0; background: #282828; position: relative; overflow: hidden;}
	.header .sub_menu .sub_box .sub_right:before {position: absolute; content: ""; width: 90px; height: 400px; background: #04ba8d; transform: rotate(80deg); left: 30px; top: 25px;}
	.header .sub_menu .sub_box .sub_right .down_img {display: block; position: absolute; bottom: -3px; right: 0; /*width: 60%;*/}
	.header .sub_menu .sub_box .sub_right .down_img img {max-width: 100%;}
	.header .sub_menu .sub_box .sub_right .app_btn {display: block; padding: 10px 20px; text-align: left;}
	.header .sub_menu .sub_box .sub_right .app_btn span {font-size: 16px; color: #fff; displaY: block; padding: 10px 0; text-align: left;}
	.header .sub_menu .sub_box .sub_right .app_btn span b {color: #04ba8d}
	.header .sub_menu .sub_box .sub_right .app_btn a {display: inline-block; padding: 10px 10px; border: 1px solid #fff; color: #fff; text-align: center; font-size: 14px; font-weight: normal; position: relative;}
	.header .sub_menu .sub_box .sub_right .app_btn a:hover {color: #fff; background: #04ba8d; border-color: #04ba8d}
	
	/* 220422 앱다운 헤더 배너 */
	.sub-banner {overflow: hidden; position: relative; float: right; width: 250px; height: 100%; background: #ecf3fe url(../images/banner/appDown/header_bg.png) no-repeat right 16px bottom 21px / 197px;}
	.sub-banner__cont {padding: 30px 0 0 21px;}
	.sub-banner__title {display: block; margin: 0 0 0 2px; width: 135px;}
	.sub-banner__downloadBtn {display: block; margin: 24px 0 0; width: 75px; padding: 10.5px; line-height: 1; font-size: 12px; font-weight: 500; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; color: #fff; background-color: #3c70ff; border: 0; border-radius: 5px; cursor: pointer; transition: all 0.3s ease;}
	.sub-banner__downloadBtn:hover {background-color: #003ee9;}
	.sub-banner__img {position: absolute; bottom: 0; right: 0; width: 172px; }
	
	
	/* 전체메뉴 */
	.black_bg {position: fixed; height: 100%; width: 100%; z-index: 1000; background: rgba(0,0,0,0.4); transition: all 1s;  opacity: 0; displaY: none;}
	.black_bg.on {display: block;  opacity: 1;}
	.all_menu {position: absolute; background: #fff; transition: all 0.5s; top: 0; left: 0; width: 100%; margin-top: 90px; padding: 15px 0;}
	.all_menu.on {displaY: block;}
	.all_menu .all_box {width: 100%; max-width : 1200px; margin: 0 auto; display: block; position: relative; height: 100%;}
	.all_menu .all_box .all_tit {display: inline-block; width: 100%; border-bottom: 3px solid #1f7abf; margin-bottom: 10px; position: relative;}
	.all_menu .all_box .all_tit h2 {color: #09295a; font-size: 22px; line-height: 30px; padding: 20px 50px; letter-spacing: -0.55px;}
	.all_menu .all_box .all_tit .close_btn {width: 28px; height: 28px; position: absolute; right: 21px; top: 21px; background: url(../images/close_btn.png) no-repeat 0 0; cursor: pointer;}
	.all_menu .all_box .all_left,
	.all_menu .all_box .all_right {display: block; height: auto; float: left; width: 18%;}
	.all_menu .all_box .all_center {display: block; width: 64%; float: left; position: relative; transition: all 1s; height: auto;}
	.all_menu .all_box .all_left ul,
	.all_menu .all_box .all_center ul,
	.all_menu .all_box .all_right ul {display: block; margin: 15px auto 20px; padding-left: 30px; position: relative; height: 380px;}
	.all_menu .all_box .all_left ul li,
	.all_menu .all_box .all_center ul li,
	.all_menu .all_box .all_right ul li {display: inline-block; padding: 0 0 0 15px; width: 100%; position:relative; margin-bottom: 20px; float: left;}
	.all_menu .all_box .all_left ul li strong,
	.all_menu .all_box .all_center ul li strong,
	.all_menu .all_box .all_right ul li strong {font-size: 17px; letter-spacing: -0.55px; line-height: 35px; display: block; height: 35px; color: #09295a;} 	
	.all_menu .all_box .all_left ul li a,
	.all_menu .all_box .all_center ul li a,
	.all_menu .all_box .all_right ul li a {display: inline-block; color: #3c3c3c; padding: 5px 0; cursor: pointer; position:relative; font-size: 14px; line-height: 20px;}
	.all_menu .all_box .all_left ul li a:hover,
	.all_menu .all_box .all_center ul li a:hover,
	.all_menu .all_box .all_right ul li a:hover, 
	.all_menu .all_box .all_left ul li a.active,
	.all_menu .all_box .all_center ul li a.active,
	.all_menu .all_box .all_right ul li a.active {color: #1f7abf; }
	.all_menu .all_box .all_center ul li {display: inline-block; float: left; padding: 0 0 0 5px;  width: 20%; position:relative}
	.all_menu .all_box .all_left ul:after {content: ""; height: 100%; right: 0; top: 0; background: #1f7abf; width: 1px; position: absolute;}
	.all_menu .all_box .all_right ul:before {content: ""; height: 100%; left: 0; top: 0; background: #1f7abf; width: 1px; position: absolute;}
	
	.all_menu .all_box .all_left ul li a:before,
	.all_menu .all_box .all_center ul li a:before,
	.all_menu .all_box .all_right ul li a:before { 
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 1px;
		background-color: #1f7abf;
		transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
		transform: scaleX(0);
		-webkit-transform: scaleX(0);
		transition: transform 0.3s;
	}

	.all_menu .all_box .all_left ul li a:hover:before,
	.all_menu .all_box .all_center ul li a:hover:before,
	.all_menu .all_box .all_right ul li a:hover:before {
	  -webkit-transform: scaleX(1);
	  transform: scaleX(1);
	}
	
	
	/* 로그인 스타일 영역 */
	
	.n_login_box {position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-top: 5px solid #3c70ff; display: block; width: 100%; max-width: 360px; background: #fff;}
	.n_login_box.on { display: block;}
	.n_login_box .login_type_box {display: inline-block; width: 100%; background: #f4f5f6; }
	.n_login_box .login_type_box .login_logo {width: 135px; height: 40px; background: url('../images/logo_apti_web.png') no-repeat 0 center / contain; display: block; margin: 35px auto 25px;}
	.n_login_box .login_type_box .type_tab_box {display: block; margin: 0 20px;}
	.n_login_box .login_type_box .type_tab_box ul {display: block; margin: 0 auto; height: 40px;}
	.n_login_box .login_type_box .type_tab_box ul li {float: left; width: 49.99%; position: relative; padding: 10px; text-align: center; line-height: 20px; font-size: 14px; letter-spacing: -0.55px; height: 40px; cursor: pointer;}
	.n_login_box .login_type_box .type_tab_box ul li.on {background: #fff; color: #2761FF; font-weight: 600;}
	.n_login_box .login_type_box .type_tab_box ul li.on:after {content: ""; position: absolute; top: 0; height: 2px; width: 100%; transition: width 0.25s; background: #3c70ff; left: 0;}
	.n_login_box .login_type_box .type_tab_box ul li:hover {background: #fff;}
	.n_login_box .login_join_box {width: 100%; padding: 20px 40px 30px; background: #fff;}
	.n_login_box .login_join_box .idpw_input {width: 100%; }
	.n_login_box .login_join_box .idpw_input ul {display: block;}
	.n_login_box .login_join_box .idpw_input ul li {display: block; margin-bottom: 10px;}
	.n_login_box .login_join_box .idpw_input ul li input {width: 100%; border: 0; border-bottom: 1px solid #d4d4d4; padding: 10px; height: auto !important}
	.n_login_box .login_join_box .idpw_input ul li .txt_link {display: inline-block; line-height: 20px; text-align: center; border-top: 1px solid #e8e8e8; padding : 15px 0; width: 100%; }
	.n_login_box .login_join_box .idpw_input ul li .txt_link a {font-size: 13px; display: inline-block; margin: 0 10px; position: relative; color: #383838; letter-spacing: -0.55px;}
	.n_login_box .login_join_box .idpw_input ul li .txt_link a:after {content: ""; position: absolute; height: 80%; width: 1px; top: 2px; right: -12px; background: #d7d7d7;}
	.n_login_box .login_join_box .idpw_input ul li .txt_link a:last-child:after {display: none;}
	.n_login_box .login_join_box .idpw_input ul li#idTxtCaptchaView {padding: 10px; background: #fafafa; border: 1px solid #e8e8e8; margin-bottom: 0;}
	.n_login_box .login_join_box .idpw_input ul li#idTxtCaptchaView .captcha_area {display: block; height: 40px;}
	.n_login_box .login_join_box .idpw_input ul li#idTxtCaptchaView .captcha_area span {height: 100%; float: left;}
	.n_login_box .login_join_box .idpw_input ul li#idTxtCaptchaView .captcha_area a {padding: 7px 10px; line-height: 15px; background: #f1f1f1; text-align: center; display: inline-block; border: 1px solid #d4d4d4; float: right;}
	.n_login_box .login_join_box .idpw_input ul li#idTxtCaptchaView input {border: 1px solid #d4d4d4;}
	.n_login_box .login_join_box .idpw_input ul li.login {padding-top: 10px;}
	.n_login_box .login_join_box .idpw_input ul li.login .loginBtn {display: block; padding: 15px 0; text-align: center; font-size: 18px; font-weight: 600; background: #3c70ff; color: #fff; height: 50px; line-height: 20px; margin-top: 10px; border-radius: 8px;}
	.n_login_box .login_join_box .idpw_input ul li.sns_btn {display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%;}
	.n_login_box .login_join_box .idpw_input ul li.sns_btn .sns_login {height: 100%; width: calc(50% - 20px); display: block; text-align: center; color: #646b77; letter-spacing: -0.55px; font-size: 11px; margin: 10px 10px 0 0;}
	.n_login_box .login_join_box .idpw_input ul li.sns_btn .sns_login span {border-radius: 30px; border: 1px solid #e6e6e6; display: block; margin: 0 auto 5px; width :36px; height: 36px;}
	.n_login_box .login_join_box .idpw_input ul li.sns_btn .sns_login span.naver {background: url(../images/naver_icon.png) no-repeat center center; background-size: 36px;}
	.n_login_box .login_join_box .idpw_input ul li.sns_btn .sns_login span.kakao {background: url(../images/kakao_icon.png) no-repeat center center; background-size: 36px;}
	.n_login_box .login_join_box .idpw_input ul li.sns_btn .sns_login span.facebook {background: url(../images/face_icon.png) no-repeat center center; background-size: 36px;}
	
	/* 하단 기본 메뉴 */
	.footer {display: inline-block; width: 100%; background: #e6e6e6;}
	.footer .footer_box {width: 100%; padding: 20px 0; max-width : 1200px; margin: 0 auto; display: block;}
	.footer .footer_box .footer_top {display: inline-block; float: none; margin-bottom: 10px; position: relative; padding: 0 10px;}
	.footer .footer_box .footer_top:after {content:""; width: 100%; height: 1px; background: #c9c9c9; left: 0; bottom: -12px; position: absolute;}
	.footer .footer_box .footer_top a {float: left; height: 20px; color: #6f6f6f; font-size: 14px; display: block; margin: 6px 15px 6px 0; position: relative; line-height: 20px;}
	.footer .footer_box .footer_top a:hover {color: #1f7abf;}
	.footer .footer_box .footer_top a:before { 
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 1px;
		background-color: #1f7abf;
		transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
		transform: scaleX(0);
		-webkit-transform: scaleX(0);
		transition: transform 0.3s;
	}

	.footer .footer_box .footer_top a:hover:before {
	  -webkit-transform: scaleX(1);
	  transform: scaleX(1);
	}
	.footer .footer_box .footer_bottom {display: inline-block; padding: 10px; float: none;}
	.footer .footer_box .footer_bottom p {line-height: 23px; color: #6f6f6f;}
	.footer .footer_box .footer_bottom p.foot_info {float: left;}
	.footer .footer_box .footer_bottom p.attBox {float: right; height: 69px; margin-right: 15px;}
	.footer .footer_box .footer_bottom p.attBox img {margin: 0 5px 13px;}
	.footer .footer_box .footer_bottom p.attBox img:nth-child(1) {margin-bottom: 0;}

	/* 기존 영역 */
	.container {width: 100%; display: block;}
	/* 메인 컨텐츠 영역 */
	.container .content {margin: 0 auto;max-width: 1200px;padding-top: 80px;display: block;}
	/* 메인 중요 배너 메뉴 영역 */
	.container .content	.main_top {display: inline-block;margin: 20px 0 15px;width: 100%;height: auto;}
	.container .content .main_top .m_left { position: relative;}
	.container .content .main_top .m_left .slide_ico_box,
	.container .content	.main_top .m_center .slide_ico_box,
	.container .content	.main_top .m_right .slide_ico_box {position: absolute; right: 15px; top: 10px; z-index: 10;}
	.container .content .main_top .m_left .slide_ico_box ul li,
	.container .content	.main_top .m_center .slide_ico_box ul li,
	.container .content	.main_top .m_right .slide_ico_box ul li {width: 9px;}

	.container .content	.main_top .m_center { position: relative;  height: auto;}
	.container .content	.main_top .m_right {}
	.container .content	.main_top .w_ver {displaY: block;}
	.container .content	.main_top .m_ver {displaY: none;}
	.container .content .main_top .m_left ul, .container .content .main_top .m_center ul, .container .content .main_top .m_right ul,
	.container .content .main_top .m_left ul li, .container .content .main_top .m_center ul li, .container .content .main_top .m_right ul li {display: block; width: 100%;}
	.container .content .main_top .m_left ul li img,
	.container .content .main_top .m_center ul li img,
	.container .content .main_top .m_right ul li img {width: 100%; max-width: 100%;}
	
	

	.container .content .main_top .m_left ul li.s_content {
		background: url(images/trans_bg.png) ; overflow: hidden; position: relative;
	}

	.container .content .main_top .m_left ul li.s_content img{
		opacity: 1;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
	}
	
	.container .content .main_top .m_left ul li.s_content:before {
		position: absolute;
		top: -45px;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(255,255,255,1);
		content: '';
		-webkit-transition: -webkit-transform 0.6s;
		transition: transform 0.6s;
		-webkit-transform: scale3d(2.9,2.4,1.5) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
		transform: scale3d(2.9,2.4,1.5) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	}
	
	.container .content .main_top .m_left ul li.s_content:hover img {
		opacity: 0.75;
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
	}
	
	.container .content .main_top .m_left ul li.s_content:hover:before{
		-webkit-transform: scale3d(2.9,2.4,1.5) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
		transform: scale3d(2.9,2.4,1.5) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	}	


	
	.container .content .main_top .m_center ul li.s_content,
	.container .content .main_top .m_right ul li.filp_slide, .container .content .main_top .m_right ul li.filp_slide2 {
		background: #2792d5 ; overflow: hidden; position: relative;
	}

	.container .content .main_top .m_center ul li.s_content img,	
	.container .content .main_top .m_right ul li.filp_slide img, .container .content .main_top .m_right ul li.filp_slide2 img {
		opacity: 1;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
	}
	
	.container .content .main_top .m_center ul li.s_content:before,
	.container .content .main_top .m_right ul li.filp_slide:before,	.container .content .main_top .m_right ul li.filp_slide2:before {
		position: absolute;
		top: -45px;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(255,255,255,1);
		content: '';
		-webkit-transition: -webkit-transform 0.6s;
		transition: transform 0.6s;
		-webkit-transform: scale3d(2.9,2.4,1.5) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
		transform: scale3d(2.9,2.4,1.5) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	}
	
	.container .content .main_top .m_center ul li.s_content:hover img,
	.container .content .main_top .m_right ul li.filp_slide:hover img, .container .content .main_top .m_right ul li.filp_slide2:hover img {
		opacity: 0.75;
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
	}
	
	.container .content .main_top .m_center ul li.s_content:hover:before, 	
	.container .content .main_top .m_right ul li.filp_slide:hover:before, .container .content .main_top .m_right ul li.filp_slide2:hover:before {
		-webkit-transform: scale3d(2.9,2.4,1.5) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
		transform: scale3d(2.9,2.4,1.5) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	}
	
	/* ie9 용 스타일 핵 */
	
	:root .container .content .main_top .m_left ul li.s_content:before, :root .container .content .main_top .m_center ul li.s_content:before,
	:root .container .content .main_top .m_right ul li.filp_slide:before,	:root .container .content .main_top .m_right ul li.filp_slide2:before {background: transparent\9;}
	

	.container .content .main_top .m_left {background-color: transparent; perspective: 1000px;  height: 100%;}
	.container .content .main_top .m_right {height: 100%; position: relative;}

	.container .content .main_top .m_right .filp_slide,

	.container .content .main_top .m_right .filp_slide2 {position: relative; max-height: 230px;}
	.container .content .main_top .m_right .filp_slide2 {margin-bottom: 0;}
	.container .content .main_top .m_right .filp_slide {margin-bottom: 20px;}
	.container .content	.main_top ul.slide_ul {position: relative; width: 100%;   height: 100%;  text-align: center;  transition: transform 0.8s;  transform-style: preserve-3d;}
	.container .content	.main_top ul.slide_ul li.s_content {position: relative;  width: 100%;  height: 100%; backface-visibility: hidden; z-index: 2;}
	.container .content	.main_top ul.slide_ul li.s_content.on {display: none; transform: rotateY(180deg);  z-index: 1;}


	/* 메인 중요 하단 메뉴 영역 */
	.container .content	.main_bottom {display: inline-block; margin: 0 0 60px; width: 100%; position: relative;	}
	.container .content	.main_bottom .main_bottom_wrap {display: flex; flex-wrap: wrap; width: 100%;}
	/* 메인 메뉴별 기본 사이즈 영역 */
	.container .content	.main_bottom .event_box,
	.container .content	.main_bottom .board_box {padding: 10px 20px; display: flex; flex-direction: column; justify-content: space-evenly;}
	
	/* 메인 롤링이벤트 영역 */
	.container .content	.main_bottom .event_box .slide_banner_box {width: 100%; displaY: block; position:relative;}
	.container .content	.main_bottom .event_box .slide_banner_box ul {display: block; overflow: hidden; width: 100%;}
	.container .content	.main_bottom .event_box .slide_banner_box ul li {float: left; width: 100%; display: block; height: 100%;}
	.container .content	.main_bottom .event_box .slide_banner_box ul li a {displaY: block;}
	.container .content	.main_bottom .event_box .slide_banner_box ul li a img {max-width: 100%;}
	
	/* 메인 롤링이벤트 아이콘 부분 */
	.container .content	.main_bottom .event_box .slide_banner_box .bx-controls {position: absolute; top: -38px; right: 0; height: 20px;}
	.container .content	.main_bottom .event_box .slide_banner_box .bx-controls .bx-pager {float: right; height: 20px;}
	.container .content	.main_bottom .event_box .slide_banner_box .bx-controls .bx-pager .bx-pager-item {float :left;  margin: 5px 0 5px 5px; width: 9px; height: 9px; cursor: pointer;}
	.container .content	.main_bottom .event_box .slide_banner_box .bx-controls .bx-pager .bx-pager-item {background: url(../images/slide_ico.png) no-repeat center -27px;}
	.container .content	.main_bottom .event_box .slide_banner_box .bx-controls .bx-pager .bx-pager-item.on {background: url(../images/slide_ico.png) no-repeat center -18px;}
	.container .content	.main_bottom .event_box .slide_banner_box .bx-controls .bx-pager .bx-pager-item:hover {background: url(../images/slide_ico.png) no-repeat center -18px;}
	.container .content	.main_bottom .event_box .slide_banner_box .bx-controls .bx-pager .bx-pager-item a {display: block; text-indent: -9999px;}
	
	

	/* 메인 롤링이벤트 영역 */
	.container .content	.main_bottom .event_box .slide_banner_box {width: 100%;displaY: block;position: relative;}
	.container .content	.main_bottom .event_box .slide_banner_box div.slide_list {display: block; overflow: hidden; width: 100%; float: left; width: 100%; display: block;}
	.container .content	.main_bottom .event_box .slide_banner_box div.slide_list a {displaY: block;}
	.container .content	.main_bottom .event_box .slide_banner_box div.slide_list a img {max-width: 100%;}

  
	/* 메인 앱다운로드 영역 기존
	.container .content	.main_bottom .board_box .app_down_box {width: 100%; display: block; position:  relative;}
	.container .content	.main_bottom .board_box .app_down_box .down_img {display: block; position: absolute; top: -10px; right: -30px; width: 40%;}
	.container .content	.main_bottom .board_box .app_down_box .down_img img {max-width: 100%;}
	.container .content	.main_bottom .board_box .app_down_box .app_btn {display: inline-block; padding: 10px;}
	.container .content	.main_bottom .board_box .app_down_box .app_btn span {font-size: 15px; color: #2e2e2e; displaY: block; padding: 10px 0; text-align: center;}
	.container .content	.main_bottom .board_box .app_down_box .app_btn a {display: inline-block; padding: 10px 20px; border: 1px solid #3b8dc9; color: #3b8dc9; text-align: center; font-size: 16px; font-weight: 600; position: relative;}
	.container .content	.main_bottom .board_box .app_down_box .app_btn a:before {position: absolute; left: 0; bottom: 0; background: #1f7abf; height: 100%; content:""; width: 0; z-index: -1;}
	.container .content	.main_bottom .board_box .app_down_box .app_btn a:hover {color: #fff;}
	.container .content	.main_bottom .board_box .app_down_box .app_btn a:hover:before {width: 100%; transition: width 0.25s; }
	*/
	/* 메인 앱다운로드 영역 아파트아이플러스 다운로드 */
	.container .content	.main_bottom .board_box .app_down_box {width: 100%; display: block; position:  relative;}
	.container .content	.main_bottom .board_box .app_down_box .down_img {display: block; position: absolute; top: -10px; right: -30px; width: 40%;}
	.container .content	.main_bottom .board_box .app_down_box .down_img img {max-width: 100%;}
	.container .content	.main_bottom .board_box .app_down_box .app_btn {display: inline-block; padding: 0 0; width: 100%; text-align: center}
	.container .content	.main_bottom .board_box .app_down_box .app_btn span {font-size: 15px; color: #2e2e2e; displaY: block; padding: 5px 0; text-align: center; letter- }
	.container .content	.main_bottom .board_box .app_down_box .app_btn span:first-child {padding-top: 10px; font-weight: 600;}
	.container .content	.main_bottom .board_box .app_down_box .app_btn span:nth-child(2) {padding-bottom: 15px;}
	.container .content	.main_bottom .board_box .app_down_box .app_btn a {display: inline-block; padding: 10px 20px; border: 1px solid #3b8dc9; color: #3b8dc9; text-align: center; font-size: 16px; font-weight: 600; position: relative;}
	.container .content	.main_bottom .board_box .app_down_box .app_btn a:before {position: absolute; left: 0; bottom: 0; background: #1f7abf; height: 100%; content:""; width: 0; z-index: -1;}
	.container .content	.main_bottom .board_box .app_down_box .app_btn a:hover {color: #fff;}
	.container .content	.main_bottom .board_box .app_down_box .app_btn a:hover:before {width: 100%; transition: width 0.25s; }

	/* 메인 공지사항 영역 */
	.container .content	.main_bottom .board_box	.board_list {display: block;}
	.container .content	.main_bottom .board_box .board_list ul {display: block;}
	.container .content	.main_bottom .board_box .board_list ul li {display: block; padding: 5px 0; height: 30px;}
	.container .content	.main_bottom .board_box .board_list ul li a {display: inline-block; font-size: 14px; letter-spacing: -0.55px; color: #565656; max-width: 95%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 20px; position: relative; height: 20px;}
	.container .content	.main_bottom .board_box .board_list ul li a:hover { color: #4576D8;}
	.container .content	.main_bottom .board_box .board_list ul li a:before { 
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 1px;
		background-color: #4576D8;
		transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
		transform: scaleX(0);
		-webkit-transform: scaleX(0);
		transition: transform 0.3s;
	}

	.container .content	.main_bottom .board_box .board_list ul li a:hover:before {
	  -webkit-transform: scaleX(1);
	  transform: scaleX(1);
	}
	
	.container .content	.main_bottom .board_box.col-2 {padding: 10px 10px 10px 20px}
	.container .content	.main_bottom .board_box.col-2 .call_txt {width: 100%; display: block;}
	.container .content	.main_bottom .board_box.col-2 .call_txt b {width: 100%; padding: 5px; font-size: 26px; background: #f2f2f2; display: block; text-align: center; font-weight: normal; letter-spacing: -0.65px; margin-bottom: 10px;}
	.container .content	.main_bottom .board_box.col-2 .call_txt p {padding: 5px 0; line-height: 20px; font-size: 13px; letter-spacing: -0.50px;}

	/* 메인 고객센터 영역 */
	.container .content	.main_bottom .col-4 {position: relative;}
	.container .content	.main_bottom .col-4:after {content: ""; position: absolute; width: 1px; height: calc(100% - 20px); background: #d7d7d7; right: -10px; top: 10px;}
	.container .content	.main_bottom .col-4:nth-child(3n+3):after {content: ""; displaY: none;}
	.container .content	.main_bottom .col-4:nth-child(4n+4):after {content: ""; displaY: none;}
	/*	
	.container .content	.main_bottom .col-4:nth-child(3n+3):after {content: ""; width: calc(300% + 40px); height: 1px; background: #d7d7d7; bottom: -10px; right: 0;}
	*/
	
	/* 메인 우측 문의 버튼 영역 */
	.container .content	.main_bottom .cate_btn_box {padding: 10px 0;}
	.container .content	.main_bottom .cate_btn_box .cate_btn_box_wrap {height: 100%; background-color: #def1f5;}
	.container .content	.main_bottom .cate_btn_box .menu_btn {height: 100%; padding: 10px; position: relative; cursor: pointer;}
	.container .content	.main_bottom .cate_btn_box .menu_btn:after {background: #989da4; top: 50%; transform: translateY(-50%); height: calc(100% - 50px);}
	.container .content	.main_bottom .cate_btn_box .menu_btn p {width: 100%; height: 100%; padding: 20px 10px; display: block; position: relative;}
	.container .content	.main_bottom .cate_btn_box .menu_btn p span.mu_tit {color: #7b7b7b; display: block; margin-bottom: 5px; font-size: 15px; letter-spacing: -0.65px;}
	.container .content	.main_bottom .cate_btn_box .menu_btn p strong {color: #1f4b6e; display: block; margin-bottom: 10px; font-size: 18px; letter-spacing: -0.65px;}
	.container .content	.main_bottom .cate_btn_box .menu_btn p span.btn_ico {width: 40px; height: 38px; position: absolute; bottom: 20px; right: 10px;}
	.container .content	.main_bottom .cate_btn_box .menu_btn p span.btn_ico.type01 {background: url(../images/btn_icon_01.png) no-repeat center center;}
	.container .content	.main_bottom .cate_btn_box .menu_btn p span.btn_ico.type02 {background: url(../images/btn_icon_02.png) no-repeat center center;}
	.container .content	.main_bottom .cate_btn_box .menu_btn p span.btn_ico.type03 {background: url(../images/btn_icon_03.png) no-repeat center center;}
	
	
	/* 메인 메뉴 TIT 영역 부분 */
	.main_tit {display: inline-block; margin-bottom: 15px; width: 100%;}
	.main_tit h2 {font-size: 18px; text-align: left; float: left; displaY: block;  height: 20px; line-height: 18px; color: #353535;}
	.main_tit h2 a {display: inline-block; font-size: 18px; height: 20px; line-height: 18px; position: relative; padding-right: 20px;}
	.main_tit h2 .more {position:absolute; width: 10px; height: 20px; display: inline-block; margin-left: 10px; top: 0; right: 0;}
	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {.main_tit h2 .more {position: absolute; width: 10px; height: 20px; display: inline-block; margin-left: 10px;}}
	.main_tit h2 .more:before {content : ""; position: absolute; left: 0; bottom: 3px; width: 1px; height: 9px; background: #353535; transform: rotate(45deg);}
	.main_tit h2 .more:after {content : ""; position: absolute; left: 0; top: 1px; width: 1px; height: 10px; background: #353535; transform: rotate(-45deg);}

	/* 배너 및 기본 슬라이드 탭스 아이콘 부분 */
	.slide_ico_box {float: right; display: block; height: 20px;}
	.slide_ico_box ul {display: block;}
	.slide_ico_box ul li {float: left; margin: 5px 0 5px 5px; width: 9px; height: 9px; cursor: pointer;}
	.slide_ico_box ul li.slide_play {background: url(../images/slide_ico.png) no-repeat center top;}
	.slide_ico_box ul li.slide_stop {background: url(../images/slide_ico.png) no-repeat center -9px;}
	.slide_ico_box ul li.slide_ico {background: url(../images/slide_ico.png) no-repeat center -27px;}
	.slide_ico_box ul li.slide_ico.on {background: url(../images/slide_ico.png) no-repeat center -18px;}
	.slide_ico_box ul li.slide_ico:hover {background: url(../images/slide_ico.png) no-repeat center -18px;}
	
	.slide_ico_box.yellow {float: right; display: block; height: 20px;}
	.slide_ico_box.yellow ul li.slide_play {background: url(../images/slide_ico_02.png) no-repeat center top;}
	.slide_ico_box.yellow ul li.slide_stop {background: url(../images/slide_ico_02.png) no-repeat center -9px;}
	.slide_ico_box.yellow ul li.slide_ico {background: url(../images/slide_ico_02.png) no-repeat center -27px;}
	.slide_ico_box.yellow ul li.slide_ico.on {background: url(../images/slide_ico_02.png) no-repeat center -18px;}
	.slide_ico_box.yellow ul li.slide_ico:hover {background: url(../images/slide_ico_02.png) no-repeat center -18px;}

	.line {display: block;margin: 20px 10px;height: 1px;background: #d7d7d7;}	
/* 성균추가 부분 (손봐야함..) 슬라이드 아이콘 */
	.bx-controls-auto {float: left; display: block; height: 20px;}
	.bx-controls-auto-item {display: block; float: left;}
	.bx-controls-auto-item a div {float: left; margin: 5px 0 5px 5px; width: 9px; height: 9px; cursor: pointer;}
	.bx-controls-auto-item a div.slide_play {background: url(../images/slide_ico.png) no-repeat center top;}
	.bx-controls-auto-item a div.slide_stop {background: url(../images/slide_ico.png) no-repeat center -9px;}

	/* 기존 스타일 유지 겸사 추가 */
	#footWrap_sub {background: #e6e6e6 !important}
	#footWrap_sub .footBox {padding: 0 !important;}
	#headWrap_sub {padding: 0 !important;}
	#bannerBox {margin: 0 auto !important;}


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

	.header .top_navi .menu_navi ul,
	.header .sub_menu .sub_box .sub_navi ul {padding-left: 0;}
	.header .top_navi .menu_navi ul li,
	.header .sub_menu .sub_box .sub_navi ul li {padding: 0 0 0 20px; width :25%;}
	
	
	.container .content .main_bottom .board_box.col-2 .call_txt b {font-size: 20px;} 
	.container .content .main_bottom .board_box.col-2 .call_txt p {font-size: 12px;}
	
	.container .content .main_bottom .cate_btn_box .menu_btn p {padding: 15px 0;}
	
}


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

	.header .top_navi .top_info ul li {padding: 5px 8px;}
	.header .top_navi .menu_navi ul li,
	.header .sub_menu .sub_box .sub_navi ul li {padding: 0;}
	.header .sub_menu .sub_box .sub_right {width: 180px; }
	.header .sub_menu .sub_box .sub_right span {font-size: 12px;}
	.header .sub_menu .sub_box .sub_right a {font-size: 13px;}

}

@media all and (max-width: 960px) {
	/* .header {height: 60px;}
	.header .top_navi .top_logo {width: 40%;}	
	.header .top_navi .top_logo a {width: 105px; margin: 0 15px; background-position: center center;}	
	.header .top_navi .menu_navi {display: none;}
	.header .top_navi .top_info {width: 50%; float: right;}
	.header .top_navi .top_info ul.web_ver {display: none;}
	.header .top_navi .top_info ul.m_ver {display: block;}
	.container .content {padding-top: 60px;}
	.line {display: none;}	 */
}

@media screen and (min-width: 721px) and (max-width: 960px) {
	

	
	
	.container .content	.main_bottom .board_box.col-4:before, 
	.container .content	.main_bottom .event_box.col-4:before {content: ""; position: absolute; width: 100%; height: 1px; background: #d7d7d7; right: 0; bottom: -10px;}
	.container .content	.main_bottom .col-4:nth-child(3):after {content: ""; displaY: block;}
	.container .content	.main_bottom .col-4:nth-child(5):after {content: ""; displaY: none;}
	.container .content	.main_bottom .col-4:nth-child(2n+2):after {content: ""; displaY: none;}
	
	
	.container .content .main_bottom .board_box.col-4,	.container .content .main_bottom .event_box.col-4 {width: calc(50% - 20px); margin-bottom: 20px;}
	.container .content .main_bottom .board_box.col-2 {width: calc(33.33% - 20px);}
	
	.container .content .main_bottom .board_box.col-2 .call_txt b {font-size: 26px;} 
	.container .content .main_bottom .board_box.col-2 .call_txt p {font-size: 13px;}
	.container .content .main_bottom .cate_btn_box.col-6 {width: calc(66.66% - 20px); padding: 10px 0; margin: 10px; height: 160px;}
	.container .content	.main_bottom .cate_btn_box .col-4:nth-child(2):after {content: ""; displaY: block;}
	.container .content	.main_bottom .cate_btn_box .col-4:nth-child(3):after {content: ""; displaY: none;}
	.container .content .main_bottom .cate_btn_box .menu_btn p span.mu_tit {font-size: 14px;}
	.container .content .main_bottom .cate_btn_box .menu_btn p strong {font-size: 16px;}
	.container .content .main_bottom .cate_btn_box .menu_btn p span.btn_ico {bottom: 15px;}
	
	
}

@media screen and (min-width: 541px) and (max-width: 720px) {
	
}


@media all and (max-width: 720px) {
		
	.header .top_navi .top_logo a {width: 95px; margin: 0 0 0 15px; background-position: center center;}

	
	.container .content {margin: 0 20px; display: block;}	
	.container .content .main_top .m_left,
	.container .content .main_top .m_center {width: calc(50% - 20px); margin-bottom: 20px; }
	.container .content .main_top .m_right {width: calc(100% - 20px);}
	.container .content .main_top .m_right ul li {width: calc(50% - 10px); float: left; margin-bottom: 0;}
	.container .content .main_top .m_right ul li:first-child {float: left; margin-bottom: 0;}
	.container .content .main_top .m_right ul li:last-child {float: right; margin-bottom: 0;} 
	.container .content .main_top .m_right .filp_slide {margin-bottom: 0;}
	.container .content	.main_top .silde_ul {width: 100%;}
	.container .content	.main_top .silde_ul li.s_content {width: 100%; height: 100%;}
	
		.line {display: none;}	
	
	.container .content	.main_bottom .col-4:before  {content: ""; position: absolute; width: 1px; height: calc(100% - 20px); background: #d7d7d7; left: -10px; top: 10px; display: block;}
	.container .content	.main_bottom .col-4:nth-child(2n+2):before {display: none;}
	.container .content	.main_bottom .col-4:nth-child(3n+3):after {display: none;}
	
	.container .content	.main_bottom .event_box.col-4,
	.container .content	.main_bottom .board_box.col-4 {width: calc(50% - 20px); margin-bottom: 20px; padding: 10px;}
	.container .content	.main_bottom .board_box.col-2 {width: calc(33.33% - 20px); padding: 10px;}
	.container .content .main_bottom .board_box .app_down_box {width: }
	.container .content .main_bottom .board_box .app_down_box .down_img {right: -20px; width: 35%;}
	.container .content .main_bottom .board_box .app_down_box .app_btn span {font-size: 14px;}
	.container .content .main_bottom .board_box .app_down_box .app_btn a {padding: 10px 10px; font-size: 15px;}
	.container .content	.main_bottom .cate_btn_box {width: calc(66.66% - 20px);}
	.container .content .main_bottom .cate_btn_box .menu_btn:first-child:before {display: none;}
	.container .content .main_bottom .cate_btn_box .menu_btn {padding: 0;}
	.container .content	.main_bottom .cate_btn_box .menu_btn p {padding: 20px 5px;}
	.container .content	.main_bottom .cate_btn_box .menu_btn p span {font-size: 13px;}
	.container .content	.main_bottom .cate_btn_box .menu_btn p strong {font-size: 15px;}
	
	
	.main_tit h2 a {font-size: 15px;}
	.slide_ico_box ul li {margin: 5px 0 5px 3px}
	
	
	.footer .footer_box .footer_top a {font-size: 13px; margin: 0 5px;}
		
}




@media all and (max-width: 540px) {
	.header .top_navi .top_logo {width: 30%;}	
	.header .top_navi .top_info {width: 69.9999%;}	
	.header .top_navi .top_info ul.m_ver {margin: 10px 0; }
	.header .top_navi .top_info ul.m_ver li a {font-size: 12px;}
	.main_tit h2 a {font-size: 18px;}
	
	.container .content .main_top {margin: 0;}
	.container .content .main_top .m_left,
	.container .content .main_top .m_center {width: calc(100% - 20px); margin-bottom: 20px;}
	.container .content .main_top .m_right {width: calc(100% - 20px);}
	.container .content .main_top .m_right ul li {width: 100%; float: left;}
	.container .content .main_top .m_right ul li:last-child {float: right;} 
	.container .content	.main_top .w_ver {displaY: none;}
	.container .content	.main_top .m_ver {displaY: block;}

	.container .content .main_top .m_right .filp_slide, .container .content .main_top .m_right .filp_slide2 {max-height: none; margin-bottom: 20px !important;}


	.container .content	.main_bottom .col-4:before {display: none;}	
	.container .content	.main_bottom .col-4:after,
	.container .content	.main_bottom .col-4:nth-child(3n+3):after {content: ""; width: 100%; height: 1px; background: #d7d7d7; bottom: -20px; right: 0; top: auto; display: block;}

	.container .content	.main_bottom .event_box,
	.container .content	.main_bottom .board_box {height: auto;}	
	.container .content	.main_bottom .event_box.col-4,
	.container .content	.main_bottom .board_box.col-4 {width: 100%; margin: 0 0 40px;}
	.container .content	.main_bottom .board_box.col-2 {width: calc(100% - 20px);}
	
	.container .content .main_bottom .board_box .app_down_box .app_btn span {font-size: 16px;}
	.container .content .main_bottom .board_box .app_down_box .app_btn a {font-size: 18px; padding: 10px 15px;}
	.container .content .main_bottom .board_box .app_down_box .down_img {top: -30px; right: 0px;}

	.container .content	.main_bottom .cate_btn_box {width: calc(100% - 20px) !important; height: auto;}
	.container .content	.main_bottom .cate_btn_box .menu_btn {width: calc(100% - 40px); height: auto; margin: 0 20px;}
	.container .content .main_bottom .cate_btn_box .menu_btn:after {top: auto; bottom: -1px; height: 1px; transform: none;}
	.container .content .main_bottom .cate_btn_box .menu_btn:last-child:after {height: 0;}
	.container .content	.main_bottom .cate_btn_box .menu_btn p {padding: 20px 10px;}
	.container .content	.main_bottom .cate_btn_box .menu_btn p span {font-size: 15px;}
	.container .content	.main_bottom .cate_btn_box .menu_btn p strong {font-size: 18px;}
	.container .content .main_bottom .cate_btn_box .menu_btn p span.btn_ico {right: 20px;}
	
	.container .content .main_bottom .board_box.col-2 .call_txt b {padding: 10px; font-size: 32px}
	.container .content .main_bottom .board_box.col-2 .call_txt p {font-size: 16px; line-height:26px;}	
	
	.footer .footer_box .footer_top {height: auto; text-align: center;}
	.footer .footer_box .footer_top a {float: none; display: inline-block; margin: 0 10px 5px;}
	.footer .footer_box .footer_top	.site.right {float: none !important;}
	.footer .footer_box .footer_bottom p {line-height: 22px; text-align: center;}
	.footer .footer_box .footer_bottom p span {display: inline-block; font-size: 12px;}
	.footer .footer_box .footer_bottom p.foot_info {float: none;}
	.footer .footer_box .footer_bottom p.attBox {float: none; height: auto; text-align: center; margin: 10px 0 0;}
	.footer .footer_box .footer_bottom p.attBox img {margin: 0 5px 0;}
	
}

.pop_login {max-width: 350px !important;}




#footWrap_sub					{margin-top:0px; background:#aaa;}/* margin-top:100px; */




/* 220422 앱다운 푸터 배너 */
.footer-banner {width: 100%; background-color: #ecf3fe;}
.footer-banner__cont {position: relative; overflow: hidden; margin: 0 auto; box-sizing: border-box; width: 100%; max-width: 1100px; padding: 46px 0 36px; background: url(../images/banner/appDown/footer_phone_pc.png) no-repeat right bottom / 366px; transition: all 0.3s ease;}
.footer-banner__title-pc {display: block; width: 47%; transition: all 0.3s ease;} 
.footer-banner__title-m {display: none; transition: all 0.3s ease;}
.footer-banner__downloadBtn {display: block; margin: 3.3% 0 0; width: 152px; padding: 15px 0; line-height: 1; font-size: 18px; font-weight: 500; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; color: #fff; background-color: #3c70ff; border: 0; border-radius: 6px; transition: all 0.3s ease; cursor: pointer;}
.footer-banner__downloadBtn:hover,
.footer-banner__downloadBtn:active {background-color: #003ee9;}


@media all and (max-width: 1110px) { 
	/* 2220422 추가 */	
    .footer-banner__cont {padding: 46px 30px 36px; background-size: contain;}
    .footer-banner__title-pc {width: 57%;}
    .footer-banner__downloadBtn {display: inline-block; width: auto; padding: 13px 22px; font-size: 16px;}
}
@media all and (max-width: 767px) { 
	/* 2220422 추가 */	
	.footer-banner__downloadBtn {display: inline-block; width: auto; padding: 10px 20px; font-size: 13px;}
}

@media all and (max-width: 540px) { 
	/* 2220422 추가 */
	.footer-banner {padding: 1% 0 0;}
    .footer-banner__cont {padding: 11% 0 8.8% 9.6%; background-image: url(../images/banner/appDown/footer_phone_m.png); background-position: right 3.5% bottom;}
    .footer-banner__title-pc {display: none;}
    .footer-banner__title-m {display: block; width: 39%;}
    .footer-banner__downloadBtn {box-sizing: border-box; margin: 8.8% 0 0; width: 29%; height: auto; padding: 11px 0; line-height: 1; font-size: 12px;}
}

@media all and (max-width: 280px) { 
	/* 2220422 추가 */
	.footer-banner__cont {padding: 11% 0 8.8% 15px;}
    .footer-banner__downloadBtn {padding: 9px 0; line-height: 1; font-size: 10px;}
}