@charset "utf-8";

html{ overflow-y:scroll; width:100%; height:100%;}
body{ -webkit-text-size-adjust:none;}

.wrapper{ overflow:hidden;}


.scroll_top{ display:none; position:fixed; z-index:200; right:50px; bottom:100px; width:50px; height:50px; border-radius:20px; background:#000; text-align:center; line-height:50px; font-size:20px; color:#FFF; cursor:pointer; transition:transform 0.5s, background 0.5s:}
	.scroll_top:hover{ transform:translate(0,-10px); background:#000;}
@media(max-width:767px){
	.scroll_top{ right:15px; bottom:10%;}
	.scroll_top:hover{ background:#20bdf0;}
}


header{}
	.menu_m{position:fixed; top:0; height:80px; width:100%; background:rgba(255, 255, 255, .9); z-index:200; border-bottom:1px solid #242b40;}
	.menu_pc{position:fixed; top:0; height:80px; width:100%; background:rgba(255, 255, 255, .9); z-index:200; border-bottom:1px solid #242b40;}
	.menu_pc .topm.gnb {    position: absolute;
    right: 20px;
    font-size: 1.2em;}
	.quick_menu_branch *{transition:none;}
	.quick_menu_branch{position:fixed; left:5%; bottom:5%; z-index:11; outline:none !important; font-weight:bold;}
	.quick_menu_branch:hover{background-color:#000; color:#fff;}
	.quick_menu_margin{margin-right:0 !important;}
	.quick_menu_branch .branch_list{float:right; width:130px; padding:5px 10px; }

	.quick_menu_branch .branch_list li{line-height:25px; text-align:center;}
	.quick_menu_branch .branch_list li a{color:#787878; font-size:12px;}
	.quick_menu_branch_con h4{text-align:center; font-size:35px; font-weight:bold; color:#fff;}
	.quick_menu_branch_con .modal-header{border:none;}
	.quick_menu_branch_con .modal-dialog{margin:60px auto;}
	.quick_menu_branch_con .modal-header button.close{font-size:45px; color:#fff !important; opacity:1 !important;}
	.quick_menu_branch_con .modal-content{background-color:rgba(255, 255, 255, 0); box-shadow:none; border:none;}
	.branch_list *{transition:none;}
	.branch_list ul li{ }
	.branch_list ul li a{ background-color:none;  margin:5px; padding:10px 10px; display:block; font-size:12px; color:#fff;}
	.branch_list ul li a:hover{background-color:rgba(0, 0, 0, .6); color:#fff;}
	.branch_list ul li a i{float:right; line-height:20px;}
	.menu_m{display:none;}
	.menu_m .dropdown{margin:10px 0 0 15px;}
	.menu_m .dropdown .btn-primary{background:none; border:1px solid #787878; color:#fff; font-size:12px;}
	.menu_m .dropdown .btn-primary:hover{background:#787878; color:#fff; }
	.menu_m .dropdown .btn-primary:active:focus{background:none; color:#787878;}
	.menu_m .dropdown .btn{padding:8px;}
	.menu_m .dropdown-menu {min-width:10px; padding:0; border-radius:0 !important; margin-top:9px;}
	.menu_m .dropdown-menu li{float:left; width:38px; border-left:1px solid #787878;}
	.menu_m .dropdown-menu li:first-child{border:none;}
	.menu_m .dropdown-menu li a{padding:0; line-height:38px; display:block; text-align:center; color:#fff;}
	.menu_m .dropdown-menu .blog_btn{background-color:#1dc800;}
	.menu_m .dropdown-menu .facebook_btn{background-color:#3b5998;}
	.menu_m .dropdown-menu .instar_btn{background-color:#ffc600;}
	.menu_m .dropdown-menu .youtube_btn{background-color:#ca1e21;}
		.logo a{width:215px; margin:19px 0 0 10px;}
		.logo img{width:100%;}
	.gnb{height:80px; line-height: 80px;}
		.gnb *{ transition:none;}
		.gnb>ul>li{float:left; width:16%; text-align:center; position:relative;}
		.gnb>ul {margin:0 auto; display:block; width:80%;}
		.gnb>ul>li>a{line-height:80px; color:#585858; display:block;    font-size: 1.6rem;
      font-weight: 500;}
		.gnb>ul>li>a:hover{color:#000;}
		.gnb>ul>li>ul{background-color:rgba(58, 64, 80, 0.9); display:none; position:absolute; top:100%;  width:200px; z-index:999; left:50%; margin-left:-100px;}
		.gnb>ul>li>ul>li{line-height:30px; }
		.gnb>ul>li>ul>li>a{color:#fff; display:block; font-size:12px;}
		.gnb>ul>li>ul>li>a:hover{color:#fff; background-color:rgba(171, 141, 116, 0.9); transition:background-color .5s; -moz-transition:background-color .5s; /* Firefox 4 */ -webkit-transition:background-color .5s; /* Safari and Chrome */ -o-transition:background-color .5s; /* Opera */}
		.gnb .fixlogo{display:none; width:23%;}
	.sns *{transition:none;}
		.sns .sns_btn{padding:20px 0; float:right; margin-right:50px;}
		.sns .sns_btn a{display:block; color:#fff; border: 1px solid #787878; border-radius:5px; width:30px; height:30px; text-align:center; line-height:30px; float:left; margin-left:5px; cursor:pointer;}
		.sns .sns_btn .blog_btn{font-weight:bold;}
		.sns .sns_btn .blog_btn:hover{background-color:#1dc800; color:#fff;}
		.sns .sns_btn .facebook_btn:hover{background-color:#3b5998; color:#fff;}
		.sns .sns_btn .instar_btn:hover{background-color:#ffc600; color:#fff;}
		.sns .sns_btn .youtube_btn:hover{background-color:#ca1e21; color:#fff;}
    .sns .sns_btn .location_btn:hover{background-color:#ff7b00; color:#fff;}
    .sns .sns_btn .location_btn img{margin-bottom: 2px;}

	@media (max-width:1280px){
		.sns .sns_btn{padding:20px 0; float:right; margin-right:20px;}
		.gnb>ul>li>a{font-size:12px;}
		.logo a{width:205px; margin:20px 0 0 20px;}
	}
	@media (max-width:1024px){

		.menu_m{display:block;}
		.logo img{width:100%;}
		.btn_home{ display:none;}
		.btn_search{ display:none;}
		.menu_m_menu{ display:none; position:fixed; z-index:200; top:0; right:0; bottom:0; left:0; background:url(/images/common/bg70.png); transition:none;}
		.btn_search_m{ display:block; position:absolute; z-index:200; top:13px; right:60px; width:30px; height:24px; text-align:center; line-height:24px; font-size:24px; color:#FFF;}
		.btn_gnb_m_close{ display:none; position:absolute; z-index:100001; top:13px; right:15px; width:30px; height:24px; background:rgba(0,0,0,0);}
		.btn_gnb_m{ display:block; position:absolute; z-index:100000; top:13px; right:15px; width:30px; height:24px; text-align:center; line-height:28px; font-size:30px; color:#999;}
		.btn_gnb_m #nav-icon1{ margin:0;}
		.btn_gnb_m #nav-icon1 span{ background:#fff;}
		.gnb{ position:relative; z-index:5;}
		.menu_m_menu .btn_close{ position:absolute; top:0; right:0; bottom:0; width:20%;}

.menu_m_menu .box > ul{}
.menu_m_menu .box > ul > li{ position:relative; float:left; margin:0 0 0 25px; outline:none;}
.menu_m_menu .box > ul > li div{ position:relative;}
.menu_m_menu .box > ul > li div a{ position:absolute; z-index:10; top:0; right:0; bottom:0; left:0; width: 100%; height: 100%;s}
.menu_m_menu .box > ul > li div p{ overflow:hidden; padding:0 20px; background:url(/images/common/bg01.png);}
.menu_m_menu .box > ul > li div p font{ display:block; float:left; height:70px; line-height:70px; font-size:18px; font-weight:bold; color:#FFF;}
.menu_m_menu .box > ul > li div p i{ display:none;}
.menu_m_menu .box > ul > li:hover div p font{}

.menu_m_menu .box > ul > li ul{ overflow:hidden; position:absolute; z-index:20; top:20px; right:50%; left:50%; padding:10px 0; background:#FFF; box-shadow:0 1px 3px 0 rgba(0,0,0,0.1); opacity:0;}
.menu_m_menu .box > ul > li ul li{}
.menu_m_menu .box > ul > li ul li a{ height:25px; text-align:center; line-height:23px; font-size:13px; color:#666;}
.menu_m_menu .box > ul > li ul li a:hover{ background:#272c3f; color:#FFF;}
.menu_m_menu .box > ul > li ul li.on a{ background:#81674e !important; color:#FFF !important;}

.menu_m_menu .box > ul > li.on div p font{ line-height:50px;}
.menu_m_menu .box > ul > li.on ul{ top:50px; right:-5px; left:-5px; opacity:1;}

		.menu_m_menu .box{ position:absolute; top:0; bottom:0; left:-80%; margin:0; width:80%; background:#FFF;}
		.menu_m_menu .box > ul{ overflow:hidden;}
		.menu_m_menu .box > ul > li{ overflow:hidden; float:inherit; margin:0; min-height:50px; border-bottom:1px solid #DDD;}
		.menu_m_menu .box > ul > li div p{ padding:0 20px; background:#FFF; transition:padding 1s;}
		.menu_m_menu .box > ul > li div p font{ height:50px; line-height:50px; font-size:15px; color:#666;}
		.menu_m_menu .box > ul > li div p i{ display:block; float:right; height:50px; line-height:50px; font-size:22px; color:#999; transform:rotate(0deg); transition:transform 1s;}

		.menu_m_menu .box > ul > li ul{ position:static; margin:-250px 0 0 0; padding:0; border-top:0; opacity:1;}
		.menu_m_menu .box > ul > li ul li{ background:#171717;}
		.menu_m_menu .box > ul > li ul li a{ padding:0 0 0 10px; height:30px; text-align:left; line-height:30px; font-size:12px; color:#DDD; transition:padding 1s;}
		.menu_m_menu .box > ul > li ul li a:hover{ background:none; color:#272c3f;}

		.menu_m_menu .box > ul > li.on{ z-index:20; margin:-1px 0 0 0;}
		.menu_m_menu .box > ul > li.on div p{ padding:0 30px; background:#272c3f;}
		.menu_m_menu .box > ul > li.on div p font{ color:#FFF;}
		.menu_m_menu .box > ul > li.on div p i{ color:#FFF; transform:rotate(180deg);}
		.menu_m_menu .box > ul > li.on ul{ margin:0;}
		.menu_m_menu .box > ul > li.on ul li a{ padding:0 0 0 40px;}

		.menu_m_menu .box > ul > li.on_m{ z-index:20; margin:-1px 0 0 0;}
		.menu_m_menu .box > ul > li.on_m div p{ padding:0 30px; background:#272c3f;}
		.menu_m_menu .box > ul > li.on_m div p font{ color:#FFF;}
		.menu_m_menu .box > ul > li.on_m div p i{ color:#FFF; transform:rotate(180deg);}
		.menu_m_menu .box > ul > li.on_m ul{ margin:0;}
		.menu_m_menu .box > ul > li.on_m ul li a{ padding:0 0 0 40px;}
		.menu_m_menu .box .call_center{border-bottom:1px solid #ddd; text-align:center; line-height:45px; background-color:#272c3f;}
		.menu_m_menu .box .call_center a{color:#fff;}
	}
	@media (max-width:700px){
		.menu_m{height:55px !important;}
		.quick_menu_branch_con h4{font-size:16px;}
		.quick_menu_branch_con .modal-header button.close{font-size:22px;}
		.quick_menu_branch_con .modal-dialog{margin:20px auto;}
		.branch_list ul li a{margin:5px; padding:5px; font-size:12px; line-height:27px;}
		.branch_list ul li a i{float:right; line-height:28px;}
		.quick_menu_branch{height:40px; font-size:12px; padding:3px; height:30px;}
	}



.visual{ overflow:hidden; position:relative; z-index:10;}
	.visual *{ transition:none;}
	.visual .bx-wrapper{ overflow:hidden; position:relative; z-index:10; margin:0;}
	.visual .bx-wrapper .bx-viewport{ left:0; border:0; box-shadow:none; background:none;}

	.visual .rolling{ position:relative; z-index:10; margin:0;}
	.visual .rolling li{ overflow:hidden;}
	.visual .rolling li .box{ overflow:hidden; position:relative; min-height:750px;}
	.visual .rolling li .box .line{ display:block; position:absolute; z-index:50; bottom:0; left:0; right:100%; height:3px; background:rgba(0,0,0,.7);}
	.visual .rolling li .box .txt{ overflow:hidden; position:absolute; z-index:50; top:120px; right:0; bottom:160px; left:0; opacity:0; transition:all .5s;}
	.visual .rolling li .box .txt .table {display: table; width: 100%; height: 100%;}
	.visual .rolling li .box .txt .table .table_cell{display: table-cell; text-align:center; vertical-align:middle;}
	.visual .rolling li .box .txt img{ display:block; margin:0 auto; transition:all .5s; max-width:1000px;}
	.visual .rolling li .box .txt a{ position:relative; z-index:10; margin:0 auto; max-width:450px; border:1px solid #262626; line-height:48px; font-size:18px; font-weight:600; color:#262626; transition:all .5s;}
	.visual .rolling li .box .txt a i{ margin:0 0 0 15px; font-size:20px; color:#FFF;}
	.visual .rolling li .box .txt a:hover{ border-color:#262626; color:#fff; background-color:#262626;}
	.visual .rolling li .box .txt a:hover i{ color:#FFF;}

	.visual .rolling li .box .txt .table .table_cell2{display: table-cell; text-align:center; vertical-align:middle;}
	.visual .rolling li .box .txt .table .table_cell2 a {position:relative; z-index:10; margin:0 auto; max-width:450px; border:1px solid #fff; line-height:48px; font-size:18px; font-weight:600; color:#fff; transition:all .5s;}
	.visual .rolling li .box .txt .table .table_cell2 a i{ margin:0 0 0 15px; font-size:20px; color:#FFF;}
	.visual .rolling li .box .txt .table .table_cell2 a:hover{ border-color:#000; color:#fff; background-color:#000;}
	.visual .rolling li .box .txt .table .table_cell2 a:hover i{ color:#211c52;}

	.visual .rolling li .box .txt .table .table_cell3{display: table-cell; text-align:center; vertical-align:middle;}
	.visual .rolling li .box .txt .table_cell3 a {color:#fff;}
	.visual .rolling li .box .txt .table .table_cell3 a:hover{ border-color:#ffd90d; color:#fff; background-color:#ffd90d;}

	.visual .rolling li .box .img{ position:absolute; top:0; right:0; bottom:0; left:0; transform:scale(1.1); transition:all .4s;}
	.visual .rolling li .box .img_01{ background:url(/images/main_studio.jpg) center no-repeat; background-size:1920px 1280px;}
	

	.visual .rolling li .box.on .txt{ opacity:1; transition:all .5s;}
	.visual .rolling li .box.on .txt img{ margin:0 auto 30px auto; transition:all .5s;}
	.visual .rolling li .box.on .img{ transform:scale(1); transition:all 4s;background-size: cover;}

	.visual .bx-wrapper .bx-pager{ z-index:50; right:0; bottom:100px; left:0; padding:0; width:auto !important; height:14px; text-align:center !important;}
	.visual .bx-wrapper .bx-pager *{ transition:all .5s;}
	.visual .bx-wrapper .bx-pager .bx-pager-item{}
	.visual .bx-wrapper .bx-pager .bx-pager-item a{ width:14px; height:14px; border-radius:50%; border:1px solid #FFF; background:none; opacity:0.5;}
	.visual .bx-wrapper .bx-pager .bx-pager-item a:hover{ background:none;}
	.visual .bx-wrapper .bx-pager .bx-pager-item a.active{ background:#FFF; opacity:1;}

	.visual_btn{ position:absolute; z-index:60; top:50%; width:57px;}
	.visual_btn img{ display:block; width:100%; opacity:0.5; transition:all .5s;}
	.visual_btn a{ position:absolute; z-index:10; top:0; width:57px; height:113px;}
	.visual_btn:hover img{ opacity:1;}
	#visual_btn_L{ left:15px;}
	#visual_btn_R{ right:15px;}

@media(min-width:1921px){
	.visual .rolling li .box .img_01{ background-size:100% auto;}
	.visual .rolling li .box .img_02{ background-size:100% auto;}
	.visual .rolling li .box .img_06{ background-size:100% auto;}
	.visual .rolling li .box .img img{ position:static; margin:0; width:100%; height:auto;}
}
@media(max-width:1290px){
	.visual_btn{}
	.visual_btn a{}
	#visual_btn_L{ left:60px; margin:-56.5px 0 0 0;}
	#visual_btn_R{ right:60px; margin:-56.5px 0 0 0;}
}
@media(max-width:1025px){
	.visual .rolling li .box{ min-height:auto;}
	.visual .rolling li .box .txt{ top:160px; right:0; bottom:80px;}
	.visual .rolling li .box .txt img{ display:block; margin:-50px auto 0 auto; transition:all .5s;}
	.visual .rolling li .box .img_01{ background-size:auto 100%;}
	.visual .rolling li .box .img_02{ background-size:auto 100%;}
	.visual .rolling li .box.on .txt img{ margin:0 auto 60px auto;}

	.visual .bx-wrapper .bx-pager{ bottom:60px;}

	.visual_btn{ width:35px;}
	.visual_btn a{ width:35px; height:70px;}
	#visual_btn_L{ left:40px; margin:-35px 0 0 0;}
	#visual_btn_R{ right:40px; margin:-35px 0 0 0;}

}
@media(max-width:767px){
	.visual .rolling li{ width:100% !important;}
	.visual .rolling li .box{ min-height:auto;}
	.visual .rolling li .box .txt{ top:80px; bottom:80px; margin:0 20px;}
	.visual .rolling li .box .txt img{ margin: 0 auto; width:90%;}
	.visual .rolling li .box .txt a{ width:75%; line-height:33px; font-size:14px;}
	.visual .rolling li .box .txt a i{ margin:0 0 0 10px; font-size:15px;}
	.visual .rolling li .box.on .txt img{ margin:0 auto 40px auto;}
/*	.visual .rolling li .box .img_01{ background:url(/images/bg_payback_m.jpg) center no-repeat; background-size:1920px 1280px;}*/
	.visual .bx-wrapper .bx-pager{ bottom:50px; height:10px;}
	.visual .bx-wrapper .bx-pager .bx-pager-item a{ width:10px; height:10px;}

	.visual_btn{ width:20px;}
	.visual_btn a{ width:20px; height:40px;}
	#visual_btn_L{ left:10px; margin:-20px 0 0 0;}
	#visual_btn_R{ right:10px; margin:-20px 0 0 0;}
}


/* 

.mid_box_banner_bg{background-color:rgb(40, 40, 40);}
.mid_banner_box{max-width:1450px; margin: 0 auto; text-align:center; overflow:hidden; display: none;}s
	.mid_banner_box h3{font-size:25px; line-height:40px; color:#fff; font-weight:700; margin-bottom:20px; font-family:"Times New Roman"; border-top:1px solid #ddd;}
	.mid_banner_box > img{width:200px; display:block; margin: 10px auto;}
	.mid_banner_box > div > img{width:100%;}
	.mid_banner_box .banner_01{overflow:hidden; background-color:#262626;}
	.mid_banner_box .banner_01 img{width:100%;}
	.mid_banner_box .banner_01{position:relative;}
	.mid_banner_box .banner_01 .banner_01_txt_b{position:absolute; bottom:0; left:0; width:100%; height:120px; background-color:rgba(0, 0, 0, .7);}
	.mid_banner_box .banner_01 .banner_01_txt_b p{color:#fff; line-height:55px; font-size:18px;}
	.mid_banner_box .banner_01 .banner_01_txt_b a{color:#fff; padding:10px; width:120px; margin: 0 auto; font-size:16px; outline:none;}
	.mid_banner_box .banner_01 .banner_01_txt_b a i{font-size:12px; }
	.mid_banner_box .banner_01 .banner_01_txt_b a:hover{color:#fae100; border:1px solid #fae100;}
	.mid_banner_box .banner_01 .banner_01_txt_b a:hover i{transition:rotate 90deg; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(30deg); -moz-transform: rotate(90deg);}


	.mid_banner_box button{ top:50%; margin:-30px 0 0 0; width:60px; height:60px; background:none !important; transition:background 0.5s; outline:none; border:none;}
	.mid_banner_box button:before{ content:none;}
	.mid_banner_box button i{ text-align:center; line-height:60px; font-size:30px; color:#787878;}
	.mid_banner_box button:hover i{color:#000;}
	.mid_banner_box .slick-prev{position:absolute; z-index:10; left:15px;}
	.mid_banner_box .slick-next{position:absolute; z-index:10; right:15px;}
	.mid_banner_box .banner_01 button{z-index:80; }
	.mid_banner_box .mid_b{position:relative; overflow:hidden;}
	.mid_banner_box .mid_b .banner_mask{ display:none; background-color:rgba(0, 0, 0, .6); width:100%; height:100%; position:absolute; z-index:10; transition: display 1s;  -ms-transform: display 1s; -webkit-transform: display 1s; -o-transform: rotate(30deg); -moz-transform: display 1s;}
	.mid_banner_box .mid_b .banner_mask i{font-size:24px; border:1px solid #fae100; padding:5px 8px; color:#fae100; position:absolute; z-index:11; top:50%; left:50%; margin:0 0 0 -19px;}
	.mid_banner_box .mid_b .banner_mask i:hover{transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); color:#fff; border-color:#fff;}
	.mid_banner_box .mid_b p{font-size:14px; padding:5px 8px; color:#fff; z-index:11; text-align:center; font-weight:bold; position:absolute; top:50%; left:50%; margin-top:-35px; margin-left:-85px; padding:10px 20px; border:1px solid #ddd;}
	.mid_banner_box .mid_b .banner_mask p span{font-size:16px; color:#fae100;}
	.mid_banner_box .mid_b img{width:100%;}
	.mid_banner_box .mid_b:hover img{transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1);}


.mid_banner_box2{max-width:1450px;     padding: 80px 0px;     margin: 0 auto;
  background: #efe2d0; text-align:center;}
	.mid_banner_box2 img{width:100%; border:1px solid #efefef;}
	.mid_banner_box2 .mid_bn_log{border:none; width:150px; margin-bottom:10px;}
	.mid_banner_box2 h4{font-size:35px; font-weight:bodl; border-bottom:1px solid #ddd; padding:25px; font-weight:bold; line-height:24px; color:#000; display:inline-block;}
	.mid_banner_box2 h4 span{font-size:18px;}
	.mid_banner_box2 p{font-size:14px; margin-top:20px; line-height:32px; padding: 0 50px;}
	.mid_banner_box2 .view_banner_center{padding:20% 0;}
	.mid_banner_box2 .view_banner_center h4 span{color:#c4c4c4; font-size:12px; text-transform:uppercase; font-weight:100; letter-spacing:2px;}
	.mid_banner_box2 .view_banner_center a{display:block; width:120px; margin:50px auto; border:1px solid #ddd; display: none; line-height:35px; color:#262626;}
	.mid_banner_box2 .view_banner_center a:hover{background-color:#a18771; color:#fff;}
	.mid_banner_box2 .view_banner_center a:hover > .img_box_banner{transform:scale(1.1) -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1);}
@media (max-width:780px){
	.mid_banner_box2{margin:0 auto;  text-align:center;}
	.mid_box_banner_bg{background:#444; }
	.mid_banner_box2 h4{font-size:16px; font-weight:bold; padding:5px;}
	.mid_banner_box > img{width:120px;}
	.mid_banner_box2 .mid_bn_log{width:100px;}
	.mid_banner_box .banner_01 .banner_01_txt_b{height:80px;}
	.mid_banner_box .banner_01 .banner_01_txt_b {padding-top:15px;}
	.mid_banner_box .banner_01 .banner_01_txt_b p{ font-size:12px; line-height:16px;}
	.mid_banner_box2 .slick-prev{left:-15px;}
	.mid_banner_box2 .slick-next{right:-15px;}
	.mid_banner_box h3 {font-size:16px; border:none; line-height:18px;}
	#section1{padding:10% 0;}
	.mid_banner_box2 p{font-size:12px; margin-top:10px; line-height:24px; padding: 0 50px;}
	.mid_banner_box2 .view_banner_center a{ margin:0 auto; border-color:#fff;  padding:3px 10px;}
	.mid_banner_box2 .view_banner_center{padding:2% 0;}
	.lesson{background-color:#fff; padding:0 15px;}
	.program{background-color:#efefef;  padding:0 15px;}
	.img_box_banner{padding:0 15px !important; margin:15px 0; }
	.mid_banner_box2 .view_banner_center h4 span{font-size:10px;}

}



.main_products{ position:relative; z-index:10; padding:50px 0; background:#262f3e; margin:0;}
	.main_products *{ transition:none;}
	.main_products .title{ margin:0 0 50px 0; text-align:center; color:#20bdf0; font-size:35px;}
	.main_products .title p{ line-height:35px; font-size:35px; font-weight:bold; color:#fff;}
	.main_products .title span{font-size:12px; font-weight:100; color:#c4c4c4; text-transform:uppercase; }
	.main_products .title font{ display:block; margin:5px 0 0 0; line-height:20px; font-size:14px; color:#20bdf0; }
	.main_products .mid_bn_log{border:none; width:150px; margin-top:-25px;}

	.main_products .main_p_bx{ margin:0 auto; max-width:1480px;}
	.main_products .main_p_bx .box{ margin:0;}
	.main_products .main_p_bx .box .slide{}
	.main_products .main_p_bx .box .slide a{ margin:0 15px; border:1px solid #d9d9d9; text-align:center; transition:border 0.5s, background 0.5s; outline:none; background-color:#fff;}
	.main_products .main_p_bx .box .slide a .img_box{ overflow:hidden; position:relative; z-index:10; margin:-1px -1px 0 -1px;}
	.main_products .main_p_bx .box .slide a .img_box .line{ position:absolute; z-index:20; top:0; right:0; bottom:0; left:0; border:1px solid #000; opacity:0.1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);}
	.main_products .main_p_bx .box .slide a .img_box .on{ position:absolute; z-index:10; top:0; right:0; bottom:0; left:0; background:url(/images/common/bg30.png); opacity:0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); transition:opacity 0.5s;}
	.main_products .main_p_bx .box .slide a .img_box .on i{ position:absolute; top:50%; left:50%; margin:25px 0 0 -25px; width:50px; height:50px; text-align:center; line-height:50px; font-size:50px; color:#FFF; transition:margin 1s;}
	.main_products .main_p_bx .box .slide a .img_box img{ display:block; width:100%; transition:transform 1s;}
	.main_products .main_p_bx .box .slide a .tit{ margin:40px 0 0 0; line-height:20px; font-size:20px; font-weight:bold; color:#333; transition:color 0.5s;}
	.main_products .main_p_bx .box .slide a .txt{ margin:10px 0 40px 0; line-height:20px; font-size:12px; color:#999; transition:color 0.5s;}

	.main_products .main_p_bx .box .slide a:hover{ border-color:#35302c; background:#35302c;}
	.main_products .main_p_bx .box .slide a:hover .img_box .on{ opacity:1;}
	.main_products .main_p_bx .box .slide a:hover .img_box .on i{ margin-top:-25px;}
	.main_products .main_p_bx .box .slide a:hover .img_box img{ transform:scale(1.1);}
	.main_products .main_p_bx .box .slide a:hover .tit{ color:#FFF;}
	.main_products .main_p_bx .box .slide a:hover .txt{ color:#FFF;}

	.main_products .main_p_bx button{ position:absolute; z-index:10; top:50%; margin:-30px 0 0 0; width:60px; height:60px; background:#35302c !important; transition:background 0.5s; outline:none; border:none;}
	.main_products .main_p_bx button:before{ content:none;}
	.main_products .main_p_bx button i{ text-align:center; line-height:60px; font-size:30px; color:#FFF;}
	.main_products .main_p_bx button:hover{ background:#20bdf0 !important;}
	.main_products .slick-prev{ left:-15px;}
	.main_products .slick-next{ right:-15px;}

	.main_products .more{ margin:50px auto 0 auto; width:120px; height:40px; border-radius:20px; border:1px solid #d9d9d9; text-align:center; line-height:38px; font-size:14px; color:#999; text-transform:uppercase; transition:border 0.5s, background 0.5s, color 0.5s;}
	.main_products .more:hover{ border-color:#35302c; background:#20bdf0; color:#FFF;}
@media(max-width:1600px){
	.main_products .main_p_bx{ max-width:1200px;}
	.main_products .mid_bn_log{width:100px;}
}
@media(max-width:1300px){
	.main_products .main_p_bx{ padding:0 15px; max-width:100%;}
	.main_products .main_p_bx .box .slick-list{ overflow:visible;}
	.main_products .main_p_bx .box .slide a .tit{ margin:20px 0 0 0; line-height:20px; font-size:15px;}
	.main_products .main_p_bx .box .slide a .txt{ margin:0 0 20px 0; line-height:20px; font-size:12px;}

	.main_products button{ margin:-20px 0 0 0; width:40px; height:40px;}
	.main_products button i{ line-height:40px; font-size:20px;}
	.main_products .slick-prev{ left:-5px;}
	.main_products .slick-next{ right:-5px;}
	.main_products .mid_bn_log{width:100px;}
}
@media(max-width:1025px){
	.main_products{ padding:50px 0;}
	.main_products .title{ margin:0 0 40px 0;}
	.main_products .title p{ line-height:25px; font-size:25px;}
	.main_products .title font{ margin:15px 0 0 0; line-height:20px; font-size:18px;}
	.main_products .more{ margin:40px auto 0 auto;}
	.main_products .mid_bn_log{width:100px;}
}
@media(max-width:767px){
	.main_products{ padding:30px 0;}
	.main_products .title{ margin:0 0 20px 0;}
	.main_products .title p{ line-height:20px; font-size:20px;}
	.main_products .title font{ margin:10px 0 0 0; line-height:15px; font-size:15px;}

	.main_products .main_p_bx .box .slide a{ margin:0 7.5px;}
	.main_products .slick-prev{ left:-20px;}
	.main_products .slick-next{ right:-20px;}

	.main_products .more{ margin:20px auto 0 auto; width:80px; height:30px; border-radius:15px; line-height:28px; font-size:13px;}
	.main_products .mid_bn_log{width:100px;}
}
 */


.main_notice{ max-width:1450px; margin: 30px auto; }
	.main_notice .main_not_b{overflow:hidden;}
	.main_notice .title{margin:0 0 50px 0; text-align:center; color:#282828; font-size:35px;}
	.main_notice .title p{line-height:35px; font-size:35px; font-weight:bold; color:#282828;}
	.main_notice .title font{display:block; margin:5px 0 0 0; line-height:20px; font-size:14px; color:#282828;}
	.main_notice .main_not_b .news_notice_b_tit{overflow:hidden; padding:0 20px;}
	.main_notice .main_not_b .news_notice_b_tit h4{float:left; display:block; font-size:18px; font-weight:bold;}
	.main_notice .main_not_b .news_notice_b_tit a{float:right; display:block; font-size:20px; color:#262626;}
	.main_notice .main_not_b .news_notice_b_tit a:hover{color:#282828;}
	.main_notice .main_not_b .news_notice_list{margin-top:20px;}
	.main_notice .main_not_b .news_notice_list ul li {border-bottom:1px solid #ddd; overflow:hidden;}
	.main_notice .main_not_b .news_notice_list ul li a{color:#262626; line-height:35px; background-color:#fff; padding: 0 20px;  transition:background .5s; -ms-transition: background .5s; -webkit-transition: background .5s; -o-transition: background .5s; -moz-transition: background .5s;}
	.main_notice .main_not_b .news_notice_list ul li a i{float:left; padding-top:10px; margin-right:5px;}
	.main_notice .main_not_b .news_notice_list ul li a:hover{background-color:#ddd;}
	.main_notice .main_not_b .news_notice_list ul li a .n_n_list_time{float:right;}


	.main_notice .more{ margin:50px auto 0 auto; width:120px; height:40px; border-radius:20px; border:1px solid #d9d9d9; text-align:center; line-height:38px; font-size:14px; color:#999; text-transform:uppercase; transition:border 0.5s, background 0.5s, color 0.5s;}
	.main_notice .more:hover{ border-color:#272c3f; background:#272c3f; color:#FFF;}

/*적용 게시판 스타일 : s*/
.lt{overflow:hidden; position:relative;}
	.lt > strong{text-align:left; display:block; font-size:20px; color:#262626;}
	.lt .lt_title{padding:0 5px;}
	.lt .lt_title strong{text-align:left; display:block; font-size:20px; color:#262626; }
	.lt ul{padding:20px 0;}
	.lt ul li {border-bottom:1px solid #ddd; overflow:hidden; position:relative;}
	.lt ul li:hover{background-color:#ddd;}
	.lt ul li a .n_date{line-height:45px; position:absolute; right:10px;}
	.lt ul li a{color:#262626; line-height:45px; padding: 0 20px;}
	.lt ul li a .cnt_cmt{background-color:#fd1c5b; padding:0 6px; border-radius:50px; color:#fff; margin-left:5px; font-size:10px; line-height:45px;}
	.lt ul li i{float:left;  display:block; width:10px; padding:15px 0 0 5px;}
	.lt ul li img{display:none;}
	.lt .lt_more{position:absolute; right:10px; top:8px;}
	.lt .lt_more a{font-size:18px; color:#262626;}
	.lt .lt_more a:hover{transform:rotate(90deg) ; -ms-transform: rotate(90deg) ; -webkit-transform: rotate(90deg) ; -o-transform: rotate(90deg) ; -moz-transform: rotate(90deg) ;	 color:#20bdf0;}


	.lt ul li a .n_n_list_time{float:right;}

/*적용 게시판 스타일 : e*/

@media(max-width:1300px){

	.main_notice button{ margin:-20px 0 0 0; width:40px; height:40px;}
	.main_notice button i{ line-height:40px; font-size:20px;}
}
@media(max-width:1025px){
	.main_notice{ padding:50px 0;}
	.main_notice .title{ margin:0 0 40px 0;}
	.main_notice .title p{ line-height:25px; font-size:25px;}
	.main_notice .title font{ margin:15px 0 0 0; line-height:20px; font-size:18px;}

	.main_notice .main_not_b .box .slide a{ padding:30px;}

	.main_notice .more{ margin:40px auto 0 auto;}
	#hd, #wrapper, #ft {min-width: 100%;}
	#bo_w, #bo_v, #gbasic {padding:0 10px;box-sizing: border-box;}
	.menu_m, .sub_vi {height: initial !important;}
	.menu_m .dropdown {margin: 10px 0 10px 15px;}
	.sub_wrapper {margin-top: 55px;}
}
@media(max-width:767px){
	.main_notice{ padding:30px 0;}
	.main_notice .title{ margin:0 0 20px 0;}
	.main_notice .title p{ line-height:20px; font-size:20px;}
	.main_notice .title font{ margin:10px 0 0 0; line-height:15px; font-size:15px;}

	.board_b {margin-top:40px;}
	.main_notice .more{ margin:20px auto 0 auto; width:80px; height:30px; border-radius:15px; line-height:28px; font-size:13px;}
	.main_notice .news_notice_list .n_n_list_txt{width:120px; float:left; text-overflow: ellipsis; white-space  : nowrap; overflow:hidden; display:block;}
}

footer{padding:35px 0 0 0; border-top:1px solid #ddd; background:#eee; text-align:center;}
	footer .copy_logo{ margin:0 auto; width:215px;}
	footer .copy_logo img{ display:block; width:100%; opacity:0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}
	footer .menu{ margin:30px 0 25px 0; text-align:center;}
	footer .menu ul{ display:inline-block;}
	footer .menu ul li{ float:left; padding:0 15px; position: relative;}
  footer .menu ul li:after {position: absolute; top: 50%; right: 0; display: block; content: ""; background: #aaa; height: 10px; width: 1px; transform: translate(0, -50%);}
  footer .menu ul li:last-child:after{display:none;}
	footer .menu ul li a{ line-height:20px; font-size:14px; color:#777;}
	footer .menu ul li a:hover{ color:#000;}
	footer .menu ul li.on a{ color:#c9242a;}
	footer .text{ line-height:24px; font-size:13px; color:#999;}
	footer .text .br_m{ display:none;}
	footer .sns_btn{ margin:30px 0 0 0; text-align:center;}
	footer .sns_btn ul{ display:inline-block;}
	footer .sns_btn ul li{ float:left; margin:0 10px;}
	footer .sns_btn ul li a{ width:40px; height:40px; border-radius:50%; border:1px solid #CCC; text-align:center; line-height:38px; font-size:16px; color:#ccc;}
	footer .sns_btn ul li a i{ color:#999;}
	footer .sns_btn ul li a:hover{ border-color:#272c3f; background:#20bdf0;}
	footer .sns_btn ul li a:hover i{ color:#FFF;}
	footer .copy{ margin:30px 0 0 0; background:#555; line-height:50px; font-size:12px; font-weight:350; color:#ddd; text-transform:uppercase;}

@media(max-width:767px){
	footer .copy_logo{ margin:0 auto; width:120px;}
	footer .menu{ margin:25px 0 15px 0;}
	footer .menu ul{ margin:0 5%; width:90%;}
	footer .menu ul li{ margin:0; width:20%;}
	footer .menu ul li a{ line-height:20px; font-size:13px; letter-spacing:-1.5px;}
	footer .text{ line-height:20px; font-size:12px;}
	footer .text .br_p{ display:none;}
	footer .text .br_m{ display:block;}
	footer .copy{ margin:30px 0 0 0; line-height:50px; font-size:12px;}
}
.sub_wrapper{background-color:#f4f4f4;}
.sub_tit_m_b{margin:0 auto; padding:0 20px; display:block; background-color:#262626;}
.sub_tit_m_b *{transition:none;}
.sub_container{ max-width:1480px; margin:40px auto; overflow:hidden;}
.sub_container { max-width:1480px; margin:40px auto; overflow:hidden;}
.sub_container img{display:block; margin:0 auto; width:100%;}
.sub_container_2{ max-width:1480px; margin:40px auto; overflow:hidden;}
.sub_1_txt{text-align:center; margin-top:10px; font-family:"Times New Roman";}
.sub_1_1_con{text-align:center; color:#838383;}
.sub_1_1_con span{font-size:20px; font-weight:bold; color:#19386c;}

.sub_3_tit_1{border:1px solid #ddd; overflow:hidden;}
	.sub_3_tit_1 h2{width:10%; float:left; display:block; font-size:70px; color:#fff; font-weight:900; font-family:"Times New Roman"; background-color:#19386c; padding:15px; text-align:center;}
	.sub_3_tit_1 h2 span{font-size:16px; font-weight:300;}
	.sub_3_tit_1 p{width:90%; float:left; display:block; padding:15px; line-height:18px; font-size:12px; color:#737373;}
	.sub_3_tit_1 p span{font-size:18px; color:#19386c;}



.sub_3_row{margin-top:20px;}
	.sub_3_r_tit h3{font-size:23px; color:#737373; text-align:left !important;}
	.sub_3_r_tit h3 span{font-size:37px;color:#19386c;}
	.sub_3_part_bg{background-color:#efefef; border-radius:70px; overflow:hidden; margin-top:20px; padding:10px 5px; display:table; width:100%; height:100%; border:1px solid #ddd;}
	.sub_3_part_block{width:50%;}
	.table_list_inner{display:table-cell; vertical-align:middle; float:none;}
	.sub_3_part_li_tit{background:#19386c; padding:15px !important; color:#fff; text-align:center; font-size:12px; border-radius:50px;}



@media(max-width:767px){
	.sub_3_tit_1 h2{width:20%;}
	.sub_3_tit_1 p{width:80%; padding:5px;  line-height:16px;}
	.sub_3_tit_1 p span{font-size:12px; font-weight:bold;}
	.sub_3_part_bg{border-radius:0;}
	.sub_3_part {text-align:center;}
	.sub_3_inline{margin-top:10px;}
	.sub_3_r_tit h3{text-align:center !important; }
	.table_list_inner {border-bottom:1px solid #ddd; }
	.table_list_inner p{font-size:12px; margin:10px 0;}
	.sub_1_1_con span{font-size:12px; font-weight:bold; color:#19386c;}
}



.sub_2 h3{text-align:center; font-family:"Times New Roman"; text-transform:uppercase;}
	.sub_2 .sub_2_con{margin-top:15px;}
	.sub_2 .sub_2_con img{border-radius: 50% 0 50% 0; box-shadow:0 0 3px #ddd;}
	.sub_2 .sub_2_con p{line-height:26px; margin-top:15px; border-bottom:1px solid #ddd; padding-bottom:20px;}
	.sub_2 .sub_2_con p span{ font-family:"Times New Roman"; text-transform:uppercase; font-size:26px; line-height:60px;}


.sub_tit_m_b .sub_m_hm{width:50px; float:left;  text-align:center;}
.sub_tit_m_b .sub_m_blis li{float:left; color:#fff; line-height:45px; overflow:hidden;}
.sub_tit_m_b .sub_m_blis li span{float:left; margin:0 15px;}
.sub_tit_m_b .sub_m_blis li a{color:#fff; font-size:14px;}
.sub_ins_pro_tit_img{width:100%;}
.sub_ins_pro_list{margin-top:30px;}
.introduce{}
	.introduce img{width:100%;}
	.introduce p{margin:30px 0; }
@media(max-width:767px){
	.sub_tit_m_b{border:none;}
	.sub_tit_m_b .sub_m_blis li{font-size:12px;}
	.sub_tit_m_b .sub_m_blis li a{font-size:12px;}

}
.map *{transition:none; }
	#map{width:100%; height:450px; border:2px solid #ddd;}
	.map_text .map_txt_info{position:relative; padding:20px 20px 20px 70px; background-color:#f5f5f5; border:1px solid #ddd; margin-top:5px; overflow:hidden; line-height:24px;}
	.map_text .map_txt_info i{position:absolute; left:15px; top:50%; margin-top:-20px; background-color:#fff; width:40px; height:40px; line-height:40px; text-align:center; font-size:16px; border:1px solid #ddd; color:#009ced; border-radius:50px; box-shadow:0 0 1px #fff;}
	.map_text .map_txt_info ul{margin:0;}
	.map_text .map_txt_info li{margin:2px 3px; float:left;  color:#fff; padding: 4px 5px; border-radius:5px;}
	.map_text .map_txt_info .blue{background-color:#34a2f7;}
	.map_text .map_txt_info .red{background-color:#e2565f;}
	.map_text .map_txt_info .air{background-color:#b16d79;}
	.map_text .map_txt_info .tored{background-color:#cf221a;}
	.map_text .map_txt_info .train_7{background-color:#717617; color:#fff; border-radius:50px; padding:3px 5px; font-size:12px;}
	.map_text .map_txt_info .train_3{background-color:#ff8939; color:#fff; border-radius:50px; padding:3px 5px; font-size:12px;}
	.map_text .map_txt_info .train_9{background-color:#cea33a; color:#fff; border-radius:50px; padding:3px 5px; font-size:12px;}
@media(max-width:767px){
	#map{width:100%; height:320px;}

}

.sub_vi{height:80px; overflow:hidden;}



.sub_visual{ overflow:hidden; position:relative; height:300px; background:#000;}
	.sub_visual .txt{ position:absolute; z-index:1; top:100px; right:0; left:0; height:200px;}
	.sub_visual .txt p{ line-height:40px; font-size:40px; font-weight:bold; color:#FFF; font-weight:700;}
	.sub_visual .txt font{ display:block; margin:10px 0 0 0; line-height:20px; font-size:18px; color:#FFF;}
	.sub_visual img{ display:block;}
	.sub_1_2_con{text-align:center;}


@media(min-width:1921px){
	.sub_visual img{ left:0; margin:0; width:100%; height:auto;}
}
@media(max-width:767px){
	.sub_vi{height:55px; overflow:hidden;}
	.sub_visual{ height:150px;}
	.sub_visual .txt{ top:50px; height:100px;}
	.sub_visual .txt p{ line-height:25px; font-size:25px;}
	.sub_visual .txt font{ margin:0; line-height:18px; font-size:15px;}
	.sub_visual img{ margin:0 0 0 -325px; width:650px;}
	.m_br{display:none;}
}

.sub_container .tab-content{margin-top:10px;}
	.sub_container .nav-tabs{border:none; margin:0; overflow:hidden;}
	.sub_container .nav-tabs li a {border-radius:0 !important; color:#262626; text-align:center; border:1px solid #ddd;}
	.sub_container .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{background-color:#262626; color:#ddd;}
	.sub_container .facity_tab{margin-top:10px;}
	.sub_container .facity_tab img{width:100%;}
	.sub_container .facity_tab ul{margin: 0 auto;}
	.sub_container .facity_tab ul li{border-right:1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
	.sub_container .facity_tab ul li .active{border:none;}
	.sub_container .facity_tab ul li:first-child{border-left:1px solid #ddd;}
	.sub_container .facity_tab ul li a{margin:0; padding:5px 0; border:none;}
	.sub_container .facity_tab ul li a:hover{border:none; color:#20bdf0;}
	.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{border:none;}
	.center_photo_slider{margin:10px auto; }


.sub_con_tit_txt ul li{display:none;}
	.sub_con_tit_txt ul li h4{font-size:35px; text-align:center; font-weight:bold; margin:20px auto; max-width:450px;}
	.sub_con_tit_txt ul li.on{display:block;}
	.sub_con_tit_txt .sub_con_tit_txt_line{width:0px; height:2px; margin:0 auto; background-color:#262626; }
	.sub_con_tit_txt .sub_con_tit_txt_line.on{width:100%; max-width:320px; margin:0 auto; transform: width 6s; -ms-transform: width 6s; -webkit-transform: width 6s; -o-transform: width 6s; -moz-transform: width 6s; transition:6s;}


.sub_container ul{ margin:-30px 0 0 0; overflow:hidden;}
	.sub_container ul li{ float:left; margin:30px 0 0 0;}
	.sub_container ul li a{ margin:0 15px; border:1px solid #d9d9d9; text-align:center; transition:border 0.5s, background 0.5s;}
	.sub_container ul li a .img_box{ overflow:hidden; position:relative; z-index:10; margin:-1px -1px 0 -1px;}
	.sub_container ul li a .img_box .line{ position:absolute; z-index:20; top:0; right:0; bottom:0; left:0; border:1px solid #000; opacity:0.1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);}
	.sub_container ul li a .img_box .on{ position:absolute; z-index:10; top:0; right:0; bottom:0; left:0; background:url(/images/common/bg30.png); opacity:0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); transition:opacity 0.5s;}
	.sub_container ul li a .img_box .on i{ position:absolute; top:50%; left:50%; margin:25px 0 0 -25px; width:50px; height:50px; text-align:center; line-height:50px; font-size:50px; color:#FFF; transition:margin 1s;}
	.sub_container ul li a .img_box img{ display:block; width:100%; transition:transform 1s;}
	.sub_container ul li a .tit{ margin:40px 0 0 0; line-height:20px; font-size:20px; font-weight:bold; color:#333; transition:color 0.5s;}
	.sub_container ul li a .txt{ margin:10px 0 40px 0; line-height:20px; font-size:12px; color:#999; text-transform:uppercase; transition:color 0.5s;}

	.sub_container ul li a:hover{ border-color:#262626; background:#262626;}
	.sub_container ul li a:hover .img_box .on{ opacity:1;}
	.sub_container ul li a:hover .img_box .on i{ margin-top:-25px;}
	.sub_container ul li a:hover .img_box img{ transform:scale(1.1);}
	.sub_container ul li a:hover .tit{ color:#FFF;}
	.sub_container ul li a:hover .txt{ color:#FFF;}

	.sub_con_sub{margin-bottom:20px; border-bottom:1px solid #ddd; padding-bottom:20px;}
	.sub_con_sub .sub_tit_sub{font-size:25px; text-align:center; font-weight:600;}
	.sub_con_sub .sub_tit_en{font-size:16px; text-align:center; color:#777;}
	.sub_con_sub .sub_tit_mt{font-size:14px; text-align:center; color:#777;}
@media(max-width:1300px){
	.sub_container{ margin:10px 15px; max-width:100%;}
	.sub_container ul li a .tit{ margin:20px 0 0 0; line-height:20px; font-size:18px;}
	.sub_container ul li a .txt{ margin:5px 0 20px 0; line-height:20px; font-size:14px;}
}
@media(max-width:767px){
	.sub_container{ margin:10px 5px;}
	.sub_container ul{ margin:-15px 0 0 0;}
	.sub_container ul li{ margin:15px 0 0 0;}
	.sub_container ul li a{ margin:0 7.5px;}
	.sub_container ul li a .tit{ margin:15px 0 0 0; line-height:20px; font-size:14px;}
	.sub_container ul li a .txt{ margin:5px 0 15px 0; line-height:20px; font-size:12px; min-height:40px;}
	.sub_con_tit_txt ul li{font-size:16px; font-weight:bold; margin-top:20px;}
	.sub_con_sub .sub_tit_sub{font-size:14px; font-weight:600;}
	.sub_con_sub .sub_tit_en{font-size:12px;}
	.sub_container .facity_tab ul li a{font-size:12px;}
}
.sub_con{overflow:hidden; margin:30px 0; }
	.sub_con .sub_1_1{background:url(/images/sub/sub_1_center_bg.jpg) no-repeat center;}
	.sub_con .sub_1_1 .sub_hlf_tb{background-color:rgba(122,186,204,.9); text-align:center; color:#fff; background-size:100%; display:table; width:50%; height:100%;  min-height:540px; margin:0 auto;}
	.sub_con .sub_1_1 .sub_hlf_tb .table_cell p.t1{font-size:5em; font-family:"Times New Roman";}
	.sub_con .sub_1_1 .sub_hlf_tb .table_cell p.t2{font-size:1em;}
	.sub_con .sub_1_1 .sub_hlf_tb .table_cell p.t3{font-size:1.5em; margin-bottom:20px; }
	.sub_con .sub_1_1 .sub_hlf_tb .table_cell p.t4{max-width:471px; padding:0 15px; display:inline-block;}
	.sub_1_1_2{margin-top:80px;}
	.sub_1_1_2 img{display:block; max-width:961px; margin:0 auto;}
	.sub_1_1_2 h2{text-align:center; font-size:2em;line-height:80px; font-weight:bold;}
	.sub_1_1_2 h2 span{color:#7abacc;}
	.sub_con_1_bg{background:url(/images/sub/sub_1_1_con_bg.jpg) no-repeat; background-attachment:fixed; padding:100px 0; background-size: cover;}
	.sub_con_1_bg p{text-align:center; color:#fff; font-size:1.5em;}
	.sub_con_1_bg p span{font-size:.7em;}
	.sub_con_2_bg{background:url(/images/sub/sub_1_2_con_bg.jpg) no-repeat; background-attachment:fixed; padding:100px 0; background-size: cover;}
	.sub_con_2_bg p{text-align:center; color:#fff; font-size:1.5em;}
	.sub_con_2_bg p span{font-size:.7em;}
.care_system_con_2{overflow:hidden;}
	.care_system_con_2 .sys_con_1_tit p{font-size:3em; font-weight:bold; font-family:"Times New Roman"; text-align:center; line-height:30px;}
	.care_system_con_2 .sys_con_1_tit p span{font-size:.4em;}
	.care_system_con_2 .sys_con_1_tit .sys_con_1_list{margin-top:10px;}
	.care_system_con_2 .sys_con_1_tit .sys_con_1_list li{padding-left:65px; font-size:1.2em;}
	.sys_con_2_list{}
	.sys_con_2_list p {padding-left:40px; position:relative; border-bottom:1px dashed #ddd; padding-top:15px; padding-bottom:15px; font-size:18px; font-weight:bold;}
	.sys_con_2_list p i{left:5px; top:15px;font-size:30px; position:absolute;}
	.sys_con_2_list p span{font-size:14px; font-weight:100;}
.care_system_con_3 {margin-bottom:40px;}
.care_system_con_3_1{margin-top:40px; background-color:#f2f2f2; padding:15px;}
	.care_system_con_3_1 h3{text-align:center; font-size:1.5em; font-weight:bold; padding-bottom:10px; padding:20px 0;}
	.care_system_con_3_1 h3 span{font-size:11px; color:#ababab; margin-bottom:10px; display:inline-block; text-transform:uppercase;}
	.care_system_con_3_1 > p{text-align:center; font-size:1.1em; margin-top:10px; padding:0 15px;}
	.care_system_con_3_1 ul{margin-top:10px;}
	.care_system_con_3_1 ul li {margin-top:20px; border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; min-height:130px;}
	.care_system_con_3_1 ul li:first-child{border:1px solid #ddd;}
	.care_system_con_3_1 ul li h4{font-size:1.3em; font-weight:600; background-color:#b5b5b5; padding:20px 10px; color:#fff;}
	.care_system_con_3_1 ul li p{margin-top:10px; padding:8px;}
	.care_system_con_3_1 ul li p i{font-size:9px;}
	.care_system_next{text-align:center;}
	.care_system_next i{display:inline-block; margin:0 auto; font-size:30px; color:#262626; margin-top:30px;}
@media(max-width:767px){
	.sub_con .sub_1_1{background-size:250%;}
	.sub_con .sub_1_1 .sub_hlf_tb{ width:100%; min-height:320px;}
	.sub_con .sub_1_1 .sub_hlf_tb .table_cell p.t1{font-size:2.5em;}
	.sub_1_1_2{margin-top:40px;}
	.sub_1_1_2 h2{font-size:12px;}
	.sub_con_1_bg{padding:40px 0; background-attachment:inherit; }
	.sub_con_1_bg p{font-size:1em;}
	.sub_con_1_bg p span{font-size:.7em;}
	.sub_con_2_bg{padding:40px 0; background-attachment:inherit; }
	.sub_con_2_bg p{font-size:1em;}
	.sub_con_2_bg p span{font-size:.7em;}
	.care_system_con_2{margin-bottom:40px;}
	.care_system_con_2 .sys_con_1_tit p{font-size:24px; line-height:20px;}
	.care_system_con_2 .sys_con_1_tit .sys_con_1_list li{padding-left:20px; padding-right:0; font-size:.75em;}
	.sys_con_2_list p {font-size:14px;}
	.sys_con_2_list p span{font-size:12px;}
	.care_system_con_3_1 ul li {border:1px solid #ddd;}
	.care_system_con_3_1 ul li h4{font-size:1em; font-weight:600;}
	.care_system_con_3_1 > p{font-size:12px;}
	.care_system_con_3_1 ul li p{font-size:12px;}
}
.sub_con_box{}
	.sub_con_title{overflow:hidden; margin:60px 0 20px 0; }
	.sub_con_title .sub_con_title_b{font-weight:bold; font-size:35px; line-height:65px; float:left;}
	.sub_con_title .sub_con_title_line{width:1px; height:65px; background-color:#ddd; margin:0 25px; display:block; float:left;}
	.sub_con_title .sub_con_title_name h4{font-size:20px; color:#565656; line-height:40px;}
	.sub_con_title .sub_con_title_name p {padding:0 15px;}
	.sub_con_title .sub_con_title_name span img{width:150px !important; float:left;}

.sub_ins_gal *{transition:none;}
	.sub_ins_gal h2{font-size:35px; line-height:80px; font-family:"Times New Roman"; text-align:center;}
	.sub_ins_gal img{width:100% !important;}
	.sub_ins_gal .slider-nav{margin-top:20px;}
	.sub_ins_gal .slider-nav div{margin:0 10px;}
	.sub_ins_gal .slider-nav div img{opacity:.4;}
	.sub_ins_gal .slider-nav .slick-center img{opacity:1 !important; }
	.sub_ins_gal .slider-nav img{outline:0;}
.sub_ins_pro{overflow:hidden; }
	.sub_ins_pro .ins_pr_pt img{border:1px solid #ddd; width:100%;}
	.ins_pr_info{padding-top:5px;}
	.sub_ins_pro .ins_pro_tit_1{font-family:"Times New Roman"; font-size:20px; letter-spacing:8px; text-align:left; color:#969696;}
	.sub_ins_pro h3{font-family:"Times New Roman"; font-size:30px; margin:10px 0; text-align:left;}
	.sub_ins_pro .ins_pro_name{font-size:50px; font-weight:100; text-align:left; border-bottom:1px solid #ddd;}
	.sub_ins_pro .ins_pro_txt{font-size:16px; color:#767676; line-height:28px; font-weight:300; width:100%; padding-right:10px; padding-top:20px;}
	.sub_ins_pro .ins_pro_profile{font-size:12px; color:#767676; line-height:18px; font-weight:300; position:relative;}
	.sub_ins_pro .ins_pro_profile h3{padding-bottom:5px; border-bottom:1px solid #ddd;}
	.sub_ins_pro .ins_pro_profile *{transition:none;}
	.sub_ins_pro .ins_pro_profile ul {width:100%;}
	.sub_ins_pro .ins_pro_profile ul li{margin-bottom:5px; line-height:18px; border-bottom:1px dashed #ddd; padding:5px 0; line-height:35px;}
	.sub_ins_pro .ins_pro_profile .ins_pro_profile_li_btn{position:absolute; z-index:2; right:0; top:0;}
	.sub_ins_pro .ins_pro_profile .ins_pro_profile_li_btn button{background-color:#262626; border:none; color:#fff; padding:5px 10px; outline:none; margin-left:2px; width:100; float:left;}
	.sub_ins_pro .ins_pro_profile .ins_pro_profile_li_btn button:hover{background-color:#20bdf0;}

	.sub_con_box .sub_con_14{overflow:hidden;}
	.sub_con_box .sub_con_14 h4{font-size:25px; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:10px; margin-top:50px; font-weight:600; color:#20bdf0;}
	.sub_con_box .sub_con_14 p{line-height:40px; font-size:16px;}
	.sub_con_box .sub_con_14 .m_br{display:none;}
	.sub_con_box .sub_con_14 span{font-size:12px; color:#a3a3a3;}
	.sub_con_box .sub_con_14 img{width:350px;}

.lesson_cost h2{font-family:"Times New Roman"; font-size:50px; text-align:center; text-transform: uppercase; border-bottom:1px solid #baa18b; padding-bottom:10px; max-width:400px; margin:0 auto; margin-bottom:20px;}
	.lesson_cost h3{font-family:"Noto Sans Korean", 맑은 고딕, sans-serif; font-size:30px; text-align:center; font-style:normal; font-weight:bold; line-height:65px; text-transform: uppercase; margin-top:40px;}
	.lesson_cost h4{font-family:"Noto Sans Korean", 맑은 고딕, sans-serif; font-size:16px; text-align:center; font-style:normal; font-weight:bold; line-height:45px; text-transform: uppercase; }
	.lesson_cost p{font-family:"Noto Sans Korean", 맑은 고딕, sans-serif; font-size:16px; text-align:center; font-style: normal; line-height:35px; text-transform: uppercase; margin:10px 0 10px;}
	.lesson_cost table thead tr{border-top:2px solid #000;}
	.lesson_cost table thead tr th:last-child{border-right:none;}
	.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {vertical-align:middle;}
	.lesson_cost table th{text-align:center; border-right:1px solid #ddd; color:#7a6c5f;}
	.lesson_cost table td{ line-height:100%; text-align:center; color:#000; }
	.lesson_cost table tbody td .sale{color:red;}
	.lesson_cost table tbody td .one_price{font-size:12px; color:#343434;}
	.lesson_cost .beginner_course{padding-right:15px !important;}
	.lesson_cost .beginner_course > div{text-align:center; font-size:24px; background-color:#fff; border:1px solid #ddd; padding:58px 0;}
	.lesson_cost .beginner_course p{border-bottom:2px solid #343434; margin-top:20px; font-size:20px; line-height:30px;}
	.lesson_cost .beginner_course p span{float:right !important; font-size:12px;}
	.lesson_cost .happy_time p{font-size:20px; margin-top:20px; line-height:30px;}
	.lesson_cost .happy_time p span{float:right;  font-size:12px;}
	.lesson_cost_m{display:none;}
	.lesson_cost_pc table {width:1000px; margin:auto;}
	.lesson_cost_pc table td{padding:20px 0 !important;}

.comment{font-family:"Noto Sans Korean", 맑은 고딕, sans-serif; font-size:14px; text-align:left; background-color:#f4f4f4; max-width:1000px; margin:40px auto 10px; padding:20px 20px; line-height:30px;}



.sub_wedding_con{background-color:#edeeef;}
	.sub_wedding_con .sub_wedding_tit_img{position:relative; text-align:center; padding-top:100px; overflow:hidden;}
	.sub_wedding_con .sub_wedding_tit_img h3{position:absolute; top:20px; left:50%; font-size:28px; margin-left:-150px;}
	.sub_wedding_con .sub_wedding_tit_img h3 span{font-family:"Times New Roman"; font-size:35px; color:#d6a495;}
	.sub_wedding_con .evnet_price_box{overflow:hidden; text-align:center; margin-top:-250px;}
	.sub_wedding_con .evnet_price_box h4{background-color:#fff; padding:20px 0; font-size:45px; font-family:"Times New Roman"; border-radius:30px; color:#d6a495;}
	.sub_wedding_con .evnet_price_box h5{background-color:#fff; padding:20px 0; font-size:25px; border-radius:30px;}
	.sub_wedding_con .evnet_price_box h5 span{font-size:14px; color:#969696;}
	.sub_wedding_con .evnet_price_box .wedding_basic_course{padding:20px 150px;}
	.sub_wedding_con .evnet_price_box .wedding_basic_course table{margin-top:20px; border-bottom:1px solid #ddd;}
	.sub_wedding_con .evnet_price_box .wedding_basic_course .wedding_basic_course_t1{padding:20px 0; font-size:16px; font-weight:bold;}
	.sub_wedding_con .evnet_price_box .wedding_basic_course .wedding_basic_course_t2{padding:20px 0; font-size:15px; font-weight:bold;}


@media(max-width:767px){
	.sub_ins_gal h2{font-size:20px;}
	.sub_ins_pro .ins_pro_tit_1{font-size:16px; line-height:24px;  letter-spacing:5px; text-align:center;}
	.sub_ins_pro .ins_pro_name{font-weight:100; text-align:center; font-size:25px;}
	.ins_pr_info{padding-top:20px;}
	.sub_con_title{margin-top:30px;}
	.sub_ins_pro .ins_pro_txt{font-size:12px; line-height:18px;}
	.ins_pro_profile_list{height:250px !importnat; overflow:hidden;}
	.sub_ins_pro .ins_pro_profile h3{text-align:center;}
	.sub_ins_pro .ins_pro_profile ul li{line-height:16px; padding:10px 0;}
	.sub_con_title .sub_con_title_b{font-size:30px; display:block; margin:0 auto; float:none; text-align:center;}
	.sub_con_title .sub_con_title_line{height:1px; width:50px; display:block; margin:10px auto; float:none;}
	.sub_con_title .sub_con_title_name h4{font-size:14px; text-align:center; line-height:24px;}
	.sub_con_title .sub_con_title_name span img{float:none; margin:0 auto; display:block;}
	.sub_con_box .sub_con_14 h4{font-size:18px; margin-top:20px; padding-bottom:5px;}
	.sub_con_box .sub_con_14 p{line-height:16px; font-size:12px;}
	.sub_con_box .sub_con_14 .m_br{display:block;}
	.sub_con_box .sub_con_14 img{width:100%;}
	.sub_con_box .sub_con_14 span{display:none;}
	.lesson_cost_pc{display:none;}
	.lesson_cost_m{display:block;}
	.lesson_cost h2{font-size:24px;}
	.lesson_cost h3{font-size:20px; margin-top:10px;}
	.lesson_cost table td{font-size:12px; padding:10px 0 !important; border-right:1px solid #ddd;}
	.lesson_cost table th{background-color:#ddd; padding:10px 0; border-right:1px solid #fff; color:#000;}
	.lesson_cost table tr td:first-child{border-right:1px solid #ddd; }
	.lesson_cost table tbody{border-bottom:1px solid #ddd;}
	.lesson_cost .beginner_course{padding:0 !important;}
	.lesson_cost .beginner_course > div{text-align:center; font-size:16px; background-color:#fff; border:1px solid #ddd; padding:10px 0; font-weight:bold;}
	.lesson_cost .beginner_course p{font-size:16px;}
	.lesson_cost .happy_time p{font-size:16px;}




	.sub_wedding_con .sub_wedding_tit_img{padding-top:60px;}
	.sub_wedding_con .sub_wedding_tit_img h3{top:20px; left:50%; font-size:14px; margin-left:-75px;}
	.sub_wedding_con .sub_wedding_tit_img h3 span{ font-size:12px; color:#d6a495;}
	.sub_wedding_con .evnet_price_box {margin-top:-50px;}
	.sub_wedding_con .evnet_price_box .wedding_basic_course{padding:15px;}
	.sub_wedding_con .evnet_price_box h4{font-size:24px;}
	.sub_wedding_con .evnet_price_box h5{font-size:16px;}

}
#bo_v_img img{width:90%; display:block; margin:0 auto;}
#bo_v_con iframe{width:100%; height:500px;display:block; margin:0 auto;}
@media(max-width:767px){
	#bo_v_con iframe{width:100%; height:250px;display:block; margin:0 auto;}
}
@media(max-width:550px){
	#hd_pops_1 {left:25px !important;width:calc(100% - 50px);}
	.hd_pops_con {width:100% !important;height:auto !important;}
	.hd_pops_con p {font-size:0;}
	.hd_pops_con p img {width:100%;}
	.hd_pops_footer button {font-size:1rem;}
}
.pc{display:block !important;}
.mobile{display:none !important;}
@media(max-width:767px){
	.pc{display:none !important;}
	.mobile{display:block !important;}
}
/* 팝업 css */

#hd_pop {
    margin: 0 auto;
    width: 970px;
    height: 0;
	display: none;
}
#hd_pop h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
.hd_pops {
    position: absolute;
    border: 1px solid #e9e9e9;
    background: #fff;
	z-index:999999;
}
.hd_pops_footer {
    padding: 10px 0;
    background: #000;
    color: #fff;
    text-align: right;
}
.hd_pops_footer strong {display:inline-block;}
.hd_pops_footer button {
    margin-right: 5px;
    padding: 5px 10px;
    border: 0;
    background: #393939;
    color: #fff;
}
.hd_pops_footer button {
    margin-right: 5px;
    padding: 5px 10px;
    border: 0;
    background: #393939;
    color: #fff;
}