@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700,900');
@font-face { font-family: 'GmarketSans'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: normal; font-style: normal; font-weight:400}
@font-face { font-family: 'GmarketSans'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; font-weight:500}
@font-face { font-family: 'GmarketSans'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; font-weight:700}
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@font-face {
	font-family:'Noto Sans KR DemiLight';
	src: url('/on-tact/font/NotoSans-DemiLight.eot');
	src: local(※), url('/on-tact/font/NotoSans-DemiLight.eot?#iefix') format('embedded-opentype'),
		 url('/on-tact/font/NotoSans-DemiLight.woff') format('woff'),
		 url('/on-tact/font/NotoSans-DemiLight.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
.noto-demilight { font-family:Noto Sans KR DemiLight ; }
.wrap{overflow:hidden;}
br{font-family : Malgun Gothic, "돋움" !important}
 

 
/* 초기화 */
*{letter-spacing:-0.06em; line-height:1em}
html {overflow-y:scroll; overflow-x:hidden}
body {margin:0;padding:0;font-size:0.75em;font-family :"Montserrat", 'Noto Sans ','Noto Sans KR', Malgun Gothic, "돋움", Dotum, sans-serif ;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
.montser{font-family :"Montserrat", Malgun Gothic, "돋움"; letter-spacing:-0.3px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd ,li{margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family : 'Noto Sans KR','Noto Sans', Malgun Gothic, "돋움", Dotum, sans-serif ;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

 *:focus { outline:none; }

textarea, select {font-family :"Montserrat", 'Noto Sans ','Noto Sans KR', Malgun Gothic, "돋움", Dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:keep-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
button{border:0;}
input[type=text],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}

.gm{font-family :"GmarketSans", Malgun Gothic, "돋움";}
.gm_500{font-family :"GmarketSans", Malgun Gothic, "돋움" ; font-weight:500}
.gm_bold{font-family :"GmarketSans", Malgun Gothic, "돋움" ; font-weight:700}
.block{display:block}
.clear:after{content:"";display:block;clear:both;*zoom:1}

.sound{display:inline-block;width:0;height:0;font-size:0 !important;line-height:0}
caption{display:none}
.hidden{display:none}
a{outline:0} 
::selection { background:#431601;color: #FFF;text-shadow: none;
}
::-moz-selection {b ackground:#431601;color: #FFF;text-shadow: none;
}
::-webkit-selection {background:#431601;color: #FFF;text-shadow: none;}


table{border-collapse:collapse; width:100%;}
.btn,.trans,.b-ajax-wrapper{
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;}

input[type=submit]{border:0;}
input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
-webkit-box-shadow:  0 0 5px rgba(0,0,0,0.2);
-moz-box-shadow:  0 0 5px rgba(0,0,0,0.2);
box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.placeholdersjs { color: #aaa !important; }

.right{text-align:right !important;}
.left{text-align:left !important;}
.center{text-align:center !important;}
.red{color:#e22e33 !important;}
.blue{color:#0068b7 !important;}
.orange{color:#f18e1e !important;}
 
.bg_white{background-color:#fff !important;}
.bg_gray{background-color:#fafafa;}
.bold{font-weight:bold !important;}
.top{vertical-align:top}
.middle{vertical-align:middle}
.bottom{vertical-align:bottom}
.w900{font-weight:900 !important}
.w500{font-weight:500 !important}
.w400{font-weight:400 !important}
.mb0{margin-bottom:0 !important;}
.pointer{cursor:pointer;}


.btn{border-radius:5px;}
.btn1{background-color:#efefef; color:#1f1513; border:1px solid #6a6a6a; }
.btn1:hover{background-color:#0068b7; color:#fff; border:1px solid #0068b7; }

.btn_submit{color:#fff; background-color:#0068b7; border-radius:5px;}
.btn_submit:hover{background-color:#e8340c}
.btn_cancel{color:#fff; background-color:#1f1513; border-radius:5px;}
.btn_cancel:hover{background-color:#484848}

.full_input{width:100%;}
.half_input{width:50%;}
.half_input2{width:45%;}



.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box {position:relative}
.chk_box input + label {position:relative;color:#1c1c1c;}
.chk_box input + label:hover {color: #1c1c1c;}
.chk_box input + label span {display: inline-block;background:#fff;border: 1px solid #6a6a6a;border-radius:3px;vertical-align: middle;margin-top: -5px;text-align: center;}
.chk_box input[type=radio]+ label span{border-radius:50%;}
.chk_box input + label span i{display:none;color: #fff;}
.chk_box input:checked + label span {background-color:#0068b7;border: 1px solid #0068b7;}
.chk_box input:checked + label span i {display: inline-block;}



.wrap{background-color:#fafafa;}
/**/
.header{position:relative; background-color:rgba(255,255,255,0.95); z-index:10}
.header.fix{position:fixed; top:0; left:0; width:100%;}
.login_menu a{display:inline-block; color:#1f1513; vertical-align:middle;}
.login_menu img{display:inline-block; vertical-align:middle;}
.gnb li a{position:relative; color:#1f1513;}
.gnb li a::after{position:absolute; display:block; content:''; opacity:0;transition: opacity 0.15s ease-in-out;
-webkit-transition: opacity 0.15s ease-in-out;
-moz-transition: opacity 0.15s ease-in-out;
-ms-transition: opacity 0.15s ease-in-out;
-o-transition: opacity 0.15s ease-in-out;}
.gnb li:hover a,.gnb li.on a{color:#e8340c; font-weight:bold;}
.gnb li:hover a::after,.gnb li.on a::after{opacity:1;}





.inbox{margin:0 auto;}


.footer{background-color:#282828}
.footer .inbox{position:relative;}
.f_logobox p{}
.f_logobox p span,.f_logobox p strong{color:#fff;}
.f_logobox p span{font-weight:300;}
.f_logobox p strong{font-weight:bold;}
.f_logobox p font{color:#a5a5a5; line-height:1.4em; letter-spacing:0}

.f_copy{}
.f_copy div{}
.f_copy div a{color:#fff; display:inline-block; vertical-align:middle;}
.f_copy p{color:#a5a5a5; font-weight:300; line-height:1.7em}
.f_btn .nice-select{background-color:#818181; border:0; color:#282828}
.f_btn .nice-select .current{}
.f_btn .nice-select .list{background-color:#818181}
.f_btn .nice-select .option:hover, .f_btn .nice-select .option.focus,.f_btn .nice-select .option.selected.focus{background-color:#818181; color:#282828;}
.f_btn .nice-select:after {  border-bottom: 2px solid #282828; 
border-right: 2px solid #282828;height: 7px; margin-top: -4px;width: 7px; border-radius:0}

/**/
.sub_tit{color:#1f1513; text-align:center}
.shadow{box-shadow:0 0 30px rgba(0,0,0,0.2); background-color:#fff;}

.explain{text-align:center;color:#4b4b4b;font-weight:300;word-break: keep-all;}


/**/
.menu_btn{line-height:1em;text-align:right;width: 7vw;display: inline-block;vertical-align: middle;margin-left: 3vw;}
.menu_btn img{width:100% !important}

.require{color:#e8340c}

.frm_input{border:1px solid #6a6a6a; border-radius:5px;}




.call_center h6{background-color:#0068b7;color:#fff;border-radius:5px;text-align:center;}
.call_center strong{background-color:#efefef;color:#000;border-radius:5px;text-align:center;font-weight: 500;}
.call_center li{color:#000;}

.br{display:none;}





@media (min-width:1200px){
.header{padding:45px 0;}
.header h1{position:absolute; top:50%; width:139px; left:2.5%; margin-top:-30px;}
.header>.inbox{width:100%;}
.login_menu{position:absolute; top:50%; right:2.5%; margin-top:-10px}
.login_menu a{font-size:14px;  margin-left:50px;}
.login_menu img{width:auto; margin-right:5px;}
.gnb{text-align:center;}
.gnb ul{font-size:0;}
.gnb li{display:inline-block; margin:0 50px;}
.gnb li a{font-size:20px;}

.gnb li a::after{top:-18px; left:50%; margin-left:-5px; width:10px; height:10px; background:url(/on-tact/images/pc/menu_on.png) no-repeat 50%; }


.inbox{width:1300px;}

/**/
.sub_tit{font-size:80px; margin-bottom:50px;}
.shadow{border-radius:10px; padding:50px; position:relative;  }
.shadow.mt{margin-top:50px}
.explain{font-size:17px;}
.con_box{padding:135px 0 150px;}
.con_box2{padding:135px 0;}

/**/

.footer{padding:50px 0 80px;}
.footer .inbox>div{float:left;}

.f_logobox {margin-right:80px;}
.f_logobox h4{width:139px; margin-bottom:30px}
.f_logobox p *{display:block;}
.f_logobox p span{font-size:17px; }
.f_logobox p strong{font-size:22px; margin:10px 0}
.f_logobox p font{font-size:14px; }

.f_copy div {padding-top: 48px;margin-bottom: 35px;}
.f_copy div a{font-size:17px; margin-right:30px;}
.f_copy p{font-size:14px;}

.f_btn{position:absolute; top:40px; right:0; }
.f_btn .nice-select{width:200px; border-radius:19px; margin-bottom:20px; }
.f_btn .nice-select .current{height:37px; line-height:37px; padding-left:20px;font-size:14px;}

.f_btn .top_btn{display:block; width:60px; margin:0 auto;}	


.chk_box input + label span{width:30px;height:30px;line-height: 30px;font-size: 20px;}
.frm_input{padding: 19px 20px 15px;font-size: 20px;}
 
.nice-select .current{font-size:20px}
.nice-select:after{height: 15px; width:15px; margin-top:-7px}
.nice-select .option {font-size:18px; padding: 5% 10px 4%;}
.nice-select .list{height: 200px;}
	  
.call_center h6,.call_center ul{/* float:left; */display: inline-block;vertical-align: middle;}
.call_center h6{width:235px;margin-right: 21px;padding: 35px 0 33px;font-size:30px;line-height: 1.2em;}
.call_center ul{width:940px;}
.call_center strong{display:inline-block; width:300px; margin-right:10px; font-size:25px;}
.call_center li{font-size:25px; margin-bottom:20px;}
.call_center li:last-child{margin-bottom:0;}
.call_center strong,.call_center li{height:60px;line-height: 65px;}
 
.br_pc{display:block;}


}
@media (min-width: 650px){
.menu_btn{display:none;}	
.call_center{/* font-size:0; */}
.call_center li font{display:inline-block;}	



}
@media (max-width:1199px){
img{width:100%;}

}
@media (min-width:650px) and (max-width:1199px){
.wrap{font-size:2.9vw}
.wrap *{font-size:100%}  

.inbox{width:91%;}


.header>.inbox{padding:2.5vw 0;}
.header h1{width:20vw; }

.login_menu{position:absolute; top:22%; right:2.5%; width:30%; text-align:right;}
.login_menu a{font-size:85%;  margin-left:6%;}
.login_menu img{width:20px; margin-right:5px;}
.gnb{border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5}
.gnb li{float:left; width:20%;}
.gnb li a{display:block; font-size:85%; padding:4vw 0; text-align:center}

.gnb li a::after{top:-1vw; left:50%; margin-left:-1vw; width:2vw; height:2vw; background:url(/on-tact/images/tab/menu_on.png) no-repeat 50%; background-size:100% !important;}

/**/
.sub_tit{font-size:250%; margin-bottom:5vw;}
.shadow{border-radius:10px; padding:4vw}
.shadow.mt{margin-top:6.25vw}
.explain{font-size:71%;}
.con_box{padding: 15vw 0;}
.con_box2{padding: 13vw 0;}

/**/

.footer{padding:5vw 0;}
.footer .inbox>div{float:left;}

.f_logobox {margin-right:7.5vw;}
.f_logobox h4{width:21vw; margin-bottom:2.1vw}
.f_logobox p *{display:block;}
.f_logobox p span{font-size:71%; }
.f_logobox p strong{font-size:100%; margin:1vw 0}
.f_logobox p font{font-size:71%; }

.f_copy div {padding-top:6vw;margin-bottom:2.5vw;}
.f_copy div a{font-size:71%; margin-right:3.75vw;}
.f_copy p{font-size:57%;}

.f_btn{position:relative; width:100%; margin-top:6vw;}
.f_btn .nice-select{width:33.33vw; border-radius:2.9vw;}
.f_btn .nice-select .list{bottom: 109%; transform-origin: 50% 100%; top: unset;}
.f_btn .nice-select .current{height:5.8vw; line-height:5.8vw; font-size:71%; font-weight:400; padding:0 0 0 3vw}

.f_btn .top_btn{position:absolute; top:-2.5vw; right:0; width:10vw;}	
.f_btn .nice-select .option{font-size:71%; padding:5%; border-bottom:1px solid #777; height:auto; line-height:1em; min-height:1em}


.chk_box input + label span{width:2.5vw;height:2.5vw;line-height: 2.5vw;font-size: 75%;}

.frm_input{height:6vw; padding:1% 3% 0; font-size:85%;}
 .nice-select:after{height: 15px; width:15px; margin-top:-7px}
.nice-select .option {font-size:80%; padding: 7% 10px 5%;}

.call_center h6,.call_center ul{display: inline-block;vertical-align: middle;}
.call_center h6{width: 23%;margin-right: 2%;padding: 8vw 0;font-size:115%;line-height: 1.2em;}
.call_center ul{width:74%;}
.call_center strong{display:block;width:25vw;height: 5.7vw;line-height: 6vw;margin-bottom:1vw;font-size: 100%;}
.call_center li{font-size: 90%;margin-bottom:5vw;}
.call_center li:last-child{margin-bottom:0;}

.br_tab{display:block;}
}
@media (max-width:649px){
.gnb_bg{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); z-index:1;}
.wrap{font-size:5vw}
.wrap *{font-size:100%}  

.inbox{width:94%;}


.header{box-shadow:0 0 20px rgba(0,0,0,0.1); z-index:10}
.header>.inbox{padding:3vw 0;}
.header h1{width:24.5vw; }

.login_menu{position:absolute;top: 31%;right:2.5%;width: 70%;text-align:right;}
.login_menu a{font-size: 70%;margin-left: 4vw;}
.login_menu img{width:20px; margin-right:5px;}
.gnb{position: absolute;top: 100%;right: 0;width: 50vw;background-color: #fff;border-radius: 0 0 0 4vw;display:none;}
.gnb .inbox{width:100%;padding: 6vw 5vw 1vw;}
.gnb li{margin-bottom:6vw;}
.gnb li a{display:block; font-size:100%; padding-left:5vw; text-align:left}

.gnb li a::after{top:50%;margin-top: -1.7vw;left: -1%;width:3.4vw;height:3.4vw;background:url(/on-tact/images/mb/menu_on.png) no-repeat 50%;background-size:100% !important;}

/**/
.sub_tit{font-size: 180%;margin-bottom: 9vw;}
.shadow{border-radius:10px;padding: 5vw 2vw;}
.shadow.mt{margin-top:9vw}
.explain{font-size: 60%;text-align: left;line-height: 1.4em;}
.con_box{padding: 18vw 0 36vw;}
.con_box2{padding: 15vw 0;}


/**/
.footer{padding: 10vw 0 7.5vw;}
.footer .inbox>div{}

.f_logobox {}
.f_logobox h4{display: inline-block;width: 25vw;vertical-align: bottom;}

.f_logobox p{display: inline-block;margin-left: 6vw;vertical-align: bottom;}
.f_logobox p *{}
.f_logobox p span, .f_logobox p strong{display:block;}
.f_logobox p span{font-size: 60%;}
.f_logobox p strong{font-size:100%; margin:1vw 0}
.f_logobox p font{position:absolute;top: 2vw;right:0;font-size: 60%;}

.f_copy{margin-top:7vw;padding-left: 6vw;}
.f_copy div {margin-bottom:2.5vw;}
.f_copy div a{font-size: 60%;margin-right: 5vw;}
.f_copy p{font-size:46%;}

.f_btn{position:relative;width:100%;margin-top:6vw;padding-left: 6vw;}
.f_btn .nice-select{width:33.33vw;border-radius: 3.5vw;}
.f_btn .nice-select .list{bottom: 109%; transform-origin: 50% 100%; top: unset;}
.f_btn .nice-select .current{height: 7vw;line-height: 7vw;font-size: 60%;font-weight:400;padding:0 0 0 3vw;}

.f_btn .top_btn{position:absolute;top:-2.5vw;right:0;width: 11.5vw;}	
.f_btn .nice-select .option{font-size: 60%;padding:5%;border-bottom:1px solid #777;height:auto;line-height:1em;min-height:1em;}


.chk_box input + label span{width:4vw;height:4vw;line-height: 4vw;font-size: 75%;}

.frm_input{height: 8vw;padding:1% 3% 0;font-size: 63%;border: 0.5px solid #6a6a6a;}
.nice-select:after{height: 10px; width:10px; margin-top:-5px}
.nice-select .option {font-size:65%; padding: 8% 10px 5%;}



.call_center h6,.call_center ul{}
.call_center h6{width: 100%;font-size: 80%;line-height: 1.2em;height: 8vw;line-height: 8.8vw;margin-bottom: 3vw;}
.call_center h6 br{display:none;}
.call_center ul{width: 100%;}
.call_center strong{display: inline-block;width: 29%;height: 9.3vw;line-height: 9.8vw;font-size: 110%;/* margin-right: 1%; */}
.call_center li{font-size: 64%;margin-bottom: 2vw;line-height: 1.4em;}
.call_center li font{display:none;}
.call_center li:last-child{margin-bottom:0;}

.br_mb{display:block;}
}