@charset "utf-8";

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}
audio,canvas,progress,video{display:inline-block}
article,aside,audio,blockquote,body,canvas,caption,dd,details,div,dl,dt,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,iframe,legend,li,main,menu,nav,ol,p,pre,section,summary,table,tbody,td,template,textarea,tfoot,th,thead,tr,ul,video{margin:0;padding:0;border:0;font-size:inherit;font-family:inherit;box-sizing:border-box;word-break:break-all}
a,em,span{display:inline-block;margin:0;padding:0;box-sizing:border-box}
b,strong{font-weight:500}
address,cite,dfn,em,i{font-style:normal}
svg{overflow:hidden;vertical-align:middle}
figcaption,figure{margin:0;padding:0}
sub,sup{position:relative;font-size:.9em;line-height:0;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
del{color:#aaa!important;text-decoration:line-through}
label{display:inline-block;cursor:pointer}
iframe{display:block;max-width:100%}
summary{display:list-item;cursor:pointer}
ul,ul>li{list-style:none}
table{width:100%;border-collapse:collapse;border-spacing:0}
caption{overflow:hidden;position:relative;left:0;top:0;width:1px;height:1px;background:0 0;font-size:0;color:transparent;line-height:0;text-indent:100%}
legend{overflow:hidden;position:absolute;width:1px;height:1px;background:0 0;font-size:0;color:transparent;line-height:0}
fieldset{border:none;min-width:0}
hr{overflow:hidden;position:absolute;height:0;width:0}
:after,:before{display:none;content:''}
.clearfix{display:block}
.clearfix:after{content:"";display:table;clear:both}
.clear{clear:both}
.hide{display:none}
.skip{overflow:hidden;position:absolute;width:1px;height:1px;background:0 0;font-size:0!important;color:transparent!important;line-height:0}
button,input,optgroup,select,textarea{margin:0;padding:0;border:1px solid;box-sizing:border-box;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;vertical-align:middle}
button,input,select{display:inline-block}
button,input{overflow:visible}
input[type=search],input[type=text]{-webkit-border-radius:0;-webkit-appearance:none}
input[type=search]{outline-offset:-2px;-webkit-appearance:none}
input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
input[type=file]{border:none}
input[type=file]::-webkit-file-upload-button{font:inherit;-webkit-appearance:button;-moz-appearance:button;border:1px solid #bbb;background:#e0e0e0;box-shadow:none}
input[type=checkbox],input[type=radio]{padding:0;border:none}
[type=button],[type=reset],[type=submit],button{overflow:visible;border-color:transparent;background-color:transparent;cursor:pointer}
textarea{display:block;overflow:auto;resize:vertical}
input[disabled]{background-color:#ebebeb}
select:disabled{background-color:#ebebeb}


/* font 공통*/
* {	-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;text-size-adjust: none; }
html, body{ position: relative; height: 100%; font-size:10px; }
body{ color:#111;font-family:'Roboto','NotoSansKR',sans-serif,Arial,Dotum,Helvetica,AppleGothic;font-weight:400;letter-spacing:-1px; font-size: 1.6rem; line-height:1.3;}
h1,h2,h3,h4,h5,h6,input,button,textarea,select,table{font-family:'Roboto','NotoSansKR',sans-serif,Arial,Dotum,Helvetica,AppleGothic; box-sizing:border-box;}


/* form */
select,
input[type="text"], input[type="password"], [type="number"], [type="date"] {height:46px; line-height: 46px; border-radius: 5px; padding:5px;min-width:70px;margin-left:1px; font-weight:400;color:#333;border:1px solid #c4c4c4; font-size:1.6rem; }
select{height:46px; line-height: 46px; border-radius: 5px;border:1px solid #c4c4c4; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url(../img/ico_arrow-select.png) no-repeat;background-position: 99% 50%; padding: 0 0 0 5px; }
select::-ms-expand { display: none;}
textarea{ width: 100%; padding:5px; border:1px solid #b7b7b7; border-radius:5px;}
input[type="radio"] { margin-right:4px; width:18px; height:18px;}
input[type="checkbox"] { margin-right:4px; width:18px; height:18px; border:1px solid #b7b7b7;}
input[type="text"].error, input[type="password"].error{border:1px solid #e73838;}
input[type="text"].read, input[type="password"].read{background:#e4e4e4;}
input[type="text"]:read-only, input[type="text"]:disabled, input[type="password"]:disabled {background:#e4e4e4;}
textarea, input[type="image"] {box-shadow:none !important; -webkit-box-shadow:none !important; border-radius:5px;  -webkit-border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}


/* inputForm */



.rdo_form { display: flex; align-items: center; justify-content: center; margin-bottom: 0.5rem;}
.rdo_form input[type="radio"] { flex: none; position: relative; width: 19px; height: 19px; background: #fff; border: 1px solid #ccc; border-radius: 50%; appearance: none; cursor: pointer;}
.rdo_form input[type="radio"]+label { position: relative; flex: none; margin-right: 1.5rem; padding-left: 0.2rem;}
.rdo_form input[type="radio"]:before { content: ""; position: absolute;display:block; top: 45%; left: 50%; width: 5px; height: 7px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; transform: translate(-50%, -50%) rotate(45deg);}
.rdo_form input[type="radio"]:checked {background-color: #1d3d88; border: 1px solid #1d3d88;}
.rdo_form input[type="radio"]:checked+label::after { transform: translateY(-50%) scale(1);}

.rdo_form input[type="checkbox"] { flex: none; position: relative; width: 19px; height: 19px; background: #fff; border: 1px solid #ccc; border-radius: 50%;
 appearance: none;cursor: pointer;}
.rdo_form input[type="checkbox"]+label { position: relative; flex: none; margin-right: 1.5rem; padding-left: 0.2rem;}
.rdo_form input[type="checkbox"]:before { content: ""; position: absolute;display:block; top: 45%; left: 50%; width: 5px; height: 7px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; transform: translate(-50%, -50%) rotate(45deg);}
.rdo_form input[type="checkbox"]:checked {background-color: #1d3d88; border: 1px solid #1d3d88;}
.rdo_form input[type="checkbox"]:checked+label::after { transform: translateY(-50%) scale(1);}

/* inputForm-nemo */
.chkbox_form input[type="checkbox"] { flex: none; position: relative; width: 19px; height: 19px; background: #fff; border: 1px solid #ccc; border-radius: 4px;
 appearance: none;cursor: pointer;}
.chkbox_form input[type="checkbox"]+label { position: relative; flex: none; margin-right: 1.5rem; padding-left: 0.2rem;}
.chkbox_form input[type="checkbox"]:before { content: ""; position: absolute;display:block; top: 50%; left: 50%; width: 5px; height: 7px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; transform: translate(-50%, -50%) rotate(45deg);}
.chkbox_form input[type="checkbox"]:checked {background-color: #1d3d88; border: 1px solid #1d3d88;}
.chkbox_form input[type="checkbox"]:checked+label::after { transform: translateY(-50%) scale(1);}




.hidden {position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:polygon(0 0, 0 0, 0 0);}
.longdesc { overflow:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none;}
.none{display:none;margin:0; padding:0;}
.narrow{letter-spacing:-0.5px;}
.justify{ text-align:justify; }
.wordbreak { white-space:nowrap; word-break:keep-all}

/* focus*/
button:focus, input:focus, select:focus, textarea:focus, a:focus {outline: 2px dashed #2189FF !important;}

/*link*/
a:link{color:#555; text-decoration:none;}
a:visited{color:#555; text-decoration:none;}
a:hover{color:#555; text-decoration:none;}
a:focus{text-decoration:none;}
a:active{color:#555; text-decoration:none;}

/*text hidden*/
.IR, .blind, legend{font:0px/0 Arial; height:0; left:-9999px !important; position:absolute !important; top:-9999px !important}

/*줄바꿈*/
.br{display:block !important}
.wbr {display:block}
.mbr {display:inline-block}

/* align */
.tc {text-align:center !important;}
.tl {text-align:left !important;}
.tr {text-align:right !important;}

.textunder { text-decoration:underline;}
.textbold { font-weight: 700;}


/** align style **/
.fl_wrap{overflow:hidden !important}
.fl_r{float:right !important}
.fl_l{float:left !important}


/** display style **/
.dis_i{display:inline !important}
.dis_ib{display:inline-block !important}
.dis_b{display:block !important}
.dis_n{display:none !important}
.dis_f{display:flex !important}
.dis_f_yc{align-items:center !important}



/** border style **/
.no_ba{border:none !important}
.no_bl{border-left:none !important}
.no_bt{border-top:none !important}
.no_br{border-right:none !important}
.no_bb{border-bottom:none !important}


/** display flex style **/
.flex_align_c{align-items: center !important}
.flex_align_s{align-items: flex-start !important}
.flex_align_e{align-items: flex-end !important}
.flex_justify_c{justify-content: center !important}
.flex_justify_s{justify-content: flex-start !important}
.flex_justify_e{justify-content: flex-end !important}
.flex_justify_b{justify-content: space-between !important}
.flex_justify_a{justify-content: space-around !important}
.flex_justify_ev{justify-content: space-evenly !important}
.flex_wrap_w{flex-wrap: wrap !important}



/* box */
[class^="box_"] {position:relative; padding:2rem 2.4rem;  border-radius:0.2rem;}
.box_line {border:1px solid #ddd;}
.box_line_dark {border:1px solid #404b57;}
.box_gray {background:#f5f5f5;}
.box_white {background:#fff;}
.box_guide {background:#ecf1f9;}
.box_guide .bg_btn {position:absolute; right:32px; top:28px;}
.box_line_bold {border: #ececf1 solid 6px;}


/* 숨김 */
ul#skipToContent {position:absolute; z-index:10000; height:0;}
ul#skipToContent li {position:absolute; z-index:10000; top:0; left:0; width:100%;}
ul#skipToContent li a {display:block; position:absolute; z-index:10000; top:-10000px; left:0; color:#fff; font-size:0; text-align:center;}
ul#skipToContent li a:focus,ul#skipToContent li a:active {top:3px; width:150px; padding:5px 0; font-size:1em; background-color:#355da0}



@media (max-width:800px) {

	html {font-size:9px}
 }

/*width*/
.wid5r{width:5rem !important}
.wid8r{width:8rem !important}
.wid10r{width:10rem !important}
.wid15r{width:15rem !important}

/*margin*/

/*top */
.mt0r{margin-top:0rem !important}
.mt0_5r{margin-top:0.5rem !important}
.mt1r{margin-top:1rem !important}
.mt2r{margin-top:2rem !important}
.mt3r{margin-top:3rem !important}
.mt4r{margin-top:4rem !important}
.mt5r{margin-top:5rem !important}
.mt10r{margin-top:10rem !important}
.mt15r{margin-top:15rem !important}
.mt20r{margin-top:20rem !important}
.mt25r{margin-top:25rem !important}
.mt30r{margin-top:30rem !important}


/*Bottom */
.mb0r{margin-bottom:0rem !important}
.mb1r{margin-bottom:1rem !important}
.mb2r{margin-bottom:2rem !important}
.mb3r{margin-bottom:3rem !important}
.mb5r{margin-bottom:5rem !important}
.mb10r{margin-bottom:10rem !important}
.mb15r{margin-bottom:15rem !important}
.mb20r{margin-bottom:20rem !important}
.mb25r{margin-bottom:25rem !important}
.mb30r{margin-bottom:30rem !important}

/*right */
.mr0r{margin-right:0rem !important}
.mr2r{margin-right:2rem !important}
.ml0r{margin-left:0rem !important}
.ml2r{margin-left:2rem !important}
.ml15r{margin-left:15rem !important}

/*padding*/
.pa0 {padding:0 !important}
.pl1 { padding-left:1rem; }
.pl2 { padding-left:2rem; }
.pl3 { padding-left:3rem; }
.pl5 { padding-left:5rem; }
.pr1 { padding-right:1rem; }
.pr2 { padding-right:2rem; }
.pr3 { padding-right:3rem; }
.pr5 { padding-right:5rem; }
.pb0 { padding-bottom:0.5rem; }
.pb1 { padding-bottom:1rem; }
.pb2 { padding-bottom:2rem; }
.pb3 { padding-bottom:3rem; }
.pb5 { padding-bottom:5rem; }




/* color */
.c_blue {color:#1e5caf !important;}
.c_red {color:#d52552 !important;}
.c_dkred{color:#e20101 !important}
.c_point {color:#3a58a8 !important;}
.c_bl {color:#000 !important;}


/** div_width % **/
[class*='div_per']{position:relative;}
.div_per100{width:100% !important}
.div_per95{width:calc(95% - 10px) !important}
.div_per90{width:calc(90% - 10px) !important}
.div_per85{width:calc(85% - 10px) !important}
.div_per80{width:calc(80% - 10px) !important}
.div_per75{width:calc(75% - 10px) !important}
.div_per70{width:calc(70% - 10px) !important}
.div_per65{width:calc(65% - 10px) !important}
.div_per60{width:calc(60% - 10px) !important}
.div_per55{width:calc(55% - 10px) !important}
.div_per50{width:calc(50% - 10px) !important}
.div_per45{width:calc(45% - 10px) !important}
.div_per40{width:calc(40% - 10px) !important}
.div_per35{width:calc(35% - 10px) !important}
.div_per33{width:calc(100%/3 - 10px) !important}
.div_per30{width:calc(30% - 10px) !important}
.div_per25{width:calc(25% - 10px) !important}
.div_per20{width:calc(20% - 10px) !important}
.div_per15{width:calc(15% - 10px) !important}
.div_per10{width:calc(10% - 10px) !important}
.div_per5{width:calc(5% - 10px) !important}


/* btn */
.btn {display:inline-block; line-height:0; letter-spacing:-0.048em; border:1px solid transparent; vertical-align:middle;}
.btn > span {display:inline-block;}
.btn * {vertical-align:middle;}
.btn > span.ico-window { background:url(../img/bg_ico05.png) no-repeat right 1px; padding-right:2rem; }



.btn_xl { padding:1.4rem 4.6rem; border-radius:0.4rem; font-size:1.8rem; line-height:1.6rem; }
.btn_xl span { font-size:1.8rem; color:#fff; font-family: 'SCDream'; font-weight: 500;}
.btn_lg { padding:1.4rem 3.2rem; border-radius:0.4rem; font-size:1.8rem; line-height:1.8rem; }
.btn_lg span { font-size:1.8rem; color:#fff; font-family: 'SCDream'; font-weight: 500;}
.btn_md { padding:1.3rem 2.4rem; border-radius:0.4rem;font-size:1.5rem; line-height:1.8rem; }
.btn_md span { font-size:1.5rem; color:#fff; font-family: 'SCDream'; font-weight: 500;}
.btn_m { padding:1rem 1rem; border-radius:0.3rem; font-size:1.5rem; line-height:1.8rem; }
.btn_m span { font-size:1.5rem; color:#fff; font-family: 'SCDream'; font-weight: 400;}
.btn_xm { padding:0.7rem 1rem; border-radius:0.3rem; font-size:1.4rem; line-height:1.5rem; }
.btn_xm span { font-size:1.5rem; color:#fff; font-family: 'SCDream'; font-weight: 400;}
.btn_x { padding:0.3rem 0.3rem; border-radius:0.3rem; font-size:1.4rem; line-height:1.4rem; }
.btn_x span { font-size:1.4rem; color:#fff; font-family: 'SCDream'; font-weight: 400;}
.btn_xs { padding:0.2rem 0.2rem; border-radius:0.3rem; font-size:1.2rem; line-height:1.4rem; }
.btn_xs span { font-size:1.2rem; color:#fff; font-family: 'SCDream'; font-weight: 400;}




.btn_sl {background:#7555ab; color:#fff;}
.btn_red {background:#d54149; color:#fff;}
.btn_orange {background:#cb4b00; color:#fff;}
.btn_green {background:#028571; color:#fff;}
.btn_skyblue {background:#0a8095; color:#fff; }
.btn_blue {background:#1c3d88; color:#fff;}
.btn_navy {background:#1a1d56; color:#fff;}/*mint[background]*/
.btn_puple {background:#5b56e1; color:#fff;}
.btn_black {background:#000; color:#fff;}
.btn_gray {background:#cdcdcd; }
.btn_gray span {color:#4e4e4e;}
.btn_lgray {background:#687892; color:#fff; font-weight: 300;}
.btn_white {background:#fbfbfb; color:#333; border:1px solid rgba(0,0,0,0.16);}
.btn_white span {color:#333; }

.btn_gray_line{background-color:#fff;border:1px solid #444444; border-radius:4px; }
.btn_gray_line span { color:#353535;}
.btn_blue_line { border:#1662b0 solid 1px; color:#1662b0;}
.btn_blue_line span { color:#1662b0;}
.curs_auto { cursor:auto;}