@charset "utf-8";

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url('font/eot/notokr-light.eot'); /* IE 호환성 보기 */
	src: url('font/eot/notokr-lightd41d.eot?#iefix') format('embedded-opentype'), /* IE 6 ~ 8 */
		 url('font/woff2/notokr-light.html') format('woff2'), /* WOFF2 지원 브라우저 */
		 url('font/woff/notokr-light.woff') format('woff'); /* 모던 브라우저 (chrome5.0, ie9, firefox3.6, safari5.1, opera11.1) */
}
 
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url('font/eot/notokr-regular.eot');
	src: url('font/eot/notokr-regulard41d.eot?#iefix') format('embedded-opentype'),
		 url('font/woff2/notokr-regular.html') format('woff2'),
		 url('font/woff/notokr-regular.woff') format('woff');
}
 
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url('font/eot/notokr-medium.eot');
	src: url('font/eot/notokr-mediumd41d.eot?#iefix') format('embedded-opentype'),
		 url('font/woff2/notokr-medium.html') format('woff2'),
		 url('font/woff/notokr-medium.woff') format('woff');
}
 
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 600;
	src: url('font/eot/notokr-bold.eot');
	src: url('font/eot/notokr-boldd41d.eot?#iefix') format('embedded-opentype'),
		 url('font/woff2/notokr-bold.html') format('woff2'),
		 url('font/woff/notokr-bold.woff') format('woff');
}

/* base */
* {margin:0; padding:0; line-height:140%; -webkit-text-size-adjust:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
body {font-family:'Noto Sans KR', '微软雅黑', '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, Tahoma, Geneva, sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button {margin:0; padding:0;}
img,fieldset,iframe {border:none;}
li {list-style:none;}
input,select,button {font-family:'Noto Sans KR', '微软雅黑', '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, Tahoma, Geneva, sans-serif; vertical-align:middle;}
img {vertical-align:top;}
i,em,address {font-style:normal;}
label,button {cursor:pointer;}
hr {display:none;}
a {color:#2f3743; text-decoration:none;}
a:hover {color:#073b77; text-decoration:underline;}
a:focus {text-decoration:none;}

/* skip_navi */
#skip_navi {position:absolute; top:0; left:0; width:100%; height:0; z-index:10002;}
#skip_navi li {float:left;}
#skip_navi a {font-size:0; color:#fff; white-space:nowrap;}
#skip_navi a:focus {position:absolute; top:0; left:0; width:100%; height:30px; line-height:30px; text-align:center; font-size:12px; color:#fff; background:#666;}

/* blind */
.blind {position:absolute; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; color:transparent; overflow:hidden;}

/* all layout */
body {min-width:320px; word-break:keep-all; word-wrap:break-word; background:#fff; -webkit-overflow-scrolling:touch;}
body.popup_scroll {overflow:hidden;}
body.navOn {overflow-y:hidden;}
#wrap {position:relative; min-width:1200px;}

@media (max-width:1240px) {
#wrap {min-width:100%;}
}

@media (max-width:1023px) {
#wrap {padding-top:80px;}
}

@media (max-width:767px) {
#wrap {padding-top:56px;}
}

/* slick-slider */
.slick-slider {position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-list {position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus {outline:none;}
.slick-list.dragging {cursor:pointer; cursor:hand;}
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track {position:relative; top:0; left:0; display:block; margin-left:auto; margin-right:auto;}
.slick-track:before, .slick-track:after {display:table; content:'';}
.slick-track:after {clear:both;}
.slick-loading .slick-track {visibility:hidden;}
.slick-slide {display:none; float:left; height:100%; min-height:1px;}
[dir='rtl'] .slick-slide {float:right;}
.slick-slide img {display:block;}
.slick-slide.slick-loading img {display:none;}
.slick-slide.dragging img {pointer-events:none;}
.slick-initialized .slick-slide {display:block;}
.slick-loading .slick-slide {visibility:hidden;}
.slick-vertical .slick-slide {display:block; height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden {display:none;}

/* header */
#header {position:fixed; top:0; left:0; width:100%; z-index:1000; transition:background .25s ease-in-out;}
#header:before {opacity:.3; content:""; display:block; position:absolute; top:100px; left:0; width:100%; height:1px; background-color:#fff; transition:background .25s ease-in-out;}
#header:after {content:""; display:block; position:absolute; top:100px; left:0; width:100%; visibility:hidden; height:0; filter:alpha(opacity=0); opacity:0; background-color:#fff; border-top:1px solid #e5e5e5; border-bottom:1px solid #eee; transition:all .25s ease-in-out;}
#header .inner {position:relative; max-width:1200px; margin:0 auto;}
#header .inner .logo {position:absolute; top:21px; left:0;}
#header .inner .logo a {display:block; width:179px; height:60px; background-image:url('../images/comn/h_logo.png'); background-repeat:no-repeat; background-position:50% 50%; overflow:hidden; transition:background .25s ease-in-out;}
#header .inner .gnb {max-width:820px; margin:0 auto; padding-left:70px;}
#header .inner .gnb > ul {display:table;}
#header .inner .gnb > ul:after {content:""; display:block; clear:both;}
#header .inner .gnb > ul > li {position:relative; display:table-cell; width:20%; padding:0 20px; text-align:center; vertical-align:top;}
#header .inner .gnb > ul > li > a {display:block; height:100px; line-height:100px; color:#fff; font-size:20px; white-space:nowrap;}
#header .inner .gnb > ul > li > a:hover {text-decoration:none;}
#header .inner .gnb > ul > li > a > span {position:relative;}
#header .inner .gnb > ul > li > a > span:before {content:""; display:none; position:absolute; top:0; right:-8px; width:4px; height:4px; background-color:#0399d8; border-radius:1px;}
#header .inner .gnb > ul > li:hover > a > span:before {display:block;}
#header .inner .gnb > ul > li .depth2 {position:absolute; top:100px; left:0; width:100%; visibility:hidden; height:0; filter:alpha(opacity=0); opacity:0; padding:40px 20px 50px 37px; transform:translateY(0); transition:transform .25s ease-in-out, opacity .25s ease-in-out, top .25s ease-in-out; z-index:1;}
#header .inner .gnb > ul > li .depth2 > li {margin-top:20px; text-align:left; white-space:nowrap;}
#header .inner .gnb > ul > li .depth2 > li:first-child {margin-top:0;}
#header .inner .gnb > ul > li .depth2 > li > a {display:block; color:#333; font-size:17px; font-weight:300; line-height:140%; letter-spacing:-0.5px;}
#header .inner .gnb > ul > li .depth2 > li > a:hover {color:#0399d8; text-decoration:none;}
#header .inner .btn_h_menu {position:absolute; top:40px; right:0; display:block; background-color:transparent; border:none; outline:0; -webkit-transform:rotateY(0); transform:rotateY(0); -webkit-transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1); transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1); z-index:10;}
#header .inner .btn_h_menu .line {display:block; width:28px; height:2px; margin:0 0 6px 0; border-radius:3px; background:#fff; -webkit-transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1); transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1);}
#header .inner .btn_h_menu .line:last-child {margin-bottom:0;}
#header.fixed .inner .btn_h_menu .line, #header.active .inner .btn_h_menu .line, #header:hover .inner .btn_h_menu .line {background:#333;}
#header .inner .btn_h_menu.on {-webkit-transform:rotate(180deg); transform:rotate(180deg);}
#header .inner .btn_h_menu.on .line {margin:0 0 4px 0;}
#header .inner .btn_h_menu.on .line.nth1 {-webkit-transform:rotate(45deg) translate(4px, 4px); transform:rotate(45deg) translate(5px, 5px);}
#header .inner .btn_h_menu.on .line.nth2 {opacity:0;}
#header .inner .btn_h_menu.on .line.nth3 {-webkit-transform:rotate(-45deg) translate(5px, -4px); transform:rotate(-45deg) translate(4px, -3px);}
#header .inner .util_menu {position:absolute; top:40px; right:0; font-size:0;}
#header .inner .util_menu .btn_h_link {display:inline-block; color:#fff; font-size:16px; font-weight:400; border-radius:6px; vertical-align:middle;}
#header .inner .util_menu .btn_h_link:hover {text-decoration:none;}
#header .inner .util_menu .share_h_box {position:relative; display:inline-block; margin-left:30px; vertical-align:middle;}
#header .inner .util_menu .share_h_box .share_h_tit {position:relative; padding-right:24px; color:#fff; font-size:16px; font-weight:400; cursor:pointer;}
#header .inner .util_menu .share_h_box .share_h_tit:hover {text-decoration:none;}
#header .inner .util_menu .share_h_box .share_h_tit:before {content:""; display:block; position:absolute; top:5px; right:0; width:16px; height:16px; background-image:url('../images/ico/ico_share_h.png'); background-repeat:no-repeat; background-position:50% 50%;}
#header .inner .util_menu .share_h_box .share_h_list {display:none; position:absolute; top:auto; left:50%; width:66px; margin-left:-33px; padding-top:15px; overflow:hidden;}
#header .inner .util_menu .share_h_box .share_h_list li {overflow:hidden;}
#header .inner .util_menu .share_h_box .share_h_list li a {display:block; height:45px; background-repeat:no-repeat; background-position:50% 50%; overflow:hidden;}
#header .inner .util_menu .share_h_box .share_h_list li.facebook a {background-color:#395794; background-image:url('../images/ico/ico_facebook_h.png'); background-size:11px auto;}
#header .inner .util_menu .share_h_box .share_h_list li.twitter a {background-color:#1c9deb; background-image:url('../images/ico/ico_twitter_h.png'); background-size:20px auto;}
#header .inner .util_menu .share_h_box .share_h_list li.kakaotalk a {background-color:#f3dd01; background-image:url('../images/ico/ico_kakaotalk_h.png'); background-size:26px auto;}
#header .btn_all_menu {display:none; position:absolute; top:30px; right:0; background-color:transparent; border:none; outline:0; -webkit-transform:rotateY(0); transform:rotateY(0); -webkit-transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1); transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1); z-index:10;}
#header .btn_all_menu .line {display:block; width:28px; height:2px; margin:0 0 6px 0; border-radius:3px; background:#535353; -webkit-transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1); transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1);}
#header .btn_all_menu .line:last-child {margin-bottom:0;}
#header .btn_all_menu.active {-webkit-transform:rotate(180deg); transform:rotate(180deg);}
#header .btn_all_menu.active .line {margin:0 0 4px 0;}
#header .btn_all_menu.active .line.nth1 {-webkit-transform:rotate(45deg) translate(4px, 4px); transform:rotate(45deg) translate(5px, 5px);}
#header .btn_all_menu.active .line.nth2 {opacity:0;}
#header .btn_all_menu.active .line.nth3 {-webkit-transform:rotate(-45deg) translate(5px, -4px); transform:rotate(-45deg) translate(4px, -3px);}

#header .all_menu {opacity:0; visibility:hidden; position:fixed; top:81px; right:-100%; width:100%; height:100%; background-color:#fff; overflow-y:auto; overflow-x:hidden; z-index:1001; transition:all .5s cubic-bezier(0.23, 1, 0.38, 1);}
#header .all_menu.on {opacity:1; visibility:visible; right:0;}
#header .all_menu .m_menu {position:relative;}
#header .all_menu .m_menu > ul {overflow:hidden;}
#header .all_menu .m_menu > ul > li {border-bottom:1px solid #eee;}
#header .all_menu .m_menu > ul > li > a {position:relative; display:block; padding:18px 80px 18px 30px; color:#5f5f5f; font-size:18px; font-weight:600; line-height:140%;}
#header .all_menu .m_menu > ul > li > a:hover {text-decoration:none;}
#header .all_menu .m_menu > ul > li > a:before, #header .all_menu .m_menu > ul > li > a:after {content:""; display:none; position:absolute; background-color:#505050; transition:all .15s ease-out;}
#header .all_menu .m_menu > ul > li.depthY > a:before, #header .all_menu .m_menu > ul > li.depthY > a:after {display:block;}
#header .all_menu .m_menu > ul > li > a:before {top:30px; right:36px; width:15px; height:1px;}
#header .all_menu .m_menu > ul > li > a:after {top:23px; right:43px; width:1px; height:15px;}
#header .all_menu .m_menu > ul > li > a.on:after {transform:rotate(90deg);}
#header .all_menu .m_menu > ul > li .depth2 {display:none; padding:20px 35px; background-color:#f5f5f5;}
#header .all_menu .m_menu > ul > li .depth2 > li {margin-bottom:12px;}
#header .all_menu .m_menu > ul > li .depth2 > li:last-child {margin-bottom:0;}
#header .all_menu .m_menu > ul > li .depth2 > li > a {display:block; color:#333; font-size:15px; font-weight:300; line-height:140%;}
#header .all_menu .m_menu > ul > li .depth2 > li > a:hover {text-decoration:none;}
#header .all_menu .util_link {margin-top:30px; font-size:0; text-align:center;}
#header .all_menu .util_link li {display:inline-block; vertical-align:middle;}
#header .all_menu .util_link li a {display:inline-block; padding:5px 15px; color:#8d8d8d; font-size:14px; font-weight:400; border:1px solid #e0e0e0; border-radius:4px; vertical-align:middle;}
#header .all_menu .util_link li a:hover {text-decoration:none;}
#header .all_menu .m_share_list {margin-top:30px; text-align:center;}
#header .all_menu .m_share_list li {display:inline-block; margin:0 6px; vertical-align:middle;}
#header .all_menu .m_share_list li a {display:block; width:38px; height:38px; border-radius:38px; background-repeat:no-repeat; background-position:50% 50%; overflow:hidden;}
#header .all_menu .m_share_list li.facebook a {background-color:#395794; background-image:url('../images/ico/ico_facebook_h.png'); background-size:10px auto;}
#header .all_menu .m_share_list li.twitter a {background-color:#1c9deb; background-image:url('../images/ico/ico_twitter_h.png'); background-size:18px auto;}
#header .all_menu .m_share_list li.kakaotalk a {background-color:#f3dd01; background-image:url('../images/ico/ico_kakaotalk_h.png'); background-size:23px auto;}

#header.fixed, #header.active, #header:hover {background-color:#fff;}
#header.fixed:before, #header.active:before, #header:hover:before {opacity:1; background-color:#e6e6e6;}
#header.fixed .inner .logo a, #header.active .inner .logo a, #header:hover .inner .logo a {background-image:url('../images/comn/h_logo_on.png');}
#header.fixed .inner .gnb > ul > li > a, #header.active .inner .gnb > ul > li > a, #header:hover .inner .gnb > ul > li > a {color:#333;}
#header.fixed .inner .gnb > ul > li:hover > a, #header.active .inner .gnb > ul > li:hover > a, #header:hover .inner .gnb > ul > li:hover > a {color:#0399d8;}
#header.fixed .inner .util_menu .btn_h_link, #header.active .inner .util_menu .btn_h_link, #header:hover .inner .util_menu .btn_h_link {color:#333;}
#header.fixed .inner .util_menu .btn_h_link:hover, #header.active .inner .util_menu .btn_h_link:hover, #header:hover .inner .util_menu .btn_h_link:hover {color:#000;}
#header.fixed .inner .util_menu .share_h_box .share_h_tit, #header.active .inner .util_menu .share_h_box .share_h_tit, #header:hover .inner .util_menu .share_h_box .share_h_tit {color:#333;}
#header.fixed .inner .util_menu .share_h_box .share_h_tit:before, #header.active .inner .util_menu .share_h_box .share_h_tit:before, #header:hover .inner .util_menu .share_h_box .share_h_tit:before {background-image:url('../images/ico/ico_share_h_on.png');}
#header.active:after {visibility:visible; height:235px; filter:alpha(opacity=100); opacity:1;}
#header.active .inner .gnb > ul > li .depth2 {visibility:visible; height:235px; filter:alpha(opacity=100); opacity:1; transform:translateY(0);}

@media (min-width:1024px) {
#header .all_menu {display:none;}
}

@media (max-width:1280px) {
#header .inner {margin:0 30px;}
#header .inner .gnb {max-width:740px; padding-left:100px;}
#header .inner .gnb > ul > li > a {font-size:18px;}
#header .inner .gnb > ul > li .depth2 {padding:40px 20px 50px 29px;}
#header .inner .gnb > ul > li .depth2 > li > a {font-size:16px;}
#header .inner .util_menu {top:42px;}
#header .inner .util_menu .btn_h_link {font-size:14px;}
#header .inner .util_menu .share_h_box {margin-left:30px;}
#header .inner .util_menu .share_h_box .share_h_tit {font-size:14px;}
#header .inner .util_menu .share_h_box .share_h_tit:before {top:3px;}
}

@media (max-width:1023px) {
#header {background-color:#fff;}
#header:before {opacity:1; top:80px; background-color:#eee;}
#header .inner {height:80px;}
#header .inner .logo {top:16px;}
#header .inner .logo a {width:149px; height:50px; background-image:url('../images/comn/h_logo_on.png'); background-size:149px 50px;}
#header .inner .gnb {display:none;}
#header .inner .util_menu {display:none;}
#header .inner .btn_h_menu {display:none;}
#header .btn_all_menu {display:block;}
}

@media (max-width:767px) {
#header:before {top:56px;}
#header .inner {height:56px; margin:0 15px;}
#header .inner .logo {top:11px;}
#header .inner .logo a {width:107px; height:36px; background-size:107px 36px;}
#header .btn_all_menu {top:19px;}
#header .all_menu {top:57px;}
#header .all_menu .m_menu > ul > li > a {padding:15px 50px 15px 20px;}
#header .all_menu .m_menu > ul > li > a:before {top:28px; right:20px;}
#header .all_menu .m_menu > ul > li > a:after {top:21px; right:27px;}
#header .all_menu .m_menu > ul > li .depth2 {padding:20px 25px;}
}

/* footer */
#footer {padding:40px 30px; border-top:1px solid #e5e5e5;}
#footer .f_inner {position:relative; max-width:1200px; margin:0 auto;}
#footer .f_inner .foot_logo {position:absolute; top:50%; left:30px; display:block; width:178px; height:67px; margin-top:-33px; color:#fff; text-indent:-999em; background:url('../images/comn/foot_logo.png') no-repeat 50% 50%; overflow:hidden;}
#footer .f_inner .f_txt {padding:0 230px 0 280px; text-align:left;}
#footer .f_inner .f_txt .f_noti {display:block; margin-bottom:10px; color:#333; font-size:18px; font-weight:100; line-height:160%;}
#footer .f_inner .f_txt .copyright {display:block; color:#b5b5b5; font-size:16px; font-weight:100; line-height:160%;}
#footer .f_inner .btn_family_link {display:block; position:absolute; top:50%; right:0; height:50px; line-height:50px; min-width:190px; margin-top:-25px; padding:0 15px; color:#333; font-size:16px; font-weight:500; text-align:center; background-color:#fff; border:1px solid #c6c6c6;}
#footer .f_inner .btn_family_link:hover {text-decoration:none;}
#footer .f_inner .line {display:inline-block; width:1px; height:18px; margin:0 10px 3px 10px; background-color:#bebebe; vertical-align:middle;}

@media (max-width:1023px) {
#footer .f_inner .foot_logo {left:0; width:133px; height:50px; margin-top:-25px; background-size:133px 50px;}
#footer .f_inner .f_txt {padding:0 170px 0 180px;}
#footer .f_inner .f_txt .f_noti {font-size:16px;}
#footer .f_inner .f_txt .copyright {font-size:14px;}
#footer .f_inner .btn_family_link {height:46px; line-height:46px; min-width:150px; font-size:15px;}
#footer .f_inner .line {height:16px; margin:0 8px 2px 8px;}
}

@media (max-width:767px) {
#footer {padding:30px 20px;}
#footer .f_inner .foot_logo {position:static; width:90px; height:34px; margin:0 auto 15px auto; background-size:90px 34px;}
#footer .f_inner .f_txt {padding:0; text-align:center;}
#footer .f_inner .f_txt .f_noti {font-size:13px;}
#footer .f_inner .f_txt .copyright {font-size:12px;}
#footer .f_inner .btn_family_link {position:static;}
#footer .f_inner .line {height:14px; margin:0 5px 1px 5px;}
#footer .f_inner .btn_family_link {margin-top:20px; height:42px; line-height:42px; font-size:13px;}
}

/* go_top */
.go_top {display:none; position:fixed; right:40px; bottom:40px; width:64px; height:64px; background-color:rgba(0, 0, 0, .6); background-image:url('../images/ico/ico_gotop.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:10px auto; border-radius:64px; overflow:hidden; transition:box-shadow .15s ease-out;}

@media (max-width:1023px) {
.go_top {display:none !important;}
}

/* Quick Inquiry */
.btn_inquiry_open {position:fixed; right:50px; bottom:50px; display:block; width:96px; height:96px; background-image:url('../images/ico/ico_quick_inquiry.html'); background-repeat:no-repeat; background-position:50% 50%; z-index:101;}
.quick_inquiry_layer {visibility:hidden; opacity:0; transform:translateX(40%) translateY(70%) scale(0); transition:all .7s cubic-bezier(0.23, 1, 0.38, 1); position:fixed; right:50px; bottom:170px; width:320px; padding:35px 30px; background-color:#fff; border-radius:10px; box-shadow:1px 3px 13px rgba(0, 0, 0, .16); overflow:hidden; z-index:100;}
.quick_inquiry_layer.active {visibility:visible; opacity:1; transform:translateX(0) translateY(0) scale(1);}
.quick_inquiry_layer .q_tit {color:#333; font-size:21px; font-weight:600; letter-spacing:-0.5px; line-height:140%;}
.quick_inquiry_layer .q_list {margin-top:25px; border:1px solid #ddd;}
.quick_inquiry_layer .q_list li {position:relative; padding:15px 15px 15px 85px; border-top:1px solid #ddd;}
.quick_inquiry_layer .q_list li:first-child {border-top:none;}
.quick_inquiry_layer .q_list li:before {content:""; position:absolute; top:10px; left:15px; display:block; width:56px; height:56px; background-repeat:no-repeat; background-position:50% 50%;}
.quick_inquiry_layer .q_list li:nth-child(1):before {background-image:url('../images/ico/ico_emoticon01.html');}
.quick_inquiry_layer .q_list li:nth-child(2):before {background-image:url('../images/ico/ico_emoticon02.html');}
.quick_inquiry_layer .q_list li span {display:block; color:#333; font-size:16px; font-weight:500; line-height:140%;}
.quick_inquiry_layer .q_list li em {display:block; margin-top:3px; color:#333; font-size:16px; font-weight:400; line-height:140%;}
.quick_inquiry_layer .btn_inquiry_link {display:block; margin-top:30px; padding:16px 15px; color:#fff; font-size:16px; font-weight:400; text-align:center; border-radius:60px; background-color:#ac1d1d; overflow:hidden; transition:background .15s ease-out;}
.quick_inquiry_layer .btn_inquiry_link:hover {text-decoration:none; background-color:#991515;}
.quick_inquiry_layer .btn_inquiry_close {opacity:.8; display:block; position:absolute; top:29px; right:20px; width:40px; height:40px; border:none; outline:0; background:url('../images/ico/ico_quick_close.png') no-repeat 50% 50%; background-size:18px 18px; overflow:hidden; transition:opacity .15s ease-out;}
.quick_inquiry_layer .btn_inquiry_close:hover {opacity:1;}

@media (max-width:1023px) {
.btn_inquiry_open {right:40px; bottom:40px; width:60px; height:60px; background-size:60px 60px;}
.quick_inquiry_layer {right:40px; bottom:120px; width:300px;}
}

@media (max-width:767px) {
.btn_inquiry_open {right:20px; bottom:20px; width:45px; height:45px; background-size:45px 45px;}
.quick_inquiry_layer {right:20px; bottom:80px; width:240px; padding:25px 20px; box-shadow:1px 2px 10px rgba(0, 0, 0, .16);}
.quick_inquiry_layer .q_tit {font-size:17px;}
.quick_inquiry_layer .q_list {margin-top:15px;}
.quick_inquiry_layer .q_list li {padding:10px 15px 10px 55px;}
.quick_inquiry_layer .q_list li:before {top:15px; width:28px; height:28px; background-size:28px 28px;}
.quick_inquiry_layer .q_list li span {font-size:14px;}
.quick_inquiry_layer .q_list li em {margin-top:1px; font-size:14px;}
.quick_inquiry_layer .btn_inquiry_link {margin-top:20px; padding:12px 10px; font-size:14px;}
.quick_inquiry_layer .btn_inquiry_close {top:16px; right:10px;}
}

/* form style */
.form_input {width:100%; height:40px; padding:5px 10px; color:#333; font-size:16px; font-weight:400; border:1px solid #cecece; outline:0; border-radius:0; background-color:#fff; overflow:hidden; box-sizing:border-box; -webkit-appearance:none; -moz-appearance:none; appearance:none; transition:border .25s ease-out;}
.form_input.ar {text-align:right;}
.form_input:focus {border:1px solid #adadad;}
.form_input::placeholder {color:#acacac; font-weight:300;}
.form_input:-ms-input-placeholder {color:#acacac; font-weight:300;}
.form_input::-ms-input-placeholder {color:#acacac; font-weight:300;}
.form_input:read-only {color:#858585; background-color:#ededed;}
.form_input:-moz-read-only {color:#858585; background-color:#ededed;}
.form_input:focus:read-only {border:1px solid #cecece;}
.form_input[readonly] {color:#858585; background-color:#ededed;}
.form_input[readonly]:focus {border:1px solid #cecece;}
.form_textarea {width:100% !important; min-height:150px; padding:12px 10px; color:#666; font-size:16px; font-weight:400; border:1px solid #cecece; outline:0; border-radius:0; box-sizing:border-box; -webkit-appearance:none; transition:border .25s ease-out; font-family:'Noto Sans KR', '微软雅黑', '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, Tahoma, Geneva, sans-serif !important;}
.form_textarea:focus {border:1px solid #adadad;}
.form_textarea::placeholder {color:#acacac; font-weight:300;}
.form_textarea:-ms-input-placeholder {color:#acacac; font-weight:300;}
.form_textarea::-ms-input-placeholder {color:#acacac; font-weight:300;}
.form_select {height:40px; padding:5px 10px; color:#555; font-size:16px; font-weight:400; border:1px solid #cecece; outline:0; border-radius:0; background-color:#fff; overflow:hidden; box-sizing:border-box; transition:border .25s ease-out;}
.form_select:focus {border:1px solid #adadad;}
.form_button {display:inline-block; height:40px; padding:8px 15px; color:#fff; font-size:16px; font-weight:400; text-align:center; outline:0; border:none; border-radius:0; background-color:#6a6a6a; overflow:hidden; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none; vertical-align:middle; box-sizing:border-box; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.form_button:hover {background-color:#4e4e4e; text-decoration:none;}
.form_button.white {color:#333; border:1px solid #c1c1c1; background-color:#fff;}
.form_button.white:hover {background-color:#f1f1f1;}
.form_check {position:relative; display:inline-block; width:16px; height:16px; margin:0 0 3px 0; vertical-align:middle;}
.form_check input[type='checkbox'] {display:none;}
.form_check input[type='checkbox'] + label {position:relative; display:block; width:16px; height:16px; margin:0; padding:0; color:#333; font-size:14px; font-weight:400; letter-spacing:-0.5px; line-height:150%; text-indent:-999em;}
.form_check input[type='checkbox'] + label::before {content:""; display:block; position:absolute; top:3px; left:0; width:20px; height:20px; background-image:url('../images/ico/f_chk_off.png'); background-repeat:no-repeat; background-position:50% 50%; overflow:hidden; -webkit-transition:all .25s ease; transition:all .25s ease;}
.form_check input[type='checkbox']:checked + label::before {background-image:url('../images/ico/f_chk_on.png');}
.form_check.txt {width:auto; height:auto; margin:0 10px 3px 0;}
.form_check.txt input[type='checkbox'] + label {width:auto; height:auto; padding:0 0 0 25px; font-size:16px; text-indent:0;}
.form_check .btn_link {margin:0 5px; color:#f19512; text-decoration:underline;}
.form_check01 {position:relative; display:inline-block; margin:0 0 3px 0; vertical-align:middle;}
.form_check01 input[type='checkbox'] {display:none;}
.form_check01 input[type='checkbox'] + label {position:relative; display:block; margin:0; padding:0 0 0 28px; color:#333; font-size:18px; font-weight:400; letter-spacing:-0.5px; line-height:150%;}
.form_check01 input[type='checkbox'] + label::before {content:""; display:block; position:absolute; top:3px; left:0; width:22px; height:22px; border-radius:22px; background-color:#cecece; background-image:url('../images/ico/f_chk_line.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:13px auto; overflow:hidden; -webkit-transition:all .25s ease; transition:all .25s ease;}
.form_check01 input[type='checkbox']:checked + label::before {background-color:#3590e3;}
.form_radio {position:relative; display:inline-block; width:16px; height:16px; margin:0 0 3px 0; vertical-align:middle;}
.form_radio input[type='radio'] {display:none;}
.form_radio input[type='radio'] + label {position:relative; display:block; width:16px; height:16px; margin:0; padding:0; color:#333; font-size:14px; font-weight:400; letter-spacing:-0.5px; line-height:150%; text-indent:-999em;}
.form_radio input[type='radio'] + label::before {content:""; display:block; position:absolute; top:3px; left:0; width:20px; height:20px; background-image:url('../images/ico/f_radio_off.png'); background-repeat:no-repeat; background-position:50% 50%; overflow:hidden; -webkit-transition:all .25s ease; transition:all .25s ease;}
.form_radio input[type='radio']:checked + label::before {background-image:url('../images/ico/f_radio_on.png');}
.form_radio.txt {width:auto; height:auto; margin:0 10px 3px 0;}
.form_radio.txt input[type='radio'] + label {width:auto; height:auto; padding:0 0 0 25px; font-size:16px; text-indent:0;}
.form_radio.ipt {padding-left:70px;}
.form_radio.ipt input[type='radio'] + label {position:absolute; top:13px; left:0;}
.chk_block .form_check, .chk_block .form_radio {display:block; margin-top:10px;}
.chk_block .form_check:first-child, .chk_block .form_radio:first-child {margin-top:0;}
.chk_block .form_check input[type='checkbox'] + label, .chk_block .form_radio input[type='radio'] + label {display:inline-block;}
.chk_block .btn_link {margin-left:10px; display:inline-block; color:#3590e3; font-size:15px; font-weight:300; text-decoration:underline;}
.chk_block.terms {margin-top:20px; padding:0 25px;}
.chk_block.terms .form_check, .chk_block.terms .form_radio {margin-top:5px;}
.form_inline {display:table; width:100%; margin-bottom:10px; overflow:hidden;}
.form_inline:last-child {margin-bottom:0;}
.form_inline .form_group {position:relative; display:table-cell; padding:0 5px; vertical-align:top;}
.form_inline.vm .form_group {vertical-align:middle;}
.form_inline .form_group:first-child {padding-left:0;}
.form_inline input + .form_group {padding-left:0;}
.form_inline .form_group:last-child {padding-right:0;}
.form_inline .form_group.line {text-align:center;}
.form_file {position:relative; padding-right:98px;}
.form_file label {position:absolute; top:0; right:0; height:40px; line-height:40px; padding:0 16px; color:#fff; font-size:15px; font-weight:400; text-align:center; outline:0; border:none; border-radius:0; background-color:#6f7d8a; overflow:hidden; cursor:pointer; transition:background .25s ease-out;}
.form_file label:hover {background-color:#5c6975;}
.form_file label input[type='file'] {position:absolute; width:1px; height:1px; margin:0; padding:0; border:none; overflow:hidden; clip:rect(0,0,0,0);}
.upload_file_list {max-width:400px; margin:15px 0 0 0;}
.upload_file_list li {position:relative; margin-top:10px; padding:0 60px 0 10px;}
.upload_file_list li:first-child {margin-top:0;}
.upload_file_list li:before {content:""; position:absolute; top:50%; left:0; display:block; width:3px; height:3px; background-color:#858585;}
.upload_file_list li a {display:inline-block; max-width:100%; color:#333; font-size:16px; font-weight:300; line-height:130%; letter-spacing:-0.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle;}
.upload_file_list li .btn_delete {display:block; position:absolute; top:50%; right:0; height:25px; line-height:25px; margin-top:-12px; padding:0 10px; color:#fff; font-size:14px; font-weight:400; letter-spacing:-0.5px; text-align:center; border-radius:3px; border:none; background:#e56060; overflow:hidden; transition:background .25s ease-out;}
.upload_file_list li .btn_delete:hover {text-decoration:none; background:#d45353;}
.f_noti {display:inline-block; margin:5px 0; color:#767676; font-size:14px; font-weight:400;}
.f_noti strong {font-weight:400;}
.f_noti strong.blue {color:#2987cf;}
.f_noti strong.red {color:#df5454;}

@media (max-width:1023px) {
.form_input {height:40px; font-size:16px;}
.form_select {height:40px; font-size:16px;}
.form_button {height:40px; font-size:16px;}
.form_check input[type='checkbox'] + label::before {background-image:url('../images/ico/f_chk_off02.png'); background-size:16px 16px;}
.form_check input[type='checkbox']:checked + label::before {background-image:url('../images/ico/f_chk_on02.png');}
.form_radio input[type='radio'] + label::before {background-image:url('../images/ico/f_radio_off02.png'); background-size:16px 16px;}
.form_radio input[type='radio']:checked + label::before {background-image:url('../images/ico/f_radio_on02.png');}
.form_file label {height:40px; padding:0 15px;}
}

@media (max-width:767px) {
.form_input {width:100% !important; max-width:100% !important; height:40px; padding:5px 8px;}
.form_select {width:100% !important; max-width:100% !important; height:40px; padding:5px 8px;}
.form_button {width:100%; height:40px; padding:8px 10px; font-size:14px;}
.form_inline {max-width:100% !important;}
.form_group {max-width:100% !important;}
.form_inline.m_fall .form_group {display:block; margin:10px 0 0 0; width:100% !important; padding:0;}
.form_inline.m_fall .form_group:first-child {margin:0;}
.form_file {max-width:100%; padding-right:78px;}
.form_file label {height:40px; padding:0 10px; font-size:14px;}
.form_radio.ipt {display:block; margin:10px 0 0 0;}
.form_radio.ipt input[type='radio'] + label {top:8px;}
.chk_block .form_check, .chk_block .form_radio {margin-top:6px;}
.chk_block .btn_link {margin-left:26px; font-size:14px;}
.chk_block.terms {margin-top:15px; padding:0;}
.form_check01 input[type='checkbox'] + label {font-size:16px;}
.form_check01 input[type='checkbox'] + label::before {top:2px; width:22px; height:22px; background-size:11px auto;}
.upload_file_list {max-width:100%;}
.upload_file_list li {padding:0 55px 0 0;}
.upload_file_list li:before {display:none; margin-top:1px;}
.upload_file_list li a {max-width:180px; font-size:14px;}
.m_none {display:none !important;}
}

/* btn_lower_area */
.btn_lower_area {margin:40px auto 0 auto; overflow:hidden;}
.btn_lower_area ul {margin:0 -8px; padding:0; overflow:hidden;}
.btn_lower_area ul li {float:left; padding:0 8px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.btn_lower_area.type01 {max-width:180px;}
.btn_lower_area.type01 ul li {width:100%;}
.btn_lower_area.type02 {max-width:420px;}
.btn_lower_area.type02 ul li {width:50%;}
.btn_lower_area.type03 {max-width:620px;}
.btn_lower_area.type03 ul li {width:33.32%;}
.btn_lower_area .btn_bot {display:block; width:100%; height:60px; line-height:60px; padding:0 10px; color:#000; font-size:18px; font-weight:400; text-align:center; border:1px solid #666; cursor:pointer; transition:background .25s ease-out;}
.btn_lower_area .btn_bot:hover {text-decoration:none;}
.btn_lower_area .btn_bot.purple {color:#fff; border:1px solid #1d276c; background-color:#1d276c;}
.btn_lower_area .btn_bot.purple:hover {border:1px solid #0c133e; background-color:#0c133e;}
.btn_lower_area .btn_bot.purple.line {color:#1d276c; background-color:#fff;}
.btn_lower_area .btn_bot.purple.line:hover {background-color:#f3f3f3;}
.btn_lower_area .btn_bot.gray {color:#fff; border:1px solid #b5bcc4; background-color:#b5bcc4;}
.btn_lower_area .btn_bot.gray:hover {border:1px solid #8c97a3; background-color:#8c97a3;}
.btn_lower_area .btn_bot.black {color:#fff; border:1px solid #000; background-color:#000;}
.btn_lower_area .btn_bot.orange {color:#fff; border:1px solid #f67c27; background-color:#f67c27;}
.btn_lower_area .btn_bot.blue {color:#fff; border:1px solid #3590e3; background-color:#3590e3;}
.btn_lower_area .btn_bot.blue:hover {border:1px solid #2376c2; background-color:#2376c2;}
.btn_lower_area .btn_bot.white {color:#333; border:1px solid #777; background-color:#fff;}
.btn_lower_area .btn_bot.white:hover {border:1px solid #777; background-color:#f9f9f9;}
.btn_lower_area .btn_bot.red {color:#fff; border:1px solid #b21c1c; background-color:#b21c1c;}
.btn_lower_area .btn_bot.red:hover {border:1px solid #a01717; background-color:#a01717;}
.btn_lower_area .btn_bot span {display:inline-block; margin:0 0 8px 0; line-height:125%; vertical-align:middle;}

@media (max-width:1023px) {
.btn_lower_area.type01 {max-width:160px;}
.btn_lower_area.type02 {max-width:400px;}
.btn_lower_area.type03 {max-width:520px;}
.btn_lower_area .btn_bot {height:50px; line-height:50px; font-size:16px;}
}

@media (max-width:767px) {
.btn_lower_area {margin:25px auto 0 auto;}
.btn_lower_area ul {margin:0 -5px;}
.btn_lower_area ul li {padding:0 5px;}
.btn_lower_area.type01 {max-width:150px;}
.btn_lower_area.type02 {max-width:320px;}
.btn_lower_area .btn_bot {height:48px; line-height:48px; font-size:16px;}
.btn_lower_area.type03 .btn_bot {height:40px; line-height:40px; font-size:14px;}
.btn_lower_area .btn_bot span {margin:0 0 8px 0;}
}

/* video_popup */
.video_popup {display:none; position:fixed; top:0; left:0; width:100%; height:100%; padding:60px 60px; background-color:rgba(0, 0, 0, .7); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; z-index:1000;}
.video_popup .video_area {display:table; width:100%; height:100%;}
.video_popup .video_area .video_cont {display:table-cell; vertical-align:middle;}
.video_popup .video_area .video_cont .video_box {position:relative; max-width:900px; margin:0 auto;}
.video_popup .video_area .video_cont .video_box video {width:100%;}
.video_popup .video_area .video_cont .video_box .btn_close {position:absolute; top:-50px; right:-50px; width:40px; height:40px; text-indent:-999em; border:none; outline:0; background-color:transparent; background-image:url('../images/ico/ico_modal_close.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:40px 40px; overflow:hidden;}

@media (max-width:767px) {
.video_popup {padding:40px 20px;}
.video_popup .video_area .video_cont .video_box .btn_close {top:-40px; right:0; width:30px; height:30px; background-size:30px 30px;}
}