/* @import url('https://fonts.googleapis.com/css?family=Barlow:300,400,500,600,700,800,900'); */
@import url('fonts.css');


/* reset */
body{margin:0;font-family:'Apple SD Gothic Neo','Barlow', 'Noto Sans KR', sans-serif;font-size:16px;/* line-height:22px; */color:#32374b;-webkit-text-size-adjust:none;}
.t-gthr {font-family:'Gotham Rounded',sans-serif;}
ol,ul, menu, dir{padding:0;margin:0;list-style-type:none;}
a{color:inherit;text-decoration:none;}
button,
select,
textarea,
input[type='password']{-webkit-appearance:none;/* box-sizing:content-box;padding:0;border-radius:0;border:0; */}
input {font-family:'Apple SD Gothic Neo','Barlow', 'Noto Sans KR', sans-serif;}
input::placeholder {font-family:'Apple SD Gothic Neo','Barlow', 'Noto Sans KR', sans-serif;letter-spacing:0.8px;color:#ddd;font-weight:100;}

h1,h2,h3,h4,h5,h6,p{margin:0;font-size:inherit;}
address, dfn{font-style:normal;}
img{vertical-align:top;border:0;}
table{border-spacing:0;border-collapse:collapse;width:100%;}
caption{height:0px;overflow:hidden;visibility:hidden;}
th{color:#0d0d0d;padding:0}
td{padding:0;}
dl{margin:0;}
dd{margin:0;}
button{font-family:'Apple SD Gothic Neo','Barlow', 'Noto Sans KR', sans-serif;padding:0;background:none;border:0;border-radius:0;box-sizing:content-box;vertical-align:middle;cursor:pointer}
:focus{outline:none}
.w20 {width:20%;}
.w56 {width:56%;}

.wd60 {width:60px !important;}
.wd105 {width:105px !important;}
.wd100 {width:100%;}
.wd_un {width:unset !important;padding:0 10px;}

/* 간격 */
.mg0 {margin:0 !important;}
.mgt0{margin-top:0px !important;}
.mgt10{margin-top:10px !important;}
.mgt15{margin-top:15px !important;}
.mgt20{margin-top:20px !important;}
.mgt30{margin-top:30px !important;}
.mgt35{margin-top:35px !important;}
.mgt40{margin-top:40px !important;}
.mgt50{margin-top:50px !important;}
.mgt60{margin-top:60px !important;}
.mgt80{margin-top:77px !important;}
.mgt100{margin-top:100px !important;}
.mgt120{margin-top:120px !important;}
.mgb30{margin-bottom:30px !important;}
.mgl-5 {margin-left:-5px !important;}
.mgl16{margin-left:16px !important;}

.mgr10 {margin-right:10px;}
.mgr15 {margin-right:15px;}
.mgr20 {margin-right:20px;}
.mgr30 {margin-right:30px;}

.pd0 {padding:0 !important;}
.pd2030 {padding:20px 30px;}
.pd5030 {padding:50px 30px !important;}

/* 공통 */
.normal{font-weight:normal !important;}
.bold{font-weight:bold !important;}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hide{display:none;}
.font-nsr {font-family:'NanumSquareRound',sans-serif;}

.blue-bt {width:100%;background:linear-gradient(135deg, #00389f 0%, #005aff 100%);color:#fff;box-sizing:border-box;border-radius:5px;font-size:20px;font-weight:bold;line-height:55px;}
.blue-bt2 {background:#005aff;border-radius:4px;font-weight:bold;font-size:14px;color:#fff;height:35px;}
.blue-bt3 {background:#005aff;border-radius:4px;font-weight:bold;font-size:14px;color:#fff;height:40px;}
.blue-bt4 {border:1px solid #005aff;border-radius:4px;font-weight:bold;font-size:14px;color:#005aff;height:38px;width:75px;}
.pop-blue-bt {border:1px solid #005aff;border-radius:4px;font-weight:bold;font-size:14px;color:#005aff;height:35px;width:75px;}
.pop-blue-bt2Y {border:1px solid #005aff;border-radius:4px;font-weight:bold;font-size:14px;color:#005aff;height:35px;width:100%;padding:0 12px;}
.board-bt {background-image:url('../images/board-icon.png');width:23px;height:7px;position:absolute;right:0;}
.livecam_bt {position:relative;background:#c3cedb;padding:3px 10px 1px 25px;border-radius:50px;color:#fff;font-size:13px;font-weight:600;opacity:0.5;}
.search-bt {position:absolute;right:10px;top:0;font-size:14px;background:url(../images/search-icon.png) no-repeat;width:18px;height:100%;background-position:center;}
.search-bt:before {content:'';display:inline-block;width:1px;height:70%;border-right:1px solid #ddd;position:absolute;left:-10px;top:15%;}
.sj-bt {border:1px solid #005aff;border-radius:4px;font-weight:bold;font-size:14px;color:#005aff;height:40px;width:75px;}
.del_bt {border:1px solid #b1b1b1;border-radius:4px;font-weight:bold;font-size:14px;color:#32374b;height:38px;width:75px;}
.del_bt2 {border:1px solid #b1b1b1;border-radius:4px;font-weight:bold;font-size:14px;color:#32374b;height:35px;width:75px;}
.gray_bt {border:1px solid #b1b1b1;border-radius:4px;font-weight:bold;font-size:14px;color:#32374b;height:35px;width:75px;}
.reg_bt {background:url(../images/reg_icon.png) no-repeat;width:40px;height:40px;}
.event-checkbt {background:#32374B;padding:5px 10px;color:#fff;border-radius:50px;}
.event-checkbt:before {content:'';background:url(../images/cam_on.png);width:15px;height:17px;display:inline-block;margin-right:3px;vertical-align:-4px;}
.event-continfo-bt {background:#005AFF;padding:5px 10px;color:#fff;border-radius:50px;}
.event-continfo-bt:before {content:'';background:url(../images/cont-info-icon.png);width:17px;height:17px;display:inline-block;margin-right:3px;vertical-align:-4px;}
.list_bt {height:40px;width:120px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-weight:500;color:#32374b;background:#fff;}
.join-backbt {background:#fff;border:1px solid #ddd;border-radius:4px;font-weight:bold;font-size:14px;color:#32374b;height:40px;width:105px;margin-right:15px;}
.join-nextbt {background:#005aff;border-radius:4px;font-weight:bold;font-size:14px;color:#fff;height:40px;width:105px;}
.search-input {height:40px;line-height:40px;border-radius:4px;border:1px solid #ddd;width:260px;padding:0 60px 0 10px;box-sizing:border-box;}
.input-st1 {height:38px;line-height:38px;border-radius:4px;border:1px solid #ddd;width:200px;padding:0 10px;box-sizing:border-box;}
.dup-check-bt {height:38px;line-height:38px;border-radius:4px;background:#ddd;color:#666;padding:0 10px;box-sizing:border-box;}
.station-select-bt {background:#999;position:absolute;right:0;top:-4px;height:25px;border-radius:4px;font-weight:300;font-size:13px;color:#fff;padding:0 15px;}
.station-X {background:url(../images/btn_close01.png);width:12px;height:12px;background-size:100%;position:absolute;top:7px;right:5px;}
.disagree_bt {border:1px solid #b1b1b1;border-radius:4px;font-weight:bold;font-size:14px;color:#32374b;height:38px;width:105px;}
.btn-close2 {background:url(../images/pop-close2.png);display:block;width:16px;height:16px;font-size:0;/* position:absolute;right:0;top:0; */}
.btn-close3 {background:url(../images/mob/menu-close.png) !important;display:block;width:19px;height:19px;background-size:100% !important;position:absolute;right:30px;}
.warning-bt {background:#32374b;border-radius: 4px;font-weight: bold;font-size: 14px;color: #fff;height: 40px;width: 105px;}
.file-bt {border: 1px solid #ddd;background: #ececec;height: 15px;font-size: 13px;font-weight: 500;border-radius: 4px;padding: 5px 7px;display: inline-block;}
.fileup-bt {width: 120px;font-size: 18px;padding: 13px 0;font-weight: bold;border:1px solid #b1b1b1;border-radius: 4px;text-align: center;color:#32374b;box-sizing: border-box;}
.language-bt {border: 1px solid #C3CEDB;color: #C3CEDB;border-radius: 6px;padding: 5px 5.5px;font-weight: 800;margin-left:10px;}
.mob-language-bt {border: 1px solid #C3CEDB;color: #C3CEDB;border-radius: 56px;padding: 5px 15px;font-weight: 800;margin-left: 10px;position: absolute;top: 23px;left: 30px;}
.pop_update {border:1px solid #005AFF;background: #fff;border-radius:5px;color:#005AFF;font-weight:bold;padding:10px 15px;}
.pop_reBT {border:1px solid #b1b1b1;background: #fff;border-radius:5px;color:#32374b;font-weight:bold;padding:10px 15px;}

.selectbox,
.selectbox label, .selectbox option, .selectbox select {font-size:13px;color:#32374b;font-weight:400;}
.selectbox label {line-height:15px}
.selectbox {padding-left:0 !important;display:inline-block;position:relative; width:140px; height:40px; box-sizing:border-box; border:1px solid #ddd; border-radius:4px; background-color:#fff; z-index:1;} 
.selectbox:before {content:"";position:absolute;right:15px;top:18px;background:url(../images/select-arrow.png) no-repeat;display:inline-block;width:11px;height:6px;} 
.selectbox label {box-sizing:border-box; position:absolute; top:1px; left:5px;padding:.81em .5em;color:#32374b;z-index:-1; font-size:14px;font-weight:bold;} 
.selectbox select {width:100%;height:100%;box-sizing:border-box;padding:10px; border:0; opacity:0; filter:alpha(opacity=0); -webkit-appearance:none; -moz-appearance:none; appearance:none;color:#32374b;}

.selectbox.reset2 {width:unset;margin-right:15px;}
.selectbox.reset2 select {padding-right:35px;}

.page_sel {width:60px !important;height:33px;margin:0 5px;}
.board-sel {width:110px !important;height:40px;margin:0 5px;}
.page_sel label {padding:.55em .5em;}
.page_sel:before {top:14px;}
.setting_sel {width:85px;}
.setting_sel label {width:calc(100% - 30px);}

.txt-r {text-align:right !important;;}


label {display:block;font-size:0;cursor:pointer;}
label > input[type="checkbox"] {display:none;}

.setting-check label > input[type="checkbox"] + *::before {margin-right:0;}
label > input[type="checkbox"] + *::before {content:url("../images/bg_chk_off.png");display:inline-block;margin-right:1.3rem;font-size:0;}

label > input[type="checkbox"]:checked + * {/* color:teal; */}
label > input[type="checkbox"]:checked + *::before {content:url("../images/bg_chk_on.png");color:white;text-align:center;


input[type="text" i] {padding:0;}