@charset "utf-8";

/* CSS Document */

a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, menu, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var, td, input, select, textarea, button {margin: 0; padding: 0}
h1, h2, h3, h4, h5, h6, th, td, table, input, button, select, textarea, sub {font-size:13px;}
fieldset, img {border: 0 none;}
dl, ul, ol, menu, li {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
img, input, button, select, textarea {vertical-align: middle;}
button {border: 0 none; background-color: transparent; cursor: pointer; margin: 0; padding: 0; overflow: visible;}
button::-moz-focus-inner {border: 0; padding: 0;}
a {color:#0099FF;}

/* 웹,모바일 이미지변경 css */
/* 서브타이틀 모바일 이미지를 숨깁니다. */
.mob_subTitleImage {
    display: none;
}

/* 서브타이틀 웹 이미지만 보이게 합니다. */
@media (min-width: 641px) {
    .web_subTitleImage {
        display: block;
    }
    .mob_subTitleImage {
        display: none;
    }
}

/* 서브타이틀 모바일 이미지만 보이게 합니다. */
@media (max-width: 640px) {
    .web_subTitleImage {
        display: none;
    }
    .mob_subTitleImage {
        display: block;
    }
}
a:active, a:hover {}
address, caption, cite, code, dfn, var {font-style: normal; font-weight: normal;}
i, em, address {}
label, button {cursor: pointer;}
hr {display: none;}
table {border-spacing: 0; }
legend, hr {overflow: hidden; position: absolute; top: 0; left: 0;}
legend, hr, caption {visibility: hidden; font-size: 0; width: 0; height: 0; line-height: 0;}


/* 폰트, color는 디자인가이드에 맞게사용 */
body {font-size: 13px;} 
input, button, select, textarea {font-size: 13px;}

/* hidden */
.hidden {display: block; position: absolute; overflow: hidden; top: -999999px; left: -999999px; width: 1px; height: 1px; font-size: 0; text-indent: -999999px; line-height: 0;}

/* button area */
.btn {display: inline-block; vertical-align: bottom;}
.btn img {border: 0; vertical-align: middle;}
.btn:hover {text-decoration: none;}

/* input & Select Type */
textarea {text-align: left; text-indent: 3px; line-height: 1.4em;  -webkit-border-radius:0;}
p {line-height: 1.7em; text-align: left;}
select {height: 25px; text-align: left; text-indent: 1px; display:inline-block; margin:0; padding:0; border:1px solid #969696; text-indent:12px; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url("../../hg/images/select_ico.png") no-repeat 91% 50% #ffffff;}
select::-ms-expand {display:none;}


input {display: inline-block; display: inline; vertical-align: middle; -webkit-border-radius:0;}
input[type=text] {height: 25px; font-size: 100%; text-indent: 1px; line-height: 25px; text-align: left; -webkit-border-radius:0;}
/*input {border: expression((this.type=='text')?'0px':''); font-size: 100%; text-indent: 1px; line-height: 25px; text-align: left;}*/
input {
    border: 0; /* 초기값 설정 */
    font-size: 100%;
    text-indent: 1px;
    line-height: 25px;
    text-align: left;
}

input[type='text'] {
    border: none; /* 특정 조건에 따른 스타일 변경 */
}
input[type=text].alignc {text-align: center;}
    .in_wp40 {width: 40px; border: 1px solid #dcdcdc;}
    .in_wp50 {width: 50px; border: 1px solid #dcdcdc;}
    .in_wp60 {width: 60px; border: 1px solid #dcdcdc;}
    .in_wp70 {width: 70px; border: 1px solid #dcdcdc;}
    .in_wp80 {width: 80px; border: 1px solid #dcdcdc;}
    .in_wp90 {width: 90px; border: 1px solid #dcdcdc;}
    .in_wp100 {width: 100px; border: 1px solid #dcdcdc;}
    .in_wp110 {width: 110px; border: 1px solid #dcdcdc;}
    .in_wp120 {width: 120px; border: 1px solid #dcdcdc;}
    .in_wp130 {width: 130px; border: 1px solid #dcdcdc;}
    .in_wp140 {width: 140px; border: 1px solid #dcdcdc;}
    .in_wp150 {width: 150px; border: 1px solid #dcdcdc;}
    .in_wp160 {width: 160px; border: 1px solid #dcdcdc;}
    .in_wp170 {width: 170px; border: 1px solid #dcdcdc;}
    .in_wp180 {width: 180px; border: 1px solid #dcdcdc;}
    .in_wp190 {width: 190px; border: 1px solid #dcdcdc;}
    .in_wp200 {width: 200px; border: 1px solid #dcdcdc;}
    .in_wp230 {width: 230px; border: 1px solid #dcdcdc;}
    .in_wp240 {width: 240px; border: 1px solid #dcdcdc;}
    .in_wp250 {width: 250px; border: 1px solid #dcdcdc;}
    .in_wp280 {width: 280px; border: 1px solid #dcdcdc;}
    .in_wp300 {width: 300px; border: 1px solid #dcdcdc;}
    .in_wp400 {width: 400px; border: 1px solid #dcdcdc;}
    .in_wp500 {width: 500px; border: 1px solid #dcdcdc;}
    .in_wp600 {width: 600px; border: 1px solid #dcdcdc;}
    .in_w15 {width: 15%; border: 1px solid #dcdcdc;}
    .in_w20 {width: 20%; border: 1px solid #dcdcdc;}
    .in_w25 {width: 25%; border: 1px solid #dcdcdc;}
    .in_w30 {width: 30%; border: 1px solid #dcdcdc;}
    .in_w33 {width: 33%; border: 1px solid #dcdcdc;}
    .in_w35 {width: 35%; border: 1px solid #dcdcdc;}
    .in_w39 {width: 39%; border: 1px solid #dcdcdc;}
    .in_w40 {width: 40%; border: 1px solid #dcdcdc;}
    .in_w45 {width: 45%; border: 1px solid #dcdcdc;}
    .in_w50 {width: 50%; border: 1px solid #dcdcdc;}
    .in_w60 {width: 60%; border: 1px solid #dcdcdc;}
    .in_w70 {width: 70%; border: 1px solid #dcdcdc;}
    .in_w80 {width: 80%; border: 1px solid #dcdcdc;}
    .in_w85 {width: 85%; border: 1px solid #dcdcdc;}
    .in_w90 {width: 90%; border: 1px solid #dcdcdc;}
    .in_w93 {width: 93%; border: 1px solid #dcdcdc;}
    .in_w95 {width: 95%; border: 1px solid #dcdcdc;}
    .in_w98 {width: 98%; border: 1px solid #dcdcdc;}
    .in_w100 {width: 99.4%; border: 1px solid #dcdcdc;}
    .height23 {height: 23px;}
    .height33 {height: 33px !important;}


/* margin & padding 마진 패딩값 왜 막아둠? */
.marginl3 {margin-left: 3px;}
.marginl5 {margin-left: 5px;}
.marginl10 {margin-left: 10px;}
.marginl12 {margin-left: 12px;}
.marginl15 {margin-left: 15px;}
.marginl20 {margin-left: 20px;}
.marginl22 {margin-left: 22px;}
.marginl25 {margin-left: 25px;}
.marginl30 {margin-left: 30px;}
.marginl40 {margin-left: 40px;}
.marginml5 {margin-left: -5px;}
.marginr3 {margin-right: 3px;}
.marginr5 {margin-right: 5px;}
.marginr10 {margin-right: 10px;}
.marginr20 {margin-right: 20px;}
.marginmt2 {margin-top: -2px;}
.margintm5 {margin-top: -5px;}
.margintm10 {margin-top: -10px;}
.margintm20 {margin-top: -20px;}

.margint2 {margin-top: 2px;}
.margint3 {margin-top: 3px;}
.margint5 {margin-top: 5px;}
.margint6 {margin-top: 6px;}
.margint10 {margin-top: 10px;}
.margint15 {margin-top: 15px;}
.margint20 {margin-top: 20px;}
.margint26 {margin-top: 26px;}
.margint30 {margin-top: 30px;}
.margint40 {margin-top: 40px;}
.margint49 {margin-top: 49px;}
.margint50 {margin-top: 50px;}
.marginb10 {margin-bottom: 10px;}
.marginb15 {margin-bottom: 15px;}
.marginb20 {margin-bottom: 20px;}
.marginb25 {margin-bottom: 25px;}
.marginb30 {margin-bottom: 30px;}
.marginb40 {margin-bottom: 40px;}
.marginb50 {margin-bottom: 50px;}
.marginb60 {margin-bottom: 60px;}

.margin5 {margin: 5px;}

.pad5 {padding: 5px;}
.pad510 {padding: 5px 10px;}
.pad30 {padding: 30px;}
.padlr30 {padding: 0 30px;}
.padt5 {padding-top: 8px;}
.padt6 {padding-top: 6px;}
.padt30 {padding-top: 30px;}
.padt52 {padding-top: 52px;}
.padl5 {padding-left: 5px;}
.padl10 {padding-left: 10px;}
.padl15 {padding-left: 15px;}
.padt10 {padding-top: 10px;}
.pad105 {padding: 10px 10px 5px;}


/* a css */
a {cursor: pointer;}
a,
a:link,
a:visited {text-decoration: none;}
/* a:hover {text-decoration: underline;} */


/* align */
.alignl {text-align: left;}
.alignr {text-align: right;}
.alignc {text-align: center;}

.float_left {float: left;}
.float_right {float: right;}
.ableft {position: absolute; left: 0; top: 0;}
.abright {position: absolute; right: 0; top: 0;}

.vertical_top {vertical-align: top;}
.vertical_middle {vertical-align: middle;}

/* color */
.color_none {color: #4d4d4d;}
.color_point {color: #005bac;}
.color_pointr {color: #ff0000;}
.color_pointg {color: #21872d;}
.color_pointo {color: #ff6600;}
.color_pointo2 {color: #ec5300;}
.color_pointgr {color: #8bc138;}
.color_pointgy {color: #777777;}
.bold {font-weight: bold;}


/* skip */
.skip_nav {height: 0;}
    .skip_nav a {display: block; position: absolute; left: 0; top: -100px; width: 100%; height: 1px; text-align: center;}
    .skip_nav a:focus,
    .skip a:active {position: absolute; top: 0; z-index: 120; height: 25px; padding: 10px 0; font-size: 1.4em; font-weight: 700; color: #36348f; background: #fff;}


/* block */
.theblock {display: block;}
.inblock {display: inline-block;}


/* area */
.division {overflow: hidden;}
.division20 {overflow: hidden; margin-bottom: 20px;}
.division40 {overflow: hidden; margin-bottom: 40px;}
.division50 {overflow: hidden; margin-bottom: 50px;}
.division60 {overflow: hidden; margin-bottom: 60px;}
.table_area {overflow: hidden; margin-bottom: 20px;}
.button_area {overflow: hidden; margin-bottom: 100px;}
	select.handling_select {height: 36px;}
.file_area + .file_area {margin-top: 8px;}
.editor_area {overflow: hidden;}
.half_area {overflow: hidden; float: left; width: 50%;}
.area30 {float: left; width: 30%;}
.area35 {float: left; width: 35%;}
.area40 {float: left; width: 40%;}
.area45 {float: left; width: 45%;}
.area50 {float: left; width: 50%;}
.area55 {float: left; width: 55%;}
.area60 {float: left; width: 60%;}
.area65 {float: left; width: 65%;}
.area70 {float: left; width: 70%;}
.area_xscroll {overflow-x: auto; min-width: 730px;} /* 가로 스크롤 레이아웃 */