@charset "utf-8";

/* MAIN */
body{background-color:#edf0f4}

.join_warning_pop{width:500px;padding:60px 30px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:999;background-color:#fff;border:10px solid #ee7d00;text-align:center;display:none}
.join_warning_pop_text{font-size:24px;padding-top:30px}
.join_warning_pop_btn{padding-top:50px}
.join_warning_pop_btn .btn_orange{width:180px;padding:10px 0;background-color:#ee7d00;border:0;font-family: 'Noto Sans KR', sans-serif , cursive;font-size:18px;color:#fff;cursor:pointer}
.join_warning_pop_btn .btn_black{width:180px;padding:10px 0;background-color:#565656;border:0;font-family: 'Noto Sans KR', sans-serif , cursive;font-size:18px;color:#fff;cursor:pointer}


.id_find_pop{width:500px;padding:60px 30px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:999;background-color:#fff;border:10px solid #ee7d00;text-align:center;display:none}
.id_find_pop_title{font-size:30px;font-weight:700}
.id_find_pop_text{font-size:14px;line-height:20px;padding-top:15px}
.id_find_pop_text strong{color:#029dbd}
.id_find_pop_form{width:100%;margin-top:20px}
.id_find_pop_form td{padding:5px 0}

.id_find_pop02{width:500px;padding:60px 30px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:999;background-color:#fff;border:10px solid #ee7d00;text-align:center;display:none}
.id_find_pop02_text{font-size:16px;line-height:30px;padding-top:15px}
.id_find_pop02_text strong{color:#029dbd}

.pw_find_pop{width:550px;padding:60px 30px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:999;background-color:#fff;border:10px solid #ee7d00;text-align:center;display:none}
.pw_find_pop_title{font-size:30px;font-weight:700}
.pw_find_pop_text{font-size:14px;line-height:20px;padding-top:15px}
.pw_find_pop_text strong{color:#029dbd}

.pw_find_pop02{width:550px;padding:60px 30px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:999;background-color:#fff;border:10px solid #ee7d00;text-align:center;display:none}

.find_pop_btn{padding-top:30px}
.find_pop_btn .btn_orange{width:180px;padding:10px 0;background-color:#ee7d00;border:0;font-family: 'Noto Sans KR', sans-serif , cursive;font-size:18px;color:#fff;cursor:pointer}
.find_pop_btn .btn_black{width:180px;padding:10px 0;background-color:#565656;border:0;font-family: 'Noto Sans KR', sans-serif , cursive;font-size:18px;color:#fff;cursor:pointer}
.pop_select{width:100%;font-size:14px;color:#858585;border:1px solid #d6d6d6;padding:12px 10px}
.pop_input{width:100%;font-size:14px;color:#858585;border:1px solid #d6d6d6;padding:13px 10px}


.certification_pop{width:550px;padding:60px 30px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:999;background-color:#fff;border:10px solid #ee7d00;text-align:center;display:none}
.certification_pop_title{font-size:24px;font-weight:700}
.certification_pop_text{font-size:14px;line-height:20px;padding-top:15px}
.certification_pop_text strong{color:#029dbd}
.btn_certification{margin-top:20px}
.btn_certification input{width:220px;padding:16px 0 16px 25px;background:#007ebb url('/ncom/img/icon_messege.png') 40px 50% no-repeat;border:0;font-family: 'Noto Sans KR', sans-serif , cursive;font-size:16px;font-weight:700;color:#fff;border-radius:3px;cursor:pointer}


.login_box_wrap{width:335px;position:absolute;top:80px;right:0;background-color:#215777;padding:30px;display:none;z-index:888;}
.login_box_top:after{clear:both;display:block;content:''}
.login_box_top_title{float:left;font-size:24px;color:#fff;letter-spacing:3px}
.login_box_top_btn_close{float:right}
.login_form{margin-top:15px}
.login_input{width:100%;font-size:14px;color:#858585;padding:13px 10px}
.btn_login{width:100%;padding:10px 0;background-color:#ee7d00;border:0;font-family: 'Noto Sans KR', sans-serif , cursive;font-size:18px;letter-spacing:3px;color:#fff;margin-top:10px;cursor:pointer}
.login_check{font-size:14px;color:#fff;text-align:center;margin-top:20px;cursor:pointer}
.login_box_bottom_menu{border-top:1px solid #648aa0;padding-top:10px;margin-top:20px}
.login_box_bottom_menu ul{text-align:center}
.login_box_bottom_menu ul li{display:inline-block;color:#90abbb}
.login_box_bottom_menu ul li a{color:#fff}


.total_menu{position:absolute;width:100%;padding:40px 0;background-color:#25354a;border-top:1px solid #212f42;top:79px;z-index:999;display:none}
.total_menu div.inner:after{clear:both;display:block;content:''}
.total_menu div.inner{width:1200px;margin:0 auto;position:relative}
.total_menu div.tm_list{float:left;width:200px;height:320px;padding:10px 0 10px 30px;border:1px solid #3b4a5c;border-width:0 1px 0 0}
.total_menu div.tm_list:first-child{width:120px}
.total_menu div.tm_list:last-child{border-width:0 1px 0 1px}
.total_menu div.tm_list_tit{font-size:16px;color:#fff}
.total_menu div.tm_list_tit a{color:#fff}
.tm_list ul li{background: url('/ncom/img/icon_arrow.png') 0 50% no-repeat;padding-left:10px;margin-top:10px}
.tm_list ul li a{color:#c7cace}
.tm_list ul li a:hover{color:#fff;text-decoration:underline}
.total_menu div.btn_close{clear:both;position:absolute;right:0}


.top_wrap{width:100%;background-color:#2a3c54}
.top_wrap:after{clear:both;display:block;content:''}

.top_logo{float:left;height:80px;background-color:#029dbd;padding:25px 30px 0 30px}

.top_left{width:1200px;margin:0 auto}
.top_menu{float:left}
.top_menu ul li{float:left;width:110px;height:80px;text-align:center;background-color:#25354a;border-right:1px solid #212f42}
.top_menu ul li a{display:block;width:100%;height:100%;color:#c7cace}
.top_menu ul li div{padding-top:17px}
.top_menu ul li p{padding-top:5px}

.top_right{float:right}
.top_menu_etc{float:left}
.top_menu_etc ul li{float:left;width:85px;height:80px;text-align:center;background-color:#25354a;border-left:1px solid #212f42}
.top_menu_etc ul li a{display:block;width:100%;height:100%;color:#c7cace}
.top_menu_etc ul li div{padding-top:17px}
.top_menu_etc ul li p{padding-top:5px}

.login_box{float:left;height:80px;background:#215777 url('/ncom/img/login_arrow.png') 125px 38px no-repeat}
.login_box a{display:block;width:100%;height:100%;padding:25px 30px 0 20px}
.login_box div{display:inline-block;padding-right:5px}
.login_box p{display:inline-block;color:#c6d1d7}

.main_btn{position:absolute;width:1200px;left:50%;margin:490px 0 0 -600px;box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.5);}
.main_btn ul:after{clear:both;display:block;content:''}
.main_btn ul li{float:left}

.main_visual{width:100%;height:600px;background: url('/ncom/img/visual_bg.jpg') no-repeat;background-size:cover;background-position:center center}
.main_visual p.slogan01{text-align:center;padding-top:250px}
.main_visual p.slogan02{text-align:center;padding-top:15px}

.main_contens{width:1200px;margin:190px auto 0 auto}
.main_contens:after{clear:both;display:block;content:''}

.notice_box{float:left;width:590px;height:245px;padding:40px;background-color:#fff}
.notice_box_top:after{clear:both;display:block;content:''}
.notice_box_top{border-bottom:1px solid #e1e1e1;padding-bottom:15px}
.notice_box_tit{float:left;background: url('/ncom/img/icon_notice.png') 0 5px no-repeat;font-size:30px;line-height:36px;padding-left:38px}

.news_box{float:left;width:590px;height:245px;padding:40px;background-color:#fff;margin-left:20px}
.news_box_top:after{clear:both;display:block;content:''}
.news_box_top{border-bottom:1px solid #e1e1e1;padding-bottom:15px}
.news_box_tit{float:left;background: url('/ncom/img/icon_news.png') 0 5px no-repeat;font-size:30px;line-height:36px;padding-left:38px}

.btn_control{float:right;padding-top:5px}
.btn_control a:first-child{margin-right:-3px}
.box_list_text{margin-top:25px}
.box_list_text ul li{font-size:14px;line-height:22px;margin-top:15px}
.box_list_text ul li a{color:#3c3c3c}
.box_list_text ul li span.subject{background: url('/ncom/img/box_list_dot.jpg') 0 10px no-repeat;padding-left:10px}
.box_list_text ul li span.date{color:#8e8c8c;float:right}

.dataroom_box{clear:both;width:100%;width:100%;height:500px;padding:40px;background-color:#fff;margin-top:20px}
.dataroom_box_top:after{clear:both;display:block;content:''}
.dataroom_box_top{padding-bottom:15px}
.dataroom_box_tit{float:left;background: url('/ncom/img/icon_data.png') 0 5px no-repeat;font-size:30px;line-height:36px;padding-left:38px}

.box_search_from{float:right}
.box_search_select select{width:80px;padding:10px;background-color:#fff;border:1px solid #d5d5d5;font-family: 'Nanum Gothic', sans-serif}
.box_search_input input{width:150px;padding:11px;background-color:#fff;border:1px solid #d5d5d5;font-family: 'Nanum Gothic', sans-serif}
.btn_data_search input{padding:12px 20px 12px 20px;background-color:#4d4d4d;font-weight:700;color:#fff;border-radius:3px;border:0;cursor:pointer}

.dataroom_table table{border-collapse:collapse;width:100%;font-size:14px;text-align:center}
.dataroom_table table thead th {height:50px;color:#fff;font-weight:700;border:0;background-color:#029dbd}
.dataroom_table table td{padding:15px 20px;color:#8e8c8c;border:1px dashed #e1e1e1;border-width:0 0 1px 0}
.dataroom_table table td a{color:#000;}
.dataroom_table table tbody td.subject{text-align:left;white-space:normal;color:#000}

.paging{text-align:center;margin-top:30px}
.paging ol li{display:inline-block;width:38px;height:38px;color:#999999; border:1px #e3e3e3 solid;}
.paging ol li a{width:100%;height:100%;text-decoration:none;color:#999999;display:block;padding-top:8px;}
.paging ol li.on{background:#4d4d4d;color:#000;font-weight:400}  
.paging ol li.on a{color:#fff} 

.copyright{margin:20px 0 20px 0;font-size:14px;line-height:24px;text-align:center;color:#767676}

/**  2019 추가 **/
button#postcodify_search_button {margin-left:7px;}


/* SUB */
.logout_box{float:left}
.logout_box ul li{float:left;width:85px;height:80px;text-align:center;background-color:#215777;border-right:1px solid #1e4e6b}
.logout_box ul li a{display:block;width:100%;height:100%;color:#c7cace}
.logout_box ul li div{padding-top:17px}
.logout_box ul li p{padding-top:5px}

.main_contents{width:100%;background: url('/ncom/img/visual_bg.jpg') no-repeat;background-size:100%;background-position:top center;}
.main_contents:after{clear:both;display:block;content:''}
.main_contents div.inner{width:1200px;margin:0 auto;position:relative}
.sub_contents{width:100%;background: #fff;background-size:100%;background-position:top center;min-height: 835px;}
.sub_contents:after{clear:both;display:block;content:''}
.sub_contents div.new_inner{width:1060px;margin:0 auto;position:relative}

.noLogin_main_contents{width:100%;background: url('/ncom/img/visual_bg.jpg') no-repeat;background-size:100%;background-position:top center;}
.noLogin_main_contents:after{clear:both;display:block;content:''}
.noLogin_main_contents div.inner{width:1200px;margin:0 auto;position:relative}
.noLogin_sub_contents{width:100%;background: #fff;background-size:100%;background-position:top center;min-height: 835px;}
.noLogin_sub_contents:after{clear:both;display:block;content:''}
.noLogin_sub_contents div.inner{width:1200px;margin:0 auto;position:relative}

.left_con{float:left;width:174px}
.myinfo_box01{padding:25px 15px;background-color:#338ae0;text-align:center}
.img_myinfo_portrait img{width:100px;height:100px;margin:0 auto;border-radius:100px;overflow:hidden}
.myinfo_box_name{font-size:14px;line-height:20px;color:#fff;font-weight:700;padding-top:5px}
.myinfo_box_position{font-size:14px;line-height:20px;color:#fff}

.myinfo_box02{padding:20px 15px;background-color:#1d4b87}
.myinfo_box02 div:after{clear:both;display:block;content:''}
.myinfo_box02 div:first-child{margin-bottom:10px}
.myinfo_box02_title{float:left;font-size:12px;line-height:18px;color:#b0c0d5}
.myinfo_box02_text{float:right;font-size:12px;line-height:18px;color:#fff}

.myinfo_box03{border:1px solid #ddd;border-width:0 1px 1px 1px;background-color:#fff}
.myinfo_box_info{padding:20px 15px;background-color:#f5f5f5}
.myinfo_box_info div:after{clear:both;display:block;content:''}
.myinfo_box_info div:nth-child(1){border-bottom:1px solid #ddd;padding-bottom:10px}
.myinfo_box_info div:nth-child(2){padding-top:10px;margin-bottom:3px}
.myinfo_box_info div:nth-child(3){margin-bottom:3px}
.myinfo_box_info_title{float:left;font-size:12px;line-height:18px;color:#565455}
.myinfo_box_info_text{float:right;font-size:12px;line-height:18px;color:#ee7d00;font-weight:500}
.myinfo_box_info_text a{float:right;font-size:12px;line-height:18px;color:#ee7d00;font-weight:500}

.myinfo_menu li{border-top:1px solid #ddd;font-size:13px;line-height:18px;color:#555553}
.myinfo_menu li a{display:block;width:100%;padding:15px 15px;color:#555553;background: url('/ncom/img/icon_myinfo_arrow.png') 145px no-repeat}

.myinfo_follow{padding:20px 15px;border-top:1px solid #ddd}
.myinfo_follow_top:after{clear:both;display:block;content:''}
.myinfo_follow_top_title{float:left;font-size:14px;color:#4a5865}
.myinfo_follow_top_title strong{font-size:15px;color:#ee7d00;font-weight:500}
.myinfo_follow_top_more{float:right}
.follow_portrait:after{clear:both;display:block;content:''}
.follow_portrait li{float:left;width:40px;height:40px;border-radius:100px;overflow:hidden;margin:10px 10px 0 0}
.follow_portrait li:nth-child(3n){margin-right:0}


.right_con{float:left;width:835px;margin-left:51px}
.sub_slogan p.slogan01{text-align:center;padding-top:70px}
.sub_slogan p.slogan02{text-align:center;padding-top:15px}

.myinfo_btn{margin-top:50px}
.myinfo_btn ul:after{clear:both;display:block;content:''}
.myinfo_btn ul li{float:left;width:139px;height:120px;text-align:center}
.myinfo_btn ul li:nth-child(1){background-color:#008ace}
.myinfo_btn ul li:nth-child(2){background-color:#3298b7}
.myinfo_btn ul li:nth-child(3){background-color:#2ca48f}
.myinfo_btn ul li:nth-child(4){background-color:#627ad0}
.myinfo_btn ul li:nth-child(5){background-color:#164fa1}
.myinfo_btn ul li:nth-child(6){width:140px;background-color:#2c449f}
.myinfo_btn ul li a{display:block;width:100%;height:100%}
.myinfo_btn ul li div{padding-top:25px}
.myinfo_btn ul li p{font-size:14px;color:#fff;padding-top:5px}
.myinfo_btn ul li p strong{color:#ffda59;text-decoration:underline}

.myinfo_notice_box{width:100%;padding:40px;background-color:#fff;margin-top:20px}
.myinfo_news_box{width:100%;padding:40px;background-color:#fff;margin-top:20px}

.update_box{width:100%;padding:40px;background-color:#fff;margin-top:20px}
.update_box_top:after{clear:both;display:block;content:''}
.update_box_top{padding-bottom:15px}
.update_box_tit{float:left;background: url('/ncom/img/icon_update.png') 0 5px no-repeat;font-size:30px;line-height:36px;padding-left:38px}

.update_list ul li{width:100%;border:1px solid #e0e0e0;margin-bottom:20px}
.update_list ul li:last-child{margin-bottom:0}
.update_list_con{padding:30px}
.update_list_con:after{clear:both;display:block;content:''}
.update_list_con_portrait img{float:left;border-radius:100px;}
.update_list_con_info{float:left;padding:10px 0 0 10px}
.update_list_con_info_name{font-size:18px;line-height:24px;color:#000;font-weight:500}
.update_list_con_info_con{font-size:14px;line-height:20px;color:#000;width:600px}


.update_list_info{background-color:#eee;padding:13px}
.update_list_info:after{clear:both;display:block;content:''}
.update_list_info div{float:left}
.update_list_info div:nth-child(1){margin-right:15px}
.update_list_info div:nth-child(3){float:right;color:#8e8c8c}
.update_list_info div img{padding-right:5px}
.update_list_info div strong{color:#ee7d00;text-decoration:underline}


.quick_menu{position:absolute;top:201px;right:0;width:90px;border:1px solid #dddce2;background-color:#fff}
.quick_menu_title{font-size:12px;color:#4c5962;text-align:center;background-color:#eee;padding:10px 0}
.quick_menu ul li{padding-top:20px;text-align:center}
.quick_menu ul li:last-child{padding-bottom:20px}
.quick_menu ul li p{font-size:12px;line-height:16px;color:#545454;padding-top:5px}

.sub_quick_menu{position:absolute;top:30px;right:0;width:90px;border:1px solid #dddce2;background-color:#fff}
.sub_quick_menu_title{font-size:12px;color:#4c5962;text-align:center;background-color:#eee;padding:10px 0}
.sub_quick_menu ul li{padding-top:20px;text-align:center}
.sub_quick_menu ul li:last-child{padding-bottom:20px}
.sub_quick_menu ul li p{font-size:12px;line-height:16px;color:#545454;padding-top:5px}

.nowrap tr td{white-space:nowrap !important}


/** 2020 i2sema 추가 **/
.channel-wrap.sema {display:flex; align-items:center;}
.channel-wrap .fs12 {font-size:12px;}
.channel-wrap .fs20 {font-size:20px;}
.channel-wrap .font-chblue {color:#338ae0}
.channel-wrap {height:100%; background:url(../../resources/img/channel/bg_login.jpg) no-repeat center fixed; background-size:cover; position:relative;}
.channel-wrap .box-wrap {width:1060px; margin:0 auto 50px; padding-top:70px; display:flex;}
.channel-wrap .box-wrap > ul {width:530px; }

.channel-wrap .left {line-height:1.1; text-align:right; padding-right:36px; color:#fff;width:fit-content}
.channel-wrap .left .logo {margin-bottom:10px;}
.channel-wrap .left .txt1 {margin-bottom:30px;}
.channel-wrap .left .txt2 {font-size:28px; margin-bottom:10px;font-weight:300;}
.channel-wrap .left .txt3 {font-size:36px; color:#FF9500; margin-bottom:35px; line-height:1.3;}
.channel-wrap .left .app {display:flex; justify-content:center;}
.channel-wrap .left .app li + li {margin-left:14px;}
.channel-wrap .left .app li a {display:flex; align-items:center;justify-content:center; width:220px; height:50px; border-radius:30px; background-color:#000; font-size:20px; color:#fff; text-align:center;}
.channel-wrap .left .app li a:before {content:""; margin-right:10px; display:inline-block;}
.channel-wrap .left .app .google:before {background:url(../../resources/img/channel/app_android.png) no-repeat center; width:27px; height:31px; }
.channel-wrap .left .app .apple:before {background:url(../../resources/img/channel/app_apple.png) no-repeat center; width:26px; height:32px;}

.channel-wrap .right { height:auto; position:relative; background-color:#fff; padding:25px 20px 30px; z-index:2}
.channel-wrap .right.login {border:1px solid rgba(255, 255, 255, 0.2); padding:34px 36px; background-color:transparent; color:#fff;}
.channel-wrap .right .box_out {position:absolute; right:0; top:-40px;font-size:18px; display:flex;align-items:center;opacity:0.7;}
.channel-wrap .right .box_out i {font-size:16px;margin-right:5px;}

.channel-wrap .right.login input::placeholder {color:#fff;}
.channel-wrap .right input::placeholder {color:#ccc;}

.channel-wrap .right.login .formbox {padding:0 !important; text-align:center; position:relative; margin-bottom:17px;}
.channel-wrap .right.login .formbox:before {content:""; display:inline-flex; align-items:center; height:70px; width:26px; position:absolute; left:30px;}
.channel-wrap .right.login .formbox.id:before {font-family:'iconmonstr-iconic-font';color:#fff;content:'\e091';font-size:24px;opacity:.5;}
.channel-wrap .right.login .formbox.pw:before {background:url(../../resources/img/channel/password.png) no-repeat center;}
.channel-wrap .ch {height:70px !important; border-radius:50px; border:1px transparent; background-color:rgba(255, 255, 255, 0.2); padding-left:70px; color:#fff; font-size:20px; width:300px;}

.channel-wrap .btn_chlogin {width:100%;height:70px;background-color:#007AFF;color:#fff;display:block;border-radius:50px;font-size:28px;text-align:center;letter-spacing:-1px; line-height:66px; margin-top:15px;}

.channel-wrap .find_pw {font-size:18px; text-align:center; margin:40px 0 15px;}
.channel-wrap .find_pw:before {content:""; display:inline-block; background:url(../../resources/img/channel/check.png) no-repeat center; width:24px; height:18px; margin-right:5px; }
.channel-wrap .find_pw span {border-bottom:1px solid #fff; padding-bottom:2px;}

.channel-wrap .right .cap {color:#333; font-size:24px; font-weight:500; padding-bottom:5px;}

.channel-wrap .right .text_box {border-top: 2px solid #333; margin-top:5px;}
.channel-wrap .right .text_box .terms_chk_all { margin:15px 0;}
.channel-wrap .right .text_box .terms_chk_all input[type="checkbox"] {width: 18px; height:18px;}
.channel-wrap .right .text_box .terms_chk_all .chk_all_txt {font-size: 16px; color: #333; font-weight: 500;}
.channel-wrap .right .terms_bx_list {margin-top: 20px;}
.channel-wrap .right .terms_box {margin-top:12px; border: 1px solid #ddd; height:100px; overflow: hidden;}
.channel-wrap .right .terms_box iframe {border: 0; width:100%;}

.channel-wrap .right .join_txt {font-size: 18px; line-height: 1.5}
.channel-wrap .right .join_txt .ch_name, .channel-wrap .right .join_txt .ch_date {font-weight: bold;}

.channel-wrap .price-wrap {background: #f8fcff;width: 100%;height: auto;}
.channel-wrap .price-wrap .tit {font-size:20px; text-align:center;}
.channel-wrap .price-wrap .tit span {font-size:26px;display: block;}

.channel-wrap table.view th {font-size:14px;}
.channel-wrap table td .gender {margin-left:15px;}

.channel-wrap select { -webkit-border-radius: 0; outline: none; width: 100%; height: 26px; line-height: 24px; border: 1px solid #ddd;}
.channel-wrap .phone {display:flex;}
.channel-wrap .phone + .phone {margin-top:8px;}
.channel-wrap .phone li + li {margin-left:8px;}
.channel-wrap .phone .national {width:50px;}
.channel-wrap .phone .button {height:26px; line-height:24px;}

.channel-wrap .tab {margin:20px 0 5px;}
.channel-wrap .tab li {display:inline-block; width:150px; height:26px;}
.channel-wrap .tab li + li {margin-left:2px;}
.channel-wrap .tab li a {display:inline-block; width:150px; height:26px; color:#555; line-height:24px; font-size:14px; border:1px solid #ffa82a; text-align:center;}
.channel-wrap .tab li a.on {background-color:#ffa82a; color:#fff; font-weight: 500;}
.channel-wrap .city li {display:inline-block; width:100px;}
.channel-wrap .add {max-height:90px; overflow-y:auto}
.channel-wrap .add label {display:block;}
.channel-wrap .btn_join {background-color:#338ae0; width:220px; height:50px; display:inline-block; color:#fff; font-size:24px; text-align:center; line-height:48px; border-radius:50px; margin-top:30px;}
.channel-wrap .btn_join.g {background-color: #ccc;}
.channel-wrap .btn_join + .btn_join {margin-left: 10px;}
.channel-wrap .box_out_bt {position: absolute; right: 0; bottom: -50px; display: flex; justify-content: center; width: 100%;}
.channel-wrap .box_out_bt .btn_md {width: 260px; height: 40px; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #fff; background-color: rgba(0, 0, 0, 0.2); border: 1px solid rgba(255, 255, 255, 0.2);}
.channel-wrap .box_out_bt .btn_md + .btn_md {margin-left: 10px;}

/* 이용약관 부분 */
table.list.ch_terms td, pre {font-size:1rem; font-family:'Noto Sans KR'; white-space: pre-wrap; word-wrap: break-word;}

body.ch.desk {padding:0 15px;}
body.ch.desk .title {display: none;}
body.ch.desk table.list {border-top: none;}
body.ch.desk table.list caption {height: 0;}
body.ch.desk table.list td, pre {font-size: 13px; }

input::placeholder, textarea::placeholder {color:#ccc; font-size: 13px; font-family:'Noto Sans KR'; font-weight: normal;}
 
/* 신규 등록 */
#admin_wrap table th, #admin_wrap table td {padding:8px 10px !important;}
table.text-center th, table.text-center td {text-align:center !important}
.info-table-wrap {display:flex;}
.info-table-wrap li {width:calc(100% - 10px);}
.info-table-wrap li + li {margin-left:10px}
.table-userno, .tbm-detail-wrap {margin-top:20px !important;}
.tbmadd td > input {width:50%}
.tbmadd.add03 td > input, .tbmadd.add04 td > input {width:100%}

.price-contents-wrap {background: #f8fcff;width:100%;height:auto;position:relative;bottom:0;position:absolute;top:525px;min-height:590px;}
.price-contents-wrap .tit {font-size:28px;color:#000;text-align:center;line-height:1.35;padding:40px;}
.price-contents-wrap .tit span {font-size:36px;}

.price-box-wrap {width:1060px; margin:0 auto; display:flex;justify-content:space-between;}
.price-box {width:314px;background:#fff;text-align:center;line-height:1.5;padding:50px 20px;}
.price-box .type {color:#338ae0;font-size:40px;font-weight:400;margin-bottom:15px;}
.price-box .detail {display:table;margin-left:auto;margin-right:auto;}
.price-box .detail .list-text {color:#333;text-align:left;font-size:20px;display: flex;flex-flow: column;}
.price-box .detail .list-text li {display: inline-flex;align-items: center;}
.price-box .detail .list-text li + li {margin-top:5px;}
.price-box .detail .list-text li:before {display:inline-flex; content:"";width:4px;height:4px;background:#333;border-radius:50%;margin-right:5px;}
.price-box .btn-wrap {display:flex;justify-content:center;}
.price-box .btn-wrap.btns {justify-content:space-between;}
.price-box .btn-wrap .btn {color:#fff;display:flex;border: 0;justify-content: center;border-radius: 50px;font-size:24px;height:52px;margin-top:38px;}
.price-box .btn-wrap .btn.wide {width:100%}
.price-box .btn-wrap .btn.btn-p {background:#6b63ea;}
.price-box .btn-wrap .btn.btn-b {background:#338ae0;}

.channel-wrap .copyright {color:#666;position:absolute;bottom:10px;margin:0;left:50%;transform:translateX(-50%);}
.channel-wrap .copyright a {color:#666;} 

/* contents SET ***************************************/
.d-flex {display:flex;align-items:center;}
.d-inline-flex {display:inline-flex}
.title {padding-top:0;}
#leftbar {top:98px !important;}
.board_added_module.subtit {margin:20px 0 10px;}
.inner-td .btn-group .button + .button {margin-left:5px;}
.width-200 {width:200px;}
.width-150 {width:150px;}
.width-100 {width:100px;}
.width-100per {width:100% !important;}
.width-30 {width:30px;}
.width-60 {width:60px;}
.border-l-n {border-left:none !important;}
.tb-border tr th + th, .tb-border tr td + td {border-left:1px solid #ddd;}
.tb-center tr th, .tb-center tr td {text-align: center !important;}
table input:not(.add) {max-width:300px;}
table .add {width:80%;}
table.list.inner {border-top:1px solid #ddd;}

.board_added_module {border:none; border-bottom:1px solid #ddd;}
.board_added_module.subtit {margin:20px 0 10px;}
.inner-td .btn-group .button + .button {margin-left:5px;}
.width-200 {width:200px;}
.width-150 {width:150px;}
.width-100 {width:100px;}
.width-100per {width:100% !important;}
.width-30 {width:30px;}
.width-60 {width:60px;}
.border-l-n {border-left:none !important;}
.tb-border tr th + th, .tb-border tr td + td {border-left:1px solid #ddd;}
.tb-center tr th, .tb-center tr td {text-align: center !important;}
table input:not(.add) {max-width:300px;}
table .add {width:80%;}
table.list.inner {border-top:1px solid #ddd;}

/* Button */
.btn_wrap button + button {margin-left:8px;}
.button {border-radius:4px;padding:8px 16px;display:inline-flex;align-items:center;justify-content:center;line-height:unset !important;height:unset;font-weight:400;}
.button.btn-md {padding: 4px 12px;}
.button.b {border:1px solid #5AC8FA;background:#5AC8FA;color:#fff;font-weight:400;}
.button.b:hover {background:#45b8ec;border:1px solid #45b8ec;}
.button.b.b-inverse, button.btn-blue {border:1px solid #007aff;background:#007aff;color:#fff;}
.button.btn-indigo {background-color:#5856D6;border:1px solid #5856D6;color:#fff;}
.button.c {color:#FF3B30;border:1px solid #FF3B30;font-weight:400;}
.button.c:hover {background:#FF3B30;border:1px solid #FF3B30;font-weight:400;color:#fff;}
.button.plus-pd {padding:0 20px;}
.btn_wrap {display: flex;justify-content: center;}
.button.d:hover {border-color:#4082a0;color:#4082a0;}
.btn_wrap.between {display: flex;justify-content: space-between; align-items: center;}
/*.btn_wrap.between li {align-self:flex-end;}*/
.btn_wrap.center {display: flex;text-align:center;justify-content: center;}
.button.s {color:#45b8ec;border:1px solid #45b8ec;font-weight:400;line-height:unset !important;height:unset;}

.box-file-input label{display:inline-block;border-radius:4px;background:#45b8ec;color:#fff;padding:0px 15px;line-height:35px;cursor:pointer;}
.box-file-input label:after{content:"파일 찾기";}
.box-file-input .file-input{display:none;}
.box-file-input .filename{display:inline-block;padding-left:10px;}

/* Text */
.text-right, .tb-center tr td.text-right {text-align:right!important;}
.text-left, .tb-center tr td.text-left {text-align:left!important;}
.text-center, .tb-center tr td.text-center {text-align:left!important;}
.text-red {color:#ff3b30!important;}
.text-blue {color:#338ae0 !important;}
.text-green {color:#4CD964 !important;}
.fs16 {font-size:16px!important;}
.f600 {font-weight:600;}
.fs-small {font-size: small;}
.bg-table-blue {background-color:#F5FBFC !important;}
.bg-gray {background-color:#e8e8e8;}
.title h3 > span {float:right;font-size:14px;font-weight: 300;color: #999;display: inline-flex;align-items: center;}
.title h3.flex {display:flex;justify-content:space-between;align-items:center;}

/* Header */
#admin_wrap #header .topbar_wrap {border-bottom:none !important;}

.detail-step.header-nav {border-bottom:none; border-top:none;}
.detail-step.header-nav li {height:36px;background:#333;border-bottom:1px solid #333;border-top: 1px solid #333;}
.detail-step.header-nav li a {font-size:14px;font-weight:300;color:#fff;}
.detail-step.header-nav li.on a {font-size:14px;font-weight:300;color:#fff;}

.detail-step {display:flex;border-top:1px solid #eee;margin-bottom: 10px;border-bottom: 1px solid #eee;}
.detail-step li {width: 25%;align-items: center;height:34px;display:inline-flex;justify-content: center;}
.detail-step li a {color:inherit;}
.detail-step li:not(.on) + li:not(.on) {border-left:1px solid #666;}
.detail-step.header-nav li.on {background: #007AFF;color: #fff;border-bottom: 1px solid #007AFF;border-top: 1px solid #007AFF;}
.inner-td {display:inline-flex;align-items: center;}
.inner-td li + li {margin-left:5px;}
.list .inner-td li {border-bottom:none; padding:0;}


/* table */
.sum_info {font-size: 16px;font-weight:300;display:flex;align-items: center;}
.sum_info:before {content:"\e02a";font-family:'iconmonstr-iconic-font';color:#a5a5a5;margin-right:5px;}
.board_added_module.sema {border:none;margin:0;}
.admin-home tr th:first-child, .admin-home tr td:first-child {text-align: center !important;}
.admin-home tr th:not(:first-child), .admin-home tr td:not(:first-child) {text-align:right !important;}

.inner-td.time {width:300px;justify-content: space-between;}

table.list tbody td > a:hover {color: #007AFF;}

/* leftbaR */
#leftbar .nav h2 {margin-bottom:10px; font-size:20px;padding-left:13px;}

/* home */
.quick-start {display:flex; align-items:center;font-size:20px;margin-bottom:30px;justify-content:center;}
.quick-start li + li {margin-left:15px;}
.quick-start li .button {font-size: 16px;padding: 12px 22px;}
.quick-start li .button.on {color:#fff;background-color:#FF9500;border:1px solid #FF9500;}
.table2 {display:flex;}
.table2 li + li {margin-left:20px;}

.send-no-wrap {margin-top:20px;}
.send-no-wrap .sub-tit {font-size:16px;color:#5856D6;margin-bottom:10px;}
.send-no-wrap .box {border:1px solid #ddd;padding:15px;margin-top:5px;display:flex;align-items:center;color:#222;font-weight:400;}
.send-no-wrap .box .text {font-size:14px; margin-right:30px;}
.send-no-wrap .box .circle {border:1px solid #5856D6;width:80px;height:80px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;text-align:center;}
.send-no-wrap .box .circle.on {color:#fff;background-color:#5856D6;}
.send-no-wrap .box li > i.im {margin:0 20px}
.send-no-wrap .box.btns {border:none !important; padding:0;}
.send-no-wrap .box.btns .button > i {margin-right:10px;}
.send-no-wrap .box.btns li + li {margin-left:15px;}

.sub_tab {border-bottom: 1px solid #5856D6}
.sub_tab li.on {border: 1px solid #5856D6;border-bottom: 1px solid #fff;}
.sub_tab li.on a {color:#5856D6;}

/* 서비스 */
.add-new-pop.password {width:500px;}

.charge-month {border-top:2px solid #333;border-bottom:1px solid #ddd;display: flex;align-items: center; padding:10px 0;}
.charge-month .month {font-size: 24px;font-weight: 600;width: 100px;text-align: center;}

.bg-blind {display:none;background-color:rgba(0, 0, 0, 0.2);position:fixed;top:0;left:0;width:100%;bottom:0;}
.add-new-pop {display:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#fff;width:700px;padding:15px;border:1px solid #ddd;z-index: 102;}/*margin-left:100px;*/
.add-new-pop.block, .bg-blind.block {display:block;}
.add-new-pop .title {display:flex; justify-content:space-between;}
.add-new-pop .pdf {border-bottom:1px dashed #a7a7a7; padding-bottom:2px;}
.add-new-pop .pdf:hover {text-decoration:none;}
.add-new-pop.category-pop {margin-left:300px;width:400px;}
.add-new-pop.profile-result .result {font-size:20px;font-weight:600;margin-top: 20px;}
.info-text {margin:20px 0 25px;padding:15px;background-color:#fafafa;}
.info-text .btn {background-color:#fff;}
.info-text.indigo {margin:10px 0 25px;color:#1e1d76;background-color: #d5d5f5;border-color: #5856d6;}

/* 게시판관리 */
.view textarea {min-height:150px; max-height:350px;}
.board .comment {padding:8px;border-bottom:1px solid #ddd;}
.board .comment .info {padding:apx 0 8px;}
.board .comment .name {font-size:14px;margin-right:10px;font-weight:600;padding:4px 0;}
.board .comment .comment-wright {display:flex;margin:4px 0}
.board .comment .comment-wright li:first-child {width:100%;margin-right: 10px;}
.board .comment .comment-wright textarea, .board .comment .comment-wright button {height:50px;}

/* 환경설정 */
.warning {background-color:#eee;margin-top:50px; padding:8px;}