@charset "utf-8";

/* html 엘리먼트 속성 초기화 */
h1, h2, h3, h4, h5, h6{font-size:1em; margin:0px;}
p, ul, ol, li, dl, dt, dd, form, fieldset{margin:0px; padding:0px; font-size:100%;}
ul, ol, li{list-style:none; font-size:100%;}
table{border-collapse:collapse; font-size:100%;}
legend {visibility:hidden;overflow:hidden;width:0;height:0;background-color:transparent;font-size:0;line-height:0;}
caption {visibility:hidden;overflow:hidden;width:0;height:0;background-color:transparent;font-size:0;line-height:0;text-indent: -9999em;}
img{border:0 none; font-size:0px; line-height:0px; vertical-align: top}
input, select, textarea{margin:0px; padding:0px;}
.msie7 label input[type=radio], .msie7 label input[type=checkbox]{width:14px;height:14px;}

html{width:100%;} 
html,body {height:100%;}
body{position:relative;}

/* 그외 초기화 */
body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
header, hgroup, footer ,nav ,section ,article ,aside ,figure ,video ,audio {margin:0;padding:0;border:0;}
em, address{font-style:normal}
hr{display:none}

select, textarea, input, label,img,button{vertical-align:middle}
table td{word-wrap:break-word;word-break:break-all;}
button{cursor:pointer}

/** common style **/
/* font n color */
body,input,select,textarea,a,button{line-height:1;font-family: 'Pretendard';font-size:13px;color:#4b4e5a;}

a{text-decoration:none;/*color:#e2632e;text-decoration:underline;*/}
a:hover,
a.on,
a.active{text-decoration:none;}

/*#header a, #footer a, #quick a, span[class*="btn"] a, div[class*="tab"] a, .title_section a{text-decoration:none;}*/

.point1,
a.point1{color:#23aae1 !important;}
.point2,
a.point2{color:#5489d9 !important;}
.point3,
a.point3{color:#999 !important;}
.point4,
a.point4{color:#40b6d4 !important;}
.point5,
a.point5{color:#5c5f68 !important;}
.point6,
a.point6{color:#379813 !important;}
.point7,
a.point7{color:#8b7b4f !important;}

.arial{font-family: 'Pretendard';}
.malgun{font-family: 'Pretendard';}

.font11{font-size:11px !important;}
.font12{font-size:12px !important;}
.font13{font-size:13px !important;}
.font14{font-size:14px !important;}
.font15{font-size:15px !important;}
.font16{font-size:16px !important;}
.font17{font-size:17px !important;}
.font20{font-size:25px !important;}

.line_h0{line-height:0;}
.line_h1{line-height:1em;}
.line_h16{line-height:16px;}
.line_h18{line-height:18px;}
.line_h20{line-height:20px;}
.line_h22{line-height:22px;}

.bold{font-weight:bold !important;}
.normal{font-weight:normal !important;}
.uline{text-decoration:underline;}
.no_bg {background:none !important;}

/* align */
.t_left{text-align:left !important;}
.t_center{text-align:center !important;}
.t_right{text-align:right !important}
.v_top{vertical-align:top !important;}
.v_middle{vertical-align:middle !important;}
.v_bottom{vertical-align:bottom !important}

/* etc */
.scroll{overflow:scroll}
.scroll_y{overflow-y:scroll;overflow-x:hidden;}
.msie7 .scroll_y table{table-layout:fixed;width:auto}
.scroll_x{overflow-x:scroll;overflow-y:hidden;}
.f_left{float:left;}
.f_right{float:right;}
.f_center{float:center;}
.c_both{clear:both !important;}
.clear_box:after{content:'';display:block;clear:both;height:0;font-size:0;visibility:hidden;}
.clear{display:inline-block;}
.clear{display:block;}

.pos_r{position:relative;}

.hidden_obj{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;visibility:hidden;font-size:0;line-height:0}
/* 카드 스텝 */
.step .access{overflow:hidden !important;position:absolute;top:0;left:0;width:0 !important;height:0 !important;margin:0 !important;padding:0 !important;border:0 !important;font:0/0 Arial !important;}
.hide{display:none;}
.show{display:block;}
tr.show{display:table-row;}
.guide {margin: 30px 0 10px !important; padding: 6px 0 5px 10px;background: #eee; color: #666;font-weight:bold;}
.guide2 {margin: 30px 0 -20px !important; padding: 6px 0 5px 10px;background: #333; color: #fff;font-weight:bold;}

/* 투명도 */
.trans0{filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0;opacity: 0;}
.trans30{filter: alpha(opacity=30); -ms-filter: "alpha(opacity=30)"; -khtml-opacity: 0.3; -moz-opacity: 0.3;opacity: 0.3;}
.trans60{filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -khtml-opacity: 0.6; -moz-opacity: 0.6;opacity: 0.6;}
.trans90{filter: alpha(opacity=90); -ms-filter: "alpha(opacity=90)"; -khtml-opacity: 0.9; -moz-opacity: 0.9;opacity: 0.9;}
.trans100{filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -khtml-opacity: 1; -moz-opacity: 1;opacity: 1;}

/* margin */
.mgt_base{margin-top:35px !important;}
.mgb_base{margin-bottom:35px !important;}
.mgt_half{margin-top:15px !important;}
.mgb_half{margin-bottom:15px !important;}

.mg0 {margin:0 !important;}
.mgl0 {margin-left:0px !important;}
.mgl5 {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl15 {margin-left:15px !important;}
.mgl20 {margin-left:20px !important;}
.mgl25 {margin-left:25px !important;}
.mgl29 {margin-left:29px !important;}
.mgl30 {margin-left:30px !important;}
.mgl45 {margin-left:47px !important;}
.mgl70 {margin-left:70px !important;}
.mgl103 {margin-left:103px !important;}
.mgl107 {margin-left:107px !important;}
.mgl88 {margin-left:88px !important;}
.mgb0 {margin-bottom:0px !important;}
.mgb5 {margin-bottom:5px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgt0 {margin-top:0px !important;}
.mgt3 {margin-top:3px !important;}
.mgt4 {margin-top:4px !important;}
.mgt5 {margin-top:5px !important;}
.mgt7 {margin-top:7px !important;}
.mgt8 {margin-top:8px !important;}
.mgt10 {margin-top: 10px !important;}
.mgt15 {margin-top: 15px !important;}
.mgt20 {margin-top: 20px !important;}
.mgt25 {margin-top: 25px !important;}
.mgt30 {margin-top: 30px !important;}
.mgt35 {margin-top: 35px !important;}
.mgt40 {margin-top: 40px !important;}
.mgt50 {margin-top: 50px !important;}
.mgt100 {margin-top: 100px !important;}
.mgt130 {margin-top: 130px !important;}
.mgr0 {margin-right:0px !important;}
.mgr5 {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr15 {margin-right:15px !important;}
.mgr20 {margin-right:20px !important;}

.mgtb15 {margin:15px 0 !important;}

/* padding */
.pd0 {padding:0 !important;}
.pd15 {padding:15px 0 !important;}
.pd30 {padding:30px !important;}
.pdt5 {padding-top:5px !important;}
.pdt30 {padding-top:30px !important;}
.pd15 {padding:15px 0 !important;}
.pd30 {padding:30px !important;}
.pdl0 {padding-left:0 !important;}
.pdl20 {padding-left:20px !important;}

/* letter-spacing */
.ls-1 {letter-spacing:-1px;}
.ls-2 {letter-spacing:-1.5px;}

/* overflow */
.over_h{overflow:hidden;}

/* layout size */
.w980{width:980px;margin:0 auto;}

/***************************DASOFT 반응형 태블릿***************************/
@media(max-width:1024px){
    #mb_login{position:absolute; left:50% ; top:50%; transform:translate(-50%,-50%)}
}       
/***************************DASOFT 반응형 태블릿***************************/


/***************************DASOFT 반응형 모바일***************************/
@media(max-width:767px){
    [id^="layer_"] {
       display:none !important;
      }

}
/***************************DASOFT 반응형 모바일***************************/