.down_btn_wrap li a, .product_lays a:after{
	-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;}

.fw100{font-weight: 100 !important;}
.fw300{font-weight: 300 !important;}
.fw350{font-weight: 350 !important;}
.fw400{font-weight: 400 !important;}
.fw700{font-weight: 700 !important;}
.fw800{font-weight: 800 !important;}
.fw900{font-weight: 900 !important;}
.no_bg{background: none !important;}

.fl{float: left;}
.fr{float: right;}

.width100{width: 100%;}
.width80{width: 80%;}
.width70{width: 70%;}
.width50{width: 50%;}
.width30{width: 30%;}

.marginBottom20{margin-bottom: 20px;}
.marginTop50{margin-top: 50px;}

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

.color_blue{color: #0066cc;}
.color_black{color: #000;}
.color_green{color: #129812;}
.color_gray{color: #999;}

/* Sub Common */
.jcontainer{padding-top: 80px;}
.content_body{min-height: 200px;}
.all_wrap{position: relative; width: 100%; max-width: 1920px; margin: 0 auto;}
.con_wrap{position: relative; width: 100%; max-width: 1300px; margin: 0 auto; padding-bottom: 100px;}
.con_wrap.nopadding{padding: 0;}
.con_wrap.no_space{min-width: inherit;}
.con_inner{position: relative; width: 100%; max-width: 1300px; margin: 0 auto;}

/* 게시판에만 적용 */
.content_body.jboard_wrap{background: #fff;}
.content_body.jboard_wrap .con_wrap{padding: 50px 0;}
.content_body.jboard_wrap .con_wrap #bo_gall{padding: 0;}
.content_body.jboard_wrap #bo_gall #gall_ul{margin: 0;}
.content_body.jboard_wrap .con_wrap #bo_list{padding: 0;}

/* slick-slider 공통 */
.slick-slider .slick-slide{outline:0; overflow: hidden;}
/* slick-slider dots */
.slick-slider .slick-arrow{position: absolute; bottom: 15%; left: 50%; margin-top: -24px; z-index: 4; width: 48px; height: 48px; background-size: cover !important; font-size:0; border: 0; cursor: pointer;}
.slick-slider .slick-arrow.slick-next{background: url("../imgs/marrow_r.png") no-repeat;}
.slick-slider .slick-arrow.slick-prev{background: url("../imgs/marrow_l.png") no-repeat;}
.jGallery.slick-slider, .jGallery.slick-slider .slick-list, .jGallery.slick-slider .slick-track{height: 100%;}
.jGallery.slick-slider .slick-slide{position: relative; overflow: hidden; text-align: center; display: table;}
/*
.jGallery.slick-slider .slick-slide div.jgText{display: table-cell; vertical-align: middle; width: 100%;}
.jGallery.slick-slider .slick-slide img{position: absolute; display: inline-block; left: 50%; margin-left: -600px;}
.jgText img{opacity: 0;}
.jGallery.slick-slider .slick-slide.jg1 img{top: 40%;}
.jGallery.slick-slider.ani .slick-slide.jg1.slick-active img{top: 36%; opacity: 1;}
.jGallery.slick-slider .slick-slide.jg2 img{top: 40%;}
.jGallery.slick-slider.ani .slick-slide.jg2.slick-active img{top: 36%; opacity: 1;}
.jGallery.slick-slider .slick-slide.jg3 img{top: 40%;}
.jGallery.slick-slider.ani .slick-slide.jg3.slick-active img{top: 36%; opacity: 1;}
.jGallery.slick-slider.ani .slick-slide.slick-active img{opacity: 1;}
*/

/* slick-slider 기본 */
.room_gallery.slick-slider img{width: 100%;}
.room_gallery.slick-slider .slick-arrow{position: absolute; top: 50%; margin-top: -30px; z-index: 4; width: 60px; height: 60px; font-size:0; border: 0; cursor: pointer; background-size: 24px !important; margin-left: 0; border-radius: 50px; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3); opacity: 1;}
.room_gallery .slick-arrow.slick-next{background: url("../imgs/arrow_r.png") rgba(255,255,255,1) no-repeat center; right: 20px; left: inherit;}
.room_gallery .slick-arrow.slick-prev{background: url("../imgs/arrow_l.png") rgba(255,255,255,1) no-repeat center; left: 20px;}
.room_gallery .slick-dots li button{width: 10px; height: 10px; border: 1px solid #fff;}


/* slick-slider 기본 */
.board_gallery.slick-slider img{width: 100%;}
.board_gallery.slick-slider .slick-arrow{position: absolute; top: 50%; margin-top: -30px; z-index: 4; width: 60px; height: 60px; font-size:0; border: 0; cursor: pointer; background-size: 24px !important; margin-left: 0; border-radius: 50px; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3); opacity: 1;}
.board_gallery .slick-arrow.slick-next{background: url("../imgs/arrow_r.png") rgba(255,255,255,1) no-repeat center; right: 20px; left: inherit;}
.board_gallery .slick-arrow.slick-prev{background: url("../imgs/arrow_l.png") rgba(255,255,255,1) no-repeat center; left: 20px;}
.board_gallery .slick-dots li button{width: 10px; height: 10px; border: 1px solid #fff;}


/* 서브 Common : 1Depth Title */
.sub_top_title{position: relative; width: 100%; height: 360px; padding-top: 100px; box-sizing: border-box; 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:after{content: ''; position: absolute; width: 100%; height: 90px; bottom: 0; background: url("../imgs/stop_cover.png") repeat-x center;}
.sub_top_title h2{position: absolute; font-family: 'Nanum Pen Script', cursive; width: 100%; top: 0; text-align: center; font-size: 60px; font-weight: 400; color: #fff; line-height: 70px; text-shadow: 0 0 15px rgba(0, 0, 0, 0.7); z-index: 2;}
.sub_top_title h2 span{position: relative; display: inline-block; background: url("../imgs/jt_bg.png") no-repeat center; background-size: cover; padding: 10px 15px;}

.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(20px);}
	100% {opacity:1; -webkit-opacity:1; transform:translateY(0px);}
}
@-webkit-keyframes top_title_dissolve {
	0% {opacity:0; -webkit-opacity:0; transform:translateY(20px);}
	100% {opacity:1; -webkit-opacity:1; transform:translateY(0px);}
}


/* 서브 Common : Depth Navigation */
.sub_depth_nav{position: relative; width: 100%; height: 60px; border-bottom: 1px solid #ddd; margin-top: 0;}
.sub_depth_wrap{position: relative; width: 100%; max-width: 1300px; margin: 0 auto;}
.sub_depth_wrap:after {display: block; content: ''; clear: both;}
.sub_depth_wrap > div{float: left; border-right: 1px solid #ddd; height: 60px; line-height: 60px;}
.sub_depth_wrap > div.sub_depth_home{width: 60px; border-left: 1px solid #ddd;}
.sub_depth_wrap > div.sub_depth_home a{display: block; width: 100%; height: 100%; background: url("../imgs/home.png") no-repeat center; background-size: 25px; padding: 0; min-width: inherit;}
.sub_depth > div a{position: relative; display: block; width: 100%; height: 100%; padding: 0 40px; min-width: 250px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sub_depth > div .first_dropit{position: relative; font-size: 16px;}
.sub_depth > div .first_dropit_textonly{position: relative; font-size: 16px;}
.sub_depth > div .first_dropit:after{content: ''; position: absolute; top: 25px; right: 15px; width: 20px; height: 20px; background: url("../imgs/s_nav_arrow.png"); background-size: 20px;}
.sub_depth > div .dropit-open .first_dropit:after{content: ''; transform: rotate(-180deg);}
.sub_depth .dropit-submenu{position: relative; width: 100%; z-index: 99; display: none; max-height: 500px; overflow-y: auto;}
.sub_depth .dropit-submenu li a{height: 60px; line-height: 60px; background: #fff; color: #666; font-size: 14px; font-weight: 350; border: 1px solid #ddd; border-top: 0;}
.sub_depth .dropit-submenu li a:hover{background: #ddd;}
.sub_depth .dropit-submenu li.active a{background: #0082E5; color: #fff; border: 1px solid #0082E5; border-top: 0;}
.sub_depth_wrap > div.sub_depth_print, .sub_depth_wrap > div.sub_depth_sns{float: right; width: 60px;}
.sub_depth_wrap > div.sub_depth_print a{display: block; width: 100%; height: 100%; background: url("../imgs/icon_print.png") no-repeat center; background-size: 25px; padding: 0; min-width: inherit;}
.sub_depth_wrap > div.sub_depth_sns{border-left: 1px solid #ddd;}
.sub_depth_wrap > div.sub_depth_sns a.first_sns_dropit{position: relative; display: block; width: 100%; height: 60px; padding: 0; min-width: inherit; box-sizing: border-box; background: url("../imgs/icon_share.png") no-repeat center; background-size: 25px;}
.sub_depth_sns .dropit-submenu{position: relative; width: 315px; z-index: 99; margin-left: -246px; border: 1px solid #ddd; background: #eee; padding: 15px 20px; box-sizing: border-box;}
.sub_depth_sns .dropit-submenu:after {display: block; content: ''; clear: both;}
.sub_depth_sns .dropit-submenu li{float: left; width: 30px; height: 30px; font-size: 14px; font-weight: 350;}
.sub_depth_sns .dropit-submenu li{line-height: 30px;}
.sub_depth_sns .dropit-submenu li:first-child{width: 60px;}
.sub_depth_sns .dropit-submenu li.dsns_facebook{background: url("../imgs/icon_facebook.png") no-repeat center; background-size: 30px;}
.sub_depth_sns .dropit-submenu li.dsns_twitter{background: url("../imgs/icon_twitter.png") no-repeat center; background-size: 30px; margin-left: 10px;}
.sub_depth_sns .dropit-submenu li.dsns_blog{background: url("../imgs/icon_blog.png") no-repeat center; background-size: 30px; margin-left: 10px;}
.sub_depth_sns .dropit-submenu li.share_url{clear: both; width: 100%; margin-top: 10px;}
.sub_depth_sns .dropit-submenu li a{display: block; width: 100%; height: 100%;}
.sub_depth_sns .dropit-submenu li.share_url input{height: 30px; border: 1px solid #ccc; width: 150px; box-sizing: border-box;}
.sub_depth_sns .dropit-submenu li.share_url lable{display: inline-block; width: 60px;}
.sub_depth_sns .dropit-submenu li.share_url button{border: 0; background: #333; color: #fff; height: 30px; padding: 0 7px; line-height: 30px;}

.sub_depth_wrap > div.sub_depth_2{background: #0082E5; color: #fff;}
.sub_depth_wrap > div.sub_depth_2 .first_dropit:after{content: ''; background-image: url("../imgs/s_nav_arrow_w.png");}

/* 서브 Common : Page Title */
.sub_page_title h3{position: relative; color:#333; font-weight: 400; text-align: center; padding: 50px 0; letter-spacing: 5px;}
.sub_page_title h3 span{display: inline-block; background: url("../imgs/jt_bg.png") repeat-x center; padding: 10px 20px; background-size: cover; font-size:42px; font-weight: 700; color: #fff; letter-spacing: -3px;}

.cPage_title {position: absolute; top: 50%; left: 50%; z-index: 2;}
.cPage_title h3{color:#333; font-weight: 400; text-align: center; letter-spacing: 5px;}
.cPage_title h3 span{display: inline-block; background: url("../imgs/jt_bg.png") repeat-x center; padding: 10px 20px; background-size: cover; font-size:42px; font-weight: 700; color: #fff; letter-spacing: -3px;}


/* 서브 Common : Page Last Depth Navigation */
.sub_nav {position: relative; margin-bottom: 30px;}
.sub_nav ul:after {display: block; content: ''; clear: both;}
.sub_nav .nav-dropit ul li{float: left; text-align: center;}
.sub_nav .individual_nav li{float: left; text-align: center;}
.sub_nav .major_nav li{float: left; text-align: center;}
.sub_nav .snum1 li{width: 100%;}
.sub_nav .snum2 li{width: 49.5%; margin-left: 1%;}
.sub_nav .snum3 li{width: 32.66%; margin-left: 1%;}
.sub_nav .snum4 li{width: 24.25%; margin-left: 1%;}
.sub_nav .snum5 li{width: 19.2%; margin-left: 1%;}
.sub_nav .snum6 li{width: 15.83%; margin-left: 1%;}
.sub_nav .snum7 li{width: 13.42%; margin-left: 1%;}
.sub_nav .snum8 li{width: 24.25%; margin-left: 1%;}
.sub_nav .snum8 li:nth-child(-n+5){margin-bottom: 15px;}
.sub_nav .snum8 li:nth-child(5){margin-left: 0;}
.sub_nav .snum9 li{width: 19.2%; margin-left: 1%;}
.sub_nav .snum9 li:nth-child(-n+6){margin-bottom: 10px;}
.sub_nav .snum9 li:nth-child(6){margin-left: 0;}
.sub_nav li:first-child{margin-left: 0 !important;}
.sub_nav li a{display: block; border: 1px solid #ccc; font-size: 17px; height: 70px; line-height: 70px; background: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 10px; box-sizing: border-box;}
.sub_nav li a:hover{background: #eee;}
.sub_nav li.active a{background: #444; border: 1px solid #444; color: #fff;}
.sub_nav .first_nav:after{content: ''; position: absolute; top: 25px; right: 15px; width: 20px; height: 20px; background: url("../imgs/s_nav_arrow.png"); background-size: 20px;}
.sub_nav .dropit-open .first_nav:after{content: ''; transform: rotate(-180deg);}
.sub_nav .dropit-open .dropit-submenu{display: block !important;}
/* 서브 Common : Page Last Depth Navigation 모바일 사이즈 */
.sub_nav.sub_mo_nav .nav-dropit ul li{float: inherit; width: 100% !important; margin: 0 !important;}
.sub_nav.sub_mo_nav li a{font-size: 15px; height: 50px; line-height: 50px;}
.sub_nav.sub_mo_nav .dropit-submenu{position: absolute; top: 50px; z-index: 2; width: 100%;}
.sub_nav.sub_mo_nav .dropit-submenu li a{font-size: 14px; height: 50px; line-height: 50px; border-top: 0;}
.sub_nav.sub_mo_nav .first_nav:after{content: ''; top: 18px; right: 10px; width: 14px; height: 14px; background: url("../imgs/s_nav_arrow.png"); background-size: 14px;}
/* 서브 Common : 링크 없는 버튼 */
a.no_address{background: #999 !important;}
a.no_address .tg_blank:after{content: ''; display: none;}


/* Layout */
.lays{margin: 40px 10px;}
.lays.big_margin{margin-top: 80px;}
.lays:after{display: block; content: ''; clear: both;}
.lays > li{float: left;}
.lays > li:first-child{margin-left: 0 !important;}
.lays.lay2 > li{width: 48.5%; margin-left: 3%;}
.lays.lay3 > li{width: 31.33%; margin-left: 3%;}
.lays.lay4 > li{width: 22.75%; margin-left: 3%;}
.lays.lay5 > li{width: 17.6%; margin-left: 3%;}
.lays > li.only_one{width: 100% !important; margin-left: 0; margin-top: 30px;}
.lays li .img_layout{margin-top: 0;}

.layText{margin: 40px 10px;}
.layText.big_margin{margin-top: 80px;}
.layText:after{display: block; content: ''; clear: both;}
.layText > li{float: left; width: 80%;}
.layText > li:first-child{margin-left: 0 !important; width: 20%;}
.layText h3{font-size: 19px; line-height: 25px; letter-spacing: -0.01em; font-weight: 400; color: #777;}
.layText h3 span{display: block; font-size: 35px; line-height: 30px; font-weight: 800; margin-top: 20px; color: #000;}
.layText.type_30 > li{float: left; width: 70%;}
.layText.type_30 > li:first-child{width: 30%;}
.layText.type_40 > li{float: left; width: 60%;}
.layText.type_40 > li:first-child{width: 40%;}
.layText.type_50 > li{float: left; width: 50%;}
.layText.type_50 > li:first-child{width: 50%;}

/* Left Title UI */
.lTitle_h3{position: relative; font-size: 40px; line-height: 45px; margin: 60px 0 30px; letter-spacing: -0.01em; font-weight: 700;}
.lTitle_h4{position: relative; font-size: 30px; line-height: 35px; margin: 60px 0 30px; letter-spacing: -0.01em; font-weight: 700;}
.lTitle_h5{position: relative; font-size: 25px; line-height: 30px; margin: 60px 0 30px; letter-spacing: -0.01em; font-weight: 700;}
.lTitle_h6{position: relative; font-size: 20px; line-height: 25px; margin: 60px 0 30px; letter-spacing: -0.01em; font-weight: 700;}
.lTitle_h3.firstTitle, .lTitle_h4.firstTitle, .lTitle_h5.firstTitle, .lTitle_h6.firstTitle{margin-top: 0;}

.topLine{padding-top: 20px;}
.topLine:after{content: ''; position: absolute; top: 0; left: 0; width: 55px; height: 12px;  background: url("../imgs/title_line.png") no-repeat; background-size: cover;}


.scTitle{position: relative; font-size: 30px; line-height: 30px; margin: 60px 0 30px; letter-spacing: -0.01em; font-weight: 700; padding-top: 15px;}
.scTitle:after{content: ''; position: absolute; top: 0; left: 0; width: 30px; height: 2px; background: #0066cc;}
.scTitle.halfmarginBottom{margin-bottom: 20px;}

/* Bullet UI */
.bullet_title{padding-left: 20px; background: url("../imgs/bullet_title.png") no-repeat 0 11px; background-size: 16px;}
.bullet_black{padding-left: 14px; background: url("../imgs/bullet_black.png") no-repeat 0 13px; background-size: 4px;}
.bullet_gray{padding-left: 14px; background: url("../imgs/bullet_gray.png") no-repeat 0 13px; background-size: 4px;}
.bullets_pink{padding-left: 14px; background: url("../imgs/bullet_pink.png") no-repeat 0 13px; background-size: 4px;}
.bullets_blue{padding-left: 14px; background: url("../imgs/bullet_blue.png") no-repeat 0 13px; background-size: 4px;}
.bullets_green{padding-left: 14px; background: url("../imgs/bullet_green.png") no-repeat 0 13px; background-size: 4px;}


/* Bullet Title */
.bulletTitle{padding-left: 28px; background: url("../imgs/bullet_title.png") no-repeat left 0; background-size: 25px; font-size: 21px; line-height: 25px; margin-bottom: 10px;}
.text_layout.bullet_type{margin-top: 100px;}
.text_layout.bullet_type p{padding-left: 28px;}

/* Text UI */
.text_layout p{font-size: 17px; line-height: 30px; margin-bottom: 30px; letter-spacing: -0.01em; word-break: keep-all; color: #555;}
.text_layout p.smallFont{font-size: 14px; line-height: 20px; margin-bottom: 20px;}
.text_layout p.bigFont{font-size: 20px; line-height: 35px;}
.text_layout p.noMargin{margin-bottom: 0;}
.text_layout p.halfMargin{margin-bottom: 15px;}
.text_layout p .bigFont1{font-size: 20px; line-height: 35px;}
.text_layout p .bigFont2{font-size: 25px; line-height: 35px;}

/* Text + Box UI */
.box_text{background: #f1f1f1; padding: 30px; margin-top: 50px;}
.box_text.nomargin{margin: 0;}
.box_text p{font-size: 15px; line-height: 25px; margin-bottom: 5px; color: #777;}
.box_text p.depth2{padding-left: 20px; box-sizing: border-box;}
.box_text p.bullet_type span{display: block; float: none; padding-left: 15px;}
.box_text p.bullet_type span:first-child{float: left; padding: 0;}

/* Typo UI */
.typo_layout{margin: 50px 0;}
.typo_layout p{font-size: 40px; line-height: 55px; margin-bottom: 10px;}
.typo_layout p.verysmall{font-size: 20px; line-height: 30px;}
.typo_layout p.small{font-size: 25px; line-height: 35px;}
.typo_layout p.big{font-size: 50px; line-height: 65px;}

/* Bullet UI */
.bullet_c{padding-left: 15px; background: url("../imgs/bullet_01.png") no-repeat 5px 12px; background-size: 3px;}
.bullet_b{padding-left: 15px; background: url("../imgs/bullet_02.png") no-repeat 5px 14px; background-size: 3px;}
.bullet_s{padding-left: 15px; background: url("../imgs/bullet_03.png") no-repeat 5px 12px; background-size: 3px;}

/* Image UI */
.img_layout{margin: 30px 0;}
.img_layout.noMarginTop{margin-top: 0;}
.img_layout.noMarginBottom{margin-bottom: 0;}
.img_layout.first_layout{margin-top: 70px;}
.img_layout:after{display: block; content: ''; clear: both;}
.img_layout img{width: 100%;}
.img_layout li{position: relative; float: left;}
.img_layout li.only_one{width: 100% !important; margin: 0 !important;}
.img_layout.colm1 li{width: 100%;}
.img_layout.colm1 li:first-child{margin-top: 0;}
.img_layout.colm1.per70 li img{width: 70%;}
.img_layout.colm1.per60 li img{width: 60%;}
.img_layout.colm1.per50 li img{width: 50%;}
.img_layout.colm1.per40 li img{width: 40%;}
.img_layout.colm2 li{width: 49%; margin-left: 2%; margin-top: 20px;}
.img_layout.colm2 li:nth-child(2n-1){margin-left: 0;}
.img_layout.colm2 li:nth-child(1), .img_layout.colm2 li:nth-child(2){margin-top: 0 !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+3){margin-bottom: 20px;}
.img_layout.colm4 li{width: 23.5%; margin-left: 2%;}
.img_layout.colm4 li:nth-child(4n+1){margin-left: 0;}
.img_layout.img_scroll p.scroll_text{display: none;}


/* 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 table tr.my_event td{background: #e5f5fc;}
.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: break-all;}
.table_box.manyinfo table th, .table_box.manyinfo table td{font-size: 13px; padding: 10px 3px; line-height: 20px;}
.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.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;}
p.text_ref{margin-top: 10px; color: #999; margin-bottom: 50px;}
p.text_ref.only_top_margin{margin-top: 10px !important;}
p.text_ref.only_bottom_margin_small{margin-bottom: 10px;}


.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;}

/* 서브 : 가로 Depth */
.depth_text_wrap {background: #f3f3f3; padding: 30px; margin-top: 20px; box-sizing: border-box;}
.depth_text_wrap.noBox{background-color: transparent; padding: 0;}
.depth_text_wrap.depth_table{background: #fff; padding: 0;  margin-top: 0;}
.depth_text_wrap p{color: #666; font-size: 17px; line-height: 30px; margin-bottom: 5px;}
.depth_text_wrap p.text_dep1{color: #333; font-size: 17px; margin-top: 30px;}
.depth_text_wrap p.text_dep1.dep_first{margin-top: 0;}
.depth_text_wrap p.text_dep2{font-size: 17px; margin-top: 10px;}
.depth_text_wrap p.text_dep2.dep_first{margin-top: 0;}
.depth_text_wrap p.text_dep3{font-size: 17px; margin-top: 5px;}
.depth_text_wrap p.text_dep3.dep_first{margin-top: 0;}
.depth_text_wrap p.bullet_black{padding-left: 12px; background-position: 0 12px; background-size: 4px;}
.depth_text_wrap p.text_dep2.bullet_black{padding-left: 10px; background-position: 0 10px; background-size: 3px;}
.depth_text_wrap p.text_dep2.bullet_gray{padding-left: 10px; background-position: 0 10px; background-size: 3px;}
.depth_text_wrap p.text_dep3.bullet_gray{padding-left: 9px; background-position: 0 10px; background-size: 3px;}
.depth_text_wrap p.text_ref{font-size: 17px;}
.depth_text_wrap p span{display: block; float: none; margin-left: 20px;}
.depth_text_wrap p span.n_head{width: 20px; float: left; padding: 0; margin: 0;}
.depth_text_wrap .dep5{margin-left: 5px;}
.depth_text_wrap .dep10{margin-left: 10px;}
.depth_text_wrap .dep15{margin-left: 15px;}
.depth_text_wrap .dep20{margin-left: 20px;}
.depth_text_wrap .dep25{margin-left: 25px;}
.depth_text_wrap .dep30{margin-left: 30px;}
.depth_text_wrap .dep35{margin-left: 35px;}
.depth_text_wrap .dep40{margin-left: 40px;}
.depth_text_wrap .dep45{margin-left: 45px;}
.depth_text_wrap .dep50{margin-left: 50px;}
.depth_text_wrap .text_par{margin-bottom: 20px !important;}


/* 제품 */
.product_wrap{border-top: 2px solid #333; margin-top: 50px;}
.product_wrap.first_product_wrap{margin-top: 70px;}
.product_lays{display: table; width: 100%;}
.product_lays > li{display: table-cell; width: 50%; vertical-align: top; border-left: 1px solid #dcdcdc; box-sizing: border-box;}
.product_lays > li:nth-child(1){vertical-align: middle;}
.product_lays > li:nth-child(2){background: #F7F7F7; color: #fff; border-right: 1px solid #dcdcdc; padding: 42px;}
.product_lays > li img{width: 100%; max-width: 638px;}
.product_lays h4{position: relative; font-size: 30px; line-height: 35px; color: #000; padding-bottom: 10px; margin-bottom: 20px;}
.product_lays h4:after{content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 3px; background: #000;}
.product_lays p{font-size: 16px; line-height: 30px; color: #000;}
.product_lays a{position: relative; display: block; width: 170px; height: 40px; border: 1px solid #000; padding: 0 34px; border-radius: 50px; margin-top: 30px; font-size: 16px; line-height: 37px; color: #000; text-align: left;}
.product_lays a:after{content: ''; position: absolute; right: 30px; top: 14px; width: 10px; height: 10px; background: url("../imgs/arrow_plus.png") no-repeat center; background-size: 10px;}
.product_lays a:hover:after{content: ''; transform: rotate(-180deg);}

.accordion_type ul{width:100%; border-top: 2px solid #333;}
.accordion_type ul li{border:1px solid #dcdcdc;}
.accordion_type ul li{border-top:0;}
.accordion_type ul li div{background: #f6f6f6; padding: 35px 50px; display: none; font-size: 16px; line-height: 30px; border-top:1px solid #dcdcdc;}
.accordion_type > ul > li > a{position: relative; line-height:30px; padding: 15px 30px; padding-left: 70px; display:block; font-size: 18px; font-weight: 500;}
.accordion_type > ul > li > a:after{content: ''; position: absolute; width: 10px; height: 10px; background: #000; left: 53px; top: 25px;}
.accordion_type .acc_btn{position: absolute; width: 20px; height: 20px; right:50px; top:20px; z-index: 2;}
.accordion_type .acc_btn, .accordion_type .acc_btn span{display: inline-block; transition: all .4s; box-sizing: border-box;}
.accordion_type .acc_btn span{position: absolute; left: 0; background-color: #000;}
.accordion_type .acc_btn span:nth-of-type(1){width: 20px; height: 2px; top: 9px;}
.accordion_type .acc_btn span:nth-of-type(2){width: 2px; height: 20px; left: 9px;}
.accordion_type .acc_btn.on span{background-color: #000;}
.accordion_type .acc_btn.on span:nth-of-type(1){transform:rotate(135deg);}
.accordion_type .acc_btn.on span:nth-of-type(2){transform:rotate(135deg);}

/* 방침 */
.scroll_box_wrap{width:100%; border:solid 1px #ccc; height:750px; overflow-y:auto; padding:30px; line-height:160%;}
.scroll_box_wrap > div{text-align: justify; line-height:160%; font-size: 14px; color: #666; font-weight: 350;}

.privacy_wrap .privacy_header{margin-top: 50px;}
.privacy_wrap .privacy_header .amendment{text-align: right; margin-top: 30px;}
.privacy_wrap h3{position: relative; font-size: 18px; font-weight: 700; color: #000; margin: 50px 0 10px; line-height: 25px; padding-left: 12px;}
.privacy_wrap h3:after{content: ''; position: absolute; left: 0; top: 0; width: 4px; height: 25px; background: #000;}
.privacy_wrap p{font-size: 16px; font-weight: 400; color: #666; line-height: 30px;}
.privacy_wrap .privacy_depth1{margin-left: 14px;}
.privacy_wrap .privacy_depth2{margin: 20px 0 20px 20px;}


/* CI */
.ui_wrap{background: url("../imgs/sub/s05/symbol_bg.jpg") top left; border: 1px solid #ccc; box-sizing: border-box; text-align: center; padding: 80px 0; margin-bottom: 50px;}
.ui_wrap.big_margin{margin-top: 80px;}
.ui_wrap img{width: 628px;}
.ui_wrap.logo_horizontal img{width: 400px;}

/* 서브 : Download */
.down_btn_wrap {text-align: center;}
.down_btn_wrap ul{}
.down_btn_wrap ul:after {display: block; content: ''; clear: both;}
.down_btn_wrap li{display: inline-block; text-align: left;}
.down_btn_wrap li{margin: 0 1%;}
.down_btn_wrap li:nth-child(1){width: 300px; margin-left: 0;}
.down_btn_wrap li:nth-child(2){width: 300px;}
.down_btn_wrap li:first-child{margin-left: 0 !important;}
.down_btn_wrap li a{position: relative; display: block; border: 1px solid #777; background: #777; color: #fff; font-size: 16px; height: 60px; line-height: 58px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 20px; box-sizing: border-box; font-weight: 300;}
.down_btn_wrap li a:after{content: ''; position: absolute; width: 20px; height: 20px; background: url("../imgs/down_w.png"); background-size: cover; top: 20px; right: 20px;}
.down_btn_wrap li.link_type a:after{content: ''; position: absolute; width: 20px; height: 20px; background: url("../imgs/link_go_w.png"); background-size: cover; top: 20px; right: 20px;}
.down_btn_wrap li a:hover{background: #000;}
.down_btn_wrap li.active a{background: #444; border: 1px solid #444; color: #fff;}

.gray_lay{width: 100%; padding: 50px 0; background: #f8f8f8;}


 /* 메일 폼 */
.p_wrap{position:relative; width:100%; padding:0; margin: 0 auto; box-sizing: border-box; font-size:15px; padding-top: 40px;}
.p_wrap caption{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}
.p_wrap h4{margin:10px;}
.p_wrap table{width:100%; padding:0; margin:0; margin-top:10px; border-top: 2px solid #000;}
.p_wrap tbody{border-top:2px solid #000;}
.p_wrap label span{color:#ff0000;}
.p_wrap td{min-height:50px; padding:10px 0; color:#666; border-bottom:1px solid #ccc; text-align:left; padding-left:20px; border-left:1px solid #ccc; font-weight:350;}
.p_wrap td:first-child{border-left:0; font-weight:700; color:#333;}
.p_wrap input.titlebox{background: #fff; border:1px solid #ccc; height:40px; width:100%; padding-left:7px; line-height:40px;}
.p_wrap textarea{background: #fff; border:1px solid #ccc; padding:5px 7px; margin:10px 0; width:100%; height:80px; line-height:26px; font-size:13px;}
.p_wrap input.filebox{background: #f2f2f2; width:100%; border:0; padding:5px;}
.p_wrap .info_wrap{width:100%; border:solid 1px #ccc; height:120px; overflow-y:auto; padding:10px; line-height:160%;}
.p_wrap .infobox{text-align: justify; line-height:160%; font-size: 14px; color: #666; font-weight: 350;}
.p_wrap .infobox span{font-weight:400;}
.p_wrap .checks{padding-left:10px; margin-top:5px; margin-bottom: 10px;}
.p_wrap .checks:after{content:""; clear:both; display:block; *zoom:1;}
.p_wrap .checks li{float:left;}
.p_wrap .checks li:first-child{margin-top: 3px;}
.p_wrap .checks li.checks_t{padding-left:5px; padding-top:2px;}
.p_wrap .p_wrap_last_line{margin-top:5px; border-bottom:2px solid #000; clear:both;}
.p_wrap .warning{margin-top:10px; color: #888; font-weight: 300; font-size: 14px; margin-left: 5px;}
.p_wrap .s1{width:100%; text-align:center;}
.p_wrap .s1 a{display:inline-block; width:auto; height:35px; line-height:33px; border:1px solid #333; font-weight:700; color:#333; padding:0 30px; margin-top:20px;}
.p_wrap .s1 a:hover{border:1px solid #000; background:#000; color:#fff;}
.p_wrap input::-webkit-input-placeholder{color: #aaa;}
.p_wrap textarea::-webkit-input-placeholder{color: #aaa;}
.p_wrap select{background: #fff; border:1px solid #ccc; height:40px; width:100%; padding-left:7px; line-height:40px; max-width: 400px;}


/* 팝업레이어 */
#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: 1300px; margin: 0 auto;}
.cf_terms{width: 100%; height: 500px; box-sizing: border-box; padding: 20px; line-height: 20px;}

.parallax_wrap{padding: 100px 0; margin: 70px 0; overflow: hidden;}
.parallax_wrap .layText{margin: 0;}
.parallax_wrap h3, .parallax_wrap p{color: rgba(255, 255, 255, 0.9) !important;}
.parallax_wrap.noContent{height: 100px; box-sizing: content-box;}
.parallax_wrap.nomargin{margin-top: 10px; margin-bottom: 0;}

/* PC */
@media (max-width:1320px){	
	/* 서브 */
	.con_wrap{width: 96%; margin-left: 2%; margin-right: 2%;}
	.con_wrap.fulls_wrap{width: 100%;  margin-left: 0; margin-right: 0;}
	.sub_nav{width: 96%; margin-left:2%; margin-right: 2%;}
	.con_wrap .sub_nav{width: 100%; margin-left:0; margin-right: 0;}
	
	.cf_wrap{width: 96%;}
}

@media (max-width:1220px){	
	.sub_depth_nav{height: 60px;}
	.sub_depth_wrap > div{height: 60px; line-height: 60px;}
	.sub_depth_wrap > div.sub_depth_home{width: 60px;}
	.sub_depth > div .first_dropit:after{content: ''; top: 20px;}
	.sub_depth_wrap > div.sub_depth_print, .sub_depth_wrap > div.sub_depth_sns{width: 60px;}
	.sub_depth_wrap > div.sub_depth_sns a.first_sns_dropit{height: 60px;}
	.sub_depth_sns .dropit-submenu{margin-left: -256px;}
}

/* Mobile */
@media all and (max-width:1023px){
    .jcontainer{padding-top: 60px;}
    
    .ctt_admin{display: none !important;}
	
	/* 서브 Common : 1Depth Title */
	.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;}
	
	/* 서브 Common : Depth Navigation */
	.sub_depth_nav{height: 50px;}
	.sub_depth_wrap > div{height: 50px; line-height: 50px;}
	.sub_depth_wrap > div.sub_depth{width: 25%;}
	.sub_depth_wrap > div.sub_depth_home{width: 50px;}
	.sub_depth_wrap > div.sub_depth_home a{background-size: 20px;}
	.sub_depth > div a{padding: 0 35px 0 15px; min-width: inherit;}
	.sub_depth > div .first_dropit{font-size: 15px;}
	.sub_depth > div .first_dropit:after{content: ''; top: 18px; right: 5px; width: 14px; height: 14px; background: url("../imgs/s_nav_arrow.png"); background-size: 14px;}
	.sub_depth_wrap > div.sub_depth_print, .sub_depth_wrap > div.sub_depth_sns{width: 50px;}
	.sub_depth_wrap > div.sub_depth_sns a.first_sns_dropit{height: 48px;}
	.sub_depth_wrap > div.sub_depth_print{display: none;}
	.sub_depth_wrap > div.sub_depth_sns{border-left: 0;}
	.sub_depth_sns .dropit-submenu{margin-left: -266px;}
	.sub_depth .dropit-submenu li a{height: 50px; line-height: 50px;}
	
	/* 서브 Common : Page Title */
	.sub_page_title h3{}
	.cPage_title h3 span{font-size:35px; letter-spacing: 0;}
    
    /* Layouy */
	.lays > li{margin-left: 0 !important; margin-top: 30px;}
	.lays > li:first-child{margin-top: 0;}
	.lays > li{width: 100% !important;}
    
    .layText > li{width: 75%;}
    .layText > li:first-child{width: 25%;}
    .layText h3{font-size: 18px;}
	.layText h3 span{font-size: 27px; margin-top: 10px;}
    
    /* Text UI */
	.text_layout p{font-size: 16px; line-height: 25px; margin-bottom: 25px;}
    .text_layout p.smallFont{font-size: 13px; line-height: 20px;}
    .text_layout p.bigFont{font-size: 18px; line-height: 33px;}
    .text_layout p .bigFont1{font-size: 18px; line-height: 33px;}
    .text_layout p .bigFont2{font-size: 23px; line-height: 35px;}
	
	/* Text + Box UI */
	.box_text p{font-size: 15px; line-height: 25px; margin-bottom: 5px;}

    
    /* Typo UI */
	.typo_layout{margin: 30px 0;}
	.typo_layout p{font-size: 30px; line-height: 30px;}
	.typo_layout p.verysmall{font-size: 17px; line-height: 22px;}
	.typo_layout p.small{font-size: 20px; line-height: 25px;}
	.typo_layout p.big{font-size: 40px; line-height: 52px;}
    
    /* Bullet UI */
    .bullet_c, .bullet_s{padding-left: 12px; background-position: 0 10px;}
    
    /* Table UI */
	.table_box th{font-size: 16px;}
	.table_box td{font-size: 15px;}
    
    /* 서브 : 가로 Depth */
    .depth_text_wrap {padding: 20px;}
    
    /* 유튜브 영상 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%;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){
	/* slick-slider 기본 */
	.room_gallery.slick-slider .slick-arrow{display: none !important;}
	.room_gallery .slick-dots{bottom: 10px;}
	.room_gallery .slick-dots li{margin: 0 4px;}
	.room_gallery .slick-dots li button{width: 8px; height: 8px;}
	
	.board_gallery.slick-slider .slick-arrow{display: none !important;}
	.board_gallery .slick-dots{bottom: 10px;}
	.board_gallery .slick-dots li{margin: 0 4px;}
	.board_gallery .slick-dots li button{width: 8px; height: 8px;}
	
    /* 서브 Common : 1Depth Title */
	.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;}

	
	/* 서브 Common : Depth Navigation */
	.sub_depth_wrap{padding-right: 50px; box-sizing: border-box;}
	.sub_depth_wrap > div.sub_depth{width: 42%;}
	.sub_depth_wrap > div.sub_depth_home{display: none;}
	.sub_depth > div a{padding: 0 25px 0 8px; min-width: inherit;}
	.sub_depth > div .first_dropit{font-size: 14px;}
	.sub_depth .dropit-submenu{position: absolute; top: 50px; left: 0; width: 100%;}
	.sub_depth_wrap > div.sub_depth_sns{position: absolute; top: 0; right: 0; z-index: 2;}
	.sub_depth_wrap > div.sub_depth_sns a.first_sns_dropit{background-color: #fff;}
	
	/* 서브 Common : Page Title */
	.sub_page_title h3{}
	.cPage_title{display: none;}
    
    /* Layouy */
    .lays{margin: 30px 0;}
    
	.layText{margin: 30px 0;}
    .layText.big_margin{margin-top: 60px;}
    .layText > li{width: 100% !important;}
    .layText > li:first-child{width: 100% !important;}
    .layText h3{font-size: 16px; margin-bottom: 20px;}
    .layText h3 br{display: none;}
	.layText h3 span{font-size: 23px; margin-top: 3px;}
    
    .layText.hafe_type > li{float: inherit; width: 100%;}
    .layText.hafe_type > li:first-child{width: 100%;}
    
	
    /* Typo UI */
	.typo_layout p{font-size: 25px; line-height: 32px; margin-bottom: 5px;}
	.typo_layout p.verysmall{font-size: 15px; line-height: 23px;}
	.typo_layout p.small{font-size: 17px; line-height: 27px;}
	.typo_layout p.big{font-size: 35px; line-height: 45px;}
    
    
    /* Image UI */
	.img_layout li{width: 100% !important;}
	.img_layout li:nth-child(n){margin-left: 0 !important; margin-top: 15px !important;}
	.img_layout li:nth-child(1){margin-top: 0 !important;}
	.img_layout img{width: 100% !important;}
	.img_layout.colm3 li:nth-child(n+3){margin-bottom: 0;}
	
	.img_layout.img_scroll .img_scroll_cover{width: 100%; overflow-x: scroll;}
	.img_layout.img_scroll .img_scroll_cover .img_scroll_body{min-width: 800px;}
	.img_layout.img_scroll p.scroll_text{display: block; font-size: 15px; color: #999; margin-top: 5px;}
    
	/* Left Title UI */    
    .lTitle_h3{font-size: 35px; line-height: 40px; margin: 40px 0 20px;}
    .lTitle_h4{font-size: 25px; line-height: 30px; margin: 40px 0 20px;}
    .lTitle_h5{font-size: 20px; line-height: 25px; margin: 40px 0 20px;}
    .lTitle_h6{font-size: 17px; line-height: 20px; margin: 40px 0 20px;}
	
	.topLine{padding-top: 15px;}
    
    .scTitle{font-size: 20px; line-height: 25px; margin: 40px 0 20px;}
    
    /* Bullet UI */
    .bullet_c, .bullet_b, .bullet_s{padding-left: 15px; background-position: 5px 10px;}
    
    /* Table UI */
	.table_scroll{overflow-x: scroll;}
	.table_scroll > table{width: 700px;}
	.table_box.manyinfo .table_scroll > table{width: 900px;}
    .table_box.manyinfo table th, .table_box.manyinfo table td{padding: 7px 3px;}
	
    /* 서브 : 가로 Depth */
	.depth_text_wrap{padding: 15px;}
    
    /* 방침 */
    .scroll_box_wrap{height:400px; padding:20px;}
    
    /* CI */
	.ui_wrap{padding: 60px 0; margin-bottom: 40px;}
	.ui_wrap img{width: 80%;}
	.ui_wrap.logo_horizontal img{width: 80%;}
    
    /* 서브 : Download */
	.down_btn_wrap li{width: 100% !important; margin-left: 0 !important; margin-top: 5px;}
	.down_btn_wrap li:first-child{margin-top: 0;}
    
    /* 제품 */
    .product_lays{display: block; width: 100%;}
    .product_lays > li{display: block; width: 100%;}
    .product_lays > li:nth-child(1){border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
    .product_lays > li:nth-child(2){padding: 30px 20px;}
    .product_lays h4{font-size: 25px; line-height: 30px;}
    .product_lays h4 br{display: none;}
    
    .accordion_type ul li div{padding: 30px 20px; font-size: 15px;}
    .accordion_type > ul > li > a{padding: 15px; padding-left: 40px;}
    .accordion_type > ul > li > a:after{content: ''; left: 23px;}
    .accordion_type .acc_btn{right:20px;}
	
	.cf_terms{height: 300px; padding: 15px;}
} 

@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;}
	
    /* Text UI */
	.text_layout p{font-size: 15px; line-height: 25px; margin-bottom: 25px;}
    .text_layout p.smallFont{font-size: 13px; line-height: 20px;}
    .text_layout p.bigFont{font-size: 17px; line-height: 30px;}
    .text_layout p .bigFont1{font-size: 17px; line-height: 30px;}
    .text_layout p .bigFont2{font-size: 21px; line-height: 30px;}
	
	/* Text + Box UI */
	.box_text{padding: 20px 15px; margin-top: 30px;}
	.box_text p{font-size: 13px; line-height: 20px; margin-bottom: 5px;}
	.box_text p.depth2{padding-left: 17px; box-sizing: border-box;}
	.box_text p.bullet_type span{padding-left: 12px;}
	.box_text p.bullet_type span:first-child{padding: 0;}
	   
	/* Typo UI */
	.typo_layout p{font-size: 20px; line-height: 32px; margin-bottom: 0;}
	.typo_layout p.verysmall{font-size: 14px; line-height: 30px;}
	.typo_layout p.small{font-size: 17px; line-height: 27px;}
	.typo_layout p.big{font-size: 30px; line-height: 37px;}

    
    /* Left Title UI */    
    .lTitle_h3{font-size: 30px; line-height: 35px; margin: 35px 0 20px;}
    .lTitle_h4{font-size: 22px; line-height: 27px; margin: 35px 0 20px;}
    .lTitle_h5{font-size: 19px; line-height: 23px; margin: 35px 0 20px;}
    .lTitle_h6{font-size: 15px; line-height: 20px; margin: 35px 0 20px;}
	
	/* 서브 Common : Page Title */
	.sub_page_title h3{}

    
    .scTitle{font-size: 19px; line-height: 23px; margin: 35px 0 20px;}
    
    /* CI */
	.ui_wrap{padding: 30px 0; margin-bottom: 30px;}
    
    /* 서브 : Download */
	.down_btn_wrap li a{font-size: 15px; height: 50px; line-height: 48px;}
	.down_btn_wrap li a:after{content: ''; top: 15px;}
}