@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

 @font-face {
  font-family: 'Godo';
  font-style: normal;
  font-weight: 400;
  src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff') format('woff');
}
@font-face {
  font-family: 'Godo';
  font-style: normal;
  font-weight: 700;
  src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoB.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoB.woff') format('woff');
}
@font-face {
 font-family: 'Noto Sans KR2';
 src: url(./NotoSansKR.eot);
 src: url(./NotoSansKR.eot?#iefix) format('embedded-opentype'),url(./NotoSansKR.otf) format('opentype');
}
@font-face {
 font-family: 'NanumSquare2';
 src: url(./NanumSquareR.eot);
  src: url(./NanumSquareB.eot);
 src: url(./NanumSquareR.eot?#iefix) format('embedded-opentype'),url(./NanumSquareR.ttf) format('truetype');
src: url(./NanumSquareB.eot?#iefix) format('embedded-opentype'),url(./NanumSquareB.ttf) format('truetype');
}
/*===========================================================================
	RESET
============================================================================*/
html, 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, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button, input, br {margin:0;padding:0;border:0;box-sizing:border-box; color:#424244; line-height:1.2; letter-spacing:-0.36px;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
a {display: inline-block;text-decoration:none;color:inherit;}
a:link, a:visited {text-decoration:none;}
a:hover, a:active {text-decoration:none;}
img {border:none;vertical-align:middle;}
ol, ul, li {list-style:none;}
i, em {font-style: normal;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset {border:none;}
legend{width:1px;height:1px;overflow:hidden;visibility:hidden;line-height:0;font-size:0;position:absolute; left:-999px;}
button, input[type="button"] {padding:0;margin:0;border:none;vertical-align:middle;cursor:pointer;background:transparent;}
input{margin:0;padding:0;border:0;}
input[type=text]::-ms-clear {display:none;}
input[type=password]::-ms-clear {display:none;}
textarea {resize:none;box-sizing:border-box;background-color:transparent;border:1px solid #E9E9E9;color:#424244; padding: 10px 16px; font-size: 14px;}
input, select, button, textarea{outline: none; -moz-appearance: none; -webkit-appearance: none;}
button:focus{outline:0;}
input[type="file"]{display:none;}
input[type="text"], input[type="email"], input[type="tel"], input[type="phone"], input[type="password"], input[type="number"] ,select{padding:0 16px;font-size:14px;}
input[type="text"], input[type="email"], input[type="tel"], input[type="phone"], input[type="password"]{height: 40px; background-color:transparent;border:1px solid #E9E9E9;color:#424244;}
input[type="text"]:disabled , input[type="email"]:disabled , textarea:disabled , select:disabled{background-color:#F6F6F6; opacity:1;}
input::placeholder,textarea::placeholder{color:#99999C;font-size: 14px;font-weight:100;line-height:1.5; opacity: 1;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#99999C;font-size: 14px;font-weight:100;line-height:1.5; opacity: 1;}
input[type="checkbox"] {display:none;}
input[type="text"]:focus,input[type="password"]:focus{border-color:#56BAD9;}
select{border:1px solid #E9E9E9;color:#424244;height: 40px;background:url(../img/icons/select_arrow.png)no-repeat right;background-position-x:calc(100% - 12px); -webkit-appearance: none;   -moz-appearance: none; }
select::-ms-expand { display: none;}

/*reset end*/

/*common*/
*{font-family:'Noto Sans KR', 'Noto Sans KR2';font-size:15px; word-break: keep-all;}
.clearfix:after, .clearfix2:after{content:''; display:block; clear:both;}
.clearfix>*{float:left;}
.clearfix2>*:first-child{float:left;}
.clearfix2>*:nth-child(2){float:right;}
.has_right_border{margin-right:30px;position:relative;}
.has_right_border:after{content:"";display:inline-block;position:absolute;right:-15px;top:50%;transform:translateY(-50%);width:1px;height:8px;background:#D4D4D4;}
.ellipsis {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%; line-height: 1.3;}
.ellipsis2 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.7; height: 3.4rem;}
.percent_100 {width:100%;}
/*.ellipsis2{ display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.2; height: 2.4em;}*/
.not_scroll{position: fixed;overflow: hidden;width: 100%;height: 100%;}
.not_scroll .wrap{position: relative;top: 0;}
.required{position:relative;margin-bottom:10px;font-size:14px;}
.required:after{position:absolute;content:'*';color:#424244;width:6px;height:100%;}
.img_box{position:relative;overflow:hidden;}
.img_box img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.pc_none{display:none;}
.container {max-width:1200px;margin: 0 auto; /*overflow: hidden;*/position:relative;}
section{margin-top:70px; min-height: calc(100vh - 270px);}
.floatL{float:left;}
.floatR{float:right;}
.pre{white-space:pre-line;line-height:1.5;}
.more_btn{padding:10px;}
.more_btn img{margin-left:4px;width:12px;}
.no_data{text-align:center;padding-top:170px;}
.no_data p{color:#BEBEBE;margin-top:20px;}
.text_hidden {overflow: hidden;  display: inline-block;  border: 0;  margin: -1px;  width: 1px;  height: 1px;  clip: rect(1px, 1px, 1px, 1px);  clip-path: inset(50%);}
input[type="checkbox"]:checked + label:after{display:block;}
input[type="checkbox"] + label{display:block;position:relative;width:22px;height:22px;border:1px solid #E9E9E9;border-radius:2px;-webkit-border-radius:2px;margin-right:8px;cursor:pointer;}
input[type="checkbox"] + label:after{position:absolute;content:'';background:url(../img/icons/check2.png)no-repeat center;width:14px;height:10px;top:50%;left:50%; -webkit-background-size: 14px;
background-size: 14px; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);display:none;}
input[type="checkbox"] + label + label{font-size:13px;cursor:pointer;}

/*text*/
.leftT {text-align: left !important;}
.rightT {text-align: right !important;}
.centerT{text-align:center;}

/*font*/
.nanum{font-family:'NanumSquare', 'NanumSquare2', sans-serif;}
.title {font-family:'NanumSquare', 'NanumSquare2', sans-serif; font-size: 20px; line-height: 27px; font-weight: 900; margin-bottom: 51px; text-align: center;}
.font_12{font-size:12px;}
.font_13{font-size:13px;}
.font_14{font-size:14px !important;}
.font_16{font-size:16px;}
.font_18{font-size:18px;}
.font_20 {font-size: 20px;}
.point_txt{color:#56BAD9 !important;}
.gray_txt{color:#99999C;}
.gray2_txt{color:#BEBEBE !important;}
.gray3_txt{color:#5F5F60;}
.gray4_txt{color:#6B6B70;}
.red_txt{color:#FF3806 !important;}
.blue_txt{color:#0A699B;}
.white_txt{color:#fff;}
.sky_txt{color:#1094BC !important;}
.bold{font-weight:bold;}
.fw500 {font-weight: 500;}

/*common-----------------------------------------------------------------------*/
.radio_wrap input[type="radio"] {display:none;}
.radio_wrap input[type="radio"] + label{width:22px;height:22px;border:1px solid #E9E9E9; border-radius:50%;position:absolute;cursor:pointer; display: inline-block;}
.radio_wrap input[type="radio"] + label:after{content:'';position:absolute;width:10px;height:10px;background:#56BAD9;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);display:none;}
.radio_wrap input[type="radio"] + label + label{margin-left: 27px;    font-size: 14px;    line-height: 20px;    display: inline-block;    margin-right: 39px; cursor: pointer;}
.radio_wrap input[type="radio"]:checked + label {border: 1px solid #56BAD9;}
.radio_wrap input[type="radio"]:checked + label:after{display:block;}
.checkbox_wrap input[type="checkbox"] + label {display: inline-block; vertical-align: middle;}
.checkbox_wrap input[type="checkbox"] + label + label {vertical-align: middle; display: inline-block; margin-right: 5px; }
.input_wrap input{width: calc(50% - 8px) !important;}
.input_wrap2 input{width: calc(100% - 134px) !important; margin-right: 8px;}
.input_wrap2 button {height: 40px; width: 126px !important; padding: 0; font-size: 14px;}
.input_wrap2 + .input_wrap2 {margin-left: 8px;}
.select_wrap select {width: calc(50% - 8px) !important;}

/*파일업로드*/
.file_up_wrap + .file_up_wrap {margin-top: 10px;}
.file_up_wrap .upload-name {display:inline-block;color:#aaa;width:calc(100% - 138px) !important; padding:10px;font-size: 14px; font-family: inherit; line-height: normal; vertical-align: middle; border: 1px solid #E9E9E9; background: #fff; -webkit-appearance: none;-moz-appearance: none; appearance: none;}
.file_up_wrap label {height: 40px;  display: inline-block; padding:10px 37px; color:#fff; font-size: 14px; line-height: 19px; vertical-align: middle; background-color: #424244; cursor: pointer; border: 1px solid #424244; margin-left:8px; } 
.file_up_wrap input[type="file"] { /* 파일 필드 숨기기 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}

/*bg*/
.point_bg{background:#56BAD9 !important;}
.gray_bg {background: #F8F8F8; }
.gray2_bg{background:#DBDBE1;}
.black_bg{background:#424244;}

/*btn*/
.btn_wrap button + button {margin-left: 20px;}
.btn{width:100%;height:50px;text-align:center;color:#fff;background:#DBDBE1;border:1px solid #DBDBE1;}
.btn.blue_btn{background:#56BAD9;border-color:#56BAD9;}
.btn.line_btn{border:1px solid #56BAD9;color:#56BAD9;background:#fff;}
.black_btn{width:160px;height:54px;color:#fff;background:#1E1E1E; border: 1px solid #1E1E1E;}
.small_btn{width:126px;height:40px;background:#56BAD9;color:#fff;font-size:14px;}
.line_btn{width:200px;height:50px;color:#56BAD9;border:1px solid #56BAD9;}
.gray_btn {width: 150px; height: 54px; color: #fff; background: #99999C; border: 1px solid #99999C; padding: 17px 0;}
.dark_gray_btn {width: 150px; height: 54px; color: #fff; background: #5F5F60; border: 1px solid #5F5F60; padding: 17px 0;}
.submit_btn {width: 150px; height: 54px; color: #fff; background: #56BAD9; border: 1px solid #56BAD9; padding: 17px 0;}
.border_btn {background: #fff; border: 1px solid #424244; color: #424244;}
.black_line_btn{color:#5F5F60 !important;background:#fff;border:1px solid #5F5F60;}

/*margin*/
.mt7 {margin-top: 7px;}
.mt10 {margin-top: 10px;}
.mt31 {margin-top: 31px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}
.ml10 {margin-left: 10px;}
.mr10 {margin-right: 10px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px !important;}

/*padding*/
.pb47{padding-bottom:47px;}

/*width*/
.width_100{width:100% !important;}
.width_80{width:80%}
.width_60{width:60%}
.width_50{width:50% !important; }
.width_40{width:40%}
.width_48{width:48%}
.width_30{width:30%}
.width_15{width:15%}
.w100 {width:100px}
input[type="text"].width_100,input[type="password"].width_100{width:100%}
input[type="text"].width_80,input[type="password"].width_80{width:80%}
input[type="text"].width_60,input[type="password"].width_60{width:60%}
input[type="text"].width_50,input[type="password"].width_50{width:50% !important; }
input[type="text"].width_48,input[type="password"].width_48{width:48%}
input[type="text"].width_40,input[type="password"].width_40{width:40%}
input[type="text"].width_30,input[type="password"].width_30{width:30%}
input[type="text"].width_15,input[type="password"].width_15{width:15%}
input[type="text"].w100,input[type="password"].w100{width:100px !important;}
/*header*/
header{width:100%;position:fixed;top:0;left:0;z-index:50;}
/*pc_header*/
.pc_header{width:100%;height:70px;background:#fff;box-shadow:0px 3px 6px rgba(197,199,203,.1);}
.pc_header.on{background:transparent;box-shadow:none;}
.pc_header.on .logo img{display:none;}
.pc_header.on .logo img.logo_white{display:block;}
.pc_header.on .top_menu li a{color:#fff;}
.pc_header.on .search_wrap .input_box input{border-color:#FFFFFF;}
.pc_header.on .login_wrap li a{color:#fff;}
/*메인페이지 브라우저배너 추가 시작*/
.pc_header .top_banner{background:#000;color:#fff;padding:8px 0;display:none;}
.pc_header .top_banner .inner_box{max-width:1200px;margin:0 auto;position:relative;}
.pc_header .top_banner p{color:#d6d6d6;font-size:12px;line-height:1.4;}
.pc_header .top_banner p span{color:#56BAD9;font-size:12px;}
.pc_header .top_banner a{color:#fff;font-size:12px;text-decoration: underline;margin-left: 10px;line-height: 1.4;}
.pc_header .top_banner .top_check {position:absolute;right:0;bottom:3px;}
.pc_header .top_banner .top_check label span{cursor:pointer;color:#fff;font-size:12px;margin: 1px 20px 0 0;}
.pc_header .top_banner .top_check input[type="checkbox"] + label{width:18px;height:18px;}
.pc_header .top_banner .top_check input[type="checkbox"] + label:after{background-size:10px;}
.pc_header .top_banner .top_check button{width:20px;height:20px;margin-top:-2px;}
.pc_header .top_banner .top_check button img{width:20px;vertical-align:top;}
/*메인페이지 브라우저배너 추가 끝*/
.pc_header .inner{max-width:1200px;margin:0 auto;}
.pc_header .logo{width:50px;height:50px;margin:10px 70px 0 0;position:relative;}
.pc_header .logo img{width:100%;position:absolute;}
.pc_header .logo img.logo_white{display:none;}
.pc_header .top_menu{margin-top:15px;}
.pc_header .top_menu li{margin-right:50px;position:relative;}
.pc_header .top_menu li:after{width:6px;height:6px;background:#FF3806;border-radius:50%;right:-10px;top:10px;position:absolute;content:'';display:none;}
.pc_header .top_menu li:last-child{margin-right:0px;}
.pc_header .top_menu li a{width:100%;padding:10px 0;text-align:center;font-size:16px;font-weight:500;}
.pc_header .top_menu li.on a{color:#56BAD9;}
.pc_header .top_menu li.new:after{display:block;}
.pc_header .search_wrap{position:relative;}
.pc_header .search_wrap .input_box{position:relative;width:183px;margin-top:23px;height:22px;}
.pc_header .search_wrap .input_box input{padding:0px 20px 0 0;width:183px;height:23px;border-top:none;border-right:none;border-left:none;border-bottom:1px solid #99999C;}
.pc_header .search_wrap .input_box button{position:absolute;right:0;top:0;}
.pc_header .search_wrap .input_box button img{width:16px;}
.pc_header .input_result{position:absolute;width:330px;background:#fff;border-radius:2px;padding:0px 10px;max-height:0px;left:0;top:74px;transition:all .5s;overflow:hidden;}
.pc_header .input_result:after{position:absolute;content:'';width:1px;height:100%;background:#E4E4E5;top:0;left:50%;transform:translateX(-50%);}
.pc_header .input_result.on{max-height:500px;}
.pc_header .input_result>ul{width:50%;max-height:200px;margin:13px 0px;padding-left:10px;}
.pc_header .input_result .mCSB_inside>.mCSB_container{margin-right:15px;}
.pc_header .input_result .mCSB_scrollTools .mCSB_draggerRail{width:4px;}
.pc_header .input_result .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#424244 !important;}
.pc_header .input_result li{margin-bottom:6px;}
.pc_header .input_result li.gray_txt{margin-bottom:17px;}
.pc_header .input_result li:last-child{margin-bottom:0px;}
.pc_header .input_result li a{font-size:14px;padding:5px 0;display:block;}
.pc_header .login_wrap{margin:15px 0 0 20px;}
.pc_header .login_wrap li{width:62px;margin-right:10px;}
.pc_header .login_wrap li:last-child{margin-right:0px;}
.pc_header .login_wrap li.on a{color:#56BAD9;}
.pc_header .login_wrap li a{width:100%;padding:10px 0;font-size:14px;text-align:center;}
/*mo_header*/
.mo_header{height:55px;padding:10px 18px;background:#fff; box-shadow: 0 3px 6px rgba(197,199,203,0.09);}
.mo_header.on{background:transparent;box-shadow:none;}
.mo_header.on .white_icon{display:block;}
.mo_header.on .normal_icon{display:none;}
.mo_header .white_icon{display:none;}
.mo_header .logo{width:33px;}
.mo_header .logo img{width:100%;}
.mo_header .btn_wrap button{width:40px;height:40px;text-align:right;margin-left:5px;position:relative;}
.mo_header .btn_wrap button img{width:20px;position:absolute;top:8px;right:0;}
.mo_header .btn_wrap .alarm_btn::after{width:4px;height:4px;background:#FF3806;border-radius:50%;right:-4px;top:8px;position:absolute;content:'';display:none;}
.mo_header .btn_wrap .alarm_btn.new::after{display:block;}
.mo_header .search_list{width:100%;height:100vh;position:fixed;top:0;left:0;z-index:150;overflow:hidden;display:none;}
.mo_header .search_cont{width:50%;height:100%;background:#fff;position:absolute;top:0;right:-100%;transition:.8s ease;}
.mo_header .search_wrap{width:100%;height:55px;padding:9px 18px 0px;}
.mo_header .search_wrap .input_box{position:relative;width:calc(100% - 45px);height:37px;}
.mo_header .search_wrap .input_box input{width:100%;height:37px;background:#F5F5F8 ;border:none;border-radius:5px;padding:0 38px 0 16px;} 
.mo_header .search_wrap .input_box button{position:absolute;width:38px;height:100%;top:0;right:0;}
.mo_header .search_wrap .input_box button img{width:20px;}
.mo_header .search_wrap .close_btn{width:25px;padding-top:7px;}
.mo_header .search_wrap .close_btn img{width:20px;}
.mo_header .list_wrap .list{width:100%;height:calc(50vh - 27.5px);border-bottom:5px solid #F1F1F4;padding:0px 18px 0px;overflow-y:scroll;}
.mo_header .list_wrap .list:last-child{border-bottom:none;}
.mo_header .list_wrap .list li:first-child{font-size:14px;font-weight:600;padding:25px 0;margin-bottom:5px;}
.mo_header .list_wrap .list li{margin-bottom:15px;}
.mo_header .list_wrap .list li a {padding:10px 0px;display:block;}
.mo_header .menu_wrap{position:fixed;width:100%;height:100vh;top:0;left:0;z-index:150;display:none;}
.mo_header .menu_cont{position:absolute;width:285px;height:100%;top:0;right:-100%;background:#fff;transition:.8s ease;}
.mo_header .menu_cont .top_cont{width:100%;height:64px;background:#1E1E1E;padding-left:18px;}
.mo_header .menu_cont .top_cont li{margin:12px 10px 0 0;}
.mo_header .menu_cont .top_cont li a{color:#fff;padding:10px 10px 10px 0px;position:relative;}
.mo_header .menu_cont .top_cont li a:after{position:absolute;content:'';width:1px;height:9px;background:#D8D8D8;right:0;top:50%;transform:translateY(-50%);}
.mo_header .menu_cont .top_cont li:last-child a:after{display:none;}
.mo_header .menu_cont .top_cont button{width:38px;height:100%;padding-right:18px;}
.mo_header .menu_cont .top_cont button img{width:20px;}
.mo_header .menu_cont .menu li a{width:100%;font-size:17px;padding:18px;border-bottom:1px solid #E4E4E5;background:url(../img/icons/menu_arrow.png)no-repeat center;background-position-x:calc(100% - 18px);background-size:8px;}
/*back_header*/
.back_header{height:55px;background:#fff;text-align:center;display:none; box-shadow:0 3px 6px rgba(197,199,203,0.09);}
.back_btn{width:50px;height:100%;position:absolute;left:0;top:0;}
.back_btn img{width:9px;}
.back_title{line-height:55px;font-size:17px;}
.back_header .refresh_btn{width:50px;height:100%;position:absolute;right:0;top:0;display:none;}
.back_header .refresh_btn img{width:17px;}

/*footer*/
footer{background:#424244;padding-top:37px;height:200px;}
footer ul{margin:0 auto 15px;width:max-content;display:inline-flex;}
footer li{position:relative;display:inline-block;}
footer li:after{position:absolute;content:'';width:1px;height:6px;background:#99999C;top:50%;transform:translateY(-50%);right:0;}
footer li:last-child:after{display:none;}
footer li a{font-size:14px;color:#E8E8E8;padding:0 10px;}
footer .address p{font-size:12px;color:#99999C;margin-bottom:5px;text-align:center;}
footer .address .number *{font-size:12px;color:#99999C;text-align:center;}
footer .address p br{display:none;}
footer .link_box{margin:10px auto 0;display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;}
footer .link_box .youtube_btn{display:block;width:35px;height:24px;background:url(../img/icons/youtube_icon.png)no-repeat center;margin-right:20px;}
footer .link_box .youtube_btn:hover{background:url(../img/icons/youtube_icon_on.png)no-repeat center;}
footer .link_box .kitia_btn{display:block;width:34px;height:34px;background:url(../img/icons/footer_logo.png)no-repeat center;background-size:34px;}
footer .link_box .kitia_btn:hover{background:url(../img/icons/footer_logo_on.png)no-repeat center;background-size:34px;}