@charset "utf-8";

.csize01 {position:relative; padding:35px 10px;}

.roboto {font-family: 'Roboto', sans-serif; letter-spacing:0em;}
.opensnas {font-family: 'Open Sans', sans-serif;}
.blind, caption, legend{padding: 0; margin: 0; font-size: 0; width: 0; height: 0; line-height: 0; text-indent: -9999px;}
.sr_only {position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}

/* skip_nav */
#skip_nav a {position:absolute; top:0; left:0; z-index:9999; width:100%; height:1px; margin-top:-1px; display:block; background-color:#3875c1; font-size:14px; font-weight:bold; color:#fff; line-height:1; text-align:center; overflow:hidden;}
#skip_nav a:focus,
#skip_nav a:active {margin-top:0; height:auto; padding:10px 0px;}

/* form */
/*
.checkbox {display:inline-block; position:relative; text-align:left; font-size:16px; color:#585858;}
.checkbox input {position:absolute; left:0; top:50%; width:22px; height:22px; margin-top:-11px; opacity:0; appearance:none; -webkit-appearance:none; -moz-appearance:none; outline:0}
.checkbox label {padding-left:30px;}
.checkbox label:before {position:absolute; top:50%; left:0; width:22px; height:22px; margin-top:-11px; border:1px solid #cbcbcb; content:'';}
.checkbox input:checked + label:before {background:url('../images/icon_checkbox.png') no-repeat center; background-size:16px auto;}
.checkbox input:focus + label:before {outline:1px dotted #000}



select, input[type="text"], input[type="password"], textarea {border:1px solid #d3d3d3; font-size:15px; color:#585858; vertical-align:top;}
select, input[type="text"], input[type="password"] {height:35px; padding-left:10px;}
select::-ms-expand {display: none;}
select {border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding:0 40px 0 10px; background: #fff url('../images/icon_select_arr.png') 100% 50% no-repeat !important;}

.fsize01 {width:340px;}
*/



/* btn */
.btn_area {margin-top:80px; text-align:center; font-size:0;}
.btn_area p {display:inline-block;}
.btn {display:inline-block;}
.btn+.btn {margin-left:10px;}

.btn.big {width:250px; height:60px; border:0; font-size:20px; line-height:60px; color:#fff; text-align:center; background:#333333;}
.btn.xsmall {width:130px; height:35px; border:0; font-size:16px; line-height:35px; color:#fff; text-align:center; background:#333333;}

.btn.gray01 {background:#aaaaaa;}
.btn.gray02 {background:#666;}



/* Hidden Type */
.skip{position:absolute;top:0;height:0;visibility:hidden;font-size:0}
.hide{clear:both;position:absolute;visibility:hidden;overflow:hidden;left:0;top:0;width:0;height:0;margin:0;padding:0;background:none;font-size:0;line-height:0;text-indent:-99999px}
.hidden {overflow:hidden; position:absolute; left:-9999em; height:0; font-size:0; line-height:0;}
.m_visible {display:none;}

/* common */
.clear {clear:both;}
.clearfix {width:100%;}
.clearfix:after {content:"";display:block;visibility:hidden;clear:both;}
.disNonei {display:none !important;} 
.disBlock {display:block !important;}
.ovH {overflow:hidden; width:100%; margin-bottom:6px;}
.ovH:after {clear:both; content:""; display:block;} 
.vm {vertical-align:middle !important;}
.clearBoth {clear:both !important;}
.textDeco {text-decoration:underline!important;}
.textInde {text-indent:0 !important;}

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

/* float */
.fl {float:left !important;}
.fr {float:right !important;}

/* Font Color */
.fc_white {color:#fff !important;}
.fc_red {color:#ed1c24 !important;}


/* 폰트사이즈 */
.font11   {font-size:11px !important;}
.font13   {font-size:13px !important;}
.font12   {font-size:12px !important;}
.font14   {font-size:14px !important;}
.font16   {font-size:16px !important;}

/* 컨텐츠정렬관련 */
.al {text-align:left !important;}
.ac {text-align:center !important;}
.ar {text-align:right !important;}
.vtm{vertical-align:middle;}

/* 커서 */
.cursor {cursor:pointer;}

/* 마진 */
.m_5{margin:5px}
.m_10{margin:10px}
.m_15{margin:15px}
.m_20{margin:20px}
.m_25{margin:25px}
.m_30{margin:30px}

.mt_5{margin-top:5px}
.mt_10{margin-top:10px}
.mt_15{margin-top:15px}
.mt_20{margin-top:20px}
.mt_25{margin-top:25px}
.mt_30{margin-top:30px}
.mt_35{margin-top:35px}
.mt_40{margin-top:40px}
.mt_45{margin-top:45px}
.mt_50{margin-top:50px}
.mt_80{margin-top:80px}
.mt_60{margin-top:60px !important;}

.mr_3{margin-right:3px}
.mr_5{margin-right:5px}
.mr_10{margin-right:10px}
.mr_15{margin-right:15px}
.mr_20{margin-right:20px}
.mr_25{margin-right:25px}
.mr_30{margin-right:30px}
.mr_40{margin-right:40px}

.mb_5{margin-bottom:5px}
.mb_10{margin-bottom:10px}
.mb_15{margin-bottom:15px}
.mb_20{margin-bottom:20px}
.mb_25{margin-bottom:25px}
.mb_30{margin-bottom:30px}
.mb_40{margin-bottom:40px}
.mb_50{margin-bottom:40px}

.ml_5{margin-left:5px}
.ml_10{margin-left:10px}
.ml_15{margin-left:15px}
.ml_20{margin-left:20px}
.ml_25{margin-left:25px}
.ml_30{margin-left:30px}

.mtb_5{margin:5px 0}
.mtb_10{margin:10px 0}
.mtb_15{margin:15px 0}
.mtb_20{margin:20px 0}
.mtb_25{margin:25px 0}
.mtb_30{margin:30px 0}

.mlr_3{margin:0 3px}
.mlr_5{margin:0 5px}
.mlr_10{margin:0 10px}
.mlr_15{margin:0 15px}
.mlr_20{margin:0 20px}
.mlr_25{margin:0 25px}
.mlr_30{margin:0 30px}

/* 패딩 */
.p5{padding:5px}
.p10{padding:10px}
.p15{padding:15px}
.p20{padding:20px}
.p25{padding:25px}
.p30{padding:30px}

.pt_5{padding-top:5px}
.pt_10{padding-top:10px}
.pt_15{padding-top:15px}
.pt_20{padding-top:20px}
.pt_25{padding-top:25px}
.pt_30{padding-top:30px}
.pt_40{padding-top:40px}

.pr_5{padding-right:5px}
.pr_10{padding-right:10px}
.pr_15{padding-right:15px}
.pr_20{padding-right:20px}
.pr_25{padding-right:25px}
.pr_30{padding-right:30px}

.pb_5{padding-bottom:5px}
.pb_10{padding-bottom:10px}
.pb_15{padding-bottom:15px}
.pb_20{padding-bottom:20px !important; }
.pb_25{padding-bottom:25px}
.pb_30{padding-bottom:30px}

.pl_5{padding-left:5px}
.pl_10{padding-left:10px}
.pl_15{padding-left:15px}
.pl_20{padding-left:20px}
.pl_25{padding-left:25px}
.pl_30{padding-left:30px}
.pl_40{padding-left:40px}

.ptb_5{padding:5px 0}
.ptb_10{padding:10px 0}
.ptb_15{padding:15px 0}
.ptb_20{padding:20px 0}
.ptb_25{padding:25px 0}
.ptb_30{padding:30px 0}

.plr_5{padding:0 5px}
.plr_10{padding:0 10px}
.plr_15{padding:0 15px}
.plr_20{padding:0 20px}
.plr_25{padding:0 25px}
.plr_30{padding:0 30px}




.table_scroll {position:relative; z-index:1;}
.iScrollVerticalScrollbar {top:0px !important; bottom:0px !important; width:9px !important; border-radius:0px; background:#e1e3e4;}
.iScrollIndicator {border-radius:0px; border:0 !important; background:#a8aeb3 !important;}