@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');

* { 
	font-family:'Noto Sans KR', sans-serif;
}

html, body, div, span, applet, embed, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,tr, th, td {
	margin:0;
	padding:0;
	border:0;
	line-height:normal;
}
html,body{
	
	height:100%;
}
body{
	width:100%;
	min-width:1240px;
	margin:0;
	text-align:center;
	background-color:#ffffff;
}
table {
	width:100%;
	table-layout:fixed; 
}
table, th, td {
	border-collapse:collapse; 
	border-spacing:0;
}
table caption {
	display: none;
}
form *{
	vertical-align: middle;
}
ul{
	/*font-size: 0 ;*/
}

ul,li{
	list-style: none;
	margin:0;
	padding:0;
}
a:focus {
	outline:none;
}
a{
	text-decoration:none;
	color:inherit;
}
input,select{
	vertical-align:middle;
}
input[readonly]{
	background-color:#ebebeb;
}
.ellipsis { 
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
 }
.hidden{
	display:none;
}
.txt_center{
	text-align:center;
}
.txt_left{
	text-align:left;
}
.txt_right{
	text-align:right;
}
.txt_bold{
	font-weight:bold;
}
.txt_sm{
	font-size:0.85em;
}
.txt_red{
	color:#c20100;
}
.txt_blue{
	color:#486bbd;
}
.txt_gray{
	color:#696969;
}
.txt_green{
	color:#4fbd58;
}
.label_box{
	font-size:12px;
	padding:10px 10px;
	color:#ffffff;
}
.label_box.red{
	background-color:#c20100;
}
.label_box.blue{
	background-color:#486bbd;
}
.label_box.sm{
	font-size:10px;
	padding:2px 2px;
	color:#ffffff;
}
.animated.flash.infinite {
	-webkit-animation-duration: 2s;
	-animation-duration: 3s;
	-moz-animation-duration: 3s;
	-ms-animation-duration: 3s;
	-o-animation-duration: 3s;
}
.dpl_table{
	display:table;
	width:100%;
}
.dpl_table-cell{
	display:table-cell;
	vertical-align: middle;
}

.btn{
	display:inline-block;
	border-radius:50px 50px;
	padding:8px 20px;
	min-width:100px;
	font-size:16px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.btn.gray{
	border:1.5px solid #c5cdde;
	color:#a4a5a5;
	background-color:rgba(3,8,24,0.6);
}
.btn.gray_white{
	border:1.5px solid #f0f0f0;
	color:#ffffff;
	background-color:rgba(3,8,24,0.6);
}
.btn.gray:hover , .btn.gray_white:hover{
	color:#ffffff;
	background-color:rgba(74,77,89,0.6);
	text-shadow:1px 1px 1px #000000;
}

.btn.btn_rect{
	border-radius:0 0;
}
.btn.black{
	background-color:rgba(0,0,0,1);
	color:#ffffff;
}
.btn.black:hover{
	color:#ffffff;
	background-color:rgba(84,84,84,1);
	text-shadow:1px 1px 1px #000000;
	font-weight:bolder;
}
.btn.blue_light{
	background-color:rgba(0,155,160,1);
	color:#ffffff;
}
.btn.blue_light:hover{
	color:#ffffff;
	background-color:rgba(0,171,177,1);
	text-shadow:1px 1px 1px #000000;
	font-weight:bolder;
}
.btn.blue{
	background-color:rgba(24,140,202,1);
	color:#ffffff;
}
.btn.blue:hover{
	color:#ffffff;
	background-color:rgba(79,163,208,1);
	text-shadow:1px 1px 1px #000000;
	font-weight:bolder;
}
.btn.yellow{
	background-color:rgba(157,176,45,1);
	color:#ffffff;
}
.btn.yellow:hover{
	color:#ffffff;
	background-color:rgba(191,214,56,1);
	text-shadow:1px 1px 1px #000000;
	font-weight:bolder;
}
.btn.orange{
	background-color:rgba(243,113,25,1);
	color:#ffffff;
}
.btn.orange:hover{
	color:#ffffff;
	background-color:rgba(236,143,79,1);
	text-shadow:1px 1px 1px #000000;
	font-weight:bolder;
}
.btn.btn_sm{
	font-size:0.8em;
	min-width:0.8em;
}

.btn.btn_xm{
	font-size:0.8em;
	min-width:0.5em;
}

.cf_movie.btn > i{
	font-size: 1.6em;
}
.cf_movie > .fa-play-circle-o:before{
	vertical-align: middle;
}
#top_area{
	position:fixed;
	background-color:#ffffff;
	width:100%;
	z-index:100;
	top:0;
}
.menu_area{
	width:100%;
	min-width:1200px;
	color:#4c4c4c;
	height:80px;
	vertical-align:middle;
	border-bottom:2px solid #1f3b74;
	margin:0 auto;
	z-index:100;
}
.sub_menu_area{
	width:100%;
	min-width:1240px;
	color:#ffffff;
	border-top:1px solid #ffffff;
	height:70px;
	vertical-align:middle;
	position:absolute;
	top:458px;
}
.menu_area.dark{
	background-color: rgba(76,76,76,0.9);
	border-bottom: 1px rgba(198,198,198,0.8) solid;
}
.menu_area > .menu , .sub_menu_area > .menu{
	display:inline-block;
	width:1200px;
	font-size:14px;
	vertical-align:middle;
}
.menu_area > .menu .logo span{
	font-size:23px;
	font-weight:bold;
}
/*
.menu_area > .menu .logo span:first-child{
	font-size:23px;
	font-weight:bold;

}
.menu_area > .menu .logo span:last-child{
	font-size:14px;
	font-weight:normal;
}
*/
.menu_area > .menu > ul > li{
	display:inline-block;
	width:140px;
	text-align:center;
	vertical-align:middle;
	margin:auto;
	line-height:60px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:18px;
	font-weight:bolder;
	padding-top:20px;
	letter-spacing:-1px;
}

.menu_area > .menu > ul > li > a,.sub_menu_area > .menu > ul > li > a{
	position:relative;
}

.menu_area > .menu > ul > li > a .ani_bar{
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
	position:absolute;
	top:-5px;
	left:50%;
	width:0%;
	height:2px;
	background-color:#1f3b74;
}
.menu_area > .menu > ul > li:hover > a .ani_bar , .menu_area > .menu > ul > li.active > a .ani_bar{
	width:100%;
	left:0%;
}
.menu_area > .menu > ul > li:hover:not(.logo) > a::after{
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	content: "\f0de";
	position:absolute;
	top:34.5px;
	left:45%;
	color:#1f3b74;

}
.menu_area > .menu > ul > li .submenu > ul{
	width:auto;
	display:inline-block;
	font-size:0.8em;
}
.menu_area > .menu > ul > li:hover .submenu , .menu_area > .menu > ul > li.active .submenu{
	visibility:visible;
	color:rgba(255,255,255,1);
	background-color:rgba(31,59,116,1);
}
.menu_area.dark > .menu > ul > li:hover .submenu{
	background-color:rgba(31,59,116,0.9);
}

.menu_area > .menu > ul > li .submenu .menu1{
	padding-right:620px;
}
.menu_area > .menu > ul > li .submenu .menu2{
	padding-right:40px;
}
.menu_area > .menu > ul > li .submenu .menu3{
	/*padding-left:230px;*/
	padding-left:240px;
}
.menu_area > .menu > ul > li .submenu .menu4{
	padding-left:650px;
}
.menu_area > .menu > ul > li .submenu .menu5{
	padding-left:750px;
}
.menu_area > .menu > ul > li .submenu .menu7{
	padding-right:300px;
}
.menu_area > .menu > ul > li .submenu > ul > li{
	display:inline-block;
	max-width:200px;
	min-width:100px;
	line-height:50px;
	position:relative;
	padding:0 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.menu_area > .menu > ul > li .submenu > ul > li:hover{
	background-color:rgba(54,54,54,0.3);
	color:#ffffff;
	font-weight:700;
}


.menu_area > .menu > ul > li:first-child{
	width:220px;
	line-height:20px;
	text-align:left;
	padding-left:10px;
}

.menu_area > .menu .submenu{
	position:absolute;
	top:120px;
	left:0;
	height:50px;
	background-color:rgba(0,0,0,0);
	color:rgba(54,54,54,0);
	width:100%;
	max-width:100%;
	visibility:hidden;
	z-index:50;
	vertical-align:middle;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
}



.sub_menu_area > .menu > ul > li{
	display:inline-block;
	width:220px;
	text-align:center;
	vertical-align:middle;
	margin:auto;
	line-height:70px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:18px;
	font-size:16px;
	border:0;
	background-color:rgba(14,103,183,0)
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
}
.sub_menu_area > .menu > ul > li.active , .sub_menu_area > .menu > ul > li:hover{
	background-color:rgba(14,103,183,1);
	font-weight:700;
}
.sub_menu_area > .menu > ul > li.active .submenu{
	visibility:visible;
}
.sub_menu_area > .menu .submenu{
	position:absolute;
	left:0;
	height:50px;
	background-color:#ffffff;
	border-bottom:1px solid #e1e1e1;
	font-size:16px;
	color:rgba(54,54,54,0);
	width:100%;
	max-width:100%;
	z-index:50;
	vertical-align:middle;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
	visibility:hidden;
}
.sub_menu_area > .menu .submenu > ul > li{
	display:inline-block;
	width:200px;
	line-height:50px;
	padding:0 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	color:#545454;
}
.sub_menu_area > .menu .submenu > ul > li > a{
	line-height:45px;
	display:inline-block;
}
.sub_menu_area > .menu .submenu > ul > li.active>a , .sub_menu_area > .menu .submenu > ul > li:hover > a{
	border-bottom:2px solid #0e68b4;
	color:#00529b;
}

.sub_menu_area > .menu .submenu .menu3{
	padding-left:230px;
}

.login_bar_area{
	background-color:#ececec;
	color:#5C5C5C;
	height:38px;
	
	width:100%;
	min-width:1200px;
}
.login_bar{
	width:1100px;
	margin:auto;
	text-align:right;
	padding-right:100px;
}
.login_bar > a {
	vertical-align:middle;
	font-size: 12px;
	line-height:38px;
}

/* footer -->*/
.footer_link{
	background-color:#ffffff;
	width:100%;
	border-top:1px solid #e5e5e5;
	margin-top:50px;
}
.footer_link > ul{
	width:1200px;
	margin:auto;
	color:#6f6f6f;
	padding:20px 30px;
}
.footer_link > ul > li{
	display:inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:15%;
}
.footer_link > ul > li:not(:last-child){
	border-right:1px solid #e5e5e5;
}
.footer_link > ul > li:last-child{
	position:relative;
}
.footer_link > ul > li > .family_site{
	display:none;
	position:absolute;
	top:-167px;
	background-color:#ffffff;
	font-size:14px;
	border-top:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	padding:10px 30px;
	text-align:left;
	min-width:180px;
}
.footer_link > ul > li > a:hover{
	font-weight:bolder;
}
.footer_link > ul > li.show_family_site > a{
	cursor:pointer;
}
.footer_link > ul > li.show_family_site.show > .family_site{
	display:block;
}
.footer{
	background-color:#ffffff;
	width:100%;
	border-top:1px solid #e5e5e5;
}
.footer > ul{
	width:1000px;
	margin:auto;
	color:#8c8c8c;
	padding:20px 30px;
	font-size: 0px;
}
.footer > ul > li{
	display:inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:left;
}
.footer > ul > li:first-child{
	width:30%;
	text-align:center;
}
.footer > ul > li:last-child{
	width:70%;
	line-height:20px;
	font-size:14px;
}
.footer > ul > li:first-child > span:first-child{
	font-size:24px;
	font-weight:bold;
}
.footer > ul > li:first-child > span:last-child{
	font-size:10px;
}
.footer > ul > li img{
	width:70%;
}
/* footer <--*/

.container{
	width:100%;
	background-color:#ffffff;
	
	padding:0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.container > .section{
	margin:auto;
	background-color:#ffffff;
	width:1200px;
}
.container > .section > .contents{
	width:1200px;
	margin:auto;
	height:auto;
}
.container.main_1_container{
	background-color:#000000;
}
.container > .section.main_1_section {
	height:73px;
	background-color:#000000;
	color:#ffffff;
	font-size:24px;
	vertical-align:middle;
}

.container > .section.main_1_section img{
	vertical-align:middle;
	line-height:73px;
}
.container > .section.main_1_section span{
	display:inline-block;
	line-height:73px;
	vertical-align:top;
}
.container > .section.main_1_section span.text1{
	font-size:28px;
	color:#fde800;
	font-weight:bolder;
}
.container.main_2_container{
	background-color:#ffffff;
}
.container > .section.main_2_section > .dpl_table{
	margin:60px 0;
}
.container > .section.main_2_section > .dpl_table > .dpl_table-cell{
	height:285px;
}
.container > .section.main_2_section > .dpl_table > .dpl_table-cell:nth-child(1){
	width:300px;
}
.container > .section.main_2_section > .dpl_table > .dpl_table-cell:nth-child(2){
	width:310px;
}
.container > .section.main_2_section > .dpl_table > .dpl_table-cell:nth-child(3){
	width:290px;
	vertical-align:top;
}
.container > .section.main_2_section > .dpl_table > .dpl_table-cell:nth-child(4){
	width:300px;
}
.container > .section.main_2_section > .dpl_table > .dpl_table-cell:first-child{
	border-top:1px solid #e4e4e4;
	border-left:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;
}
.container > .section.main_2_section > .dpl_table > .dpl_table-cell:first-child > .notice{
	height:170px;
	padding: 20px 20px;
	width:278px;
}
.container > .section.main_2_section > .dpl_table > .dpl_table-cell:first-child > .notice > .notice_title{
	font-size: 24px;
	font-weight:bolder;
	color:#424242;
	margin-bottom:10px;
}
.container > .section.main_2_section > .dpl_table > .dpl_table-cell:first-child > .notice > ul > li{
	width:100%;
	line-height:30px;
	text-align:left;
	color:#707070;
}
.container > .section.main_2_section > .dpl_table > .dpl_table-cell:first-child > .notice > ul > li > a{
	width:100%;
	display:inline-block;
}
.container > .section.main_2_section > .dpl_table > .dpl_table-cell:first-child > .help_banner{
	height:115px;
	position:relative;
	border-top:1px solid #e4e4e4;
	background-color:#f7f7f7;
}
.container > .section.main_2_section > .dpl_table > .dpl_table-cell:first-child > .help_banner > .back{
	background-image:url(/images/icon_2.png);
	background-repeat:no-repeat;
	background-position: 5% 78%;
	width:100%;
	height:100%;
	color:#424242;
}
.container > .section.main_2_section > .dpl_table > .dpl_table-cell:first-child > .help_banner > .back >.text1{
	position:relative;
	top:20px;
	left:15px;
}
.container > .section.main_2_section > .dpl_table > .dpl_table-cell:first-child > .help_banner > .back >.text1 > li{
	display:inline-block;
	vertical-align:top;
	text-align:left;
}
.container > .section.main_2_section > .dpl_table > .dpl_table-cell:first-child > .help_banner > .back >.text1 > li:first-child{
	font-size: 20px;
	font-weight:bolder;
	letter-spacing:-1px;
}
.container > .section.main_2_section > .dpl_table > .dpl_table-cell:first-child > .help_banner > .back >.text1 > li:last-child{
	font-size: 10px;
	letter-spacing:0px;
}
.container > .section.main_2_section > .dpl_table > .dpl_table-cell:first-child > .help_banner > .back >.text2{
	position:relative;
	top:30px;
	left:30px;
	font-size:26px;
	font-weight:bolder;
}
.container > .section.main_2_section > .dpl_table > .dpl_table-cell > .movie_img{
	width:100%;
	height:248px;
	background-image:url(/images/movie2.jpg);
	background-size : cover;
	background-repeat:no-repeat;
	background-position : 50% 50%;
}
.container > .section.main_2_section > .dpl_table > .dpl_table-cell > .movie_title{
	width:100%;
	height:80px;
	background-color:#8ac542;
	font-size:20px;
	font-weight:bolder;
	color:#ffffff;
	vertical-align:middle;
	line-height:80px;
	letter-spacing:-1.5px;
}
.container > .section.main_2_section > .dpl_table > .dpl_table-cell > .movie_img > div{
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.3);
	position:relative;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
	
}
.container > .section.main_2_section > .dpl_table > .dpl_table-cell > .movie_img > div > a {
	vertical-align:middle;
	display:block;
	position:absolute;
	top:35%;
	left:40%;
	color:#a2a2a2;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

.container > .section.main_2_section > .dpl_table > .dpl_table-cell > .movie_img > div:hover{
	background-color:rgba(0,0,0,0);
}
.container > .section.main_2_section > .dpl_table > .dpl_table-cell > .movie_img > div:hover > a{
	color:#ffffff;
}
.container > .section.main_2_section > .dpl_table > .dpl_table-cell.review{
	background-image:url(/images/icon_3.png);
	background-repeat:no-repeat;
	background-position: 90% 8%;
	background-color:#c95b99;
}
.container > .section.main_2_section > .dpl_table > .dpl_table-cell.review > ul{
	margin:15% 0 0 14%;
	text-align:left;
	width:82%;
}
.container > .section.main_2_section > .dpl_table > .dpl_table-cell.review > ul > .text1
,.container > .section.main_2_section > .dpl_table > .dpl_table-cell.review > ul > .text2
,.container > .section.main_2_section > .dpl_table > .dpl_table-cell.review > ul > .text3{
	cursor:pointer;
}
.container > .section.main_2_section > .dpl_table > .dpl_table-cell.review > ul > .text1 > span:first-child{
	color: #ffffff;
	font-size: 18px;
	font-weight:bolder;
}
.container > .section.main_2_section > .dpl_table > .dpl_table-cell.review > ul > .text1 > span:last-child{
	color: #ffffff;
	font-size: 24px;
	font-weight:bolder;
}
.container > .section.main_2_section > .dpl_table > .dpl_table-cell.review > ul > .text2{
	margin-top:15px;
	color: #f8e0ed;
	font-size: 20px;
	font-weight:bolder;
}
.container > .section.main_2_section > .dpl_table > .dpl_table-cell.review > ul > .text3{
	margin-top:0px;
	font-size: 14px;
	color: #f8e0ed;
	position:relative;
	height:36px;
	overflow:hidden;
}
.container > .section.main_2_section > .dpl_table > .dpl_table-cell.review > ul > .text3:after{
	content:"...";
	position:absolute;
	background-color:#c95b99;
	right:0;
	bottom:0;
	width:16px;
}
.container > .section.main_2_section > .dpl_table > .dpl_table-cell.review > ul > .text4{
	margin-top:20px;
}
.container > .section.main_2_section > .dpl_table > .dpl_table-cell > .chungkang_banner{
	background-color:#1894db;
	width:100%;
	height:50%;
	background-image:url(/images/icon_4.png);
	background-repeat:no-repeat;
	background-position: 90% 50%;
	position:relative;
}
.container > .section.main_2_section > .dpl_table > .dpl_table-cell > .chungkang_banner > ul 
,.container > .section.main_2_section > .dpl_table > .dpl_table-cell > .sale_info_banner > ul{
	position:absolute;
	top:30px;
	left:30px;
	text-align:left;
}
.container > .section.main_2_section > .dpl_table > .dpl_table-cell > .chungkang_banner > ul > .text1 > span:first-child
, .container > .section.main_2_section > .dpl_table > .dpl_table-cell > .sale_info_banner > ul > .text1 > span:first-child {
	color: #ffffff;
	font-size: 18px;
	font-weight:bolder;
}
.container > .section.main_2_section > .dpl_table > .dpl_table-cell > .chungkang_banner > ul > .text1 > span:nth-child(even)
, .container > .section.main_2_section > .dpl_table > .dpl_table-cell > .sale_info_banner > ul > .text1 > span:nth-child(even) {
	color: #ffffff;
	font-size: 18px;
	font-weight:bolder;
}
.container > .section.main_2_section > .dpl_table > .dpl_table-cell > .chungkang_banner > ul > .text1 > span:last-child
,.container > .section.main_2_section > .dpl_table > .dpl_table-cell > .sale_info_banner > ul > .text1 > span:last-child{
	color: #ffffff;
	font-size: 24px;
	font-weight:bolder;
}
.container > .section.main_2_section > .dpl_table > .dpl_table-cell > .chungkang_banner > ul > .text2 , .container > .section.main_2_section > .dpl_table > .dpl_table-cell > .sale_info_banner > ul > .text2{
	margin-top:20px;
}
.container > .section.main_2_section > .dpl_table > .dpl_table-cell > .sale_info_banner{
	background-color:#5f6cb1;
	width:100%;
	height:50%;
	background-image:url(/images/icon_5.png);
	background-repeat:no-repeat;
	background-position: 90% 50%;
	position:relative;
}

.container.main_3_container{
	background-color:#f1f1f1;
}
.container > .section.main_3_section{
	background-color:#f1f1f1;
	
}
.container > .section.main_3_section > div{
	padding:70px 0 70px 0;
}
.container > .section.main_3_section > div > ul > li{
	display:inline-block;
	width:289px;
	border-bottom:1px solid #9a9a9a;
	background-color:#ffffff;
	text-align:left;
	vertical-align:top;
	cursor:pointer;

}
.container > .section.main_3_section > div > ul > li:not(:last-child){
	margin-right:10px;
}
.container > .section.main_3_section > div > ul > li > img{
	width:100%;
}
.container > .section.main_3_section > div > ul > li > div{
	padding:20px 20px;
	color:#515151;
	height:128px;
}
.container > .section.main_3_section > div > ul > li > div > .text1{
	font-size:24px;
	font-weight:bolder;
}
.container > .section.main_3_section > div > ul > li > div > .text2{
	font-size:14px;
	margin:20px 0;
}
#banners{
	width:100%;
	margin-top:120px;
	position:relative;
	overflow:hidden;
}
#quick{
	position:fixed;
	top:38px;
	right:0px;
	width:70px;
	height:100%;
	background-color:#6e6e6e;
	z-index:101;
	padding:0 10px;
	font-size:12px;
	color:#ffffff;
	text-shadow:1px 1px 1px #000000;
}

#quick > ul > li{
	width:100%;
	height:80px;
	padding-top:20px;
}
#quick > ul > li > .quick_box{
	width:100%;
	height:60px;
	border-bottom:1px solid #585858;
	padding:15px 0 5px 0;
}

.bg_sub{
	/*background-size : cover;*/
	background-position : 50% 0%;
	background-repeat:no-repeat;
	width:100%;
	height:350px;
	margin-top:120px;
	position:relative;
}
.bg_sub > .sub_title{
	text-align:center;
	vertical-align:middle;
	padding-top:120px;
}
/*상단 서브 타이틀 앞 아이콘 넣기*/
.bg_sub > .sub_title > .title::before{
	content:"";
	display: inline-block;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); /* IE 9 */
	-webkit-transform:rotate(-45deg);  /* 사파리 or 크롬 */ 
	width:4px;
	height:34px;
	background-color:#000000;
	position:relative;
	top:-20px;
	left:-12px;

}
.bg_sub > .sub_title > .title{
	font-size: 34px;
	font-weight:bold;
}
.bg_sub > .sub_title > .description{
	font-size: 18px;
	margin-top:10px;
}
.bg_sub > .sub_title > .top_link{
	font-size: 18px;
	position:absolute;
	bottom:45px;
	margin:auto;
	text-align:center;
	width:100%;
}
.bg_sub.lecture{
	background-image:url(/images/sub_top1.jpg);
}
.bg_sub.order{
	background-image:url(/images/sub_top3.jpg);
}
.bg_sub.teacher{
	background-image:url(/images/sub_top2.jpg);
}
.section.lecture_item{
	padding:0 20px;
	height: 350px;
	overflow:hidden;
	position:relative;
	margin-bottom:40px;
}
.lecture_item .gangsa_img{
	position:absolute;
	bottom:0px;
	left:10px;

	-webkit-animation-duration: 0.6s;
	-moz-animation-duration: 0.6s;
	-ms-animation-duration: 0.6s;
	-o-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-ms-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
	

}


.lecture_item .lecturer_info_link{
	position:absolute;
	bottom:0px;
	left:20px;
	color:#ffffff;
	background-color:rgba( 0,0,0,0.6);
	width:250px;
	height:40px;
	vertical-align:middle;
	text-align:center;
}
.lecture_item .lecturer_info_link{
	line-height:40px;
}
.lecture_item .lecturer_info_link > a{
	width:100%;
	display:inline-block;
}
.lecture_item .lecturer_info_link.multi > a{
	width:50%;
}
.lecture_item .lecturer_info_link.multi.num3 > a{
	width:33.333%;
}
.lecture_item .lecturer_info_link.multi > a > i{
	display:none;
}
.lecture_item .lecturer_info_link.multi > a.active > i{
	display:inline;
}
.lecture_item .lecturer_info_link.multi > a:not(.active){
	color:#d0d0d0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.lecture_item .lecturer_info_link.multi > a:not(.active) > i{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.lecture_item .lecturer_info_link.multi > a:not(.active):hover{
	color:#ffffff;
}
.lecture_item .lecturer_info_link.multi > a:not(.active):hover > i{
	display:inline;
}
.lecture_item .info .title{
	font-size:26px;
	font-weight:bolder;
	color:#053596;
	vertical-align:middle;
	margin-top:20px;
}
.lecture_item .info .title a{
	font-size:16px;
	vertical-align:top;
	margin-left:20px;
}
.lecture_item .info .description{
	margin:40px 0 10px 0;
}
.lecture_item .info .description .btn,.lecture_item .time .btn{
	margin-top:10px;
	width: 110px;
	padding:10px 20px;
	text-align:right;
}
.lecture_item .dpl_table-cell{
	width:100%;
	text-align:left;
	padding:0 0 0 250px;
}
.lecture_item .info ul li{
	display:inline-block;
	vertical-align:middle;
	height:115px;
	font-size: 18px;
	width:17%;
}
.lecture_item .time > .dpl_table-cell > ul > li{
	display:inline-block;
	vertical-align:middle;
	height:138px;
	font-size: 16px;
	padding:25px 0;
}
.lecture_item .time > .dpl_table-cell > ul > li:last-child{
	vertical-align:top;
	padding:8px 0;
}
.lecture_item .time > .dpl_table-cell > ul > li.time_list > ul > li{
	display:inline-block;
	vertical-align:middle;
	font-size:14px;
	min-width: 370px;
}
.lecture_item .info ul li:first-child{
	width:83%;
}
.lecture_item .time > .dpl_table-cell > ul > li:first-child{
	width:83%;
	
}
.lecture_item .time > .dpl_table-cell > ul > li.time_list > ul > li > label{
	margin-left:10px;
	vertical-align:middle;
}
.lecture_item .time > .dpl_table-cell > ul > li.time_list > ul{
	
}
.lecture_item .time{
	background-color:#efefef;
}
/*회원가입*/
.section.join{
	padding:20px 20px;
}
.section.join input:not([type='radio']):not([type='checkbox']){
	border-radius:5px 5px;
	width:40%;
	padding:5px 5px;
}
.section.cart_area input:not([type='radio']):not([type='checkbox']){
	border-radius:5px 5px;
	width:80%;
	padding:5px 5px;
}
.section.join > .table_common{
	width:80%;
	margin:auto;
}
.section.join th,.section.join td{
	padding:10px 15px;
}
.section.join .help_text{
	margin:10px 0;
	font-size:10px;
}
.section.join .agree_info_box2 >.checkbox_agree {
    margin: 0 auto;
    width: 97%;
    height: 23px;
    position: relative;
	text-align:left;
}
.section.join .agree_info_box2 {
    overflow: hidden;
    position: relative;
    width: 80%;
    margin: 20px auto 10px auto;
    padding-top: 32px;
}
.section.join .agree_info_box2_detail {
    overflow-x: hidden;
    overflow-y: scroll;
    width: 97%;
    height: 76px;
    padding: 10px 15px;
    border: 1px solid #e1e1e3;
    line-height: 19px;
    color: #656565;
    background-color: #fff;
    text-align: left;
    font-size: 12px;
}

/*전체강사*/
.section.teacher{
	margin-bottom:20px;
}
.section.teacher > div{
	padding:0 5px;
}
.section.teacher > div > ul > li{
	width:280px;
	height:200px;
	border: 1px solid #bcc2be;
	position:relative;
	overflow:hidden;
	display:inline-block;
}
.section.teacher > div > ul > li{
	margin:10px 15px 0 0;
	cursor:pointer;

}
.section.teacher > div > ul > li > .lang_label{
	position:absolute;
	top:0;
	left:10px;
	background-color:#000000;
	color:#ffffff;
	border-radius:0 0 5px 5px;
	padding:5px 10px;
	font-size:12px;
}
.section.teacher > div > ul > li > .lecturer_title{
	width:195px;
	height:100px;
	position:absolute;
	top:50px;
	left:0;
	color:#223869;
	font-size:17px;
	font-weight:bolder;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-shadow:1px 1px 1px #cccde1;
	padding: 0 5px;
}
.section.teacher > div > ul > li > .lecturer_name{
	position:absolute;
	bottom:0px;
	height:45px;
	line-height:45px;
	background-color:#f2f2f2;
	text-align:center;
	width:100%;
	color:#3d3d3d;
	padding-right:70px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}
.section.teacher > div > ul > li >.gangsa_img{
	position:absolute;
	top:0px;
	right:-40px;
	width:70%;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
}
.section.teacher > div > ul > li:hover >.gangsa_img{
	width:75%;
}
/*오시는길*/
.section.location{
	position:relative;
	padding:10px 10px;
}
.section > #map_canvas{
	height:500px;
}
.section.location .map_search{
	color: #ffffff;
	background: rgba(0,0,0,0.7);
	width: 100px;
	text-align: left;
	position: absolute;
	top: 12px;
	right: 120px;
	z-index: 1;
}
.customoverlay .map_title {
	display: block;
	text-align: center;
	background: #d95050;
	padding: 10px 15px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5;
	position: absolute;
	top:-120px;
	left:-75px;
	color:#ffffff;
}
.customoverlay:after {
	content: '';
	position: absolute;
	margin-left: -12px;
	left: 50%;
	bottom: 34px;
	width: 0;
	height: 0;
	border-top: 12px solid #d95050;
	border-right: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 12px solid transparent;
}

/* 아이디 비번 찾기*/
.container > .section > .contents.id_pw_search{
	padding:0 10px 0 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:800px;
}

.container > .section > .contents.id_pw_search ul > li{
	text-align:left;
	vertical-align:middle;
	padding:10px 20px;
}
.container > .section > .contents.id_pw_search > .dpl_table .dpl_table-cell{
	padding: 0 20px;
}
.container > .section > .contents.id_pw_search ul > li:nth-child(1){
	background-color: #47498b;
	color:#ffffff;
	font-weight:bolder;
	font-size:30px;
	height:80px;
	line-height:80px;
	text-shadow:4px 4px 4px #333333;
}
.container > .section > .contents.id_pw_search ul > li:nth-child(4){
	min-height:140px;
}
.container > .section > .contents.id_pw_search ul > li:last-child{
	border-bottom:3px solid #bfc1da;
	text-align:right;
}
.container > .section > .contents.id_pw_search ul > li + li{
	border-left:3px solid #bfc1da;
	border-right:3px solid #bfc1da;
}
.container > .section > .contents.id_pw_search ul > li:nth-child(2){
	position:relative;
}
.container > .section > .contents.id_pw_search ul > li:nth-child(2) > .icon{
	float:right;
	position:absolute;
	top:40%;
	right:5px;
	font-size:20px;
	vertical-align:middle;
}
.container > .section > .contents.id_pw_search ul > li:nth-child(4) > p {
	line-height:40px;
}
.container > .section > .contents.id_pw_search ul > li:nth-child(4) > p > input{
	width:70%;
}
.container > .section > .contents.id_pw_search ul > li:nth-child(4) > p > label{
	font-size:14px;
	display:inline-block;
	width: 20%;
}
.container > .section > .contents.id_pw_search ul > li:nth-child(5) > a{
	margin-bottom:10px;
}

.container > .section > .contents.id_pw_search_result > .title{
	font-size:30px;
}
.container > .section > .contents.id_pw_search_result > .result{
	margin-top:20px;
	font-size:20px;
}

/* magnificPopup */
.white-popup {
  position: relative;
  background: #FFF;
  padding: 40px 40px 20px 40px;
  width: auto;
  max-width: 1240px;
  margin: 20px auto;
  text-align: center;
  border-top: 7px #1f3b74 solid;
  border-bottom: 7px #1f3b74 solid;
}
/*강좌소개*/
.white-popup.lecture_introduce{
	width:800px;
	
}
/*할인소개*/
.white-popup.sale_info{
	width:700px;
}

.white-popup.sale_info > .title{
	font-size:24px;
	font-weight:bold;
	color:#323232;
	width:80%;
	margin:auto;
	border-bottom: 5px #1f3b74 solid;
	padding-bottom:5px;
}
.white-popup.sale_info > .sale_item{
	font-size:20px;
	font-weight:bold;
	color:#323232;
	width:80%;
	margin: 20px auto;
	text-align:left;
}
.white-popup.sale_info > .sale_detail{
	color:#323232;
	width:80%;
	margin: 30px auto;
	text-align:left;
}
/*통대 합격자*/
#top_link_area{
	width:800px;
}
/*강사소개*/
.white-popup.lecturer_view{
	width:900px;
	padding:0 0;
}
.white-popup.lecturer_view > .top_contents{
	padding:20px 20px 0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}
.white-popup.lecturer_view > .top_contents > .photo{
	width:40%;
	background-image:url(/images/bg_photo.jpg);
	background-size : cover;
	background-repeat:no-repeat;
	background-position : 50% 50%;
}
.white-popup.lecturer_view > .top_contents > .info{
	width:60%;
	text-align:left;
	padding-left:35px;
	vertical-align:top;
	position: relative;
}
.white-popup.lecturer_view > .top_contents > .info > .lecture_view_title{
	font-size:30px;
	font-weight:bolder;
	margin:20px 0px;
}
.white-popup.lecturer_view > .top_contents > .info > .lecture_view_title > .btn{
	float:right;
	font-size:16px;
}
.white-popup.lecturer_view > .top_contents > .info > .greetings_title{
	font-size:18px;
	font-weight:bolder;
	margin:10px 0;
	color:#1f3b74;
}
.white-popup.lecturer_view > .top_contents > .info > .greetings{
	font-size:14px;
	color:#1f3b74;
	line-height:34px;
}
.white-popup.lecturer_view > .top_contents > .info > .greetings > *{
	line-height:24px;
	word-break:keep-all;
	word-wrap:break-word;
}
.white-popup.lecturer_view > .top_contents > .info > .links{
	font-size:12px;
	color:#707070;
	line-height:35px;
	height:35px;
	background-color:#e8e8e8;
	position:absolute;
	bottom:0;
	width:85%;
	padding:0 20px;
}
.white-popup.lecturer_view > .background , .white-popup.lecturer_view > .profile{
	margin-top:20px;
}
.white-popup.lecturer_view .lecturer_view_detail{
	padding:50px 20px 0 60px;
	text-align:left;
	font-size: 14px;
	color:#707070;
}
.white-popup.lecturer_view .lecturer_view_detail > *{
	line-height:24px;
	line-height:24px;
	word-break:keep-all;
	word-wrap:break-word;
}
.lecturer_view .tab{
	width:90%;
	margin:auto;
}
.lecturer_view .tab > ul > li{
	display:inline-block;
	vertical-align:middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color:#1f3b74;
	position:relative;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.lecturer_view .tab > ul > li:first-child{
	border-bottom:1px solid #dddddd;
}
.lecturer_view .tab > ul > li:not(:first-child){
	/*border-top:1px solid #dddddd;
	border-right:1px solid #dddddd;*/
	border-bottom:1px solid #dddddd;
}
.lecturer_view .tab > ul > li > a{
	line-height:40px;
	color:#1f3b74;
	font-weight:700;
	width: 100%;
	display: inline-block;
}
.lecturer_view .tab > ul > li.select > a , .lecturer_view .tab > ul > li:hover > a{
	color:#ffffff;
	font-weight:normal;
}

.lecturer_view .tab.num2 > ul > li{
	width:50%;
}
.lecturer_view .tab.num3 > ul > li{
	width:33.333%;
}
.lecturer_view .tab > ul > li.select , .lecturer_view .tab > ul > li:hover{
	border-color:#1f3b74;
	background-color:#1f3b74;
	/*border-top:1px solid #828282;
	border-right:1px solid #828282;
	border-left:1px solid #828282;
	border-radius: 4px 4px 0 0;*/
}

.label{
	position:relative;
	max-width:150px;
}
.label.top_link{
	max-width:200px;
}
.label > .label_back{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	padding: 0px;
    text-decoration: none;
    color: white;
    font-weight: bold;
    display: block;
    border-right: 20px solid white;
    border-bottom: 40px solid #1f3b74;
	z-index:99;
}
.label > .label_text{
	position:absolute;
	color:#ffffff;
	font-size:18px;
	font-weight:bolder;
	z-index:200;
	line-height:40px;
	width:100%;
	text-align:center;
}
/*강소소개 타이틀 앞 아이콘 넣기*/
.white-popup.lecturer_view > .top_contents > .info > .lecture_view_title::before{
	content:"";
	display: inline-block;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); /* IE 9 */
	-webkit-transform:rotate(-45deg);  /* 사파리 or 크롬 */ 
	width:4px;
	height:24px;
	background-color:#000000;
	position:relative;
	top:-20px;
	left:-12px;

}
.white-popup .layer_footer{
	border-top:1px solid #828282;
	padding:20px 0;
	margin-top:20px;
	text-align:center;
}


/* 게시판 */
.board{
	margin:20px 20px;
	text-align:left;
	width:100%;
}
.board > .content{
	display:inline-block;
	width:40%;
	max-width:40%;
}

.board > .content:nth-child(odd){
	padding-top:10px;
	padding-bottom:10px;
	padding-left:50px;
	padding-right:5%;
}

.board > .content:nth-child(even){
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	padding-left:5%;
	margin-left:10px;
}
.board > .content > .title , .board > .content > .title > a{
	line-height:25px;
	width:350px;
	display:inline-block;
	vertical-align:middle;
}
.board > .content > .info{
	text-align:right;
	width:20%;
	display:inline-block;
	vertical-align:top;
	line-height: 25px;
}
.board > .content:not(:nth-child(1)):not(:nth-child(2)) {
	border-top:1px solid #e5e5e5;
}
.board_loading{
	margin-bottom:20px;
	display:none;
}
.board_add_page{
	color:#828282;
	/* display:none; */
}
.white-popup.board_view{
	width:700px;
	text-align:left;
}
.board_view > .head{
	text-align:left;
	border-bottom:1px solid #828282;
	padding-bottom:20px;
}
.board_view > .board_footer{
	border-top:1px solid #828282;
	padding:20px 0;
	text-align:center;
}
.board_view > .attach_file{
	border-top:1px solid #828282;
	padding:20px 0;
	font-size:14px;
}
.board_view > .attach_file > p{
	line-height:25px;
}
.board_view > .head > .title{
	font-size:25px;
	line-height:30px;
}
.board_view > .head > .info{
	font-size:16px;
	line-height:30px;
	text-align:right;
}
.board_view > .content{
	padding:20px 0;
}
.board_view > .content img{
	max-width:100%;
}
.board_view > .content.reply{
	padding:20px 20px;
	background-color:#074b5f;
	color:#ffffff;
	box-shadow:7px 7px 8px #052f3c;
	margin-bottom:30px;
}
/* 수강후기 -->*/
.section > .contents > .review_list{
	width:100%;
	padding:20px 20px;
	margin-top:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.section > .contents > .review_list > ul > li{
	display:inline-block;
	vertical-align:middle;
	line-height:40px;
	padding:0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.section > .contents > .review_list > ul > li:nth-child(1){
	width:15%;
}
.section > .contents > .review_list > ul > li:nth-child(2){
	width:30%;
	text-align:left;
}
.section > .contents > .review_list > ul > li:nth-child(3){
	width:35%;
	text-align:left;
}
.section > .contents > .review_list > ul > li:nth-child(3) > .review_lecture_name{
	max-width:270px;
	display:inline-block;
	vertical-align:sub;
}
.section > .contents > .review_list > ul > li:nth-child(3) > .lecture_review_link{
	float:right;
}

.section > .contents > .review_list > ul > li:nth-child(4){
	width:20%;
}

.white-popup.board_view > .review_lecture{
	font-size:16px;
	font-weight:bold;
	padding:5px 0;
}


/* 수강후기 <--*/

/*
	입력폼 테이블 -->
*/
.table_form{
	width: 800px;
	margin:auto auto;
}
.table_form input:not([type='radio']):not([type='checkbox']) , .table_form textarea , .table_form select , .id_pw_search input:not([type='radio']):not([type='checkbox']){
	border-radius:5px 5px;
	padding:5px 5px;
}

.table_form input , .table_form textarea , .table_form select{
	width:90%;
}
.table_form > table > tbody > tr > th{
	color:#707070;
	font-weight:bold;
}
.table_form > table > tbody > tr > td , .table_form > table > tbody > tr > th{
	text-align:left;
	padding:10px 10px;
}
.table_form .button_area{
	margin:20px 0;
}
/*
	입력폼 테이블 <--
*/

.mfp-bg , .mfp-wrap{
	min-width:1280px;
}

/*장바구니*/
.section.cart_area , .section.lecture_all_area{
	padding:0 20px;
	/*height: 350px;*/
	margin-bottom:40px;
}

/*공통 사용 테이블 스타일*/
.table_common , .table_lectures{
	font-size:14px;
}
.table_common th, .table_common td , .table_lectures th, .table_lectures td{
	padding:0 10px;
}
.table_common > thead > tr > th , .table_lectures > thead > tr > th{
	background-color:#4c4c4c;
	color:#ffffff;
}
.table_common > thead > tr > th:first-child , .table_common > thead > tr > th + th
,.table_lectures > thead > tr > th:first-child , .table_lectures > thead > tr > th + th{
	border-right:1px solid #b2b2b2;
	border-top:1px solid #b2b2b2;
	border-bottom:1px solid #b2b2b2;
}
.table_common > tbody > tr > th , .table_lectures > tbody > tr > th{
	background-color:#F8F8F8;
}
.table_common > tbody > tr > td:first-child , .table_common > tbody > tr > td + td
, .table_common > tbody > tr > th:first-child , .table_common > tbody > tr > th + td
, .join .table_common > tbody > tr > th{
	border-bottom:1px solid #ebebeb;
}
.table_common > tbody > tr:last-child > td,.table_common > tbody > tr:last-child > th{
	border-bottom:1px solid #b2b2b2;
}

.table_common > thead > tr > th , .table_common > tbody > tr > td{
	height:40px;
}
.table_lectures > thead > tr > th , .table_lectures > tbody > tr > td{
	height:50px;
}
.table_common .btn{
	margin:5px 0;
}
.table_common .top_border_blue , .review_list.top_border_blue{
	border-top:2px solid #1f3b74;
}

.table_lectures > tbody > tr > th , .table_lectures > tbody > tr > td{
	border-right:1px solid #ebebeb;
	border-top:1px solid #ebebeb;
	border-bottom:1px solid #ebebeb;
}
.table_lectures > tbody > tr > td:last-child{
	border-right:1px solid #ffffff;
}

.button_area{
	margin:20px 0;
}
@media (max-width: 1024px) {
	#quick{
		width:20px;
	}
	#quick img{
		width:100%;
	}
}


/* inspection 점검페이지 팝업 창 CSS */
strong {
   font-weight: bold;
}

button {
	border: unset;
	padding: unset;
	font-family: 'Noto Sans KR';
	cursor: pointer;
	width: unset !important;
}

.stress-red {
	color: #D0292C;
	font-family: 'Noto Sans KR';
}

.chinese .ko-text {
	display: none;
	font-family: 'Noto Sans KR';
}

.korean .cha-text {
	display: none;
	font-family: 'Noto Sans KR';
}

.inspection-modal {
	display: none;
	font-family: 'Noto Sans KR';
}

.inspection-modal.active {
	display: block;
	font-family: 'Noto Sans KR';
}

.modal-dim {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 111;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	font-family: 'Noto Sans KR';
}

.modal-layout {
	position: relative;
	height: 100%;
	font-family: 'Noto Sans KR';
}

.modal-wrap {
	position: fixed;
	z-index: 1001;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: 'Noto Sans KR';
}

.modal-content {
	position: relative;
	border: 1px solid #777;
	border-radius: 8px;
	background: #fff;
	padding: 60px 30px 40px;
	max-width: 422px;
	font-family: 'Noto Sans KR';
}

.not-open-today {
	position: absolute;
	z-index: 600;
	top: 102%;
	left: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 8px;
	font-family: 'Noto Sans KR';
}

.not-open-today button {
	background-color: unset;
	border: unset;
	color: #fff;
	font-size: 16px
}

#not-open {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	min-width: 24px;
	height: 24px;
	border: 1px solid #777;
	border-radius: 2px;
	background-color: #fff;
	cursor: pointer;
	vertical-align: middle;
	position: relative;
	opacity: 1;
}

#not-open:checked {
	background-color: #0083C7;
	border-color: #0069C9;
}

#not-open:checked::before {
	content: '✔';
	display: block;
	color: white;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
}

.modal-close {
	background-color: unset;
	position: absolute;
	top: 15px;
	right: 15px;
	width: fit-content;
}

.modal-close img {
	width: 32px;
	height: 32px;
}

.inspection-modal .modal-wrap .service-img {
	display: flex;
	justify-content: center;
}

.inspection-modal .modal-wrap .service-img img {
	width: 100%;
	width: -webkit-fill-available;
	max-width: 300px
}

.inspection-modal .modal-wrap .service-text {
	margin-top: 50px;
	text-align: left;
}

.inspection-modal .modal-wrap .service-text .section1 strong {
	font-size: 24px;
}

.inspection-modal .modal-wrap .service-text .section1 p {
	font-size: 16px;
	margin-top: 15px;
}

.inspection-modal .modal-wrap .service-text .section2 {
	margin-top: 25px;
}

.inspection-modal .modal-wrap .service-text .section2 li {
	font-size: 16px;
	list-style: disc;
	margin-left: 18px;
}

.inspection-modal .modal-wrap .service-text .section3 {
	margin-top: 25px;
}

.inspection-modal .modal-wrap .service-text .section3 p {
	font-size: 16px;
}

.inspection-modal .modal-wrap .service-text .section4 {
	margin-top: 15px;
}

.inspection-modal .modal-wrap .service-text .section4 p {
	font-size: 16px;
}

@media (max-width: 720px) {
	#not-open {
	min-height: 24px;
	}

	.modal-close img {
	width: 24px;
	height: 24px;
	}

	.inspection-modal .modal-wrap {
	width: auto;
	padding: 50px 10px 20px;
	}

	.modal-content {
	width: max-content;
		max-width: 350px;
	padding: 65px 15px 30px;
	}

	.inspection-modal .modal-wrap .service-img img {
	max-width: 220px;
	}

	.inspection-modal .modal-wrap .service-text {
	margin-top: 40px;
	}

	.inspection-modal .modal-wrap .service-text .section1 strong {
	font-size: 16px;
	}

	.inspection-modal .modal-wrap .service-text .section1 p {
	font-size: 14px;
	margin-top: 15px;
	}

	.inspection-modal .modal-wrap .service-text .section2 {
	margin-top: 25px;
	}

	.inspection-modal .modal-wrap .service-text .section2 li {
	font-size: 14px;
	list-style: disc;
	margin-left: 18px;
	}

	.inspection-modal .modal-wrap .service-text .section3 {
	margin-top: 25px;
	}

	.inspection-modal .modal-wrap .service-text .section3 p {
	font-size: 14px;
	}

	.inspection-modal .modal-wrap .service-text .section4 {
	margin-top: 15px;
	}

	.inspection-modal .modal-wrap .service-text .section4 p {
	font-size: 14px;
	}

	.not-open-today button {
	font-size: 14px
	}

	#not-open {
	width: 18px;
	height: 18px;
	}
}