@charset "utf-8";


/* @import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR:200,300,400,500,600,700,900'); */
@import url('https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700&display=swap&subset=devanagari,latin-ext');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900');

* {outline:0 !important;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, input, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: middle;
    box-sizing:border-box;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table {width: 100%;	border-collapse: collapse; border-spacing: 0;}

img,fieldset{border: 0;}
img {max-width:100%; height:auto;}

address,cite,code,em{font-style:normal;font-weight:normal;}
label,img,input,select,textarea,button{vertical-align:middle; margin:0; padding:0;}
.hide,caption,legend{line-height:0;font-size:0;overflow:hidden;}
hr{display:none;}


body, input, textarea, select, button {font-family: 'NanumSquare', 'Noto Sans KR', sans-serif; font-size:16px; color: #666; font-weight: 400; word-break:keep-all;}
@media only screen and (max-width: 768px) {
	body, input, textarea, select, button {font-size:14px;}
}



input[type=password] {font-family:'Noto Sans KR', 'NanumSquare', sans-serif;}
select,
input[type=text],
input[type=password],
input[type=tel],
input[type=email],
input[type=image],
textarea {border-radius:0;}

input[type=text],
input[type=password],
input[type=tel],
input[type=email],
textarea {-webkit-appearance:none;-moz-appearance:none;appearance:none; outline:none;}

button,
input[type=checkbox],
input[type=radio],
input[type=submit],
input[type=image] {cursor:pointer; outline:none;}

/***** placeholder *****/
input::-moz-placeholder {color: #999; opacity: 1; }
input:-ms-input-placeholder {color: #999;}
input::-webkit-input-placeholder {color: #999; }

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder { color:transparent;}

input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder { color:transparent;}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {color:transparent;}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {color:transparent;}





a {background-color:transparent; text-decoration:none; color:#666;}
a:hover {text-decoration:none; color:#222;}


a[href^='tel'] {pointer-events:none; cursor:default;}
@media (max-width: 1023px) {a[href^='tel'] {pointer-events:auto;}}



.skip {position:absolute;top:-1000px;right:0; left:0;}
.hidden { overflow: hidden; position: absolute; width: 0; height: 0; }


/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both !important;}
.clear {clear:both !important;}
.clear:before,
.clear:after{content:''; display:block; clear:both;}

/* dimmed */
.dimmed {position:fixed;z-index:300; top:0;right:0;bottom:0;left:0;width:100%;}
.dimmed.opa50 {background-color:rgba(0, 0, 0, .5);}





/* ===================================
	common
 =================================== */
body { background-color:#fff; }


.fb{font-weight:bold !important;}
.f11{font-size:11px !important;}
.f12{font-size:12px !important;}
.f13{font-size:13px !important;}
.f14{font-size:14px !important;}
.f16{font-size:16px !important;}
.fColor0{color:#333333 !important;}
.fColor1{color:#878787 !important;}
.fColor2{color:#AE0B0B !important;}
.fColor14{color:#ffffff !important;}
.fColorBlue{color:#3371d4 !important;}
.fColorRed{color:#ff0000 !important;}
.fColorBrown{color:#be280f !important;}

.mt2{margin-top:2px !important;}
.mt5{margin-top:5px !important;}
.mt7{margin-top:7px !important;}
.mt10{margin-top:10px !important;}
.mt12{margin-top:12px !important;}
.mt13{margin-top:13px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.mr1{margin-right:1px !important;}
.mr2{margin-right:2px !important;}
.mr3{margin-right:3px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mb3{margin-bottom:3px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb12{margin-bottom:12px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}


.pt2{padding-top:2px !important;}
.pt3{padding-top:3px !important;}
.pt5{padding-top:5px !important;}
.pt7{padding-top:7px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}
.pl50{padding-left:50px !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}
.pr50{padding-right:50px !important;}
.pb2{padding-bottom:2px !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}
 
.fl{float:left !important;}
.fr{float:right !important;}
.cb{clear:both !important;}
.tl{text-align:left !important;}
.tr{text-align:right !important;}
.tc{text-align:center !important;}
.vt{vertical-align:top !important;}
.dn{display:none;}
.borderBox{box-sizing:border-box}

.w100{width:100% !important;}
.w95{width:95% !important;}
.w90{width:90% !important;}
.marginAuto {margin:0 auto;}

.cursorY {cursor:pointer !important;}

input {font-size: 1rem; background-color:ffffff; color:80542B;}
textarea {font-size: 1rem; background-color:ffffff; color:80542B;}
.textarea_box{background-color:#fdf5f5; color:666666; border:1px solid #b7b4ba;font-size:12px;padding:1px 0 0 0;}
.inputbox{background-color:#fdf5f5; color:666666; border:1px solid #b7b4ba;font-size: 1.0em;height:30px}
.button_gray{ background-color:#DDDDDD; color:black;font-weight:400;border:1px solid #808080; font-size: 1.0em; cursor:pointer;padding:5px 10px 5px 10px;border-radius:2px;}
.button_gray:hover, .button_gray:focus, .button_gray:active{color:#ffffff;background-color:#0294A0; border-color:#028E99;}
.button_yellow{ background-color:#ffff80; color:black; border:1px solid #808080; height:24px; font-size: 11px;}
.button_yellow:hover, .button_yellow:focus, .button_yellow:active{color:#ffffff;background-color:#0294A0; border-color:#028E99;}

.button_blue{ background-color:#383659; color:#fff;font-weight:400;border:1px solid #808080; font-size: 1.0em; cursor:pointer;padding:0;border-radius:2px;}
.button_blue:hover, .button_blue:focus, .button_blue:active{color:#ffffff;background-color:#0294A0; border-color:#028E99;} 
 
.button_darkBlue{ background-color:#383659; color:black; color:#ffffff;border:1px solid #808080; font-size: 1.0em; cursor:pointer;padding:10px 30px;border-radius:2px;}
.button_darkBlue:hover, .button_darkBlue:focus, .button_darkBlue:active{color:#ffffff;background-color:#0294A0; border-color:#028E99;}

.subbox{ background-color:#DDDDDD; color:black;font-weight:400;border:1px solid #808080; font-size: 1.0em; cursor:pointer;padding:5px 10px 5px 10px;border-radius:2px;}
.subbox:hover, .subbox:focus, .subbox:active{color:#ffffff;background-color:#0294A0; border-color:#028E99;}

.opt_list { background-color:#eeeeee; font-size: 15px; color:#383838;}
.opt_list_sch {background-color:#e0e0e1;border:1px solid #ccc;height:30px;font-size: 1.0em;color:#777;}
.opt_list_yellow { background-color:#ffff80; color:black; font-size: 15px;}
.opt_list_pink { background-color:#f7b0fa; color:black; font-size: 15px;}

.tbl01{width:100%; border-top:2px solid #5a5545; border-bottom:2px solid #5a5545; }
.tbl01 th{padding:12px 3px 12px 3px; border-bottom:1px solid #5a5545; border-right:1px solid #5a5545; background:#e0e0e0; font-weight:600; text-align:center; vertical-align:middle; line-height:2rem;}
.tbl01 td{padding:12px 3px 12px 3px; border-bottom:1px solid #5a5545; border-right:1px solid #5a5545; line-height:1.5rem;  text-align:center;vertical-align:middle;}
.tbl01 th.r0, .tbl01 td.r0{border-right:0;}

.img_r5{border-radius: 5%; border:1px solid #e0e0e0;}

/* ÄÁÅÙÃ÷ - À̹ÌÁö&ÅؽºÆ® Ãâ·Â*/
.cont_pic_txt:after {content:''; display:block; clear:both;}
.cont_pic_txt-img {display:block; float:left; width:25%; margin:0 30px 20px 0;}
@media only screen and (max-width:768px){
	.cont_pic_txt-img {float:none; width:100%; margin:0 0 20px 0;}
	.cont_pic_txt-img img {width:100%;}
}

.alignL {text-align:left !important;}
.alignR {text-align:right !important;}
.alignC {text-align:center !important;}
.valignM {vertical-align:middle !important;}
.valignT {vertical-align:top !important;}
.valignB {vertical-align:bottom !important;}

.floatL {float:left !important;}
.floatR {float:right !important;}



.wdAuto {width:auto !important;}

.wdP10 {width:10% !important;}
.wdP20 {width:20% !important;}
.wdP30 {width:30% !important;}
.wdP40 {width:40% !important;}
.wdP50 {width:50% !important;}
.wdP60 {width:60% !important;}
.wdP70 {width:70% !important;}
.wdP80 {width:80% !important;}
.wdP90 {width:90% !important;}
.wdP95 {width:95% !important;}
.wdP100 {width:100% !important;}


.BD {border:1px solid #ccc !important;}
.BDT {border-top:1px solid #ccc !important;}
.BDR {border-right:1px solid #ccc !important;}
.BDB {border-bottom:1px solid #ccc !important;}
.BDL {border-left:1px solid #ccc !important;}


.MAT_1 {margin-top:-1px !important;}
.MAT0 {margin-top:0 !important;}
.MAT-XXL {margin-top:150px !important;}
.MAT-XL {margin-top:90px !important;}
.MAT-L {margin-top:70px !important;}
.MAT-M {margin-top:50px !important;}
.MAT-S {margin-top:25px !important;}
.MAT-XS {margin-top:10px !important;}


@media all and (max-width:1023px){
	.MAT-XXL {margin-top:100px !important;}
	.MAT-XL {margin-top:80px !important;}
	.MAT-L {margin-top:60px !important;}
	.MAT-M {margin-top:40px !important;}
	.MAT-S {margin-top:20px !important;}
	.MAT-XS {margin-top:10px !important;}
}


@media all and (max-width:768px){
	.MAT-XXL {margin-top:80px !important;}
	.MAT-XL {margin-top:60px !important;}
	.MAT-L {margin-top:40px !important;}
	.MAT-M {margin-top:20px !important;}
	.MAT-S {margin-top:10px !important;}
	.MAT-XS {margin-top:5px !important;}
}


@media only screen and (min-width: 769px) {
	.pc {display:block !important;}
	.mo {display:none !important;}
}

@media only screen and (max-width: 768px) {
	.pc {display:none !important;}
	.mo {display:block !important;}
}


.image_zoom {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}
div.image_zoom_round:hover + .image_zoom, .image_zoom:hover {
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);   
    -o-transform:scale(1.1);
    transform:scale(1.1);
}

.image_zoom_padein {
	overflow: hidden;
}

.topBtn {
    position: fixed; right: 30px; bottom: 10px; width: 40px; height: 40px; border: 1px solid #000; text-align: center; color: #333; font-size: 0.8rem; line-height: 50px; cursor: pointer;   transition: .3s; background: rgba(255,255,255,0.6);	border-radius:50%;	z-index: 99999;
}
.topBtn:after {
    position: absolute; content: '¡ã'; left: 39%; top: -15px; font-size: 8px;
}


/* ===================================
	layout
 =================================== */
.wrap {position:relative; min-width:320px;}

/*header*/
.header-wrap {width:100%; position:fixed; background-color:rgba(255, 255, 255, 1); border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgba(235, 2, 2, 0); box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; z-index:9999;transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;}


.header-inner { position:relative; margin:0 30px; height:100px; text-align:center; }
@media only screen and (max-width: 1440px) {
	.header-inner { margin:0 20px;}
}
.header-wrap:after {content:''; display:block; height:0px; background-color:rgba(255, 255, 255, 0.85); width:100%; z-index:999; border-bottom:0px solid #e92b3a; position:absolute; top:101px; left:0;transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;}
.header-wrap.js-hover:after {height:299px;border-bottom:1px solid #e92b3a; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; box-shadow: 0px 8px 5px 5px rgba(0, 0, 0, .05);}

.header-logo {position:absolute; top:20px; left:0; width:220px; height:53px; }
.header-logo a {display:block; width:100%; height:100%; background:url('/images/common/top_logo.png?01') 0 0 no-repeat;  overflow:hidden; text-indent:-9999px; text-align:left; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;}


/*GNB*/
.gnb {display:inline-block; width:77%;float:right;}
.gnb-wrap {font-size:0;width:100%;}

.gnb-1dep{display:inline-block; vertical-align:middle; height:100px; position:relative;  transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; width:20%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

.gnb-1dep > a {display:block; line-height:100px; padding:0 1px; font-size:18px; font-weight:600; color:rgba(34, 34, 34, 1); text-transform: uppercase;position:relative; margin:0 7px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;}
.gnb-1dep > a:hover,
.gnb-1dep.js-open-d,
.gnb-1dep.js-open-d > a{color:rgba(235, 2, 2, 1) !important;}
.gnb-1dep > a > span {position:relative;}
.gnb-1dep > a > span:before {content: ''; position: absolute;  margin:0; width:0px; top:-15px; left:100%; width: 10px; height:10px; background:#fff; border-radius:100%; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;}
.gnb-1dep.js-open-d > a > span:before {  background:#020247; margin:0;  left:0; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;}
.gnb-1dep > a > .gnb-1Eng {position:absolute;top:25px;text-align:center;width:100%; font-size:15px;}

.gnb-1dep:before {content: ''; position: absolute; left: 50%; top: 98px; margin:0; width:0; transform: translateX(-50%);  height: 2px; background:#020247; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;}
.gnb-1dep.js-open-d:before {top: 98px; width: 100%; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;}



.gnb-2dep {height:0; overflow:hidden; position:absolute; width:100%;top:100px; left:0; border-left:1px solid #d9d9d9; border-top:1px solid rgba(235, 2, 2, 0); transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; z-index:1000;}
.gnb-1dep:last-child .gnb-2dep {border-right:1px solid #d9d9d9;}

.gnb-2dep > li > a {display:block; padding:10px 15px; font-size:16px; color:#777; text-align:center; line-height:1.3; transform: skew(-0.03deg);}
.gnb-2dep > li > a:hover {color:#e92b3a;}
.gnb-2dep > li:first-child {margin-top:5px;}
.gnb-2dep > li:last-child {margin-bottom:5px;}



.header-wrap.js-hover .gnb-2dep{height:300px; background-color:rgba(255, 255, 255, 1); border-top:1px solid rgba(235, 2, 2, 1); transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; }
.gnb-1dep.js-open-d .gnb-2dep{ height:300px; background-color:rgba(245, 245, 245, 1); border-top:1px solid rgba(235, 2, 2, 1); transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; }



.header-wrap.js-fixed,
.header-wrap.js-open-d {background-color:rgba(255, 255, 255, 1); border-bottom-color:rgba(2, 2, 71, 1); transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; }

.header-wrap.js-fixed .gnb-1dep > a,
.header-wrap.js-open-d .gnb-1dep > a{color:rgba(0, 0, 0, 1);transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;}

.header-wrap.js-fixed .header-inner:before,
.header-wrap.js-open-d .header-inner:before,
.header-wrap.js-fixed .header-inner:after,
.header-wrap.js-open-d .header-inner:after{opacity:1; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;}



.gnb-inner-util {display:none;}
.top_util {position:absolute; right:0; top:0; height:100%;}
.language-wrap a{display:inline-block; color:#222; background-color:rgba(255, 255, 255, 1); background:url('/images/common/ico_lang.png') 8px center no-repeat; font-size:12px; border:1px solid #ccc; padding:0 16px 0 32px; text-align:left; line-height:30px; margin-top:35px; min-width:41px; font-weight:700; border-radius:30px;   transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; }

.language-wrap a:hover {color:#fff; border-color:rgba(235, 2, 2, 1); background-color:rgba(145, 47, 0, 1); background-image:url('/images/common/ico_lang_on.png');  transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;}

.gnb-mbtn {display:none;}

.gnb-dimmed{position:fixed; top:0px; left:0; z-index:999; width:100%; height:100%; background-color:rgba(0, 0, 0, .5);display:none;}
.gnb-dimmed.js-open-d {display:block; top:101px;}



@media only screen and (max-width: 1024px) {

	.header-wrap {min-width:320px;  z-index:9999; height:60px;}
	.header-inner {height:60px; text-align:left;}
	.header-logo {top:15px; width:166px; height:35px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;}
	.header-logo a{background-size:cover}



	/*GNB*/
	.gnb {width:320px; height:100%; background:#fff; display:block; position:fixed; z-index:1000; top:0px; right:-100%;transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;overflow-y:auto; box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;}

	.gnb-wrap {margin:0;}
	.gnb.js-open-m {right:0;transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;overflow-y:auto;}

	.gnb.js-open-m .gnb-1dep{display:block; font-size:16px; height:auto; position:relative; border-bottom: 1px solid #ddd; width:100%; }
	.gnb-1dep:before {display:none;}
	.gnb-1dep > a {display:block; line-height:50px; padding:0 20px; color:#000; text-transform: none; margin:0;}

	.gnb-1dep > a:hover,
	.gnb-1dep.js-open-m > a{color:#fb4303 !important;}
	.gnb-1dep > a > .gnb-1Eng {position:absolute;top:0px;text-align:center;width:100%; font-size:15px;}

	.gnb-1dep > a:after {position: absolute; top: 16px; right: 16px; width: 10px; height: 10px; border-width: 0 0 1px 1px; border-style: solid; border-color: #000; content: '';  transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);}
	.gnb-1dep.js-open-m > a:after {top:22px;transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;
    -webkit-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg);}

	.gnb-2dep {height:auto; max-height:0; overflow:hidden; position:static; width:auto; margin:0; background-color:#f5f5f5;border-top:0px solid #ddd; transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; }
	.gnb-1dep:last-child .gnb-2dep {margin-left:0;}

	.gnb-2dep > li {border-bottom:1px solid #ddd;}
	.gnb-2dep > li > a {display:block; padding:12px 30px; font-size:15px; color:#666; text-align:left;}
	.gnb-2dep > li:first-child {margin-top:0px;}
	.gnb-2dep > li:last-child {margin-bottom:0px; border:0;}


	.gnb-1dep.js-open-m > a:before {display:none;}
	.gnb-1dep.js-open-m .gnb-2dep{max-height:1000px; background-color:#f5f5f5; border-top:1px solid #ddd; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; }



	/*util*/
	.gnb-mbtn {display:block; position: absolute; z-index: 1; top: 0; right:-20px; bottom: 0; width: 60px; min-height: 26px; margin: auto 0px; text-indent: -999em; -webkit-transition: none; transition: none; cursor: pointer; }
	.gnb-mbtn:before, .gnb-mbtn:after, .gnb-mbtn > span:before, .gnb-mbtn > span:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 25px; height: 0; border-top: 2px solid #222; margin: auto; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .3s; transition: .3s; content: ''; opacity: 1; }
	.gnb-mbtn:not(.zxcv):before { top: 16px; }
	.gnb-mbtn:not(.zxcv):after { bottom: 16px; }

	.header-wrap.js-fixed .gnb-mbtn:before, 
	.header-wrap.js-fixed .gnb-mbtn:after, 
	.header-wrap.js-fixed .gnb-mbtn > span:before, 
	.header-wrap.js-fixed .gnb-mbtn > span:after {border-color:#222; }



	.gnb-inner-util {display:block; position:relative; height:60px; background-color:rgba(145, 32, 2, 1);}
	.gnb-inner-util > .language-wrap a,
	.header-wrap.js-fixed .gnb-inner-util > .language-wrap a{margin:15px 0 0 20px;background-color:rgba(255, 255, 255, 1); color:#222; border:0;}

	.language-wrap a:hover {background-image:url('/images/common/ico_lang.png');}

	.gnb-mbtn-close {display:block; position: absolute; z-index: 3000; top: 0; right: 0; bottom: 0; width: 60px; min-height: 26px; margin: auto 0px; text-indent: -999em; -webkit-transition: none; transition: none; cursor: pointer; background:#3a3a3a; overflow:hidden; }
	.gnb-mbtn-close:before, .gnb-mbtn-close:after, .gnb-mbtn-close > span:before, .gnb-mbtn-close > span:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 25px; height: 0; border-top: 2px solid #fff; margin: auto; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .3s; transition: .3s; content: ''; opacity: 1; }
	.gnb-mbtn-close:not(.zxcv):before { top: 16px; }
	.gnb-mbtn-close:not(.zxcv):after { bottom: 16px; }

	.js-open-m .gnb-mbtn-close {top:0px; right:0; min-height: 26px; }
	.js-open-m .gnb-mbtn-close:before, .js-open-m .gnb-mbtn-close:after, .js-open-m .gnb-mbtn-close > span:before, .js-open-m .gnb-mbtn-close > span:after {border-top: 2px solid #fff;  }
	.js-open-m .gnb-mbtn-close:before { width: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
	.js-open-m .gnb-mbtn-close:after { width: 0; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); }
	.js-open-m .gnb-mbtn-close > span:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
	.js-open-m .gnb-mbtn-close > span:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }


	.top_util {margin:0; top:0;}
	.top_util > .language-wrap {display:none;}
	.gnb-dimmed.js-open-m {display:block; top:0;}

}



/* footer */
.footer {position:relative; background:#000; padding-bottom:50px; line-height:1.3; z-index:1;}
.footer-wrap {max-width:1400px; margin:0 auto; padding:0 20px;}
.footer__menu {border-bottom:1px solid #404040; text-align:center;}
.footer__menu-list{font-size:0;}
.footer__menu-item {display:inline-block; line-height:75px;}
.footer__menu-item > a {display:block; font-size:14px; color:#aaa; padding:0 20px;}
.footer__menu-item > a:hover {color:#fff;}

.footer-bottom {position:relative; padding:30px 0 0 0;}

.footer-logo {width:118px; height:36px; margin:0 auto;}
.footer-logo a {display:block; width:100%; height:100%; background:url('/images/common/footer_logo.png') 0 0 no-repeat; background-size:contain; overflow:hidden; text-indent:-9999px; text-align:left;}
address {margin-top:25px;}
address .footer-item {color:#aaa; margin-top:5px; text-align:center;}
address .footer-item:first-child {margin-top:0;}
address .footer-item span {display:inline-block; margin:0 15px; font-size:14px;}
.footer-bottom em {font-weight:700; color:#ccc;}

.footer-copy {text-align:center; margin-top:10px; color:#666; font-size:14px;}

@media only screen and (max-width: 1023px) {
	.footer__menu-item {line-height:60px;}
	.footer__menu-item > a:hover {color:#fff;}
	address .footer-item span {margin:0 10px; font-size:14px;}
}

@media only screen and (max-width: 767px) {
	.footer__menu-item {line-height:50px;}
	.footer__menu-item > a {padding:0 10px;}
	.footer__menu-item > a:hover {color:#fff;}

	.footer-bottom {padding:20px 0 0 0;}

	.footer-logo {width:89px; height:27px;}
	address {margin-top:15px;}

	address .footer-item span {letter-spacing:-0.05em;}
}


@media only screen and (max-width: 560px) {
	.footer__menu-item > a {font-size:12px; padding:0 6px; letter-spacing:-0.05em;}
	.footer-logo {width:59px; height:18px;}
	address .footer-item span {margin:0 10px; font-size:12px; letter-spacing:-0.05em; margin-top:5px;}
	.footer-copy {text-align:center; font-size:12px;}
}


#container {padding:100px 0 80px 0;}
@media only screen and (max-width: 1024px) {
	#container {padding:60px 0 60px 0;}
}
.main-container {padding-bottom:0 !important;}


.inner {position:relative; max-width:1280px;  margin:0 auto;}
@media all and (max-width:1280px){
	.inner {position:relative; margin:0 20px; padding:0px;}
}

/* lnb */
.lnb{border-bottom:1px solid #ccc;}
.lnb-wrap{max-width:1400px;margin:0 auto;}
.lnb-list{font-size:0;}
.lnb-list > li{display:inline-block; vertical-align:top; position:relative;}
.lnb-list > li.lnb-home{border-right:0;}
.lnb-item {min-width:200px; max-width:30%; height:50px; font-size:16px;}
.lnb-home {width:50px; height:50px;}
.lnb-home a{display:block;font-size:0;line-height:0;width:100%;height:100%; background:#fcca00 url("/images/sub/lnb_home_ico.png") center center no-repeat;}

.lnb-link {position:relative; display:block; line-height:50px; height:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 50px 0 20px; box-sizing:border-box; border-right:1px solid #ccc; color:#333;  transform: skew(-0.03deg);}
.lnb-link:after {content:''; display:block; position:absolute; right:0; top:0; height:100%; width:50px; background:url("/images/sub/lnb_open.png") center center no-repeat; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;}

.lnb-link:hover{color:#912002; }
.lnb-item.js-active .lnb-link:after {-webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg);}

.lnb__menu-list{position:absolute;left:-1px;top:51px;display:block; z-index:2;  width:100%; border-left:1px solid #ccc;box-sizing:content-box; overflow:hidden; max-height:0; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;}
.lnb-item.js-active .lnb__menu-list {max-height:1000px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;}

.lnb__menu-list li { border:1px solid #ccc;  border-left:0; border-top:0;}
.lnb__menu-list a {display:block; font-size:16px; line-height:1.3; color:#777; background:#fff; padding:14px 20px; transform: skew(-0.03deg);}
.lnb__menu-list a:hover {color:#fff; background:#912002;}

@media only screen and (max-width: 1280px) {
	.lnb-item + .lnb-item + .lnb-item + .lnb-item{display:none;}
}
@media only screen and (max-width: 768px) {
	.lnb-item {min-width:auto; width:45%; max-width:45%; height:45px; font-size:14px;}
	.lnb-item + .lnb-item +.lnb-item{display:none;}
	.lnb-home {width:45px; height:45px;}

	.lnb-link {line-height:45px; padding:0 45px 0 15px;}
	.lnb-link:after {width:45px;}

	.lnb__menu-list{top:46px;}
	.lnb__menu-list a {font-size:14px; padding:10px 15px;}
}

@media only screen and (max-width: 480px) {
	.lnb-item {width:45%; max-width:45%; height:40px;}

	.lnb-home {width:10%; height:40px;}

	.lnb-link {line-height:40px; padding:0 40px 0 10px;}
	.lnb-link:after {width:40px;}
	.lnb__menu-list{top:41px;}
	.lnb__menu-list a {font-size:14px; padding:8px 10px;}
}


/* sub_visual */
.sub_visual{height:300px;background:url("/images/sub/visual_bg01.jpg?03") center center no-repeat;background-size:cover;}
.sub_title{max-width:1400px;margin:0 auto;text-align:center;position:relative;top:50%;transform:translateY(-50%);}
.sub_title h2{color:#fff;font-size:42px;padding:20px 0 0 0;background:url("/images/sub/title_bg.png") top center no-repeat;}
.sub_title p{color:#fff;font-size:18px;margin:13px 0 0 0;line-height:150%;}
@media only screen and (max-width:1600px){
    .sub_title{width:auto;margin:0 5%;}
}
@media only screen and (max-width:768px){
    .sub_visual {height:240px;}
    .sub_title h2{font-size:36px;background-size:40px auto;}
    .sub_title p{font-size:16px;}
}
@media only screen and (max-width:480px){
    .sub_title h2{font-size:32px;background-size:38px auto;}
    .sub_title p{font-size:14px;margin:15px 0 0 0;}
}

/*Sub Title*/
.contents_title{text-align:center;font-size:32px;color:#333;padding:65px 0;}
.contents_tit01{text-align:center;font-size:28px;color:#333;padding:0px;line-height:150%;}
.contents_tit02{text-align:center;font-size:24px;color:#be280f;padding:0px;}
.contents_w50{width:calc(50% - 20px);display:inline-block;font-size:16px;color:#333;vertical-align:top;margin:0;}
@media only screen and (max-width:1024px){
	.contents_w50{width:100%;}
}
@media only screen and (max-width:768px){
    .contents_title{font-size:28px;padding:59px 0;}
	.contents_tit01{font-size:24px;padding:35px 0;}
	.contents_tit02{font-size:20px;}
}
@media only screen and (max-width:480px){
    .contents_title{font-size:24px;}
	.contents_tit01{font-size:20px;}
	.contents_tit02{font-size:18px;}
}

/* form auto - 2022 */
.form22 select, .form22 input {width: 100%; padding: 0 20px; border: 1px solid #ccc; height: 50px; line-height: 48px; border-radius: 5px;}
.form22 select {padding-right: 40px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; background: #fff url(/images/etc/img_selectArrow.png) no-repeat right 20px center;}

.form22 .formTr {overflow:hidden;padding-top:15px;}
.form22 .formTr>* {float:left;}
.form22 .formTr * {vertical-align:middle;}
.form22 .formTr label {width:120px; height:50px; line-height:50px;}
.form22 .formTr label+div {width:calc(100% - 120px); position:relative;}
.form22 .formTr div input[type='text'] {width:450px; height:50px; line-height:48px; border:1px solid #ccc; border-radius:10px;}
.form22 .formTr div input[type='radio'] {position:absolute; left:-99999px;}
.form22 .formTr div input[type='radio']+label {width:auto; padding-left:30px; display:inline-block; background:url(/images/etc/img_checkOff.png)0 50% no-repeat;vertical-align:middle; cursor:pointer;}
.form22 .formTr input[type='radio']:checked+label {background-image:url(/images/etc/img_checkOn.png?001);}

.formTr input[type='checkbox'] {position:absolute; left:-99999px;visibility: hidden;}
.formTr input[type='checkbox']+label {width:auto; padding-left:30px; display:inline-block; background:url(/images/etc/img_checkOff.png)0 50% no-repeat;vertical-align:middle; cursor:pointer;padding:10px 0 10px 40px;}
.formTr input[type='checkbox']:checked+label {background-image:url(/images/etc/img_checkOn.png?001);}


.form22 .formTr textarea {width:calc(100% - 140px); min-height:240px; padding:20px 20px; border:1px solid #ccc; border-radius:10px;}
.form22 .formTr div div {display:inline-block; vertical-align:middle; margin-right:40px;}

@media screen and (max-width: 767px) {
.form22 .formTr label {width:100%;height:45px; line-height:45px;}
.form22 .formTr label+div {width:100%;padding-left:20px;}
.form22 .formTr div div {width:100%;}
.form22 .formTr div input[type='text'] {height:45px; line-height:43px;}
.form22 .formTr textarea {width:90%}
}