@charset "utf-8";
#wrap { position: relative; overflow: hidden; }
.wrap { padding-top: 120px; }
#header { position: absolute; width: 100%; height: 120px; z-index: 9; background: #fff; overflow: hidden; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; }
#header.open-menu { height: 370px; background: #fff; }
#header.open-menu .header_wrap h1 .logo { background: url(../images/common/logo2.png) no-repeat; }
#header.open-menu .header_wrap .tnb ul li a { color: #666; }
#header.open-menu .header_wrap .tnb ul li + li:after { background: #666 }
#header.open-menu #gnb { border-top: 1px solid #dcdcdc; }
#header.open-menu #gnb .cont .gnb_menu > li .gnb_title a { color: #000; }
#header.open-menu #gnb .cont .gnb_menu > li.active .gnb_title a, #header.open-menu #gnb .cont .gnb_menu > li .gnb_title a:hover { position: relative; padding-bottom: 15px; color: #0099dc; background: url(../images/common/ico_gnb.png) no-repeat center bottom; }
#header.hd_on { position: fixed; background: #fff; z-index: 9; }
#header.hd_on .header_wrap h1 .logo { background: url(../images/common/logo2.png) no-repeat; }
#header.hd_on .header_wrap .tnb ul li a { color: #666; }
#header.hd_on .header_wrap .tnb ul li + li:after { background: #666 }
#header.hd_on #gnb { border-top: 1px solid #dcdcdc; }
#header.hd_on #gnb .cont .gnb_menu > li .gnb_title a { color: #000; }
#header.hd_on #gnb .cont .gnb_menu > li.active .gnb_title a, #header.open-menu #gnb .cont .gnb_menu > li .gnb_title a:hover { position: relative; padding-bottom: 15px; color: #0099dc; }
.header_wrap { position: relative; max-width: 1200px; width: 100%; height: 120px; margin: 0 auto; }
.header_wrap h1 { position: absolute; left: 9px; top: 50px; margin: 0;}
.header_wrap h1 .logo { display: block; width: 136px; height: 39px; background: url('../images/common/logo2.png') no-repeat; font-size: 0; line-height: 0; }
.header_wrap .tnb { position: absolute; right: 0; top: 10px; }
.header_wrap .tnb ul { overflow: hidden; }
.header_wrap .tnb ul li { float: left; position: relative; margin-left: 14px; padding-left: 17px; }
.header_wrap .tnb ul li + li:after { display: block; position: absolute; left: 0; top: 13px; content: ''; width: 2px; height: 2px; background: #666; border-radius: 50%; -webkit-border-radius: 50%; }
.header_wrap .tnb ul li a { font-size: 14px; font-weight: 500; line-height: 16px; color: #666; }
.header_wrap .site-link { position: absolute; right: 0; top: 58px; font-size: 0; line-height: 0; }
.header_wrap .site-link .btn-heca { display: inline-block; min-width: 67px; height: 28px; border-radius: 5px; -webkit-border-radius: 5px; background: #0099dc; font-size: 13px; line-height: 28px; font-weight: 400; color: #ffffff; text-align: center; }
.header_wrap .site-link .btn-usco { display: inline-block; min-width: 67px; height: 28px; margin-left: 10px; border-radius: 5px; -webkit-border-radius: 5px; background: #464b62; font-size: 13px; line-height: 28px; font-weight: 400; color: #ffffff; text-align: center; }
#gnb { position: relative; border-top: 1px solid rgba(255, 255, 255, 0.3); height: 250px; background: #fff; }
#gnb:before { 
	position: absolute; top: 0; left: 50%; display: block; width: 355px; height: 279px; margin-left: -630px; content: '';
	background: #fff url(../images/common/img_bg_gnbChar.jpg) no-repeat 0 64px;  
	}
#gnb .cont { position: relative; max-width: 1200px; width: 100%; margin: 0 auto; }
#gnb .cont .gnb_menu { position: absolute; left: 185px; top: -63px; overflow: hidden; }
#gnb .cont .gnb_menu > li { float: left; padding: 0 33.5px; text-align: center; }
#gnb .cont .gnb_menu > li.pedia {padding:0 67px;}
#gnb .cont .gnb_menu > li:first-child { padding-left: 39px; }
#gnb .cont .gnb_menu > li:last-child { padding-right: 39px; }
#gnb .cont .gnb_menu > li .gnb_title a { font-size: 18px; font-weight: 500; color: #000; letter-spacing: -1px; }
#gnb .cont .gnb_menu > li.active .gnb_title a, #gnb .cont .gnb_menu > li .gnb_title a:hover { color: #0099dc; }
#gnb .cont .gnb_menu > li > ul { margin-left: -10px; padding-top: 60px; text-align: center; }
#gnb .cont .gnb_menu > li > ul > li { margin-bottom: 10px; }
#gnb .cont .gnb_menu > li > ul > li a { position: relative; display: inline-block; padding-left: 8px; font-size: 16px; color: #666666; font-weight: 500; }
#gnb .cont .gnb_menu > li > ul > li.on a, #gnb .cont .gnb_menu > li > ul > li a:hover { color: #0099dc; text-decoration: underline; }
#gnb .cont .gnb_menu > li > ul > li a:hover:after { background: #4e46b3; }
#container { position: relative; }
#footer { margin-top: 190px; }
#footer .footer-site-map { height: 300px; background: #444b51; }
#footer .footer-site-map .cont { position: relative; max-width: 1200px; width: 100%; margin: 0 auto; }
#footer .footer-site-map .site-map-list { overflow: hidden; padding-top: 61px; }
#footer .footer-site-map .site-map-list > li { float: left; margin-left: 50px; }
#footer .footer-site-map .site-map-list > li:first-child { margin-left: 0; }
#footer .footer-site-map .site-map-list > li > strong a { position: relative; display: inline-block; padding-bottom: 17px; color: #ffffff; font-size: 18px; font-weight: 400; }
#footer .footer-site-map .site-map-list > li > strong a:after { display: block; content: ''; position: absolute; left: 0; bottom: 0; width: 34px; height: 1px; background: #aaabad; }
#footer .footer-site-map .site-map-list > li > ul { padding-top: 10px; }
#footer .footer-site-map .site-map-list > li > ul > li { }
#footer .footer-site-map .site-map-list > li > ul > li a { font-size: 14px; color: #c8c8c8; font-weight: 500; }
.footer-sns-box { position: absolute; right: 0; top: 50px; }
.link-site { font-size: 0; line-height: 0; text-align: right; }
.link-site a { display: inline-block; min-width: 67px; height: 28px; border-radius: 5px; -webkit-border-radius: 5px; background: #0099dc; font-size: 13px; line-height: 28px; font-weight: 400; color: #ffffff; text-align: center; }
.link-site a.heple { background: #464b62; }
.link-site a + a { margin-left: 10px; }
#footer .footer-site-map .cont .tit { display: block; margin-top: 38px; text-align: right; color: #ffffff; font-size: 14px; font-weight: 500; }
.sns-list { overflow: hidden; margin-top: 20px; font-size: 0; line-height: 0; margin-left: 20px; }
.sns-list li { float: left; margin-left: 12px; width: 43px; height: 43px; }
.sns-list li img { max-width: 100% }
.sns-list li:first-child { margin-left: 0; }
#footer .footer-wrap { height: 240px; background: #eeeeee; }
#footer .footer-wrap .cont { position: relative; max-width: 1200px; width: 100%; margin: 0 auto; /*! padding-left: 220px; */ box-sizing: border-box; display: flex; padding-top: 47px; }
#footer .footer-wrap .cont .footer-ci { position: absolute; left: 0; top: 71px; width: 174px; height: 58px; background: url('../images/common/footer_logo.png') no-repeat; font-size: 0; line-height: 0; }
#footer .footer-wrap .foot_nav2 { overflow: hidden; /*padding-top: 42px; */ }
#footer .footer-wrap .foot_nav2 li { position: relative; float: left; }
#footer .footer-wrap .foot_nav2 li a { font-size: 14px; color: #666666; font-weight: 500; }
#footer .footer-wrap .foot_nav2 li + li { margin-left: 9px; padding-left: 11px; letter-spacing: -1px; }
#footer .footer-wrap .foot_nav2 li + li:after { display: block; content: ''; position: absolute; left: 0; top: 12px; width: 3px; height: 3px; border-radius: 50%; -webkit-border-radius: 50%; background: #666666; }
#footer .footer-wrap .foot_info { padding-top: 11px; }
#footer .footer-wrap .foot_info a { color: #0099dc; }
#footer .footer-wrap .foot_info p { font-size: 12px; color: #999999; line-height: 19px; font-weight: 500; }
#footer .footer-wrap .foot_info2 { padding-top: 0; margin-left: 62px; }
#footer .footer-wrap .foot_info2 p { font-size: 14px; color: #666666; font-weight: 500; }
#footer .footer-wrap .foot_info2 p + p { font-size: 12px; color: #999; margin-bottom: 0; }
#footer .footer-wrap .foot_info2 div { }
#footer .footer-wrap .foot_info2 div a { color: #666; font-size: 13px; background: #fff; border-radius: 12px; padding: 2px 11px; display: inline-block; margin-top: 13px; }
.contents-wrap { background: url('../images/common/bg_contents.png') repeat-x; }
.contents-inner { max-width: 1200px; width: 100%; margin: 0 auto; }
.visual-text-wrap { 
/* 	height: 280px;  */
/* 	border-top: 1px solid rgba(255, 255, 255, 0.3);  */
/* 	background: url(../images/common/img_header.png) no-repeat;  */
/* 	background-size: cover;  */
	border-bottom: 1px solid #ddd;
	}
.visual-text-wrap .cont {
	max-width: 1200px; width: 100%; display: flex; margin: 0 auto; text-align: center; align-items: center; justify-content: flex-start; height: 100%; 
	display: none;
	}
.visual-text-wrap .cont .visual-title { font-size: 32px; color: #0099dc; font-weight: 500; margin-bottom:20px;position: relative;padding-left: 10px;}
.visual-text-wrap .cont .visual-title:after{
	display: block;content:"";
	width: 60px;height: 2px; background: #0099dc;
	position: absolute; 
	left:10px;top:50px;
}
.visual-text-wrap .cont .visual-txt { margin-top: 4px; font-size: 28px; color: #ffffff; font-weight: 300; letter-spacing: -1px; }
.tab-wrap { max-width: 1200px; width: 100%; height: 80px; margin: 0 auto; }
.tab-wrap ul { position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; flex-wrap: nowrap; -ms-flex-wrap: nowrap; -ms-flex-pack: distribute; justify-content: space-around; -webkit-justify-content: space-around; width: 100%; }
.tab-wrap ul:before { display: block; content: ''; position: absolute; left: 0; top: 30px; width: 1px; height: 20px; background: #dcdcdc; }
.tab-wrap ul li { position: relative; padding: 0 15px; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; }
.tab-wrap ul li:after { display: block; content: ''; position: absolute; right: 0; top: 30px; width: 1px; height: 20px; background: #dcdcdc; }
.tab-wrap ul li a { position: relative; display: block; color: #333333; font-size: 17px; font-weight: 500; line-height: 80px; }
.tab-wrap ul li.active a { color: #009ccb; }
.tab-wrap ul li.active a:after { display: block; content: ''; position: absolute; right: 0; bottom: 0; width: 100%; height: 2px; background: #009ccb; }
.tab-wrap ul.col2 li { min-width: 50%; }
.tab-wrap ul.col3 li { min-width: 33.3%; }
.tab-wrap ul.col3 li:first-child { min-width: 33.4%; }
.tab-wrap ul.col4 li { min-width: 25%; }
.tab-wrap ul.col5 li { min-width: 20%; }
.tab-wrap ul.col7 li { min-width: 14.2857%; }
/* #myp { padding-top: 50px; } */
.main_wrap.height_100 .main-cont{height:calc(100vh - 120px - 240px);}

/*2021.04.15 add*/
/* .grid-list .grid-item .image-area { height: 200px; } */
.grid-list .grid-item .text-area { min-height: 75px; }
.grid-list .grid-item .text-area .product-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 43px; overflow: hidden; }
.input-certif-join .input-wrap2 { display: flex; justify-content: space-between; }
.input-certif-join .input-wrap2 input { width: 75%; }
.input-certif-join .input-wrap2 button { width: 20%; background: #0099dc; color: #fff; font-size: 16px; }
.important_notice { background: rgba(0, 153, 220, 0.1); }
.notice_view table { width: 100%; border-top: 2px solid #009ccb; }
.notice_view table tr td { border-bottom: 1px solid #dcdcdc; padding: 0 20px; }
.notice_view table tr th { border-right: 1px solid #dcdcdc; font-weight: 500; text-align: left; width: 20%; font-size: 16px; padding-left: 20px; background: #fafafa; border-bottom: 1px solid #dcdcdc; padding: 20px 20px; }
.notice_view .notice_Text {
	min-height: 200px; padding: 20px; color: #666; 
/* 	border-bottom: 1px solid #dcdcdc;  */
	}
.attach{
     padding: 20px; 
    line-height: 40px;
    color: #666; 
/*    border-bottom: 1px solid #dcdcdc;*/
}
div.file_list{
    padding: 5px 0 ;
    border-bottom: 1px solid #dcdcdc;
}
div.file_list:last-child{
    border: none;
    
}
div.notice_file p{
    padding: 40px 20px 10px 20px;
    font-size: 18px;
    color:#222;
    border-bottom: 2px solid #bbbbbb;
}
.btn_wrap { display: flex; justify-content: flex-end; padding-top: 30px; 
			/*border-top: 1px solid #eee;*/ 
			}
.btn_wrap_center { justify-content: center }
.btn_wrap button { text-align: center; min-width: 155px; font-size: 16px; height: auto; padding: 18px 0; line-height: normal;}
.btn_wrap a { text-align: center; min-width: 155px; font-size: 16px; height: auto; padding: 18px 0; line-height: normal;}
/*
.btn_review_wrap{
    position: relative;
}
*/
#review td{position: relative;}
/*
.btn_review_wrap a{
    font-weight:400;position: absolute; right:0;top:50%;transform: translateY(-50%);
    text-align: center; min-width: 100px; font-size: 16px; height: auto; 
}
*/
.btn_conDel{
    font-weight:400;position: absolute; right:0;top:50%;transform: translateY(-50%);
    text-align: center; min-width: 100px; font-size: 16px; height: auto; 
}

.notice_btn { display: inline-block; width: 155px; text-align: center; padding: 18px 0; background: #0099dc; color: #fff; font-weight: 500; }
.tems_btn{ display: inline-block; width: 155px; text-align: center; padding: 18px 0; background: #0099dc; color: #fff; font-weight: 500; 
position: relative; bottom: -50%;
}
.notice_view .notice_next_prev { border-top: 2px solid #333; border-bottom: 2px solid #333; margin-top: 30px; }
.notice_view .notice_next_prev div { display: flex; }
.notice_view .notice_next_prev .notice_next p { background: url(../images/common/bg_arrow3.png) no-repeat 20px center; }
.notice_view .notice_next_prev div p { width: 10%; text-align: center; padding: 10px 0; background: url(../images/common/bg_arrow2.png) no-repeat 20px center; border-bottom: 1px solid #eee; border-right: 1px solid #eee; }
.notice_view .notice_next_prev div p + p { width: 90%; text-align: left; border-right: none; padding-left: 20px; background: none; }
.notice_view .notice_next_prev .notice_next p + p { background: none; }
.usco_intro .grid-list .grid-item .text-area { min-height: auto; }
.usco_intro .grid-list .grid-item .text-area .product-title { height: auto; }
.usco_intro_view h2, .pedia_view h2 { text-align: center; }
.story_view_text, .pedia_view_text{ text-align: center; margin-top: 30px; }
.story_view_text img{ max-width: 100%; max-height: 100%; }
.pedia_view_text .img_box{ width: 100%; height: 520px; overflow: hidden;}
.pedia_view_text img{ width: 100%; }
.story_view_text div, .pedia_view_text div { 
/* 	color: #666;  */
	text-align: left; 
	padding: 20px; 
	min-height: 200px; 
	}
.donateAbout_view { border-top: 2px solid #009ccb; margin-top: 20px; padding-top: 40px; padding: 40px 20px; }
.donateAbout_view iframe, .uscoTest_cont iframe { max-width: 100%; max-height: 100%; height: 500px; width: 100%; }
.donateAbout_view > div { display: flex; padding-top: 60px; justify-content: space-between; }
.donateAbout_view > div .img_box { width: 30%; flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-flow: row wrap; display: flex; }
.donateAbout_view > div .img_box div { width: 33.3333%; text-align: center; }
.donateAbout_view > div .img_box div img { max-width: 100%; max-height: 100%; }
.donateAbout_view > div .text_box { padding: 0 20px; width: 70%; }
.donateAbout_view > div .text_box h3 { font-size: 24px; font-weight: 500; color: #ec3939; margin-bottom: 15px; }
.donateAbout_view > div .text_box p { color: #333; margin-bottom: 20px; word-break: keep-all; font-size:17px; }
p.bold { font-weight: 500; }
.donateAbout_cont .btn-wrap { width: 100%; margin: 0 20px; }
.donateAbout_cont .btn-wrap button, .donateAbout_cont .btn-wrap a { width: 100%; background: #0099dc url(../images/common/white_arrow.png) no-repeat 57% 50%; min-width: 180px; height: 63px; color: #ffffff; font-size: 18px; font-weight: 400; display: block; margin-bottom: 10px; }
.ctit_donate { text-align: center; border-bottom: 1px solid #009ccb; padding-bottom: 20px; margin-bottom: 35px; }
.danote_Wrap { padding: 20px; }
.danote_Wrap h3 { font-size: 24px; font-weight: 500; margin-bottom: 40px; }
.req { color: red; }
.mypage .board-col table td a.re { text-decoration: none; background: #009ccb; color: #fff; font-weight: 400; width: 40px; display: inline-block; text-align: center;font-size: 14px; line-height:28px;}
.danote-content .contents-inner { max-width: 50%; }
.danote_Wrap table { width: 100%; table-layout: auto; }
.danote_Wrap table tr th { color: #666; width: 15%; text-align: left; padding: 20px 0; vertical-align: top }
.danote_Wrap table tr td { padding: 10px 0; width: 85%; }
.danote_Wrap table tr.flex_td td div { /*display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-flow: row wrap;*/ }
.danote_Wrap table tr.flex_td td .radio-select { position: relative; margin-right: 10px; margin-bottom: 10px; display: inline-block; }
.select_style { width: 43%; border: 1px solid #eee; padding: 10px; margin-bottom: 0px; background: url(../images/common/select.png) no-repeat 95% 50%; }
select:disabled { background: #ddd; }
.table_title { font-size: 18px; margin-bottom: 20px; }
.pv .flex_box { margin-bottom: 20px; }
/*.pv .modal_Wrap { width: 25% !important; min-height: 497px; }*/
.danote_Wrap .radio-select input[type="radio"] + label { min-width: 160px; }
.radio-select_input { margin-right: 10px; display: inline-block; display: none; }
.radio-select.on .radio-select_input { display: inline-block !important; position: absolute; left: 0; top: 0; margin-right: 0; }
.radio-select_input input { display: inline-block; height: 40px; padding: 0 18px; line-height: 40px; text-align: center; color: #666; font-size: 14px; font-weight: 700; letter-spacing: -1px; border: 1px solid #6bb2e2; box-sizing: border-box; width: 160px; }
.bt1 { border-top: 1px solid #000; padding-top: 50px; padding-bottom: 50px; }
.date_input { color: #888; background: url(../images/common/ic_calendar.png) no-repeat 95% 50%; width: 50% !important; }
.text_box_style { border: none; border-bottom: 1px solid #ddd; width: 100%; font-size: 16px; height: 45px; padding: 0 10px; }
.text_box_style::placeholder { font-size: 16px; }
.input_style1[type="checkbox"] { position: absolute; left: 0; top: 0px; visibility: hidden }
.input_style1[type="checkbox"] + label { padding-left: 25px; line-height: 37px; font-size: 14px; cursor: pointer; background: #fff; color: #0c0e49; position: relative; margin-right: 25px; }
.input_style1[type="checkbox"] + label:before { content: ''; position: absolute; width: 16px; height: 16px; border: 1px solid #ccc; border-radius: 50%; background: #fff; left: 0; top: 50%; margin-top: -8px; }
.input_style1[type="checkbox"]:checked + label:before { background: #fff; border: 4px solid #0099dc; box-sizing: border-box; }
.input_style1[type="radio"] { position: absolute; left: 0; top: 0px; visibility: hidden }
.input_style1[type="radio"] + label { padding-left: 25px; line-height: 37px; font-size: 14px; cursor: pointer; background: #fff; color: #0c0e49; position: relative; margin-right: 25px; }
.input_style1[type="radio"] + label:before { content: ''; position: absolute; width: 16px; height: 16px; border: 1px solid #ccc; border-radius: 50%; background: #fff; left: 0; top: 50%; margin-top: -8px; }
.input_style1[type="radio"]:checked + label:before { background: #fff; border: 4px solid #0099dc; box-sizing: border-box; }
.dev_popup { }
.dev_popup table { }
.dev_popup table tr td { }
.dev_popup table tr th { }
.dev_popup .plus { display: block; width: 100%; text-align: center; border: 1px solid #ddd; padding: 10px; margin-top: 20px; }
.p_text { color: #ec3939; font-size: 15px; margin-top: 10px; }
.cont_p { border-top: 1px solid #eee; margin-top: 20px; padding-top: 20px; }
.date_ul li { width: 45%; position: relative; display: inline-block; margin-right: 3%; }
.date_ul li span { position: absolute; right: 0; color: #666; bottom: 8px; }
.agree ul { padding: 20px; background: #f5f5f5; padding-right: 0; }
.agree ul li label { background: transparent; }
.agree ul li a { vertical-align: middle; font-size: 14px; padding: 0px 5px; color: #0099dc;}
.agree ul li .p_text { margin-left: 26px; margin-top: 0; }
.agree2 { margin-top: 30px; padding-bottom: 10px; }
.agree2 h3 { font-size: 20px; border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 20px; }
.agree2 > div .allagree { margin-bottom: 10px; }
.agree2 > div .allagree label { font-size: 18px; }
.agree2 > div ul { padding-left: 26px; }
.agree2 > div ul li { line-height: 2; }
.agree2 > div ul li p { display: inline-block; font-size: 15px; color: #666; }
.agree2 > div ul li a { font-size: 15px; margin-left: 20px; color: #0099dc; }
.agree2 h4 { font-size: 22px; border-top: 1px solid #ddd; padding: 25px 0 15px 0; margin-top: 20px; text-align: center; }
.agree2 h4 span { color: #0099dc; }
.p_text2 { color: #666; margin-top: 20px; margin-bottom: 10px; }
.btn-blue2 { background-color: #0099dc }
.mt10{margin-top: 10px;}
.mb0{margin-bottom: 0;}
.display_none, .display_none_group, .one { display: none; }
.group.db { display: table-row; }
.faq_view_qna { text-align: left; margin: 20px 0; }
.faq_view_qna p:first-child { font-weight: 500; background: #0099dc; display: inline-block; border-radius: 10px; color: #fff; padding: 1px 7px; }
.faq_view_qna p + p { font-weight: 500; text-decoration: underline; margin-top: 10px; color: #333; }
.faq_view_qna p + p + p { color: #666; text-decoration: none; }
.no_a { color: #ec3939; }
.inquiry_Faq > div { display: flex; align-items: baseline; }
.notice_text { color: #666; font-weight: 500; margin-top: 10px; }
.inquiry_Faq h2 a { padding-left: 0; margin-left: 0; }
.inquiry_Faq h2 a:before { display: none; }
.inquiry_Faq a { margin-left: 30px; padding-left: 30px; padding-top: 98px; color: #888; font-size: 40px; font-weight: 500; position: relative; }
.inquiry_Faq a:before { content: ''; position: absolute; left: 0; bottom: 10px; height: 42px; background: #333; width: 1px; }
.inquiry_Faq .active { color: #333; }
.freeList1 { padding: 30px 0; }
.freeList1 h3 { font-size: 25px; margin-bottom: 20px; }
.freeList1 > ul { padding: 20px; background: #f5f5f5; line-height: 2; }
.p_text3 { color: #666; font-size: 17px; margin-top: 10px; }
.freeList2 table tr th { border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; }
.freeList2 table tr th:last-child { border-right: none; }
.freeList2 table tr td { border-top: none; border-bottom: 1px solid #dcdcdc; }
.freeList2 table tr td a { font-weight: 300; cursor: default; }
.freeList2 table tr td a.on { font-weight: 500; color: #222; cursor: pointer; }
.freeM { position: absolute !important; z-index: 9; width: 100%; height: 100vh; left: 0; background: rgba(0, 0, 0, 0.3); top: 0; display: flex; align-items: center; justify-content: center; display: none; z-index: 999999; }
.freeM.db { display: flex; }
body.ovh { overflow: hidden; }
.freeM .modal_Wrap { width: 50%; background: #fff; max-height: 720px; overflow-y: auto; }
.freeM.table_scroll .modal_Wrap { overflow: hidden; }
.freeM.table_scroll .board-col { overflow: auto; min-width: inherit; }
/*.freeM.table_scroll table { min-width: 600px; }*/
.searchModal .modal_Wrap { position: relative; max-height: inherit; overflow: inherit; }
.searchModal .modal_Wrap .modal_inner { max-height: 600px; overflow-y: auto; }
.modal_Wrap h1 { background: #0099dc; color: #fff; text-align: center; padding: 10px 0; }
.modal_Wrap table tr td { text-align: left; padding: 10px 20px; font-size: 16px; color: #666; }
.modal_Wrap table tr td textarea, .textareaStyle { width: 100%; border: 1px solid #ddd; }
.modal_Wrap table tr td input { width: 80%; border: 1px solid #ddd; height: 40px; line-height: 40px; }
.modal_Wrap table tr th { height: auto; padding: 15px 0; color: #000; }
.p20 { padding: 20px; }
.cal_table { display: flex; justify-content: space-between; }
.modal_table_wrap { width: 60%; }
.modal_table_wrap.board-col table { border-top: none; }
.bd_table table tr td { border-right: 1px solid #dcdcdc; }
.bd_table table tr td:last-child { border-right: none; }
.cal { width: 40%; margin-top: 50px; padding: 0 20px; }
.cal_top { display: flex; align-items: center; justify-content: center; }
.cal_top > div { display: flex; margin: 0 10px; align-items: center; }
.cal_top > div a { width: 30px; height: 30px; display: block; text-indent: -9999px; background: #fff url(../images/common/bg_arrow.png) no-repeat 50%; border-radius: 50%; border: 1px solid #0099dc; transform: rotate(180deg); overflow: hidden; }
.cal_top > div p { margin: 0 10px; font-size: 26px; font-weight: 500; }
.cal_top > div .next { background: #fff url(../images/common/bg_arrow.png) no-repeat 50%; transform: rotate(0deg); }
.cal_cont { margin-top: 20px; height:400px;margin-left:50%;transform:translateX(-50%);}
.cal_cont table { width: 100%;}
.cal_cont table tr td { padding: 10px 0; text-align: center;}
.cal_cont table tr td a { color: #999; cursor: default; }
.cal_cont table tr td:first-child a { color: #222; cursor: pointer }
.cal_cont table tr td:last-child a { color: #222; cursor: pointer }
.cal_cont table tr th { font-weight: 500; }
.cal_cont table tr th.sunday { color: #fb3737; }
.cal_cont table tr th.saturday { color: #3472ff; }
.txc { text-align: center; }
.text_view table img { max-width: 100%; width: 100%; }
.uscoTest_cont { padding-top: 60px; }
.bt_title { text-align: center; font-size: 30px; font-weight: 500; position: relative; padding-top: 10px; }
.bt_title:before { content: ''; position: absolute; width: 30px; height: 3px; top: 0; left: 50%; margin-left: -15px; background: #0099dc; }
.uscoTest_cont > p { text-align: center; font-size: 18px; margin-top: 10px; margin-bottom: 50px; }
.uscoTest_list { display: flex; justify-content: space-around; margin-bottom: 80px; }
.uscoTest_list li { width: 24%; box-shadow: 0 0 30px rgb(0 0 0 / 10%); background: #fff; border-radius: 10px; }
.uscoTest_list div { height: 200px; border-radius: 10px 10px 0 0; overflow: hidden; }
/* .uscoTest_list div img, .uscoTest_list2 div img { max-width: 100%; max-height: 100%; } */
.uscoTest_list div img, .uscoTest_list2 div img {max-height: 100%; max-width:100%;}
/* .uscoTest_list .t_cont { height: 150px; text-align: center; display: flex; align-items: center; color: #666; justify-content: center; } */
.uscoTest_list .t_cont { height: 80px; padding:20px 30px; }
.uscoTest_list2 { }
.uscoTest_list2 li { display: flex; justify-content: space-between; margin-bottom: 20px; }
.uscoTest_list2 div { width: 50%; border-radius: 10px; overflow: hidden; }
.uscoTest_list2 .t_cont { padding: 20px 40px; }
.uscoTest_list2 .t_cont h4 { font-size: 30px; font-weight: 500; position: relative; padding-top: 10px; }
.uscoTest_list2 .t_cont h4:before { content: ''; position: absolute; width: 30px; height: 3px; top: 0; left: 0; background: #0099dc; }
.uscoTest_list2 .t_cont p { color: #666; margin-top: 30px; }
.uscoTest_cont table tr th { text-align: center; }
.uscoTest_cont .root_daum_roughmap { width: 100% !important; }
.write_agree .agree .allagree { text-align: right; margin-top: 50px; }
.write_agree .agree .allagree label { font-size: 18px; margin-right: 0; }
.write_agree .agree > ul { background: none; padding: 0; }
.write_agree .agree > ul li .inputbox { display: flex; background: none; align-items: center; margin-bottom: 10px; padding: 0; margin-top: 21px; }
.write_agree .agree > ul li .inputbox > p { font-weight: 500; margin-right: 21px; font-size: 17px; }
.write_agree .agree > ul li  > div { background: #f5f5f5; box-sizing: border-box; padding: 40px 20px; max-height: 300px; overflow-y: auto; }
.notice_view table.board-col_btnone { border-top: 1px solid #dcdcdc; }
.text_box_style2 { border: 1px solid #ddd; width: 86%; padding: 0 20px; height: 40px; line-height: 40px; }
.comt_code tr th { width: 20%; }
.bb_dcdcdc { border-bottom: 1px solid #dcdcdc; }
.comt_code table tr td { width: 30%; text-align: left; padding: 0 20px; }
.test_write table textarea { width: 100%; border: 1px solid #ddd; min-height: 150px; margin: 20px 0; }
.about_write table th { width: 20%; }
.about_write table td { width: 30%; }
.about_write table td p { margin-top: 5px; display: inline-block; margin-right: 15px; }
.about_write table td.stu input { margin-bottom: 10px; }
.about_write table td button { background: #666; height: 40px; padding: 0 10px; color: #fff; font-size: 13px; width: 11%; }
.category { display: flex; justify-content: flex-end; }
.category li { border: 1px solid #333; border-radius: 20px; padding: 2px 0; margin: 0px 5px; }
.category li:last-child { margin-right: 0; }
.category li.on { background: #0099dc; border: 1px solid #0099dc; }

.category li.on a { font-weight: 500; color: #fff; }
.category li a { padding: 0 14px; font-size: 18px; }
.usco_04 table tr td { text-align: left; padding: 10px; }
.usco_04list { margin-top: 40px;}
.usco_04list_hide{display:none;}
.usco_04 table tr td.impossibility, .usco_04 table tr td.my_list, .usco_04 table tr td.my_list_online, .usco_04 table tr td.possibility { text-align: center; position: relative; }
.usco_04 table tr td.impossibility p { color: #bbb; }
.usco_04 table tr td.impossibility a { opacity: 0; position: absolute; left: 0; width: 100%; height: 100%; top: 0; background: rgba(0, 0, 0, 0.6); color: #fff; display: flex; justify-content: center; align-items: center; }
.usco_04 table tr td.my_list p { color: #0099dc; font-weight: 500; display: inline-block; }
.usco_04 table tr td.my_list span { color: #ec3939; display: inline-block; }
.usco_04 table tr td.my_list_online p { color: #0099dc; font-weight: 500; display: inline-block; }
.usco_04 table tr td.my_list_online span { color: #ec3939; display: inline-block; }
.usco_04 table tr td.possibility p { color: #333; }
.usco_04 table tr td.possibility a { opacity: 0; position: absolute; left: 0; width: 100%; font-weight: 500; height: 100%; top: 0; background: rgba(0, 153, 220, 0.9); color: #fff; display: flex; justify-content: center; align-items: center; }
.usco_04 table tr td.impossibility:hover a, .usco_04 table tr td.possibility:hover a { opacity: 1; }
.usco04_modal .page, .p40 { padding: 40px; }
.usco04_modal table tr td { text-align: center; }
.usco04_modal h4, .flex_box h4 { font-size: 20px; }
.modal2 .btn_wrap { text-align: center; }
.modal2 .btn_wrap .next_p { display: inline-block; color: #fff; width: 100%; background: #0099dc; }
.modal2 .btn_wrap .imp_btn { background: #333; vertical-align: middle; display: flex; align-items: center; justify-content: center; }
.flex_box > .close, .flex_box > .close2 { font-size: 20px; font-weight: 500; cursor: pointer; }
.flex_box { display: flex; justify-content: space-between; align-items: center; }
.flex_box2 { justify-content: flex-start; }
.flex_box2 h3 { margin-bottom: 0; }
.flex_box2 .p_text3 { margin-left: 20px; }
.board-col table td { position: relative; }
.board-col table td .tooltip { background: url(../images/common/box.png) no-repeat; width: 96px; opacity:0; height: 44px; text-indent: 1px; position: absolute; top: -30px; color: #666666; line-height: 42px; left: 50%; margin-left: -48px;text-align: center; }
.board-col table td span.review { background: url(../images/common/ic-best.png) no-repeat 50%; text-indent: -9999px; display: block; }
.board-col table td span.review:hover .tooltip { opacity:1; }
.board-col table td .icon { width: 20px; height: 20px; display: inline-block; margin: 0 3px; }
.board-col table td .icon.img { background: url(../images/common/ic-pic.png) no-repeat 50%; }
.board-col table td .icon.file { background: url(../images/common/ic-clip.png) no-repeat 50%; }
/*.btn_wrap a.btn_white { min-width: 176px; height: 63px; line-height: 62px; color: #ffffff; font-weight: 400; margin-left: 10px; padding: 0; background: #898c8d; color: #fff;  }*/
.btn_white{background:#898c8d;margin-left: 10px;}
.btn_black{background:#222;margin-left: 10px;}
.view_tit { padding-top: 98px; }
.view_tit h2 { padding-top: 20px; border-top: 2px solid #009ccb; padding: 20px; }
.view_tit > div { padding: 0px 20px 20px 20px; display: flex; align-items: center; }
.view_tit > div p { padding-right: 20px; font-weight: 500; }
.view_cont { padding: 60px 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.view_cont .img_box img { max-width: 100%; }
.view_cont .text_box { margin-top: 20px; color: #666; }
.comments { padding: 40px 20px; }
.comments h3 { color: #666; margin-bottom: 30px; }
/* .comments ul { border-top: 2px solid #333; } */
.comments ul li { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ddd; padding: 20px; }
.comments ul li .comments_cont { width: 80%; }
.comments ul li .comments_cont .id_date { }
.comments ul li .comments_cont .id_date p { color: #666; margin-top: 0; }
.comments ul li .comments_cont h4 { display: inline-block; color: #666; margin-right: 20px; border-right: 1px solid #dbdbdb; padding-right: 20px; }
.comments ul li .comments_cont p { display: inline-block; margin-top: 20px; color: #333; }
.comments ul li .comments_btn { width: 20%; display: flex; justify-content: flex-end; align-items: center; }
.comments ul li .comments_btn button { padding: 10px 0; text-align: center; width: 47%; background: #888; color: #fff; }
.comments ul li .comments_btn button.delete { box-sizing: border-box; border: 2px solid #888; padding: 8px 0; background: #fff; color: #888; }
.comment_write { padding: 20px; border-top: 1px solid #333; border-bottom: 1px solid #333; display: flex; align-items: center; justify-content: space-between; }
.comment_write textarea { width: 100%; height: 80px; border: 1px solid #ddd; }
.comment_write button { padding: 10px 0; text-align: center; width: 12%; background: #888; color: #fff; height: 80px; }
.board-col_Table2 tr td { text-align: left; padding: 10px !important; }
.board-col_Table2 tr td .input-wrap { width: 100%; }
.check-cont2 { margin-top: 15px; }
.check-cont2 input[type="checkbox"] { display: none; }
.check-cont2 input[type="checkbox"] + label { background: transparent; display: inline-block; height: 25px; padding-left: 30px; background: url(../images/common/ico_checkbox.png) no-repeat 0 0; font-size: 14px; font-weight: 500; color: #666; line-height: 25px; }
.check-cont2 input[type="checkbox"] + label.color_bk { color: #000; }
.check-cont2 input[type="checkbox"]:checked + label { background-position: 0 -25px; }
.write_agree .check-cont2 input[type="checkbox"] + label { font-size: 17px; margin-bottom: 20px; padding-left: 40px; }
.mb10 { margin-bottom: 10px; }
.mt50 { margin-top: 50px; }
.mypage { display: flex; margin-top: 20px; justify-content: space-between; }
.my_lnb { width: 17%; }
.my_lnb h3 { font-size: 27px; }
.my_lnb ul { border: 1px solid #ddd; border-bottom: none; margin-top: 20px; }
.my_lnb ul li { padding: 15px 0 15px 10px; border-bottom: 1px solid #ddd; }
.my_lnb ul li.on { background: #f5f5f5; }
.my_lnb ul li.on a { font-weight: 400; color: #333; }
.my_lnb ul li a {display:block; color: #666; font-weight: 400; }
.my_cont { width: 80%; }
.my_title { display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #009ccb; padding-bottom: 30px; }
.my_title2 { display: block; }
.my_title > div { display: flex; align-items: center; }
.my_title h4 { font-size: 27px; margin-right: 10px; }
.my_title p { }
.my_title select { width: 20%; margin-bottom: 0; }
.my_info { margin-top: 20px; margin-bottom: 50px; display: flex; align-items: center; justify-content: space-between; background: #f5f5f5; padding: 30px 20px; }
.my_info div { display: flex; align-items: center; }
.my_info div > span { display: inline-block; background: #0099dc; color: #fff; border-radius: 24px; padding: 10px; margin-right: 50px;}
.my_info p { font-size: 24px; margin-left: 10px; }
.my_info p span { font-size: 15px; }
.my_info a { text-align: center; display: flex; align-items: center; font-size: 19px; font-weight: 500; padding: 10px; justify-content: center; }
.my_info a:hover{color:#333;}
.btnone.board-col { margin-top: 0; }
.btnone.board-col table { border-top: none; }
.bbnone { border-bottom: none !important; }
table img { max-width: 90%; }
.txl,
.txl td{ text-align: left !important }
.txl_table table tr td { text-align: left; }
.text_align_center tr th, .text_align_center tr td { text-align: center !important; }
.board-col table td { padding: 10px; }
.btn3_modal table tr th { width: 20%; }
.btn3_modal table tr td a, .btn1_1_modal table tr td a, .btn2_1_modal table tr td a, .btn3_1_modal table tr td a, .btn_style { width: 77px; display: block; font-weight: 500; background: #009ccb; color: #fff !important; margin: 0px auto; padding: 10px 0; text-decoration: none !important }
.dev_popup .btn_style { padding: 8px 0; }
.dev_popup ul li { margin-bottom: 5px; }
.dev_popup > .btn_style { width: 100%; margin-top: 30px; }
.dev_popup span { background: #f5f5f5; border-radius: 20px; font-size: 14px; padding: 3px 5px; margin-bottom: 20px; display: inline-block; }
.dev_M .modal_Wrap { max-width: 25%; }
.mypage .board-col table td a { font-weight: 500; word-break: keep-all; }
.mypage_a_none .board-col table td a { text-decoration: none; font-weight: 500; }
.btn_blue2 { background: #0099dc; color: #fff; margin-left: 10px; }
.btn_gray { background: #888; color: #fff; }
.board-col .td_left tr th { text-align: center; }
.board-col .td_left tr td { text-align: left; }
.modal .board-col { padding-bottom: 40px; }
.stu div input { margin-bottom: 10px; }
.address_input .ad_btn { width: auto; }
.about_write table td button, .ad_btn { background: #666; height: 40px; padding: 0 10px; color: #fff; font-size: 13px; width: 11%; }
.my_cont h5 { font-size: 20px; margin-top: 20px; margin-bottom: 20px; }
.cont { margin-bottom: 50px; }
.btn_wrap_auto a { width: auto; padding-left: 10px; padding-right: 10px; margin-right: 10px; }
.btn_wrap_start { justify-content: flex-start; align-items: center; }
.my_title .flex_box_wrap { display: block; }
.mypage_tab li a { font-size: 16px; }
.my_title button { line-height: 42px; background: #888; color: #fff; padding: 0 10px; }
.my_title select.select_style2 { width: 46%; }
.my_title .select_box { width: 35%; justify-content: flex-end; }
.best { color: #ec3939; }
.products_list { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-flow: row wrap; margin-top: 20px; }
.products_list li { box-shadow: 0 2px 24px rgba(0, 0, 0, 0.1); width: 32%; margin-right: 2%; padding: 24px; margin-top: 10px; box-sizing: border-box; }
.products_list li:nth-child(3n+3) { margin-right: 0; }
.products_list li p { font-size: 16px; font-weight: 500; color: #333333; line-height: 20px; }
.products_list li span { display: inline-block; font-size: 15px; font-weight: 400; color: #333333; }
.table_border_block.board-col td { border-right: 1px solid #ddd; }
.brnone { border-right: none !important; }
.mypage .uscoTest_list div { height: 155px; text-align: center; }
.mypage .uscoTest_list .t_cont { height: auto; padding: 30px 0; }
.children span { font-size: 18px; }
.input_box { width: 50%; justify-content: flex-end; }
.input_box input { width: 40%; height: 46px; line-height: 46px; border: 1px solid #ddd; color: #666; padding: 0 10px; }
.input_box span { margin: 10px; }
.w100 { width: 100%; }
.btn_style2 { background: #888; }
.calendar { margin-top: 26px; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 40px;margin-left:50%; transform:translateX(-50%);width:50%;}
.calendar .select_style { width: 30%; margin-bottom: 0; margin-right: 44px; }
.calendar .date { display: flex; justify-content: center; align-items: center; }
.calendar .date a { width: 30px; height: 30px; display: block; text-indent: -9999px; background: #fff url(../images/common/bg_arrow.png) no-repeat 50%; border-radius: 50%; border: 1px solid #0099dc; transform: rotate(180deg); overflow: hidden; }
.calendar .date p { margin: 0 10px; font-size: 26px; font-weight: 500; }
.calendar .date a.next { background: #fff url(../images/common/bg_arrow.png) no-repeat 50%; transform: rotate(0deg); }
.calendar_cont.cal_cont{width:48%;}
.calendar_cont.cal_cont table tr td:last-child { border-right: none; }
.calendar_cont.cal_cont table tr td { width: 14.2%; padding: 10px 10px 30px 10px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; position: relative; text-align: left; }
.calendar_cont.cal_cont table tr th { padding: 20px 0; background: rgba(0, 153, 220, 0.1); }
.calendar_cont.cal_cont table tr .checkclass { position: absolute; right: 6px; background: #0099dc; color: #fff; width: 24px; height: 24px; border-radius: 50%; text-align: center; line-height: 22px; font-size:14px;}
.today_class {width:100%;}
.today_class table div { display: flex; justify-content: flex-end; }
.today_class table div button, .today_class table div a { margin: 0 2px; background: #0099dc; color: #fff !important; text-decoration: none !important; padding: 5px 10px; }
.today_class table div .on { background: #888; }
.btn_myP5_modal table .ed { padding: 50px 20px; }
.btn_check { }
.btn_check button { padding: 5px; }
.check { color: #0099dc; border: 1px solid #0099dc; }
.late { color: #888; border: 1px solid #888; }
.cut { color: #ec3939; border: 1px solid #ec3939; }
.btn_myP6_modal .btn-wrap2 { }
.btn_myP6_modal .btn-wrap2 button { padding: 10px 20px; color: #fff; }
.btn_myP6_modal .btn-wrap2 button.check { background: #0099dc; }
.btn_myP6_modal .btn-wrap2 button.late { background: #888; }
.btn_myP6_modal .btn-wrap2 button.cut { background: #ec3939; }
.address_input > div { margin-bottom: 10px; display: flex; width: 60%; justify-content: space-between; }
.address_input > div input { width: 70%; }
.address_input2 > .ad_div2 { width: 54%; margin-top: 10px; }
.address_input2 > .ad_div2 input { width: 78%; }
.address_input3 > div { width: 55%; }
.about_write table td.address_input button { width: auto; }
.address_input > .ad_div { width: 86%; margin-bottom: 0; display: block; }
.address_input > .ad_div input { width: 100%; margin-bottom: 10px; }
.m_block { display: none; }
.close_btn { background: #fff url(../images/main/mobile_open_button.png) no-repeat 50%; position: absolute; width: 40px; height: 40px; text-indent: -9999px; right: -40px; top: 0; }
.ad_search div input { width: 39%; }
.ad_search div button { height: 40px; padding: 0 15px; margin-left: 6px; line-height: 40px; text-align: center; background: #666; color: #fff; font-size: 13px; font-weight: 500; letter-spacing: -1px; }
.ad_search > input { margin-top: 7px; }
.my_tab { margin-bottom: 25px; }
.my_tab ul { display: flex; align-items: center; justify-content: space-between; width: 17%; border: 1px solid #ddd; border-radius: 17px; overflow: hidden; }
.my_tab ul li { width: 50%; text-align: center; }
.my_tab ul li a { font-size: 16px; }
.my_tab ul li.on { border-bottom: 2px solid #0099dc; background: #0099dc; }
.my_tab ul li.on a { padding: 10px 0; display: inline-block; color: #fff; }
.teen td span { color: #999; }
.input_box_history input { width: 39% !important; }
.th_border_none tr th{border-right:none !important;}
 .tab-wrap-mobile{display:none;}
 
 /*2021-11-22 add*/
.checkBtn{
	font-size: 17px;
	color: #0099dc;
	margin-bottom: 20px;
	padding-left: 5px;
}
.modalTAC_wrap{
	width: 50%;
	height: 70%;
}
.modalTxtbox{
    height: 70%;
    overflow-y: auto;
    padding: 10px;
}
.TAC_btn{
    display: inline-block !important;;
    width: 100px !important;
    text-align: center;
    padding: 18px 0 !important;
    background: #0099dc !important;
    color: #fff !important;
    text-shadow : none !important;
    font-weight: 400 !important;
    opacity :1 !important;
}
.text_box_style3{
	width: 100px;
    padding: 0 5px;
    border: 1px solid #ddd;
    height: 30px;
    line-height: 30px;
    position: relative;
}

/* 2021-12-07 add*/
.notice_Text img{max-width:100%;}


/* 2021-11-30 add */
.sponImg{width: 460px; height: 360px; overflow: hidden;}

/* 2021-12-01 add */
.productModal td{height:auto !important;font-size:95%! important;padding:10px !important;}

/* 2021-12-08 add */
.modalTxtbox .board-col{
	border-top: 2px solid #009ccb;
	margin-top: 20px;
	font-size: 14px;
}
.modalTxtbox .board-col tr th{
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	background: #fafafa;
	padding: 10px;
}
.modalTxtbox .board-col tr td{
	border-bottom: 1px solid #dcdcdc;
	font-size: 13px;
}

/* 2021-12-16 add */
.pl50{padding-left:50px !important;}
/* 2021-12-23 add */
.mr10{margin-right: 10px;}
.attendTable tr td{padding:20px !important;text-align:center !important;}
.attendTable tr th{padding:10px !important;text-align:center !important;}
/* 2021-12-24 add */
.reportTable tr td{padding: 20px !important;}
.reportListTable tr td{padding: 20px !important;}
.reportListTable tr th,
.reportListTable tr td{text-align:center !important;}
.reportListTable tr td.txl{text-align: left !important;}
/* 2022-01-08 add */
.usco_intro_view img{max-width:100%}
.main.hd_on{border-bottom: 1px solid #ddd;}
/* 2022-01-13 add  */
.attendTable td span{
	margin-left: 10px;
	font-size:15px;
}
.attendTable td span.attend{color:#0099dc;}
.attendTable td span.absent{color:#cb2a2a;}
.attendTable td span.stop{color:#ebc142;}
/* 2022-01-18 add */
.attendTable td span.attend a{color:#0099dc;}
.attendTable td span.absent a{color:#cb2a2a;}
.attendTable td span.stop a{color:#ebc142;}
/* 2022-01-19 */
.comments ul li .comments_btn button.delete:hover{
	border: 2px solid #ED0000;
	color:#ED0000;
}
/* 2022-01-20 add */
.with-site{
		text-align: right;
	}
.select_style3{
	width:180px;
	border: 1px solid #ddd;
	padding: 6px 6px 6px 10px;
	margin-bottom: 20px;
	background: url(../images/common/select.png) no-repeat 95% 50%;
	background-color: #fff;
	color: #666;
	font-size: 14px;
	position: absolute;
	right: 220px;
}
.usco_04list table tr th,
.usco_04list table tr td{
	text-align: center ;
}
.btn-black{
	background:#fff;
	border: 2px solid #aaa;
	color: #aaa !important;
	cursor: default;
}

/* 2022-02-03 add */
.detailBtn{
	width: 100%;
	height: 40px;
	margin: 15px 0px;
	padding: 0 10px 0 50px;
	background: #f5f5f5;
	border: 1px solid #ddd;
	position:relative;
	line-height:40px;
}
.detailBtn .plusBtn,
.detailBtn .minusBtn{
	position:absolute;
	width: 30px;
	height: 30px;
	border: 1px solid #ddd;
	background: #fff;
	left:10px;
	top:4px;
	cursor: pointer;
}
.detailBtn .plusBtn div,
.detailBtn .minusBtn div{
	width: 16px;
	height: 3px;
	background: #999;
	position:absolute;
	left:50%; top:50%;
	transform: translate(-50%,-50%);
}
.detailBtn .plusBtn div:last-child{
	transform: translate(-50%,-50%) rotate(90deg);
}
.uscoTest_list2.reviewOn div{width: 49%;}
.uscoTest_list2.reviewOn div.t_cont{width:100%;}

/* 2022-02-09 add */
a.onAct-btn{
	background:#fff;display:block;
	width:68px;line-height:34px;
	border: 1px solid #0099dc;
	border-radius:3px;
	color: #0099dc !important;
}
a.onAct-btn:hover{
	background:#0099dc;
	border: 1px solid #0099dc;
	color: #fff !important;
}

@media all and (max-width:1600px) {
	/*.main-cont { padding: 50px 0 70px 0; }*/
	.freeM .modal_Wrap { max-height: 90%; box-sizing: border-box; padding: 30px; }
	.dev_M .modal_Wrap {max-width: 50%;}
	
}
@media all and (max-width:1400px) {
	.header_wrap, #footer .footer-wrap { padding: 0 10px; box-sizing: border-box; }
	.header_wrap .tnb, .header_wrap .site-link, .footer-sns-box { right: 10px; }
	#footer .footer-site-map .site-map-list { padding-left: 10px; padding-right: 10px; }
	#footer .footer-wrap {padding-bottom: 40px; }
	.contents-wrap { padding: 0 10px; }
	.donateAbout_cont .btn-wrap { margin: 0; }
	.searchModal .modal_Wrap .modal_inner { max-height: 600px !important; }
	
    
}
@media all and (max-width:1200px) {
	#gnb .cont .gnb_menu { left: 180px; }
	#gnb .cont .gnb_menu > li { padding: 0 20px; }
	#gnb .cont .gnb_menu > li:first-child { padding-left: 20px; }
	#gnb .cont .gnb_menu > li:last-child { padding-right: 20px; }
	.danote-content .contents-inner { max-width: 100%; }
	.my_title > div { display: block; }
	.my_title .select_box { display: flex; }
	.my_title > div .category { margin-top: 10px; }
	.input_box { width: 60%; }
	
	/*2021-11-22 add*/
	
	.text_box_style3{
	margin-bottom:10px;
	top:5px;
	}
	.about_write table td.address_input button {
    width: 50%;
    margin-left: 10px;
	}
	.notice_view .notice_next_prev div p {
    background: none;
	}
	.notice_view .notice_next_prev .notice_next p {
    background: none;
    }
    
/*     2022-01-03 */
    .spon-btn{
	position:absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
	background: #f41625;
	width: 60px;
	height: 28px;
	line-height:28px;
	text-align: center;
	color: #fff;
	border-radius: 6px;
	}
	.tabM .spon-btn:hover{color:#fff !important;}
    
}
@media all and (max-width:1024px) {
	.header_wrap h1 { position: static; width: 20%; margin: 0 auto; padding-top: 10px; }
	#gnb .cont .gnb_menu { left: 0; width: 100%; top: -48px; }
	#gnb .cont .gnb_menu { display: flex; justify-content: center; }
	.header_wrap .site-link { right: auto; left: 10px; top: 10px; }
	.main-menu .banner-cont .box-cont .box.freelist_li,
	.main-menu .banner-cont .box-cont .box.about_li{background-size: auto 110% !important;}
	#gnb::before { margin-left: -522px; }
/* 	.visual-text-wrap { height: 220px; } */
	.visual-text-wrap .cont .visual-title { font-size:30px; }
	.visual-text-wrap .cont .visual-title:after{width: 40px;}
	.tab-wrap { height: 60px; }
	.tab-wrap ul li a { line-height: 60px; }
	.donateAbout_cont .btn-wrap button, .donateAbout_cont .btn-wrap a { background-position: 64% 50%; }
	.danote_Wrap .radio-select input[type="radio"] + label { min-width: 130px; }
	.inquiry_Faq a:before { bottom: 0; }
	.freeM .modal_Wrap { width: 90%; box-sizing: border-box; padding: 20px; }
	.cal_top > div p { font-size: 16px; }
	.uscoTest_list div { height: 130px; }
	.notice_view table tr td.stu input { width: 80%; }
	.about_write table td button, .ad_btn { width: 13%; }
	.input_style1[type="radio"] + label { margin-right: 10px; }
	.mypage { display: block; }
	.my_lnb { width: 100%; margin-bottom: 40px; }
	.my_cont { width: 100%; }
	.my_lnb ul { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-flow: row wrap; }
	.my_lnb ul li { width: 33.3333%; box-sizing: border-box; border-right: 1px solid #ddd;}
	.modal_Wrap table tr td { padding: 10px; }
	.my_lnb_b ul { border: 1px solid #ddd; }
	.my_lnb_b ul li:last-child { border-bottom: none; }
	#footer .footer-wrap .foot_info2 { margin-left: 38px; }
	
	/*2021-11-22 add*/
    
	.text_box_style3{
	top:5px;
	}
    /* 2022-01-21 add */
/* .select_style2{width:200px;} */
}
@media all and (max-width:800px) {
	body.ovh { overflow: hidden; }
	.header_wrap, #gnb { display: none; }
	#header { background: #fff; height: 80px; overflow: visible; }
	.m_header { background: #fff; display: block; position: fixed; width: 100%; z-index: 9; }
	.m_header_top { height: 80px; }
	.m_header_top h1 { height: 100%; width: 33%; margin: 0 auto; }
	.m_header_top h1 a { background: url(../images/common/logo2.png) no-repeat; display: block; width: 100%; height: 100%; text-indent: -9999px; background-position: 50%; }
	.m_header_top .m_btn { background: url(../images/main/mobile_button.png) no-repeat; width: 24px; height: 24px; display: block; position: absolute; right: 10px; top: 41px; text-indent: -9999px; }
	.m_header_gnb { display: none; position: absolute; background: #fff; top: 80px; right: 0; padding-top: 20px; width: 60%; z-index: 999; height: calc(100vh - 80px); overflow-y: auto; }
	.m_header_gnb .m_gnb_menu > li { text-align: left; text-align: center;/*! background: rgba(0, 156, 203,0.1); */ }
	.m_header_gnb .m_gnb_menu strong { display: block; padding: 17px 0; border-bottom: 1px solid #fff; }
	.m_header_gnb .m_gnb_menu ul { display: none; background: rgba(0, 0, 0, 0.04); }
	.m_header_gnb .m_gnb_menu ul li a { padding: 10px 0; display: block; }
	.m_header_gnb .user .tnb { padding: 20px 0; }
	.m_header_gnb .user .tnb ul { display: flex; align-items: center; justify-content: flex-end; padding: 0 10px;}
	.m_header_gnb .user .tnb ul li { width: 33%; text-align: center; border-right: 1px solid #ddd; }
	.m_header_gnb .user .site-link { text-align: right; padding-right: 10px; }
	.m_header_gnb .user .site-link a { display: inline-block; min-width: 67px; height: 28px; border-radius: 5px; -webkit-border-radius: 5px; background: #0099dc; font-size: 13px; line-height: 28px; font-weight: 400; color: #ffffff; text-align: center; }
	.m_header_gnb .user .site-link a.btn-usco { display: inline-block; min-width: 67px; height: 28px; margin-left: 10px; border-radius: 5px; -webkit-border-radius: 5px; background: #464b62; font-size: 13px; line-height: 28px; font-weight: 400; color: #ffffff; text-align: center; }
	.m_open-menu .m_header_gnb { display: block; }
	.m_open-menu .m_btn { background: url(../images/main/mobile_open_button.png) no-repeat; }
	.m_open-menu .dim { display: block; }
	.m_header_gnb .m_gnb_menu strong.open { background: #0099dc; }
	.m_header_gnb .m_gnb_menu strong.open a { color: #fff; }
	.m_header_menu { background: #fff; padding: 15px 0; border-bottom: 1px solid #ddd;}
	.m_header_menu ul { display: flex; align-items: center; justify-content: center; }
	.m_header_menu ul li { padding: 0 15px; }
	.m_header_menu ul li.active a { color: #009ccb; }
	.m_header.on .m_header_top { display: none; }
	.m_header.on .m_header_menu{border-bottom:1px solid #ddd;}
	.dim { background: rgba(0, 0, 0, 0.5); position: absolute; top: 80px; height: 100vh; width: 100%; z-index: 99; display: none; }
	#footer .footer-site-map { height: auto; }
	.footer-sns-box { position: static; justify-content: flex-end; padding: 20px 10px; }
	#footer .footer-site-map .site-map-list > li { margin-left: 33px; }
/* 	.visual-text-wrap { height: 130px; } */
	.visual-text-wrap .cont .visual-title { font-size: 32px; }
/* 	.grid-list .grid-item .image-area { height: 165px; } */
	.donateAbout_view iframe, .uscoTest_cont iframe { height: 325px; }
	.donateAbout_view > div { display: block; }
	.donateAbout_view > div .img_box { width: 100%; }
	.donateAbout_view > div .text_box { width: 100%; margin-top: 30px; padding: 0; }
	.donateAbout_view { padding: 30px 0; }
	.uscoTest_list .t_cont { height: auto; padding: 20px 0; }
	.input_style1[type="radio"] + label { margin-right: 10px; }
	.text_box_style2 { width: 80%; }
	.about_write table td button, .ad_btn { width: 18%; }
	.notice_view table tr td.stu input { width: 70%; }
	.btn_wrap a { min-width: inherit; padding: 10px; }
	.btn_wrap button { min-width: inherit; padding: 10px; }
	.my_title .select_box { width: 46%; }
	.products_list li { width: 49.5%; margin-right: 1%; }
	.products_list li:nth-child(2n+2) { margin-right: 0; }
	.products_list li:nth-child(3) { margin-right: 1%; }
	.my_lnb ul li a { font-size: 15px; }
	.myp-history .my_title { display: block; }
	.myp-history .input_box { width: 100%; margin-top: 20px; }
	.btn3_modal table tr td a, .btn1_1_modal table tr td a, .btn2_1_modal table tr td a, .btn3_1_modal table tr td a, .btn_style { width: auto; padding: 10px; }
	.dev_M .modal_Wrap, .pv .modal_Wrap { max-width: 90%; width: 90% !important; }
	.my_tab, .my_tab ul { width: 100%; }
	#footer .footer-wrap .cont { display: block; }
	#footer .footer-wrap .foot_info2 { margin-left: 0; margin-top: 20px; margin-bottom: 10px; }
	.footer-sns-box { display: flex; justify-content: flex-start; align-items: center; }
	.sns-list { margin-top: 0; }
  #footer .footer-wrap{height: auto;}
    .btn_conDel{
        width: auto;height: auto;
            font-size: 14px;
    line-height: 20px;
/*
    font-weight:400;position: absolute; right:0;top:50%;transform: translateY(-50%);
    text-align: center; min-width: 100px; font-size: 16px; height: auto; 
*/
    }
    
    /*2021-11-22 add*/
    
	.text_box_style3{
	margin-bottom:5px;
	width: 80px;
	height: 26px;
	line-height:26px;
	top:3px;
	}

    /*2021-11-30 add*/
    .sponImg{width: 100%;height:500px;}
/*     2022-01-003 */
    .tab-wrap{margin-top: 10px;}
    /* 2022-01-21 add */
.select_style2{bottom:5px;right:10px;}
}
@media all and (max-width:640px) {
	body, th, td, input, select, textarea, button, a, p { font-size: 90%; }
	#header, .m_header_top { height: 65px; }
	.m_open-menu .m_header_gnb { top: 65px; z-index: 99999; }
	.m_header_top h1 { width: 30%; }
	.m_header_top h1 a { background-size: 100% auto; }
	.m_header_gnb { width: 70%; }
	.m_header_gnb .m_gnb_menu strong { padding: 10px 0; }
	.m_header_menu { 
/*        overflow-x: scroll; */
/*         box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1)  */
	border-bottom: 0 none;
    }
/* 	.m_header_menu ul { min-width: 430px; } */
    
	.m_header_top .m_btn { top: 23px; }
	.m_header_menu ul li { padding: 0 7px; }
	#footer .footer-site-map .site-map-list { padding-top: 30px; }
	#footer .footer-site-map .site-map-list > li > strong a { font-size: 14px; padding-bottom: 10px; }
	#footer .footer-site-map .site-map-list > li { margin-left: 0; width: 33.333%; margin-bottom: 13px; }
	#footer .footer-site-map .site-map-list > li > ul > li a { font-size: 13px; }
	#footer .footer-site-map .cont .tit { display: none; }
	#footer .footer-site-map .cont .sns-list { text-align: right; margin-top: 0; }
	#footer .footer-site-map .cont .sns-list li { float: none; display: inline-block; width: 30px; height: 30px; }
	#footer .footer-site-map .cont .sns-list li img { max-width: 100%; }
	#footer .footer-wrap { padding: 20px 10px; }
	#footer .footer-wrap .cont { padding-left: 0; padding-top: 0; }
	#footer .footer-wrap .cont .footer-ci { position: static; height: 44px; background-size: auto 100%; }
	#footer .footer-wrap .foot_nav2 { padding-top: 20px; }
	#footer .footer-wrap .foot_nav2 li a { font-size: 12px; }
	#footer .footer-wrap .foot_info p { font-size: 11px; }
	#footer { margin-top: 75px; }
	#footer .footer-site-map .cont .link-site a, .m_header_gnb .user .site-link a, .m_header_gnb .user .site-link a.btn-usco { height: 23px; min-width: 54px; line-height: 23px; }
/* 	.visual-text-wrap { height: 100px; } */
	.visual-text-wrap .cont .visual-title { font-size: 27px; }
    .tab-wrap-pc{display:none;}
     .tab-wrap-mobile{display: block;}
	.tab-wrap { height: auto; margin-top: 0px;}
	.tab-wrap ul { flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-flow: row wrap; }
	.tab-wrap ul li:after { display: none; }
	.tab-wrap ul li a { font-size: 14px; line-height: 40px; }
	.tab-wrap ul.col4 li { min-width: 50%; }
	.tab-wrap ul.col5 li { min-width: 25%; }
	.btn_wrap a { min-width: 100px; width: auto; font-size: 13px; padding: 10px; }
	.btn_wrap button { min-width: 100px; width: auto; font-size: 13px; padding: 10px; }

	.danote_Wrap table tr th { width: 25%; }
	.donateAbout_view iframe, .uscoTest_cont iframe { height: 210px; }
	.donateAbout_view > div { padding-top: 25px; }
	.donateAbout_view > div .text_box h3 { font-size: 20px; }
	.donateAbout_cont .btn-wrap button, .donateAbout_cont .btn-wrap a { height: 50px; line-height: 50px; font-size: 16px; background-position: 69% 50%; padding: 0; }
	.ctit_donate { margin-bottom: 10px; }
	.danote_Wrap { padding: 0; padding-top: 20px; }
	.danote_Wrap h3 { font-size: 18px; margin-bottom: 20px; }
	.danote_Wrap table tr.flex_td td .radio-select { margin-right: 0; }
	.danote_Wrap .radio-select input[type="radio"] + label { font-size: 13px; min-width: 100px; width: auto; padding: 0 10px; line-height: 30px; height: 30px; }
	.radio-select_input input { font-size: 13px; min-width: inherit; width: 100px; padding: 0 10px; line-height: 30px; height: 30px; margin-left: 0; }
	.text_box_style { font-size: 13px; height: 40px; }
	.text_box_style::placeholder { font-size: 13px; }
	.input_style1[type="radio"] + label, .check-cont2 input[type="checkbox"] + label, .p_text { font-size: 13px; }
	.input_style1[type="radio"] + label { margin-right: 10px; padding-left: 18px; }
	.agree ul li a { font-size: 12px; padding: 3px 7px; }
	/*.agree ul li:last-child a { margin-left: 103px; }*/
	.inquiry_Faq a:before { height: 27px; }
	.freeList1 h3 { font-size: 18px; }
	.cal_table { display: block; }
	.cal { width: 100%; box-sizing: border-box; margin-top: 28px; padding: 0; }
	.modal_table_wrap { width: 100%; }
	.modal_Wrap table tr td, .modal_Wrap table tr th, .notice_view table tr th, .write_agree .agree .allagree label { font-size: 13px !important; }
	.uscoTest_cont > p { font-size: 13px; margin-bottom: 20px; }
	.bt_title { font-size: 21px; }
	.notice_view table tr th { padding: 10px; }
	.uscoTest_list { flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-flow: row wrap; }
	.uscoTest_list div { height: 120px; text-align: center; }
	.uscoTest_list li { width: 49%; margin-bottom: 10px; }
	.uscoTest_list2 .t_cont { padding: 30px 10px; width: 100%; box-sizing: border-box; }
	.uscoTest_list2 li { display: block; }
	.uscoTest_list2 div{ width: 100%; }
	.uscoTest_list2.reviewOn div { width: 100%; margin-bottom: 10px;}
	.uscoTest_list2 .t_cont h4 { font-size: 18px; padding-top: 6px; }
	.write_agree .agree > ul li .inputbox { display: block; }
	.write_agree .agree > ul li > div { max-height: 110px; padding: 20px 10px; }
	.text_box_style2 { height: 30px; line-height: 30px; font-size: 13px; width: 70%; }
	.about_write table td p { margin-right: 0; }
	.notice_view table tr td { padding: 0 10px; }
	.notice_view table tr td.stu input { width: 62%; }
	.about_write table td button, .ad_btn { height: 30px; padding: 0; width: 22%; font-size: 11px; }
	.category { margin-top: 20px; }
	.category li a { font-size: 13px; }
	.notice_view .notice_next_prev div p { width: 25%; background-position-x: 90%; background-size: 8px; }
	.notice_view .notice_next_prev .notice_next p { background-position-x: 90%; background-size: 8px; }
	.p_text3 { font-size: 15px; }
	.p_text3 br { display: none; }
	.board-col table td a.review { width: 10px; background-size: 100%; }
	.my_lnb ul li a { font-size: 14px; }
	.my_info { padding: 15px 10px; margin-bottom: 30px; }
	.my_info p { font-size: 16px; }
	.my_info div > span { padding: 4px 10px; }
	.my_info a { font-size: 14px; }
	.my_lnb h3 { font-size: 20px; display: none; }
	.my_title h4 { font-size: 20px; }
	.my_lnb ul li { padding: 9px 10px; }
	.my_title select { width: 32%; height: 35px; border-radius: 0; margin-top: 10px; }
	.usco04_modal h4, .flex_box h4 { font-size: 17px; }
	.modal .board-col { padding-bottom: 20px; }
	.btn2_modal .select_style { width: 100%; }
	.my_lnb_b ul li:last-child{border-bottom: 1px solid #ddd;}
	.my_lnb ul {border-right: none;border-bottom: none;}
	.my_lnb ul li { width: 50%; display: block; align-items: center; border-right: 1px solid #ddd;}
	.data_modify .btn_wrap_start { display: block; }
	.data_modify .btn_wrap_start p { margin-top: 20px; }
	.my_cont h5 { font-size: 16px; }
	.my_title { display: block; margin-bottom: 0; padding-bottom: 20px; }
	.my_title .select_box { width: 100%; margin-top: 10px; }
	.uscoTest_cont { padding-top: 15px; }
	.mypage .uscoTest_list div { height: 120px; }
	.btn_myP1_modal .my_title, .btn_myP2_modal .my_title, .btn_myP3_modal .my_title, .btn_myP4_modal .my_title { padding-bottom: 0; margin-top: 0 !important; }
	.btn_myP1_modal .my_title button { line-height: 35px; }
	.myp-history .input_box input { width: 38%; border-radius: 0; -webkit-appearance: none; height: 35px; line-height: 35px; margin-top: 10px; }
	.my_title button { line-height: 35px; margin-top: 10px; }
    .calendar_cont.cal_cont{width:100%}
	.calendar_cont.cal_cont table tr td { padding: 10px 10px 20px 10px; }
	.calendar_cont.cal_cont table tr .checkclass { bottom: 10px; }
	.btn_myP6_modal .check-cont2 input[type="checkbox"] + label { font-size: 0; }
	.btn_myP6_modal .btn-wrap2 button { padding: 3px 5px; }
/*	.min-width-table { overflow-x: auto; }*/
/*	.min-width-table table { min-width: 500px; }*/
	.inquiry_Faq a { padding-left: 15px; margin-left: 15px; }
	.freeM .modal_Wrap { height: 80%; }
	.freeM .modal_Wrap .p20 { min-height: 10rem !important; height: 22rem; }
	.check-cont2.lh1 input[type="checkbox"] + label { line-height: 1; }
	.comment_write { padding: 20px 10px; }
	.products_list li p { font-size: 14px; height: 40px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
	.products_list li span { font-size: 10px; }
	.calendar { display: block;}
	.calendar .select_style { margin-right: 0; margin-bottom: 20px; }
	.select_style { height: 30px; margin-bottom: 0; padding: 0 10px; }
	.select_style select { line-height: 30px; }
	.calendar .date p { font-size: 19px; }
	.today_class { margin-top: 50px; }
	.btn_check button { margin-bottom: 4px; }
	.close_btn { background: #fff url(../images/main/mobile_open_button.png) no-repeat 50%; position: absolute; width: 30px; height: 30px; text-indent: -9999px; right: 0; top: 0; }
	.address_input > div, .address_input2 > .ad_div2 { width: 100%; }
	.address_input > .ad_div { width: 100%; }
	.about_write table td.address_input button { word-break: keep-all; }
	.searchModal .modal_Wrap .modal_inner { max-height: 500px !important; }
	.ql-toolbar.ql-snow + .ql-container.ql-snow { min-height: 200px; }
	.today_class table div { display: block; }
	.today_class table div button, .today_class table div a { width: 100%; display: block; margin-bottom: 2px; }
	.m_flex_box { display: block; }
	.m_flex_box .btn_style { padding: 3px 5px; margin-bottom: 1px; }
	.m_none { display: none; }
	.freeList1 { padding-top: 0; }
	.my_tab ul li.on a { padding: 5px 0; }
	.my_tab ul li a { font-size: 15px; }
	.agree2 h3 { font-size: 18px; }
	.agree2 h4 { font-size: 17px; padding: 15px 0 10px 0; }
	.write_agree .check-cont2 input[type="checkbox"] + label { font-size: 15px; margin-bottom: 5px; }
	.agree2 > div ul li p { font-size: 14px; }
	.agree2 > div ul li a { font-size: 13px; margin-left: 10px; }
	.footer-sns-box { display: block; padding-left: 0; padding-right: 0; }
	.link-site { text-align: left; margin-bottom: 5px; }
	.sns-list { margin-left: 0; }
	#footer .footer-wrap .foot_info2 p { margin-bottom: 10px; }
	.link-site a { min-width: 55px; height: 22px; line-height: 22px; font-size: 12px; }
	.ad_search div button { height: 30px; line-height: 30px; }
	.text_box_style2 { padding: 0 10px; }
	.btn_dev { height: 30px; padding: 5px; }
	.input_box_history input { width: 36% !important; }
	.dev_popup .btn_style { height: 30px; padding: 0 5px; line-height: 30px; }
	.agree2 > div .allagree label { font-size: 17px; }
	
	/*2021-11-22 add*/
	.checkBtn{
    font-size: 90%;
    margin-bottom: 5px;
	}
	.modalTAC_wrap{
	height: 40%;
	}
	.modalTxtbox{
    height: 65%;
    padding: 5px;
	}
	.text_box_style3{
	width: 60px;
	height: 24px;
	line-height:24px;
	}
    /*2021-11-30 add*/
    .sponImg{height:360px;}
	
}