@charset "utf-8";

* {box-sizing: border-box;}
html{height: 100%;}
body{overflow: inherit;height: 100%}
body.on{overflow: hidden;}
.layout{position:relative;margin:0 auto;width:100%;max-width:1600px;}

#wrap{height: 100%;}
.nodata{padding:50px 0;text-align: center;}
.nodata p{margin-top:16px;font-weight: 400;font-size: 12px;line-height: 14px;color:#999;}
.essential{color:#C74A46}
.overlay{display:none;position:fixed;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index: 1000;}


#pagination{margin-top:40px;display: flex;justify-content: center;align-items: center;}
#pagination a{margin:0 7px;display: inline-block;width:15px;height:25px;line-height: 25px;text-align: center; font-size: 14px;font-weight: normal;letter-spacing: -0.28px;color: #252525;}
#pagination .first,
#pagination .prev,
#pagination .next,
#pagination .end{width:25px;height:25px;line-height: 25px;margin:0 5px;}
#pagination .next img,
#pagination .end img{transform: rotate(-180deg);}


.tab{display: flex;border-bottom: 1px solid #e60012;margin:0 -20px 30px;}
.tab a{position:relative;flex:auto;display: inline-block;text-align: center;padding:10px 0;font-size:14px;}
.tab a.active{border-radius: 10px 10px 0 0;color:#fff;background: #e60012}
.tab a span{display: block;width:100%;text-align: center;position: relative;left:0;top:50%;transform: translateY(-50%);}
.tab.item3{flex-wrap: wrap;border-bottom: 0;}
.tab.item3 a{width:33.3333%;}
.tab.item3 a:nth-child(4),
.tab.item3 a:nth-child(5),
.tab.item3 a:nth-child(6){border-top: 1px solid #e60012;}



.b-left{border-left:1px solid #c8c8c8 !important;}
.b-right{border-left:1px solid #c8c8c8 !important;}
.b-top{border-left:1px solid #c8c8c8 !important;}
.b-bottom{border-left:1px solid #c8c8c8 !important;}


/* dl style */
.dl-type1{}
.dl-type1 dt{clear:left;float:left;}
.dl-type1 dd{width:100%;}
.dl-type1 dd:after {content: "";display: table;clear: both;}

/* text align */
.txt-left{text-align: left !important}
.txt-center{text-align: center!important}
.txt-right{text-align: right !important}

/* border */
.b_r{border-right:1px solid #dbdbdb !important;}
.b_b{border-bottom:1px solid #dbdbdb !important;}

.color-red{color:#e60012 !important;}

.filebox{display:flex;}
.filebox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.filebox label {display: inline-block;vertical-align: middle;cursor: pointer;width:90px;height:35px;line-height:35px;background:#e4e4e4;text-align: center;color:#fff;font-size: 14px;font-weight: normal;letter-spacing: -0.44px;color: #252525;margin-left:10px;}
.filebox .upload-name {width:calc(100% - 90px);border:1px solid #c8c8c8;height:35px;padding:0 10px;font-size: 14px;font-weight: normal;letter-spacing: -0.44px;}


/* checkbox style */
.checkbox-type1{position:relative;display:inline-block;font-size:0;}
.checkbox-type1 input[type="checkbox"]{position:absolute;opacity:0;}
.checkbox-type1 label{position:relative;display:inline-block;padding-left:40px;font-size: 16px;font-weight: normal;cursor:pointer;}
.checkbox-type1 label:before{content:"";display:inline-block;width:24px;height:24px;border:1px solid #e3e3e3;border-radius: 100%;position:absolute;left:0;}
.checkbox-type1 label:after {content: "";display: none;position: absolute;top: 1px;left: 8px;width: 8px;height: 15px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(45deg);}
.checkbox-type1 input[type="checkbox"]:checked + label:before{border-color:#ffca0e;background:#ffca0e;}
.checkbox-type1 input[type="checkbox"]:checked + label:after{display:inline-block;}


/* radio style */
.radio-type1{position:relative;display:inline-block;font-size:0;}
.radio-type1 input[type="radio"]{position:absolute;opacity:0;}
.radio-type1 label{position:relative;display:inline-block;padding-left:20px; font-size: 14px;font-weight: 500;letter-spacing: -0.72px;color: #252525;cursor:pointer;}
.radio-type1 label:before{content:"";display:inline-block;width:16px;height:16px;border:1px solid #c8c8c8;border-radius: 100%;position:absolute;top:1px;left:0;box-sizing: border-box;}
.radio-type1 label:after{content:"";position:absolute;left:4px;top:5px;display:inline-block;width:8px;height:8px;border-radius: 100%;background:#c8c8c8;box-sizing:border-box;}
.radio-type1 input[type="radio"]:checked + label:before{border-color:#1f9662;}
.radio-type1 input[type="radio"]:checked + label:after{background: #1f9662;}




header{padding:15px;position: relative;height:56px;z-index:100;}
header .logo{display: inline-block;    margin-top: 3px;width:140px;}
header .logo img{display: block;width:100%; max-width:140px; transform: translateX(-5px) translateY(-6px);}
header select{position:absolute;right: 60px;top: 17px;display: inline-block;font-family:"SEOULMILK";height:20px;font-size: 13px;padding-right: 25px;color:#000;}
header .navi-icon{display: inline-block;position: absolute;top:17px;right:15px;width:25px;height:20px;background: url(../images/icon/navi_icon.png) no-repeat;background-size: cover;font-size:0;}
header .navi-icon.active{width:20px;height:20px;background: url(../images/icon/navi_icon2.png) no-repeat;background-size: cover;}
header.fixed{position:fixed;top:0;left:0;width:100%;background:#fff;}
.gnb{display:none;position: fixed;left:0;top:56px;width:100%;height:calc(100vh - 56px);background: #fff;z-index: 100;overflow-y: auto;}
.gnb dl{}
.gnb dl dt{position:relative;padding:0 20px;font-family:"SEOULMILK";font-weight:500;font-size:16px;color:#202020;border-bottom:1px solid #b7b7b7;line-height: 43px;}
.gnb dl dt:after{content: "";position:absolute;top:13px;right:20px;display: inline-block;width:15px;height:15px;background: url(../images/icon/plus.png) no-repeat;background-size: cover;}
.gnb dl dd{display:none;border-bottom:1px solid #b7b7b7;background: #f8f8f8;padding:20px 15px;}
.gnb dl dd .menu{display: flex;}
.gnb dl dd .menu + .menu{margin-top:20px;}
.gnb dl dd .menu strong{display: inline-block;width:40%;}
.gnb dl dd .menu strong a{display: block;font-family:"SEOULMILK";font-size:14px;color:#202020;}
.gnb dl dd .menu ul{display: inline-block;width:60%;}
.gnb dl dd .menu ul li{}
.gnb dl dd .menu ul li + li{margin-top:10px;}
.gnb dl dd .menu ul li a{display: block;font-family:"SEOULMILK";font-size:14px;color:#202020;letter-spacing: -0.56px;color: #646464;font-weight: 300;}



footer{padding:17px 17px 40px;background: #b1b1b1;}
footer nav{font-size:0;border-bottom:1px solid rgba(255,255,255,0.4);padding-bottom: 15px;}
footer nav a{position:relative;display: inline-block;width:33.3333%;font-size:12px;margin:2px 0;text-align: center;letter-spacing: -0.61px;color: #f7f7f7;}
footer nav a:before{content: "";display:inline-block;width:1px;height:10px;background: rgba(255,255,255,0.4);position: absolute;left:0;}
footer nav a:nth-child(3n + 1):before{display: none;}
footer .f-bottom{margin-top:20px;position: relative;}
footer .f-bottom .f-logo{display: inline-block;width:130px;}
footer .f-bottom .f-logo img{display: block;width:100%;}
footer .f-bottom address{margin-top:15px;}
footer .f-bottom address p{font-size: 13px;font-weight: normal;line-height: 1.67;letter-spacing: -0.45px;color: #f7f7f7;}
footer .f-bottom .copyright{font-size: 13px;font-weight: normal;line-height: 1.67;letter-spacing: -0.45px;color: #f7f7f7;}
footer select{margin-top:15px;border: solid 1px #727272;padding:0 15px;background: none;height:32px;color:#727272;font-size:13px;font-family:"SEOULMILK";}
footer .gotop{position: absolute;top:0;right:10px;width:30px;}



/**/