@charset "utf-8";
/* @import url(../fonts/Notosans.css); */
/* tags set*/
*{ margin: 0; padding:0;border:0;box-sizing: border-box;}
html,body{width: 100%;height:100%;min-height:100vh}
html{-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none; }
img{ max-width: 100%;image-rendering: auto;}
ul,ol{ list-style: none }
img, li	{vertical-align:top;}
blockquote, q { quotes: none }
blockquote:before, blockquote:after,q:before, q:after { content: none }
article, aside, details, figcaption, figure, footer, header, menu, nav, section, main{display: block;}
a { color: inherit; text-decoration: none; }
a:active, a:hover, a:focus { text-decoration:none; }
address,caption,cite,code,dfn,em,var,th,strong { font: inherit; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
legend, caption, hr	{display:none;}
select	{-webkit-appearance:none; -moz-appearance:none; appearance: none; -o-appearance:none}
input ::-ms-clear	{visibility:hidden; display:none;}
select::-ms-expand {display:none;}
input:focus,select:focus,textarea:focus,a:focus,button:focus{outline:none}
textarea{resize: none;}
button, label{cursor:pointer}
a:focus,button:focus,label:focus{outline:none;border:2px solid yellowgreen}
template{display:none}
/*mobile auto fill reset*/
input:-internal-autofill-selected,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	background:none !important;
    transition: background-color 5000s ease-in-out 0s !important;
    -webkit-transition: background-color 9999s ease-out!important;
    -webkit-text-fill-color: #222 !important;
}
/* clears the 'X' from Internet Explorer */
input[type='search']::-ms-clear { display: none; width: 0; height: 0; }
input[type='search']::-ms-reveal { display: none; width: 0; height: 0; }
/* clears the 'X' from Chrome */
input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration { display: none; }
input:focus, a:focus, button:focus, label:focus { outline: none; border: 0; /* border: 1px solid #d2d2d2; */ }
input[type="number"] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; }
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; }
/* placeholder */
input::-webkit-input-placeholder{font-size:inherit;color:#666;text-align:left;}
input:-ms-input-placeholder {font-size:inherit;color:#666;text-align:left;}
input::-moz-placeholder{font-size:inherit;color:#666;text-align:left;}
input::placeholder{font-size:inherit;color:#666;text-align:left;}
textarea::-webkit-input-placeholder{font-size:inherit;color:#666;text-align:left;}
textarea:-ms-input-placeholder{font-size:inherit;color:#666;text-align:left;}
textarea::-moz-placeholder{font-size:inherit;color:#666;text-align:left;}
textarea::placeholder{font-size:inherit;color:#666;text-align:left;}
input::placeholder{font-size:inherit;color:#666;text-align:left;}
/* common */
.hidden{position:absolute;top:-9999em;left:-9999em;width:1px;height:1px;overflow:hidden;visibility:hidden;opacity:0}
.img{position:relative;overflow:hidden}
.img img{position:absolute;top:50%;left:50%;width:100%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%)}
.pcBox,
.pcBox.tabletBox,
.pcBox.mobileBox{display:inherit}
.tabletBox,
.mobileBox,
.tabletBox.mobileBox{display:none }
.mobileBox2{display:none }
/*.btn-top-area {position:relative;width:1280px;margin:0 auto}
.btn-top{position:absolute;bottom:50px;right:-100px;width:50px;height:0;padding-top:50px;background:url(../images/btn-top.png) no-repeat center;overflow:hidden}
.btn-top:hover{background-image:url(../images/btn-top-on.png)}*/

/* ============ style ============ */
/* lib z-index 범위 : ~10 / contents: 10~/ popup : 30~ */
body{max-width:1920px;min-width:320px;/* font-family: 'NotoSansKR',sans-serif; */} 
/* form style */
input, select, textarea, button {/* font-family: 'NotoSansKR',sans-serif; */}

.input-box{position:relative;display:inline-block;vertical-align:middle;width:100%;}
/*.input-box label{position:absolute;top:0;left:0;padding:0 15px;width:100%;line-height:40px;font-size:inherit;color:#bbb;box-sizing:border-box}*/
.input-box input{padding:0 13px;width:100%;box-sizing:border-box;height:46px;line-height:46px;color:#333;border:1px solid #DCDCDC;border-radius:3px;font-size:14px}
.input-box input:focus{outline:none;border:1px solid #8C8C8C}
.input-box input::-webkit-outer-spin-button, .input-box input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.input-box input[type=number] { -moz-appearance: textfield; } 

.textarea-box{position:relative;display:inline-block;vertical-align:middle}
/*.textarea-box label{position:absolute;top:5px;left:0;padding:0 10px;width:100%;font:inherit;color:#bbb;box-sizing:border-box}*/
.textarea-box textarea{padding:5px 10px;width:100%;min-height:122px;color:#666;;border-radius:3px;font-size:14px;border:1px solid #DCDCDC;line-height:22px}
.textarea-box textarea:focus{outline:none;border:1px solid #8C8C8C;color:#333}

.chk-box,
.radio-box {position:relative}
.chk-box input,
.radio-box input{position:absolute;width:1px;height:1px;top:-1em;left:-1em;overflow:hidden}
.chk-box input + label{line-height:28px;font-size:14px;color:#000}
.chk-box input + label::before{width:28px;height:28px;margin-right:14px;display:inline-block;vertical-align:middle;background:url(../images/ico-chk.png) no-repeat 0 center;content:''}
.chk-box input:checked + label::before{background:url(../images/ico-chk-on.png) no-repeat 0 center}
.radio-box input + label{line-height:28px}
.radio-box input + label::before{width:28px;height:28px;margin-right:14px;display:inline-block;vertical-align:middle;background:url(../images/ico-radio.png) no-repeat 0 center;content:''}
.radio-box input:checked + label::before{background:url(../images/ico-radio-on.png) no-repeat 0 center}

.select-box{position:relative;width:auto;font-size:14px}
.select-box .selected-option{display:block;text-align:left;color:#222;font:inherit;position:relative;width:100%;height:46px;line-height:46px;white-space:nowrap;text-overflow:ellipsis;border:1px solid #DCDCDC;border-radius:3px;padding:0 46px 0 16px}
.select-box .selected-option::after{content:"";display:block;transition:all 0.3s;position:absolute;top:50%;margin-top:-10px;right:10px;width:20px;height:20px;background:url(../images/ico-select.png) no-repeat 0 0}
.select-box select{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;opacity:0;z-index:5}
.select-box.on .selected-option{border:1px solid #8C8C8C;}

.btn{display:inline-block;vertical-align:middle;text-align:center;}
.btn.fit{display:inline-flex;align-items: center;justify-content: center;width:100px;height:50px;font-size:16px;font-weight:700;border-radius: 10px}
.btn-positive{background:#00288F;color:#fff}
.btn-positive:hover,
.btn-positive:active{background:#012173;color:rgba(255,255,255,.6)}
.btn-negative{background:#C2C2C2;color:#fff}
.btn-negative:hover,
.btn-negative:active{background:#A2A2A2;color:rgba(255,255,255,.6)}

@media screen and (max-width:1080px){ /* laptop */
	.laptopBox,
    .laptopBox.tabletBox,
    .laptopBox.mobileBox,
    .laptopBox.tabletBox.mobileBox,
    .pcBox.laptopBox.tabletBox,
    .pcBox.laptopBox{display:inherit}
    .pcBox,
    .tabletBox,
    .mobileBox,
    .pcBox.tabletBox,
    .pcBox.mobileBox,
    .tabletBox.mobileBox{display:none}
	.mobileBox2{display:inherit}
}
@media screen and (max-width:768px){ /* tablet */
	.tabletBox,
    .pcBox.tabletBox,
    .laptopBox.tabletBox,
    .tabletBox.mobileBox{display:inherit}

    .pcBox.laptopBox,
    .laptopBox.mobileBox,
    .laptopBox,
    .pcBox,
    .mobileBox,
    .pcBox.mobileBox{display:none}

}
@media screen and (max-width:640px){ /* mobile */
	.laptopBox.mobileBox,
    .mobileBox,
    .tabletBox.mobileBox,
    .pcBox.mobileBox{display:inherit}

    .laptopBox,
    .pcBox.laptopBox,
    .laptopBox.tabletBox,
    .pcBox,
    .pcBox.tabletBox,
    .pcBox.laptopBox.tabletBox,
    .tabletBox{display:none}
    
}

.foot_icon{position:absolute; left: 610px;
    top: 64px; width:540px;}
.foot_icon img{margin-left:15px; }
.foot_icon img:first-child{width:20%;}
.foot_icon img:nth-child(2){width:11%;}
.foot_icon img:nth-child(3){width:11%;}




@media screen and (max-width:1024px){
.foot_icon{ position:relative; left:0px; top:15px; padding-top:10px; padding-bottom:20px; width:100%;}
.foot_icon img{margin-left:0px; margin-right:15px;}
.foot_icon img:first-child{width:23%;}
.foot_icon img:nth-child(2){width:13%;}
.foot_icon img:nth-child(3){width:13%;}
}