﻿@charset 'utf-8';

/* Reset */
* { margin:0; padding:0;box-sizing:border-box;font-size:16px;font-family : 'Noto Sans KR','Verdana', 'Malgun Gothic', '맑은 고딕', 'dotum', '돋움', sans-serif;}
body {color:#333;background:#fff; }
html, body { height:100%; }
ol, ul, li { list-style:none; }
input, img, fieldset, blockquote, button { padding:0; border:0; }
input { outline:none; }
input[type='text'],input[type='password'] {outline:none;border:none;margin:0;padding:0;}
i, em, cite { font-style:normal; }
a { color:#333; text-decoration:none; }
textarea { resize:none; }
img { float:none; }
button{font-size:14px;color:#666;border:0 none;background:none;cursor:pointer}
legend{display:none}
caption{width:0;height:0;line-height:0;text-indent:-9999px;overflow:hidden;font-size:0;visibility:hidden}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;max-width:100%;font-size:inherit}
th, td { border-collapse:collapse; }
table img{vertical-align:middle}
img, select{vertical-align:top}
select{border:1px solid #9c9c9c;background:#fff;font-size:14px;color:#9c9c9c}
em, address {font-style:normal}
h1 ,h2, h3, h4, h5, h6{font-size:14px}

.clfix {*zoom: 1}
.clfix:after {content: ''; display: block; clear: both;}
.blind {position:absolute;left:-1000000px;text-indent:-1000000px;overflow:hidden;;margin:-1px;width:1px;height:1px;}


/*base*/
.dp_none{display:none !important;}
.dp_block{display:block !important;}
.dp_inline{display:inline-block !important;}


.obj_hidden{visibility:hidden;}
.obj_visible{visibility:visible;}

.f_hidden{overflow:hidden;}
.f_right{float:right;}
.f_left{float:left;}

.t_center{text-align:center!important}
.t_left{text-align:left!important}
.t_right{text-align:right!important}

.mh_auto{min-height:auto !important;}
.mh100{min-height:100%;}

.v_web{display:block;}
.v_pad{display:none;}
.v_mob{display:none;}
.v_kor{display:block;}
.v_eng{display:none !important;}
.imgbox{width:100%;}
.imgbox img{width:100%;}

.bold{font-weight:500!important;}



/*input*/

input[type=text]::-ms-clear {display:none;}

input {    
    -webkit-appearance: none;
}

/*넓이*/
.cperauto{width:auto;}
.cper0750{width:7.5%;}
.cper1300{width:13%;}
.cper1800{width:18%;}
.cper2000{width:20%;}
.cper2200{width:22%;}
.cper2500{width:25%;}
.cper3700{width:37%;}
.cper3800{width:38%;}
.cper4700{width:47%;}
.cper5000{width:50%;}
.cper5365{width:53.65%;}
.cper100p{width:100%;}
.wp160{width:160px;}
.wp180{width:180px;}
.wp200{width:200px;}
.wp220{width:220px;}
.wp320{width:320px;}
.wp400{width:400px;}
.wp520{width:520px;}

/*여백*/
.pd0{padding:0 !important}

.pt0{padding-top:0 !important;}
.pt15 {padding-top: 15px;}

.pb300 {padding-bottom: 300px !important;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px !important;}
.mt32{margin-top:32px;}
.mt70{margin-top:70px;}
.ml20{margin-left:20px;}
.mb30{margin-bottom:30px !important;}
.mb5 {margin-bottom: 5px !important}
.mb20 {margin-bottom: 20px;}
.mb50 {margin-bottom: 50px !important;}

.mt-30{margin-top:-30px;}
.ml-26 {margin-left: -26px;}

.pb0{padding-bottom:0 !important;}

/*폰트*/
.t12{font-size:12px;}
.t17{font-size:17px;}
.t18{font-size:18px;}
.t32 {font-size: 32px !important;}

.ti10{padding-left:10px; text-indent: -10px;}
.ti15{padding-left:15px; text-indent: -15px;}
.ti16 {padding: 16px; text-indent: -16px;}
.ti17{padding-left:17px !important; text-indent: -17px !important;}

.ti20{padding-left:20px !important; text-indent: -20px !important;}
.ti30{padding-left:30px; text-indent: -30px;}
.lh36{line-height:36px;}

.c41{color:#414141;}
.color_o {background-color: #ed7f40 !important;}
.bl0 {border-left: none !important;}

.total {padding: 10px 0;}
#contentBody {width: 100%; border-top: 3px solid #000; border-bottom: 2px solid #000; padding: 20px 0;}
#contentBody tr {border-bottom: 1px solid #ddd; font-size: 22px;}
.list_num{width: 18%; padding: 15px 25px; border-right: 1px solid #ddd; background-color: #ebfaf6;}
.list_tit{padding: 15px 25px;}



@media only screen and (max-width:1024px){
    .v_web{display:none;}
	.v_web.pad{display:block;}

    .v_pad{display:block;} 
}
@media only screen and (max-width:812px){
    .soon{width:100%;height:100%;min-height:640px;background:#3aadb4 url(../image/mobile/common/soon.png) no-repeat center top;background-size:100%;}
}
@media only screen and (max-width:425px){
    .v_web{display:none;}
    .v_mob{display:block;} 
}