@charset "utf-8";
@import url("https://fonts.googleapis.com/earlyaccess/nanumgothic.css"); 

/* default definition */ 
html {height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,select,address,caption,legend {margin:0; padding:0; line-height:1.5em; font-family:Dotum, sans-serif; color:#515151; font-size:13px;}
p, ul, ol, li, dl, dt, dd, form { list-style-image:none; list-style-position:outside; list-style-type:none; border:0px; margin:0px; padding:0px;}
body { width: 100%;height: 100%; position: relative;}   
table {border-collapse:collapse;}
table th, table td {font-family: Dotum, sans-serif; font-size: 12px; line-height: 1.5em; }
label, th img, td img {vertical-align:middle;}
label {cursor:default;}
form {margin:0; padding:0;}
hr {display: none;}
fieldset {border:0;}
caption {font-size:0; height:0; visibility:hidden; left:-10000px;}
legend {font-size:0; height:0; visibility:hidden; position:absolute; left:-10000px; top:-1000px;}
img {border:0;}
object {padding:0; margin:0; line-height:0; font-size:0; overflow:hidden;}
a {color:#777;text-decoration:none;}
a:hover {color:#777;text-decoration:underline;}

/* form */
textarea {border:1px solid #aaa; background:#fff; width:99%; height:200px;}
input.type-text:hover, input.type-text:focus, textarea:hover, textarea:focus {background-color: #fff;}
input {vertical-align: middle; line-height:100%; margin-top:-2px; font-family:Dotum, sans-serif; color:#666; font-size:12px;} 
textarea {vertical-align: middle;  border:1px solid #c5c5c5; height:150px; font-size:12px;}
select {vertical-align: middle;cursor: pointer; border: 1px solid #C5C5C5; margin-right: 5px; padding: 1px;}
span.button, img.button, a.button {cursor:pointer; vertical-align: middle;}

input.inp {vertical-align:middle; border:1px solid #c5c5c5; height:14px; padding:3px 5px 3px 5px; line-height:100%; margin:0;}
input.inp2 {vertical-align:middle;  border:1px solid #e5e5e5; padding:3px 5px 1px 5px; line-height:100%; margin:0;background:#f9f9f9;}

.hid,h2,.tts {font-size: 0; height: 0; left: 0; line-height: 0; overflow: hidden; position: absolute; top: 0; visibility: hidden; width: 0;}

/*공통 개별속성*/
.black1 {color:#333;}
.black2 {color:#666;}
.org {color:#ff6633 !important;}
.blue {color:#39559c !important;}
.skyBlue {color:#2ba9b9 !important;}
.seaBlue{color:#3078d2;}
.red {color:#e62805 !important;}
.nobg {background:none !important;}
.line {border-right: 1px solid #dfe2e7;background:none!important;}
.wb {word-break:break-all;}
.color1 {color:#515151;}
.gray {color:#6a6a6a !important;}
.pointR {font-weight:bold;color:#e62805!important;}

.fb {font-weight:bold;}
.ls-1 {letter-spacing:-1px;}
.fs11 {font-size:11px;}
.fs13 {font-size:13px;}

.tr {text-align:right !important;}
.tl {text-align:left !important;}
.tc {text-align:center !important;}
.wb_keep {word-break:keep-all !important;}

.clearbox {zoom:1;}
.clearbox:after {content:""; display:block; clear:both}
.fl {float:left;}
.fr {float:right;}
.fnone {float:none !important;}
.cb {clear:both;}
.vt {vertical-align:top;}
.vm {vertical-align:middle;}
.vb {vertical-align:bottom;}

.fx11 {font-size:11px}
.fx12 {font-size:10px}

.w15 {width:15px;}
.w25 {width:25px;}
.w35 {width:35px;}
.w45 {width:45px;}
.w55 {width:55px;}
.w60 {width:60px;}
.w65 {width:65px;}
.w70 {width:70px;}
.w83 {width:83px;}
.w90 {width:90px;}
.w95 {width:95px;}
.w100 {width:100px;}
.w137 {width:137px;}
.w180 {width:180px;}
.w200 {width:200px;}
.w250 {width:250px;}
.w300 {width:300px;}
.w305 {width:305px;}
.w325 {width:325px;}
.w400 {width:400px;}
.w500 {width:500px;}
.w570 {width:570px;}

.wp100 {width:100% !important;}

.h35 {height:35px;}
.h100 {height:100px;}
.h150 {height:150px;}
.h200 {height:200px;}
.h350 {height:350px;}

.p0 {padding:0 !important;}
.pl0 {padding-left:0 !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px;}
.pl35 {padding-left:35px;}
.pl90 {padding-left:90px;}

.pt0 {padding-top:0!important;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top: 40px;}
.pt60 {padding-top: 60px;}
			
.pr3 {padding-right: 3px;}
.pr5 {padding-right: 5px;}
.pr10 {padding-right:10px!important;}
.pr15 {padding-right:15px!important;}
.pr20 {padding-right:20px!important;}
.pr70 {padding-right: 70px;}

.pb0 {padding-bottom: 0 !important;}
.pb5 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px;}
.pb20 {padding-bottom: 20px;}
.pb30 {padding-bottom: 30px;}
.pb40 {padding-bottom: 40px;}
.pb50 {padding-bottom: 50px;}

.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt21 {margin-top:21px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px;}

.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px;}

.mr5 {margin-right:5px !important;}
.mr15 {margin-right:15px !important;}

.ml5 {margin-left:5px;}
.ml15 {margin-left:15px;}




/* ----------------------------- 서브페이지 공통 css 추가 ----------------------------- */
.pointTitle {display: inline-flex !important; align-items: center;}
.main_image_list li {word-spacing: -4px; font-size: 11px; color: #A0A0A0; margin-bottom: 3px;}
.ars-title {font-size: 19px; font-weight: bold; line-height: 1.2;}
.ars-title .ars-sub {display: block; font-size: 12px; font-weight: bold; color: #666;}
.snb_wrap > ul {border-top: none;}
#snb .snb_ars {border-top: none;}
.main_image_list li {word-spacing:0 !important;}
.sub_title_text {padding-bottom: 7px; text-align: center; font-weight: 700; font-size: 22px; border-bottom: 1px solid #e9e9e9;}
.sub_title_text a{text-decoration: none; color: black;}
#content .con_title {padding-bottom: 10.5px; }
.visual {position:relative;}
.visual .text-wrapper {position:absolute; top:30%; transform:translateY(-30%); margin-left: 10px;}
.visual .text-wrapper .main {font-size:23px; font-weight:600; line-height:1.4;}
.visual .text-wrapper .main span {font-weight: 900;}
.visual .text-wrapper .desc {margin-top:8px;}
.con_title{margin-top: 4px;}