
.down_btn_wrap li a, .product_lays a:after, .p_wrap .s1 a{
	-webkit-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

#skip{position:relative;z-index:9999}
#skip a{position:absolute;top:-40px;left:0;width:100%;padding:5px 0;background-color:#033478;font-size:14px;line-height:30px;color:#FFF;text-align:center;transition:all 0.4s}
#skip a:hover,#skip a:focus,#skip a:active{top:0;text-decoration:none}

caption{visibility: hidden; overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0;}
.sound_only, .blind{display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 서브 공통 */
.t_l{text-align: left !important;}
.t_r{text-align: right !important;}
.t_c{text-align: center !important;}


.noMargin{margin: 0 !important;}
.noMarginTop{margin-top: 0 !important;}
.noMarginBottom{margin-bottom: 0 !important;}


/* Sub Common */
.jcontainer{padding-top: 80px;}
.content_body{min-height: 200px;}
.con_wrap{position: relative; width: 100%; max-width: 1400px; margin: 0 auto; padding-bottom: 150px;}
.con_wrap.onBottom{padding-bottom: 0;}
.con_wrap.onMarginTop{margin-top: 200px;}
.con_wrap.full_wrap{max-width: 100%;}
.con_wrap.con_wrap_text_wrap{padding-bottom: 250px;}

.con_inner{position: relative; width: 100%; max-width: 1400px; margin: 0 auto;}


/* 서브 Common : Depth Navigation */
.sub_depth_nav{width: 100%; max-width: 1400px; margin: 0 auto 70px;}
.sub_depth_wrap{position: relative; width: 100%; margin: 0 auto; display: flex; justify-content: flex-start; align-items: center;}
.sub_depth_wrap > div{position: relative; margin: 0 20px;}
.sub_depth_wrap > div:first-child{margin-left: 0;}
.sub_depth_wrap > div:last-child{margin-right: 0;}
.sub_depth_wrap > div:after{content: ''; position: absolute; top: 50%; margin-top: -5px; left: -24px; width: 10px; height: 10px; background: url("../imgs/icon/quick_crumbs.svg") no-repeat center; background-size: contain;}
.sub_depth_wrap > div:first-child:after{content: ''; display: none;}
.sub_depth_wrap > div.sub_depth_home{width: 15px; height: 15px;}
.sub_depth_wrap > div.sub_depth_home a{display: block; width: 100%; height: 100%; background: url("../imgs/icon/quick_home.svg") no-repeat center; background-size: contain; padding: 0;}
.sub_depth > div a{position: relative; display: block; width: 100%; height: 100%; box-sizing: border-box; color: #000;}
.sub_depth > div .first_dropit{position: relative; font-size: 14px; padding-right: 23px;}
.sub_depth > div .first_dropit_textonly{position: relative; font-size: 14px;}
.sub_depth > div .first_dropit:after{content: ''; position: absolute; top: 50%; margin-top: -4px; right: 0; width: 10px; height: 10px; background: url("../imgs/icon/quick_arrow.svg"); background-size: contain;}
.sub_depth > div .dropit-open .first_dropit:after{content: ''; transform: rotate(-180deg);}
.sub_depth .dropit-submenu{position: absolute; left: inherit; top: 30px; width: auto; z-index: 99; display: none; border: 2px solid #333; padding: 10px; background: #fff;}
.sub_depth .dropit-submenu li a{line-height: 2; font-size: 15px; font-weight: 350; white-space:nowrap;}
.sub_depth .dropit-submenu li a:hover{text-decoration: underline;}

/* 서브 Common : Page Title */
.sub_page_title{width: 100%; max-width: 1400px; margin: 0 auto; padding: 150px 0;}
.sub_page_title h3{font-size: 70px; font-weight: 700; text-align: center; line-height: 1.2; color: #000;}
.sub_page_title P{font-size: 35px; font-weight: 600; text-align: center; line-height: 1.3; color: #000; margin-top: 10px;}

.sub_top_text_wrap{margin-bottom: 150px;}
.sub_top_text_wrap h3{font-size: 51px; line-height: 1.1; font-weight: 600; margin-bottom: 50px; word-break: keep-all;}
.sub_top_text_wrap h3 span{background: linear-gradient(to left, #FB35CF, #02C0FE); background-clip: text; -webkit-background-clip: text; color: transparent;}
.sub_top_text_wrap p{font-size: 21px; line-height: 1.4; margin-bottom: 40px;}
.sub_top_text_wrap p.last_text{margin-bottom: 0;}

.sub_con_title{font-size: 45px; font-weight: 800; padding-bottom: 60px; line-height: 1.2; color: #000; text-align: center;}
.sub_con_title.back_on{color: #fff;}


/* Layout */
.lays{display: flex; margin: 100px 0;}
.lays.first_lays{margin-top: 150px;}
.lays.noMarginBottom{margin-bottom: 0;}
.lays > li:nth-child(1){width: 370px; margin-right: 20px;}
.lays > li:nth-child(2){width: calc(100% - 390px);}
.lays h3{font-size: 40px; font-weight: 800;}
.lays p{font-size: 19px; line-height: 1.4; margin-top: 50px; padding-top: 50px; border-top: 1px solid #ccc;}
.lays p:first-child{margin-top: 0; padding-top: 0; border: 0;}
.lays p b{display: block; font-size: 25px; font-weight: 600; margin-bottom: 10px;}
.lays p b span{display: inline-block; margin-right: 5px; background: linear-gradient(to left, #FB35CF, #02C0FE); background-clip: text; -webkit-background-clip: text; color: transparent;}


/* Text UI */
.text_layout p{font-size: 17px; line-height: 1.5; margin-bottom: 30px; text-align: justify; word-break: break-all;}
.text_layout p span.tag{display: block; font-size: 15px; line-height: 1.6; color: #62681B; text-align: justify; word-break: break-all;}
.text_layout p span.lists{display: block; font-size: 15px; line-height: 1.6; color: #777; text-align: justify; word-break: break-all;}
.text_layout p.last_p{margin-bottom: 100px;}
.text_layout p.half_p{margin-bottom: 50px;}
.text_layout p.title_p{font-size: 21px; line-height: 1.4; font-weight: 700; margin-bottom: 10px; text-align: left; word-break: keep-all;}

/* Image UI */
.img_layout{display: flex; flex-wrap: wrap; margin: 60px 0;}
.img_layout.noMarginTop{margin-top: 0;}
.img_layout.noMarginBottom{margin-bottom: 0;}
.img_layout.last_img{margin-bottom: 100px;}
.img_layout img{width: 100%;}
.img_layout li{position: relative;}
.img_layout.colm1 li{width: 100%;}
.img_layout.colm2 li{width: 49%; margin-left: 2%;}
.img_layout.colm2 li:nth-child(2n+1){margin-left: 0;}
.img_layout.colm2 li:nth-child(n+3){margin-top: 20px !important;}
.img_layout.colm3 li{width: 32%; margin-left: 2%;}
.img_layout.colm3 li:nth-child(3n+1){margin-left: 0;}
.img_layout.colm3 li:nth-child(n+4){margin-top: 20px !important;}
.img_layout.colm4 li{width: 23.5%; margin-left: 2%;}
.img_layout.colm4 li:nth-child(4n+1){margin-left: 0;}
.img_layout.colm4 li:nth-child(n+5){margin-top: 20px !important;}
.img_layout span{display: block; font-size: 15px; line-height: 1.6; margin-top: 6px; text-align: left;}
.img_layout.border_img img{border: 2px solid #C7C7C7; border-radius: 10px;}

.img_layout.num_img b{position: absolute; top: 10px; left: 10px; width: 22px; height: 22px; text-align: center; line-height: 20px; color: #fff; z-index: 1; background: #000; border-radius: 50%; font-size: 14px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);}

/* Table UI */
.table_box{position: relative; width: 100%; margin: 0 auto;}
.table_box .table_scroll{margin: 50px 0;}
.table_box .table_scroll.no_margin{margin: 0;}
.table_box .table_scroll.top_in{margin: 20px 0;}
.table_box table{position: relative; width: 100%; border-top: 2px solid #333; border-collapse:collapse;}
.table_box table.no_bottom_border tbody tr:last-child td{border-bottom: 0;}
.table_box table.rowTable{border-top: 0;}
.table_box table.rowTable tbody{border-top: 2px solid #333;}
.table_box table.rowTable .rowTable_not tbody{border-top: 0;}
.table_box table.rowTable .rowTable_not th{border-bottom: 0;}
.table_box th, .table_box td{border: 1px solid #ccc; padding: 20px; box-sizing: border-box; text-align: left; font-size: 17px; line-height: 30px; word-break: keep-all;}
.table_box th{background: #f5f6f8; border-bottom: 0; font-weight: 400;}
.table_box td{color: #555; font-size: 16px; background: #fff;}
.table_box table.rowTable th{border-bottom: 1px solid #ccc;}
.table_box table th.last_th{border-bottom: 1px solid #ccc;}
.table_box table.mixTable tbody th{background: #eee; border-bottom: 1px solid #ccc;}
.table_box table.centerTable th, .table_box table.centerTable td{text-align: center;}
.table_box table.leftcenterTable th{text-align: center;}
.table_box table.leftcenterTable td{text-align: left;}
.table_box table.leftcenterTable .centerTable td{text-align: center;}
.table_box table.left_first td:first-child{text-align: left;}
.table_box table.left_second td:first-child+td{text-align: left;}
.table_box table.left_third td:first-child+td+td{text-align: left;}
.table_box table.left_fourth td:first-child+td+td+td{text-align: left;}
.table_box table.left_fifth td:first-child+td+td+td+td{text-align: left;}
.table_box table.leftcenterTable.left_first td:first-child{text-align: center;}
.table_box table.leftcenterTable.left_second td:first-child+td{text-align: center;}
.table_box table.leftcenterTable.left_third td:first-child+td+td{text-align: center;}
.table_box table.leftcenterTable.left_fourth td:first-child+td+td+td{text-align: center;}
.table_box table.leftcenterTable.left_fifth td:first-child+td+td+td+td{text-align: center;}
.table_box table.thead_type{border-top:0;}
.table_box table.thead_type tbody{border-top: 2px solid #333;}
.table_box table.thead_type td{background: #f5f6f8;}
.table_box table.thead_type td.noHead{background: #fff;}
.table_box p.text_ref{margin-top: 10px; color: #999; margin-bottom: 50px;}
.table_box p.text_ref.only_top_margin{margin-top: 10px !important;}
.table_box p.text_ref.only_bottom_margin_small{margin-bottom: 10px;}
.table_box p.num_text span{display: block; float: none; margin-left: 20px;}
.table_box p.num_text span.n_head{width: 20px; float: left; padding: 0; margin: 0;}
.table_box span.text_emphasize{color: #ff0000; font-weight: 700;}
.table_box span.text_underline{text-decoration: underline;}

.table_box a.link_btn{position: relative; display: inline-block; border: 1px solid #777; background: #777; color: #fff; font-size: 14px; height: 30px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 40px 0 20px; box-sizing: border-box; margin-top: 5px;}
.table_box a.link_btn:after{content: ''; position: absolute; width: 14px; height: 14px; background: url("../imgs/link_go_w.png"); background-size: cover; top: 8px; right: 10px;}
.table_box a.link_btn:hover{background: #000;}

/* Parallax UI */
.parallax_wrap{height: 500px;}


/* 약관 */
.articles_wrap{}
.articles_wrap .articles_text_box{position: relative; width: 100%; max-width: 1400px; margin: 0 auto;}
.articles_wrap .articles_text_box > div{position: relative; border: 1px solid #777;  background: #fff; padding: 70px 100px 150px; z-index: 2;}
.articles_wrap .articles_text_box > div > div{height: 1000px; overflow: hidden;}
.articles_wrap .articles_text_box > div > div.auto_size{height: auto;}
.articles_wrap .articles_text_box > span{position: absolute; display: block; width: 100%; height: 100%; background: #E6E6E6; top: 14px; right: -14px; z-index: 1;}
.articles_wrap .articles_text_box .text_layout p{text-align: left;}
.articles_wrap .articles_text_box .text_layout p.title_depth2{margin-bottom: 70px;}
.articles_wrap .articles_text_box .text_layout p b{display: block; font-weight: 700; margin-bottom: 5px;}
.articles_wrap .articles_text_box .text_layout p .indent{display: block; padding-left: 16px;}
.articles_more{position: absolute; bottom: 50px; left: 50%; margin-left: -70px; width: 140px; line-height: 50px; border: 1px solid #ccc; border-radius: 50px; text-align: center;}
.articles_more:hover{text-decoration: underline;}
.articles_wrap.active .articles_text_box > div > div{height: auto;}
.articles_wrap.active .articles_more{display: none;}
.terms_wrap .text_layout p{font-size: 16px; word-break: keep-all;}
.terms_wrap .text_layout p.title_p{font-size: 20px; font-weight: 700; line-height: 1.5; margin-bottom: 10px;}
.terms_wrap .table_box th, .terms_wrap .table_box td{font-size: 16px; padding: 10px;}
.articles_wrap .table_box.marginBottom{margin-bottom: 30px;}


 /*고객문의*/
.p_wrap{position:relative; width:100%; max-width: 1100px; margin: 0 auto;}
.p_wrap_top{font-size: 17px; text-align: right; margin-bottom: 10px;}
.p_wrap_top span{color:#FF0000; font-weight: 300;}
.p_wrap h2{font-size:17px; font-weight:700; margin-top:20px; padding: 0 20px;}
.p_wrap p{font-size:14px; line-height:19px;}
.p_wrap label span{color:#FF0000; font-weight: 300;}
.p_wrap .p_lays{border-top:2px solid #666;}
.p_wrap .p_lays ul{display: flex; align-items: stretch;}
.p_wrap .p_lays li{min-height:50px; padding:10px 20px; border-bottom:1px solid #e1e0dc; font-size:15px;}
.p_wrap .p_lays li:nth-child(1){width: 300px; font-size: 17px; font-weight: 600;}
.p_wrap .p_lays li:nth-child(2){width: calc(100% - 300px); border-left:1px solid #e1e0dc;}
.p_wrap input{letter-spacing: 0;}
.p_wrap input::placeholder, .p_wrap textarea::placeholder{color: #bbb; font-family:'Pretendard', sans-serif;}
.p_wrap input.titlebox{background: #fff; border:1px solid #ccc; height:40px; width:100%; padding-left:10px; font-size:15px;}
.p_wrap textarea{background: #fff; border:1px solid #ccc; padding:5px 7px; margin:10px 0; width:100%; height:80px; line-height:26px; font-size:15px; resize:none;}
.p_wrap input.filebox{background: #f2f2f2; width:100%; border:0; font-size:14px; padding:5px;}
.p_wrap .info_wrap{width: calc(100% - 40px); border:solid 1px #ccc; height:100px; overflow-y:auto; padding:10px; line-height:160%; margin-top:10px; margin-left:20px;}
.p_wrap .infobox{text-align: justify; line-height:1.5; font-size:14px;}
.p_wrap .infobox span{font-weight:700; font-size:14px;}
.p_wrap .checks{padding-left:20px; margin-top:15px; margin-bottom: 20px;}
.p_wrap .checks:after{content:""; clear:both; display:block; *zoom:1;}
.p_wrap .checks li{float:left;}
.p_wrap .checks li.checks_t{padding-left:5px; padding-top:2px; font-size:14px;}
.p_wrap .p_wrap_last_line{margin-top:5px; border-bottom:2px solid #666; clear:both;}
.p_wrap .warning{margin-top:10px; font-size:14px; font-weight: 300; color: #999;}
.p_wrap .warning.warning_out{margin-left: 20px; margin-right: 20px;}
.p_wrap .s1{width:100%; text-align:center; margin-top: 30px;}
.p_wrap .s1 a{position: relative; display: inline-block; padding: 10px 100px 10px 20px; border: 1px solid #707070; font-size: 17px;}
.p_wrap .s1 a:after{content: ''; position: absolute; width: 8px; height: 14px; right: 20px; top: 50%; transform: translateY(-50%); background: url("../imgs/icon/icon_arrow.svg") no-repeat center; background-size: 8px;}
.p_wrap .s1 a:hover{background:#2a2829; color:#fff;}
.p_wrap .s1 a:hover:after{content: ''; background-image:url("../imgs/icon/icon_arrow_w.svg") }

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0;}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:fixed; border:0; background:#fff; box-shadow:1px 1px 20px rgba(0, 0, 0, 0.7);}
.hd_pops_con {}
.hd_pops_footer {position:relative; padding:10px 0;background:#f3f3f3; color:#333; text-align:left; font-size:13px;}
.hd_pops_footer li{float:right;}
.hd_pops_footer li:first-child{float:left;}
.hd_pops_footer button {padding:5px 10px;border:0;background:none;color:#333;}
.hd_pops_footer .hd_pops_reject{background:none;text-align:left}
.hd_pops_footer .hd_pops_close{background:none;position:absolute;top:10px;right:0}

.cf_wrap{width: 1400px; margin: 0 auto;}
.cf_terms{width: 100%; height: 500px; box-sizing: border-box; padding: 20px; line-height: 20px;}



.only_pc{display: block !important;}
.only_mobile{display: none !important;}

.only_pc_img{display: inline-block !important;}
.only_mobile_img{display: none !important;}

/* PC */
@media (max-width:1420px){	
	/* 서브 */
	.con_wrap, .con_inner{width: 94%; margin-left: 3%; margin-right: 3%;}
	.con_wrap .con_inner, .sub_page_title .con_inner{width: 100%; margin-left: 0; margin-right: 0;}
	.con_wrap.full_wrap{width: 100%; max-width: 100%; margin: 0 auto;}
	
	.cf_wrap{width: 96%;}
	
	/* 서브 Common : Depth Navigation */
	.sub_depth_nav{width: 94%; margin-left: 3%; margin-right: 3%;}
	
	/* 서브 Common : Page Title */
	.sub_page_title{width: 94%; margin-left: 3%; margin-right: 3%; padding: 100px 0;}
	
	.sub_top_text_wrap h3 br{display: none;}
	
	/* Layout */
	.lays > li:nth-child(1){width: 320px;}
	.lays > li:nth-child(2){width: calc(100% - 340px);}
}


/* Mobile */
@media all and (max-width:1023px){
    .jcontainer{padding-top: 60px;}
    
    .ctt_admin{display: none !important;}

	/* 서브 Common : Page Title */
	.sub_page_title{padding: 80px 0;}
	
	.sub_top_text_wrap{margin-bottom: 120px;}
	.sub_top_text_wrap h3{font-size: 45px; margin-bottom: 40px;}
	.sub_top_text_wrap p{font-size: 21px; line-height: 1.3; margin-bottom: 30px;}
    
    /* Text UI */
	.text_layout p{font-size: 16px; margin-bottom: 25px;}
	.text_layout p span.tag{font-size: 14px;}
	.text_layout p span.lists{font-size: 14px;}
	.text_layout p.last_p{margin-bottom: 80px;}
	.text_layout p.half_p{margin-bottom: 40px;}
	.text_layout p.title_p{font-size: 19px;}
	
	/* Image UI */
	.img_layout.last_img{margin-bottom: 80px;}

    
    /* Table UI */
	.table_box th{font-size: 16px;}
	.table_box td{font-size: 15px;}

    
    /* 유튜브 영상 100% */
    #bo_v_atc img, #bo_v_atc video{display:inline-block; width:auto\9 !important; /* ie8 */ width:auto !important; max-width: 100%; height:auto !important;}
    .videos{position:relative; height:0; padding-top:30px; padding-bottom:56.25%; overflow:hidden; text-align:center;}
    .videos iframe, .videos object, .videos embed {position:absolute; top:0; left:0; width:100%; height:100%;}
    
    /* 팝업레이어 */
    #hd_pop {z-index:999999; position:fixed; margin:0 auto; width:100%; max-width: 500px; height:0;}
    #hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
    .hd_pops {position:absolute;border:0;background:#fff; box-shadow:1px 1px 20px rgba(0, 0, 0, 0.7); left: 3% !important; top: 70px !important; width: 94%; max-width: 768px;}
    .hd_pops_con {padding: 38px 0 0; width: 100% !important; height: auto !important;}
    .hd_pops_con img{width: 100%;}
    .hd_pops_con p{height: auto;}
    .hd_pops_footer {position: absolute; top: 0; width: 100%; padding:5px 0;background:#fff; color:#333; text-align:left; font-size:13px;}
    .hd_pops_footer li{float:right;}
    .hd_pops_footer li:first-child{float:left;}
    .hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#fff;color:#333;}
    .hd_pops_footer button{float:right;}
    .hd_pops_footer button:first-child{float:left;}
    .hd_pops_footer .hd_pops_close{top: 5px;}
}


@media all and (max-width:767px){
	.only_pc{display: none !important;}
	.only_mobile{display: block !important;}
	
	.only_pc_img{display: none !important;}
	.only_mobile_img{display: inline-block !important;}
	
	/* 서브 */
	.con_wrap{padding-bottom: 100px;}
	.con_wrap.onMarginTop{margin-top: 100px;}
	.con_wrap.con_wrap_text_wrap{padding-bottom: 100px;}
	
	/* 서브 Common : Depth Navigation */
	.sub_depth_nav{margin-bottom: 30px;}
	.sub_depth_wrap{justify-content: flex-start;}
	.sub_depth_wrap > div{margin: 0 8px;}
	.sub_depth_wrap > div:first-child{margin-left: 0;}
	.sub_depth_wrap > div:last-child{margin-right: 0;}
	.sub_depth_wrap > div:after{content: ''; left: -12px;}
	.sub_depth_wrap > div.sub_depth_home a{background-size: 12px;}
	.sub_depth > div .first_dropit{font-size: 14px; padding-right: 16px;}
	.sub_depth > div .first_dropit_textonly{font-size: 14px;}
	.sub_depth > div .first_dropit:after{content: ''; margin-top: -3px; right: 0; width: 8px; height: 8px;}
	.sub_depth .dropit-submenu{position: absolute; left: 50%; margin-left: -60px; width: auto; z-index: 99; display: none; border: 2px solid #423811; padding: 10px; background: #fff;}
	.sub_depth .dropit-submenu li{margin-bottom: 10px;}
	.sub_depth .dropit-submenu li:last-child{margin-bottom: 0;}
	.sub_depth .dropit-submenu li a{font-size: 14px; white-space:normal; line-height: 1.3;}
	.sub_depth.sub_depth_3 .dropit-submenu{left: initial; margin-left: 0; right: 0;}
	
	.sub_depth.sub_depth_1 .dropit-submenu{min-width: 100px;}
	.sub_depth.sub_depth_2 .dropit-submenu{min-width: 110px;}
	.sub_depth.sub_depth_3 .dropit-submenu{min-width: 110px;}
	
	
	/* 서브 Common : Page Title */
	.sub_page_title{padding: 50px 0;}
	.sub_page_title h3{font-size: 50px;}
	.sub_page_title P{font-size: 25px; margin-top: 0;}
	
	.sub_top_text_wrap{margin-bottom: 80px;}
	.sub_top_text_wrap h3{font-size: 35px; margin-bottom: 30px;}
	.sub_top_text_wrap p{font-size: 19px; line-height: 1.3; margin-bottom: 20px;}
	
	.sub_con_title{font-size: 27px; padding-bottom: 40px;}
    
	/* Layout */
	.lays{flex-wrap: wrap; margin: 70px 0;}
	.lays.first_lays{margin-top: 100px;}
	.lays > li{width: 100% !important; margin-right: 0;}
	.lays > li:nth-child(1){margin-bottom: 30px;}
	.lays h3{font-size: 30px;}
	.lays p{font-size: 17px; line-height: 1.4; margin-top: 40px; padding-top: 40px;}
	.lays p b{font-size: 21px;}
	
	/* Parallax UI */
	.parallax_wrap{height: 300px;}
    
    
    /* Image UI */
	.img_layout{flex-wrap: wrap;}
	.img_layout li{width: 100% !important; margin-left: 0 !important;}
	.img_layout li:nth-child(n+2){margin-top: 40px !important;}
	
	.img_layout.colm4 li{width: 49% !important; margin-left: 2% !important; margin-top: 0 !important;}
	.img_layout.colm4 li:nth-child(4n+1){margin-left: 2% !important;}
	.img_layout.colm4 li:nth-child(2n+1){margin-left: 0 !important;}
	.img_layout.colm4 li:nth-child(n+3){margin-top: 20px !important;}
	.img_layout.colm4 img{border-radius: 5px;}

    /* Table UI */
	.table_scroll{overflow-x: scroll;}
	.table_scroll > table{width: 900px;}
	
	 /*고객문의*/
	.p_wrap h2{padding: 0 5px;}
	.p_wrap .info_wrap{width: calc(100% - 10px); margin-left: 5px;}
	.p_wrap .checks{padding-left: 5px;}
	.p_wrap .warning.warning_out{margin-left: 5px; margin-right: 5px;}
	.p_wrap .s1 a{font-size: 15px;}
	.p_wrap .p_lays ul{flex-wrap: wrap;}
	.p_wrap .p_lays li{width: 100% !important; min-height:50px; padding:10px 5px; border-bottom:1px solid #e1e0dc; font-size:15px;}
	.p_wrap .p_lays li:nth-child(1){border-bottom: 0; padding-bottom: 0; min-height: 20px;}
	.p_wrap .p_lays li:nth-child(2){border-left: 0; padding-bottom: 15px;}

} 

@media all and (max-width:480px){
	/* 서브 */
	.con_wrap.contBottom{padding-bottom: 70px;}
	
	
	/* 서브 Common : Page Title */
	.sub_page_title{padding: 30px 0;}
	.sub_page_title h3{font-size: 35px;}
	.sub_page_title P{font-size: 19px;}
	
	.sub_top_text_wrap{margin-bottom: 50px;}
	.sub_top_text_wrap h3{font-size: 31px; margin-bottom: 30px;}
	.sub_top_text_wrap p{font-size: 17px; line-height: 1.3; margin-bottom: 20px;}
	
    /* Text UI */
	.text_layout p{font-size: 15px;}
	.text_layout p span.tag{font-size: 13px;}
	.text_layout p span.lists{font-size: 13px;}
	.text_layout p.last_p{margin-bottom: 60px;}
	.text_layout p.half_p{margin-bottom: 35px;}
	.text_layout p.title_p{font-size: 18px;}
	
	/* Layout */
	.lays.first_lays{margin-top: 80px;}
	.lays h3{font-size: 25px;}
	.lays p{font-size: 17px; margin-top: 30px; padding-top: 30px;}
	.lays p b{font-size: 19px;}
	
	/* Parallax UI */
	.parallax_wrap{height: 200px;}
	
	/* Image UI */
	.img_layout.last_img{margin-bottom: 60px;}
	
	/*고객문의*/
	.p_wrap h2{font-size: 15px;}
	.p_wrap .warning{font-size: 13px;}
	.p_wrap .infobox{font-size: 13px; line-height: 1.3; text-align: left;}
	.p_wrap .p_lays li:nth-child(1){font-size: 15px;}
	
} 


/* /////////////////////////// 서브 상단 이미지 영역 ////////////////////////// */

/* 서브 Common : 1Depth Title */
.sub_top_title{display: flex; justify-content: center; align-items: center; position: relative; width: 100%; height: 360px;overflow: hidden;}
.sub_top_title .sub_top_bg{position: absolute; top: 0; left:0; width: 100%; height: 100%; background-image: url("../imgs/stop_00.jpg"); background-repeat: no-repeat; background-position: center top; background-size: cover;}
.sub_top_title.st_01 .sub_top_bg{background-image: url("../imgs/stop_01.jpg");}
.sub_top_title.st_02 .sub_top_bg{background-image: url("../imgs/stop_02.jpg");}
.sub_top_title.st_03 .sub_top_bg{background-image: url("../imgs/stop_03.jpg");}
.sub_top_title.st_04 .sub_top_bg{background-image: url("../imgs/stop_04.jpg");}
.sub_top_title.st_05 .sub_top_bg{background-image: url("../imgs/stop_05.jpg");}
.sub_top_title.st_06 .sub_top_bg{background-image: url("../imgs/stop_06.jpg");}
.sub_top_title .sub_top_bg{
	content:''; animation-duration: 3s; animation-fill-mode: both; animation-iteration-count: 1; animation-timing-function: ease; animation-delay: 0.4s; animation-name:top_bg_zoom;
	-webkit-animation-duration: 3s; -webkit-animation-fill-mode: both; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease; -webkit-animation-delay: 0.4s; -webkit-animation-name:top_bg_zoom;
}
@keyframes top_bg_zoom {
	0% {transform:scale(1.2);}
	100% {transform:scale(1);}
}
@-webkit-keyframes top_bg_zoom {
	0% {transform:scale(1.2);}
	100% {transform:scale(1);}
}
.sub_top_title h2{position: absolute; width: 100%; top: 50%; text-align: center; font-size: 55px; font-weight: 700; color: #fff; line-height: 70px; text-shadow: 0 0 15px rgba(0, 0, 0, 0.7); z-index: 2;}
.sub_top_title h2{animation-duration: 0.7s; animation-fill-mode: both; animation-iteration-count: 1; animation-timing-function: ease;animation-delay: 0.3s;animation-name:top_title_dissolve;
	-webkit-animation-duration: 0.7s; -webkit-animation-fill-mode: both; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease; -webkit-animation-delay: 0.3s; -webkit-animation-name:top_title_dissolve;
}
@keyframes top_title_dissolve {
	0% {opacity:0; -webkit-opacity:0; transform:translateY(-30%);}
	100% {opacity:1; -webkit-opacity:1; transform:translateY(-50%);}
}
@-webkit-keyframes top_title_dissolve {
	0% {opacity:0; -webkit-opacity:0; transform:translateY(-30%);}
	100% {opacity:1; -webkit-opacity:1; transform:translateY(-50%);}
}

/* Mobile */
@media all and (max-width:1023px){
	.sub_top_title{height: 250px; padding-top: 80px;}
	.sub_top_title:after{content: ''; height: 50px; background-size: cover;}
	.sub_top_title h2{font-size: 30px; line-height: 50px;}
	.sub_top_title h2 span:after{content: ''; height: 3px;}
}
@media all and (max-width:767px){
	.sub_top_title{height: 200px; padding-top: 60px;}
	.sub_top_title:after{content: ''; height: 40px;}
	.sub_top_title h2{font-size: 25px; line-height: 45px;}
}
@media all and (max-width:480px){
	.sub_top_title{height: 150px; padding-top: 45px;}
	.sub_top_title:after{content: ''; height: 20px;}
	.sub_top_title h2{font-size: 23px; line-height: 40px;}
}