@charset "utf-8";
/* CSS Document */


/* CSS Information ----------------------------------------

Site Name : 최고급형 E
Part :
Last edit : 2022
Author : Gautech

관련폰트 :
font-family: 'Noto Sans KR', sans-serif; (100,300,400,500,700,900)
font-family: 'OmniGothic', sans-serif; (400)
font-family: 'Roboto', sans-serif; (100,300,400,500,700,900)
font-family: 'Noto Serif KR', serif; (100,300,400,500,700,900)

--------------------------------------------------------- */




/* 메인 내용 공통 */

section { }
section>article { width:100%;}
.contents_box_1600 { position:relative; width:100%; max-width:1600px; height:100%; margin:0 auto;}
.contents_box_100p50 { position:relative; width:100%; height:100%; margin:0 auto; padding:0 50px;}
.contents_box_100p { position:relative; width:100%; height:100%; margin:0 auto;}
.contents_box_100p.bg { background: url(/images/main/cont1_box01_photo_bg.jpg) no-repeat center; background-size: cover;}
.contents_box_1600:after { display:block; content:""; clear:both;}
.contents_box_100p50:after { display:block; content:""; clear:both;}
.contents_box_100p:after { display:block; content:""; clear:both;}
.contents_box_title { font-size:48px; font-weight:700; margin:110px auto 20px auto; line-height:1.2; letter-spacing:-0.02em;}
.contents_box_title>span { color:#3a74c0;}
.contents_box_txt { font-size:16px; margin:0 auto 60px auto; line-height:1.4; color:rgba(0,0,0,0.7);}
.contents_box_title2 { font-size:36px; font-weight:700; margin:90px auto 0 auto; line-height:1.2; letter-spacing:-0.02em;}
.contents_box_title2>span { color:#3a74c0;}
.contents_box_txt2 { font-size:15px; margin:0 auto 50px auto; line-height:1.4; color:rgba(0,0,0,0.7);}

.top_fbtn { display:none;}




/* 메인 오른쪽 메뉴 */

.right_nav { position:fixed; left:80px; z-index:90;}
.right_nav>nav {}
.right_nav>nav>.gnb {}
.right_nav>nav>.gnb>li { margin:10px auto;}
.right_nav>nav>.gnb>li>a { display:block; text-indent:-9999px; height:12px; width:12px; background-color:rgba(208,208,208,0.5); border-radius:6px; opacity:0.7; margin:0 auto; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.right_nav>nav>.gnb>li>a:hover,
.right_nav>nav>.gnb>li.on>a { width:16px; height:16px; border-radius:8px; background-color:#f26722; opacity:1;}



/* 상단, 비주얼 */

section>.cont0 { position:relative;top:160px; width:100%; height:505px;}
section>.cont0:after { display:block; content:""; clear:both;}

section>.cont_mv {}
.main_slide { top:0px; max-width:1000px; max-height:505px; width:calc(62.5% - 10px); height:100%; margin-right: 10px; /*min-height:800px;*/ position:relative; z-index:1; border: solid 1px #e5e5e5;}
.main_slide img { object-fit: cover;width: 100%;height: 100%;}
.main_slide_p { display:inline-block;}
.main_slide_t { display:none;}
.main_slide_m { display:none;}
.main_pop_area { position:relative;display:inline-block;top:0px; max-width:600px; height:100%; width:calc(37.5% - 10px); float:right; /*min-height:800px;*/ position:relative; z-index:1; margin-left: 10px;}
.main_pop_area img { object-fit: cover;width: 100%; height: 321px;}
.main_pop { margin-top:0px; border: solid 1px #e5e5e5;}

.main_login_top { display:flex;width: calc(100% - 80px);height: 50px;margin:45px 40px 0 40px; border-bottom: solid 1px #8991a3;}
.main_login_bot { display:flex;width: calc(100% - 80px);height: 50px;margin:0px 40px 17px 40px; }
.main_login_bot img { width: 2px;height: 2px; margin-right: 10px; }
.main_login_bot .main_login-txt1, .main_login_bot .main_login-txt2 {display: flex;align-items: center;float:left;color:#ffffff; }
.main_login_bot .main_login-txt1 {margin-right:20px; }

.main_login { width: 100%;margin-top:20px; border: solid 1px #e5e5e5;background-color: #122246;}
.main_login .main_login-dp1 img { display: inline-block;float: left;width:95px; height: 26px;}
.main_login .main_login-dp2 { display: inline-block;float: left;height: 26px; }
.main_login .main_login-dp2 input::placeholder {
    color: #b0b0b0;
}
.main_login .main_login-dp2 input:focus {outline:none;}
.main_login .main_login-dp2 input {
	width:100%;
	height:30px;
	color: #b0b0b0;
	background-color: #ffffff;
	border: 1px solid #ffffff;
}
.main_login .main_login-dp3 {
	display: inline-block;float: left;
}
.main_login .main_login-dp3 input {
	width:83px;
	height:30px;
	color: #ffffff;
	background-color: #156eac;
	border: 1px solid #156eac;
}

.main_login .main_login-dp1  { flex:1.5;padding-right: 10px;}
.main_login .main_login-dp2  { flex:2;padding-right: 10px; color:#ffffff;}
.main_login .main_login-dp3  { flex:1;}
/*.main_login .main_login-txt1  { flex:1.5;}
.main_login .main_login-txt2  { flex:4;}*/



.main_slide_video { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); min-width:101%; min-height:101%;}
.main_slide_video_msk { background-color:rgba(0,0,0,0.4); background-image:url(/images/main/mask.png); background-repeat:no-repeat; background-position:50% 0%; background-size:100% auto; width:100%; height:100vh; min-height:800px; position:absolute; top:0; left:0; z-index:50;}

.main_vtxt1 { position:absolute; bottom:25px; padding-right: 25px; left:0;z-index:150; text-align:right; width:100%; line-height:1.2;}
.main_vtxt_t1 { color:rgba(255,255,255,1.0); letter-spacing:0.1em; font-size:18px; font-weight:500; margin:0 0 20px 0;}
.main_vtxt_t2 { color:rgba(255,255,255,1.0); letter-spacing:-0.02em; font-size:50px; font-weight:700; margin:0 0 20px 0;}
.main_vtxt_t2>span { display:block;}
/*.main_vtxt_t2 .gradation { background: linear-gradient(to right,#f2ee8b,#c1ed95,#f3e488,#edf387,#eb9bbd,#eb9bbd,#eb9bbd,#eb9bbd); -webkit-background-clip: text; background-clip: text; color: transparent;}*/
.main_vtxt_t3 { color:rgba(255,255,255,1.0); letter-spacing:-0.02em; font-size:18px; font-weight:300; margin:0 0 20px 0;}
.main_vtxt_t3>span { display:block;}

/* Main scroll icon */
.main-scroll-icon-wrap { position: absolute; bottom:160px; left:80px; z-index:90; padding-top:30px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; opacity:1;}
.main-scroll-icon-box { position:absolute; top:30px; overflow:hidden; width:12px; height:160px; z-index:9; margin:0 auto;}
.main-scroll-icon { display:block; position:relative; width:2px; height:160px; background-color:rgba(255,255,255,0.4); z-index:9; margin:0 auto;}
.main-scroll-icon::after { display: block; content: ""; width: 2px; height: 30px; border-radius:2px; background: #f26722; position: absolute; top: 0; left: 0; animation: scroll_ani 2s infinite;}
@keyframes scroll_ani {
    0%, 20% { top: -30px;}
	100% { top: 100%;}
}
.main-scroll-icon-txt { display:block; width:80px; text-align:left; position:absolute; top:0; font-family: 'Roboto', sans-serif; font-weight:300; font-size:12px; color:rgba(255,255,255,0.8); letter-spacing:0;}
.main-scroll-icon-wrap-none { opacity:0;}

.tabs1_area{
    display: inline-block;
    float: left;
	width: 35%;
	height: 330px;
	border: solid 1px #e5e5e5;
}
.tabs1_area .more{
	position:relative;
	top: 20px;
	left: calc(100% - 57px);

}
.tabs1_area .b-list{
	padding: 35px 40px 10px 40px;
}
.tabs1_area .b-list li{
	height:28px;    
	text-align: left;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tabs1_area .b-list img{
	vertical-align: middle;
}   
.tabs1_area .b-list .li-icon{
	padding-right: 10px;
}   
.tabs1_area .b-list .main-new{
	padding-left: 10px;
}    


.tabs1_area .b-list .title {
	display: block;text-overflow:ellipsis;overflow: hidden;white-space: nowrap; padding-right: 80px;
}
.tabs1_area .b-list .dtime {
	position: absolute;right: 0;top: 0;
}

.tabs2_area .b-list .title {
	display: block;text-overflow:ellipsis;overflow: hidden;white-space: nowrap; padding-right: 80px;
}
.tabs2_area .b-list .dtime {
	position: absolute;right: 0;top: 0;
}


ul.tabs1{
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none;   
	display: inline-block;
}
ul.tabs1 li{
	width: 33.333333%;
	background: none;
	color: #999;   
	font-size: 16px;
	display: inline-block;
	padding: 10px 15px;
	cursor: pointer;
	text-align:center;
	background: #ebebeb;
	border-top: solid 4px #ebebeb;
}

ul.tabs1 li.current{
	width: 33.333333%;
	background: #fff;
	font-size: 16px;
	color: #222;    
	text-align:center;
	border-top: solid 4px #4f99cb;
}

.tab-content1{
	width: 100%;
	display: none;  
	padding: 15px 0;
}

.tab-content1.current{
	display: inherit;
}

.tabs2_area{
	margin-left:20px;
    display: inline-block;
    float: left;
	width: 35%;
	height: 330px;
	border: solid 1px #e5e5e5;
}
.tabs2_area .more{
	position:relative;
	top: 20px;
	left: calc(100% - 57px);

}
.tabs2_area .b-list{
	padding: 35px 40px 10px 40px;
}
.tabs2_area .b-list li{
	height:28px;
	text-align: left;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tabs2_area .b-list img{
	vertical-align: middle;
}   
.tabs2_area .b-list .li-icon{
	padding-right: 10px;
}   
.tabs2_area .b-list .main-new{
	padding-left: 10px;
}    


ul.tabs2{
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none;   
	display: inline-block;
}
ul.tabs2 li{
	width: 50%;
	background: none;
	color: #999;   
	font-size: 16px;
	display: inline-block;
	padding: 10px 15px;
	cursor: pointer;
	text-align:center;
	background: #ebebeb;
	border-top: solid 4px #ebebeb;
}

ul.tabs2 li.current{
	width: 50%;
	background: #fff;
	font-size: 16px;
	color: #222;    
	text-align:center;
	border-top: solid 4px #4f99cb;
}

.tab-content2{
	width: 100%;
	display: none;  
	padding: 15px 0;
}

.tab-content2.current{
	display: inherit;
}

.book_area{
	margin-left:20px;
    display: inline-block;
    float: left;
	width: calc(30% - 40px);    
	height: 330px;
	border: solid 1px #e5e5e5;
}
.book_list{
    width: 50%;
    display: inline-block;
    float: left;
}
.book_list:nth-child(1){
    padding-right: 5px;
}
.book_list:nth-child(2){
    padding-left: 5px;
}
.book_list img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.book_list span{
    display: block;
	text-align:center;
	font-size: 14px;
	color: #222;   
    padding-top: 20px; 
}
.book_box{
	
    padding: 30px;
}

.gallery_wrap{
    display: inline-block;
    float: left;
	width: 100%;    
	height: auto;
	border: solid 1px #e5e5e5;
}
.gallery_area{
    display: inline-block;
    float: left;
	width: 20%;    
	height: 100%;    
	padding: 40px 40px;
}
.gallery_tit{
    font-size: 30px;
    font-weight: 500;
	color: #222; 
	padding-bottom: 10px;  
}

.gallery_cont_txt{
    font-size: 14px;
    font-weight: 400;
	color: #222;  
	padding-bottom: 40%;   
}
.gallery_slick{
    display: inline-block;
    float: left;
	width: 80%;    
	height: 100%;    
	padding: 40px 80px 10px 40px;
}
.gallery_slick div .ga-tt{
    position: relative;
    display: block;
    float: left;
	width: 100%;       
	bottom: 31px;
	height: 100%;    
	padding:5px 0 ;    
	color: #fff;
	text-align:center;
	background-color:rgba(0,0,0,0.7);
}
.responsive2 .slider .slick-list {
    margin:0 -10px;
}

.responsive2 .slick-slide {
    margin:0 10px;
}
.responsive2 .slick-slide img {
    display: block;
    width: 100%;
}


.responsive3 .slider .slick-list {
    margin:0 -40px;
}

.responsive3 .slick-slide {
    margin:0 50px;
}
.responsive3 .slick-slide img {
    display: block;
    width: 100%;
}

.responsive3.slick-slider {
    padding: 40px 40px;
}

.banner_wrap{
    display: inline-block;
    float: left;
	width: 100%;    
	height: auto;
	border: solid 1px #e5e5e5;
}
.banner_area{
    display: inline-block;
    float: left;
	width: 20%;    
	height: 100%;    
	padding: 40px 40px;
}
.banner_slick{
    display: inline-block;
    float: left;
	width: 80%;    
	height: 100%;    
	padding: 40px 80px 10px 40px;
}
.banner_tit{
    font-size: 30px;
    font-weight: 500;
	color: #222; 
}


/* cont1 */

section>.cont1 { position:relative; height:100%; padding:180px 0 0 0; background-color:#fff; overflow:hidden;}
section>.cont1:after { display:block; content:""; clear:both;}

.responsive1 { /*position:absolute; top:50%; margin-top:-360px; width:100%; height:auto;*/}
.responsive1 .slick-slide img {
    display: inline-block;
}
.sliding_menu { position:relative; padding:0;}
.sliding_menu_box { display:block; width:100%; height:639px; margin:0 auto; position:relative;}

.sliding_menu_txt_wrap { position:absolute; top:0; left:0; width:100%; height:100%; padding:0 130px; text-align:left;}
.sliding_menu_title { font-size:20px; font-weight:500; margin-bottom:10px; width:40%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.sliding_menu_title2 { font-size:60px; font-weight:700; letter-spacing:-0.04em; width:40%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.sliding_menu_title2 span { font-size:60px; font-weight:700; color:#d76e22; letter-spacing:-0.04em; width:40%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.sliding_menu_txt { font-size:20px; color:rgba(0,0,0,0.5); width:40%; margin-bottom:40px;}
.sliding_menu_btn { display:inline-block; background-color:rgba(255,255,255,1); color:rgba(0,0,0,0.5); font-size:18px; padding:10px 60px; border:1px solid rgba(0,0,0,0.3);}
.sliding_menu_btn.t-20 { display:inline-block; background-color:rgba(255,255,255,1); color:rgba(0,0,0,0.5); font-size:18px; padding:10px 40px; border:1px solid rgba(0,0,0,0.3); margin-top: 20px;}
.sliding_menu_btn.t-20.l-5 { display:inline-block; background-color:rgba(255,255,255,1); color:rgba(0,0,0,0.5); font-size:18px; padding:10px 40px; border:1px solid rgba(0,0,0,0.3); margin-top: 20px; margin-left: 5px;}
.sliding_menu_btn:hover { color:rgba(0,0,0,0.9) !important;}
.sliding_menu_photo { position:absolute; left:50%; top:0; box-shadow:50px 50px 0 rgba(0,0,0,0.0);}
.sliding_menu_photo>img { display:inline-block !important; width:100%; height:auto; max-width:808px;}

/* 좌우 화살표 */
.responsive1 .slick-prev { position:absolute; left:130px; bottom:255px; background-image: url(/images/icon/btn_left4.jpg); width:26px; height:17px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.responsive1 .slick-next { position:absolute; left:170px; bottom:255px; background-image: url(/images/icon/btn_right4.jpg); width:26px; height:17px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.responsive1 .slick-prev:hover, .responsive1 .slick-prev:focus, .responsive1 .slick-next:hover, .responsive1 .slick-next:focus {opacity: 1;}

/* 페이저 */
.responsive1 .slick-dots { position: absolute; display: inline-block; width:100%; left:50%; margin-left:-50%; top: 20px; padding-right: 40px; text-align: right;}
.responsive1 .slick-dots li { position: relative; display: inline-block; width:30px; margin: 0; cursor: pointer; line-height:39px;}
.responsive1 .slick-dots li button { display: inline-block; width: 18px; height: 18px; cursor: pointer; background-color:#fff; opacity: 0.6; text-indent:-9999px; vertical-align:middle; border:none !important;border-radius: 50%;}
.responsive1 .slick-dots li.slick-active button, .responsive1 .slick-dots li button:hover, .responsive1 .slick-dots li button:focus { opacity: 1; width: 18px; height: 18px; background-color:#f1592a;border-radius: 50%;}



/* cont2 */

section>.cont2 { position:relative; height:100%; padding:20px 0 0 0; overflow:hidden; text-align:left;}
section>.cont2:after { display:block; content:""; clear:both;}

.cont2_box_table { width:100%; height:100%; display:table; padding:0; color:rgba(255,255,255,1);}
.cont2_box_table_cell { display:table-cell; vertical-align:middle; width:100%;}
.cont2_box_table_cell_in1 { width:100%; height:60%; background-image:url(/images/main/cont2_bg1.jpg); background-size:cover; background-position:center; padding:120px 120px 0 120px;}
.cont2_box_table_cell_in2 { width:100%; height:40%; background-color:#176698; font-size:0;}

.cont2_box_in1_txt1 { font-size:20px; line-height:1.2; font-weight:700; padding-bottom:20px;}
.cont2_box_in1_txt2 { font-family: 'OmniGothic', sans-serif; font-size:60px; font-weight:500; padding-bottom:10px;}
.cont2_box_in1_txt3 { font-size:24px; line-height:1.2; padding-bottom:30px;}
.cont2_box_right_btn { display:inline-block; width:31px; height:31px;}

.cont2_box_in2_left { display:inline-block; vertical-align:top; width:50%; height:100%; background-image:url(/images/main/cont2_bg2.jpg); background-size:cover; background-position:center;}
.cont2_box_in2_right { display:inline-block; vertical-align:top; width:50%; height:100%; padding:100px 100px 0 100px;}
.cont2_box_in2_txt1 { font-family: 'OmniGothic', sans-serif; font-size:36px; font-weight:500; padding-bottom:10px;}
.cont2_box_in2_bar { width:35px; height:4px; background-color:rgba(255,255,255,0.8); margin-bottom:20px;}
.cont2_box_in2_txt2 { font-size:20px; line-height:1.2; color:rgba(255,255,255,0.5);}
.cont2_box_in2_txt2 span { display: block;}



/* cont3 */

section>.cont3 { position:relative; height:100vh; padding:90px 0 0 0; background-color:#fff; overflow:hidden;}
section>.cont3:after { display:block; content:""; clear:both;}

.cont3_box { position:absolute; top:50%; margin-top:-230px; left:0; width:100%; font-size:0;}

.sliding2_menu_txt_box { position:absolute; top:0; left:0; width:38%; height:auto; padding:0 80px 0 130px; text-align:left; z-index:10;}
.sliding2_menu_title { font-size:20px; font-weight:500; margin-bottom:10px; width:100%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.sliding2_menu_title2 { font-size:60px; font-weight:700; letter-spacing:-0.04em; width:100%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.sliding2_menu_txt { font-size:20px; color:rgba(0,0,0,0.5); width:100%; margin-bottom:40px;}
.sliding2_menu_btn { display:inline-block; background-color:rgba(0,0,0,0.9); color:rgba(255,255,255,0.8); font-size:18px; padding:10px 60px;}
.sliding2_menu_btn:hover { color:rgba(255,255,255,1) !important;}

.sliding2_menu { padding:15px; text-align:left;}
.sliding2_menu_box { background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.sliding2_menu_box_photo { width:100%; height:250px; background-position:center; background-size:cover;}
.sliding2_menu_box_title { font-size:20px; padding:30px 30px 10px 30px;}
.sliding2_menu_box_txt { font-size:18px; padding:0 30px 40px 30px; font-weight:500; color:rgba(0,0,0,0.35);}

/* 좌우 화살표 */
.responsive2 .slick-prev { position:absolute; left:0px; bottom:150px; background-image: url(/images/icon/main-left-arrow.png); width:15px; height:29px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.responsive2 .slick-next { position:absolute; right:40px; bottom:150px; background-image: url(/images/icon/main-right-arrow.png); width:15px; height:29px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.responsive2 .slick-prev:hover, .responsive2 .slick-prev:focus, .responsive2 .slick-next:hover, .responsive2 .slick-next:focus {opacity: 1;}

.responsive3 .slick-prev { position:absolute; left:0px; bottom:45px; background-image: url(/images/icon/main-left-arrow.png); width:15px; height:29px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.responsive3 .slick-next { position:absolute; right:40px; bottom:45px; background-image: url(/images/icon/main-right-arrow.png); width:15px; height:29px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.responsive3 .slick-prev:hover, .responsive3 .slick-prev:focus, .responsive3 .slick-next:hover, .responsive3 .slick-next:focus {opacity: 1;}

/* 페이저 */
.responsive2 .slick-dots { position: absolute; display: inline-block; width:100%; left:50%; margin-left:-50%; bottom: 0; text-align: center;}
.responsive2 .slick-dots li { position: relative; display: inline-block; width:70px; margin: 0; cursor: pointer; line-height:39px;}
.responsive2 .slick-dots li button { display: inline-block; width: 60px; height: 4px; cursor: pointer; background-color:#000; opacity: 0.2; text-indent:-9999px; vertical-align:middle; border:none !important;}
.responsive2 .slick-dots li.slick-active button, .responsive2 .slick-dots li button:hover, .responsive2 .slick-dots li button:focus { opacity: 1; width: 60px; height: 4px; background-color:#3a74c0;}



/* cont4 */

section>.cont4 { position:relative; padding:80px 0 0 0; overflow:hidden; text-align:center; background-image:url(/images/main/cont4_bg.jpg); background-size:cover; background-position:center;}
section>.cont4:after { display:block; content:""; clear:both;}

.cont4_box { position:absolute; top:50%; margin-top:-300px; width:100%; height:600px; padding:0 120px;}

.cont4_box_title { font-size:20px; font-weight:500; line-height:1.2; margin-bottom:20px; color:rgba(255,255,255,0.8);}
.cont4_box_title2 { font-family: 'OmniGothic', sans-serif; font-size:48px; font-weight:500; margin-bottom:10px; color:rgba(255,255,255,0.9);}
.cont4_box_txt { font-size:24px; line-height:1.2; margin-bottom:50px; color:rgba(255,255,255,0.5);}
.cont4_box_in { width:90%; background-color:rgba(0,0,0,0.3); margin:0 auto; font-size:0; padding:40px 80px 60px 80px;}
.cont4_box_in_box { display:inline-block; width:21%; margin:0 2%; background-position:50% 0; background-repeat:no-repeat; padding-top:130px;}
.cont4_box_in_box_title { font-size:20px; font-weight:700; line-height:1.2; margin-bottom:10px; color:rgba(255,255,255,0.8);}
.cont4_box_in_box_txt { font-size:16px; font-weight:400; line-height:1.2; color:rgba(255,255,255,0.5); margin-bottom:20px;}

.cont4_box_btn { display:inline-block; background-color:rgba(255,255,255,0.7); color:rgba(0,0,0,0.8); font-size:18px; padding:10px 50px;}
.cont4_box_btn:hover { color:rgba(255,255,255,1) !important;}



/* cont_footer */

.cont_footer {}
section>.cont5 { position:relative; height:100vh; padding:90px 0 0 0; overflow:hidden; background-color:#2e2e2e;}
section>.cont5:after { display:block; content:""; clear:both;}








/* 1280 ~ 1024까지 태블릿 설정 */

@media screen and (max-width:1280px) {
	.main_login .main_login-dp1 {
		display: none;
	}
	.gallery_cont_txt {
		padding-bottom: 10%;
	}
}


/* 1024 ~ 768까지 태블릿 설정 */

@media screen and (max-width:1024px) {




/* 메인 내용 공통 */

section>article { width:100%; text-align:center; overflow:hidden;}
.contents_box_1600 { position:relative; width:94%; max-width:100%; height:100%; margin:0 auto;}
.contents_box_100p50 { position:relative; width:100%; height:100%; margin:0 auto; padding:0 40px;}
.contents_box_100p { position:relative; width:100%; height:100%; margin:0 auto;}
.contents_box_1600:after { display:block; content:""; clear:both;}
.contents_box_100p50:after { display:block; content:""; clear:both;}
.contents_box_100p:after { display:block; content:""; clear:both;}
.contents_box_title { font-size:40px; font-weight:700; margin:80px auto 15px auto; line-height:1.2; letter-spacing:-0.02em;}
.contents_box_title>span { color:#3a74c0;}
.contents_box_txt { font-size:15px; margin:0 auto 50px auto; line-height:1.4; color:rgba(0,0,0,0.7);}
.contents_box_title2 { font-size:28px; font-weight:700; margin:60px auto 0 auto; line-height:1.2; letter-spacing:-0.02em;}
.contents_box_title2>span { color:#3a74c0;}
.contents_box_txt2 { font-size:14px; margin:0 auto 40px auto; line-height:1.4; color:rgba(0,0,0,0.7);}

.main_pop_area {
    display: inline-block;
    top: 0px;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    float: right;
    position: relative;
    z-index: 1;
    margin-left: 0px;
}
.main_pop_area img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.main_login_bot img {
    width: 2px;
    height: 2px;
    margin-right: 10px;
}
.tabs1_area {
    display: inline-block;
    float: left;
    width: 100%;
    height: 100%;
    border: solid 1px #e5e5e5;
}
.tabs2_area {
    display: inline-block;
    float: left;
    width: 100%;
    height: 100%;
    border: solid 1px #e5e5e5;
	margin-left: 0px;
    margin-top: 10px;
}
.book_area {
    margin-left: 20px;
    display: inline-block;
    float: left;
    width: 100%;
    height: 100%;
    border: solid 1px #e5e5e5;
	margin-left: 0px;
    margin-top: 10px;
}
.book_list span {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #222;
    padding-top: 20px;
    padding-bottom: 30px;
}
.main_pop { margin-top:10px; border: solid 1px #e5e5e5;}
.main_login { margin-top:10px; border: solid 1px #e5e5e5;}

/* 메인 오른쪽 메뉴 */

.right_nav { display:none;}



.tabs1_area .more{
	position:relative;
	top: 20px;
	left: calc(50% - 70px);

}
.tabs2_area .more{
	position:relative;
	top: 20px;
	left: calc(50% - 70px);

}


/* 상단, 비주얼 */

section>.cont0 {
    position: relative;
    top: 90px;
    width: 100%;
    /* height: 595px; */
}
.gallery_slick {
    display: inline-block;
    float: left;
    width: 100%;
    height: 100%;
    padding: 20px 20px 0px 20px;
	margin-bottom: -10px;
}

.gallery_area {
    display: none;
    float: left;
    width: 20%;
    height: 100%;
    padding: 40px 40px;

}

.banner_area{
    display: none;
    float: left;
	width: 20%;    
	height: 100%;    
	padding: 40px 40px;
}
.banner_slick{
    display: inline-block;
    float: left;
	width: 100%;    
	height: 100%;    
	padding: 40px 80px 10px 40px;
}
.banner_wrap {
	margin-top: 10px;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto;
    border: solid 1px #e5e5e5;
}
.main_login .main_login-dp1 {
    display: none;
}


section>.cont_mv { position:relative; width:100%; height:auto; overflow:hidden; background-color:#F7F7F7;}
.main_slide { width:100%; height:auto; min-height:1px; position:relative; z-index:1; overflow:hidden; font-size:0;}
.main_slide_p { display:none;}
.main_slide_t { display:block;}
.main_slide_m { display:none;}

.main_slide_video { position:relative; top:auto; left:auto; width:100%; height:auto; min-width:1px; min-height:1px; -webkit-transform:translate(0,0); transform:translate(0,0);}
.main_slide_video_msk { background-color:rgba(0,0,0,0.4); background-image:url(/images/main/mask.png); background-repeat:no-repeat; background-position:50% 0%; background-size:100% auto; width:100%; height:100%; min-height:1px; position:absolute; top:0; left:0; z-index:50;}

.main_vtxt1 { position:absolute; top:35%; left:50%; margin-left:-350px; z-index:150; text-align:center; width:700px; line-height:1.2;}
.main_vtxt_t1 { color:rgba(255,255,255,0.9); letter-spacing:0.5em; font-size:12px; font-weight:500; margin:0 0 20px 0;}
.main_vtxt_t2 { color:rgba(255,255,255,0.9); letter-spacing:-0.02em; font-size:40px; font-weight:700; margin:0 0 20px 0;}
.main_vtxt_t2>span { display:block;}
.main_vtxt_t3 { color:rgba(255,255,255,0.9); letter-spacing:-0.02em; font-size:16px; font-weight:300; margin:0 0 20px 0;}
.main_vtxt_t3>span { display:block;}

/* Main scroll icon */
.main-scroll-icon-wrap { display:none;}

.main_slide {
    top: 0px;
}

/* cont1 */

section>.cont1 { position:relative; height:auto; padding:100px 0px 10px 0; background-color:#fff; overflow:hidden;}
section>.cont1:after { display:block; content:""; clear:both;}

.responsive1 { position:relative; top:auto; width:100%; height:auto;}
.sliding_menu { position:relative; padding:0;}
.sliding_menu_box { display:block; width:100%; height:340px; margin:0 auto; position:relative;}

.sliding_menu_txt_wrap { position:absolute; top:0; left:0; width:100%; height:100%; padding:0; text-align:left;}
.sliding_menu_title { font-size:16px; font-weight:500; margin-bottom:10px; width:40%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.sliding_menu_title2 { font-size:45px; font-weight:700; letter-spacing:-0.04em; width:40%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.sliding_menu_txt { font-size:16px; color:rgba(0,0,0,0.5); width:40%; margin-bottom:30px;}
.sliding_menu_btn { display:inline-block; background-color:rgba(255,255,255,1); color:rgba(0,0,0,0.5); font-size:16px; padding:10px 60px; border:1px solid rgba(0,0,0,0.3);}
.sliding_menu_btn:hover { color:rgba(0,0,0,0.9) !important;}
.sliding_menu_photo { position:absolute; left:50%; top:0; box-shadow:0 0 0 rgba(0,0,0,0.05);}
.sliding_menu_photo>img { display:inline-block !important; width:100%; height:auto; max-width:750px;}

/* 좌우 화살표 */
.responsive1 .slick-prev { position:absolute; left:50%; bottom:40px; background-image: url(/images/icon/btn_left4.jpg); width:26px; height:17px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.responsive1 .slick-next { position:absolute; left:50%; margin-left:40px; bottom:40px; background-image: url(/images/icon/btn_right4.jpg); width:26px; height:17px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.responsive1 .slick-prev:hover, .responsive1 .slick-prev:focus, .responsive1 .slick-next:hover, .responsive1 .slick-next:focus {opacity: 1;}

/* 페이저 */
.responsive1 .slick-dots { position: absolute; display: inline-block; width:100%; left:50%; margin-left:-50%; bottom: 0; text-align: center;}
.responsive1 .slick-dots li { position: relative; display: inline-block; width:70px; margin: 0; cursor: pointer; line-height:39px;}
.responsive1 .slick-dots li button { display: inline-block; width: 60px; height: 4px; cursor: pointer; background-color:#000; opacity: 0.2; text-indent:-9999px; vertical-align:middle; border:none !important;}
.responsive1 .slick-dots li.slick-active button, .responsive1 .slick-dots li button:hover, .responsive1 .slick-dots li button:focus { opacity: 1; width: 60px; height: 4px; background-color:#3a74c0;}



/* cont2 */

section>.cont2 { position:relative; height:auto; padding:0; overflow:hidden; text-align:left;}
section>.cont2:after { display:block; content:""; clear:both;}

.cont2_box_table { width:100%; height:100%; display:block; padding:0; color:rgba(255,255,255,1);}
.cont2_box_table_cell { display:block; vertical-align:top; width:100%;}
.cont2_box_table_cell_in1 { width:100%; height:auto; background-image:url(/images/main/cont2_bg1.jpg); background-size:cover; background-position:center; padding:80px 40px;}
.cont2_box_table_cell_in2 { width:100%; height:auto; background-color:#176698; font-size:0;}

.cont2_box_in1_txt1 { font-size:16px; line-height:1.2; font-weight:700; padding-bottom:20px;}
.cont2_box_in1_txt2 { font-family: 'OmniGothic', sans-serif; font-size:40px; font-weight:500; padding-bottom:10px;}
.cont2_box_in1_txt3 { font-size:20px; line-height:1.2; padding-bottom:30px;}
.cont2_box_right_btn { display:inline-block; width:31px; height:31px;}

.cont2_box_in2_left { display:inline-block; vertical-align:top; width:50%; height:350px; background-image:url(/images/main/cont2_bg2.jpg); background-size:cover; background-position:0 50%;}
.cont2_box_in2_right { display:inline-block; vertical-align:top; width:50%; height:100%; padding:80px 40px;}
.cont2_box_in2_txt1 { font-family: 'OmniGothic', sans-serif; font-size:30px; font-weight:500; padding-bottom:10px;}
.cont2_box_in2_bar { width:35px; height:4px; background-color:rgba(255,255,255,0.8); margin-bottom:20px;}
.cont2_box_in2_txt2 { font-size:16px; line-height:1.2; color:rgba(255,255,255,0.5);}



/* cont3 */

section>.cont3 { position:relative; height:auto; padding:90px 0 90px 40px; background-color:#fff; overflow:hidden;}
section>.cont3:after { display:block; content:""; clear:both;}

.cont3_box { position:relative; top:auto; margin-top:auto; left:0; width:100%; height:340px; font-size:0;}

.sliding2_menu_txt_box { position:absolute; top:0; left:0; width:38%; height:auto; padding:0; text-align:left; z-index:10;}
.sliding2_menu_title { font-size:16px; font-weight:500; margin-bottom:10px; width:100%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.sliding2_menu_title2 { font-size:45px; font-weight:700; letter-spacing:-0.04em; width:100%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.sliding2_menu_txt { font-size:16px; color:rgba(0,0,0,0.5); width:100%; margin-bottom:30px;}
.sliding2_menu_btn { display:inline-block; background-color:rgba(0,0,0,0.9); color:rgba(255,255,255,0.8); font-size:16px; padding:10px 60px;}
.sliding2_menu_btn:hover { color:rgba(255,255,255,1) !important;}

.sliding2_menu { padding:10px; text-align:left;}
.sliding2_menu_box { background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.sliding2_menu_box_photo { width:100%; height:170px; background-position:center; background-size:cover;}
.sliding2_menu_box_title { font-size:16px; padding:20px 20px 10px 20px;}
.sliding2_menu_box_txt { font-size:14px; padding:0 20px 30px 20px; font-weight:500; color:rgba(0,0,0,0.35);}

/* 좌우 화살표 */
.responsive2 .slick-prev { position:absolute; left:36%; bottom:-40px; background-image: url(/images/icon/btn_left4.jpg); width:26px; height:17px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;display:none!important;}
.responsive2 .slick-next { position:absolute; left:36%; margin-left:40px; bottom:-40px; background-image: url(/images/icon/btn_right4.jpg); width:26px; height:17px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;display:none!important;}
.responsive2 .slick-prev:hover, .responsive2 .slick-prev:focus, .responsive2 .slick-next:hover, .responsive2 .slick-next:focus {opacity: 1;}

/* 좌우 화살표 */
.responsive3 .slick-prev { position:absolute; left:36%; bottom:-40px; background-image: url(/images/icon/btn_left4.jpg); width:26px; height:17px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;display:none!important;}
.responsive3 .slick-next { position:absolute; left:36%; margin-left:40px; bottom:-40px; background-image: url(/images/icon/btn_right4.jpg); width:26px; height:17px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;display:none!important;}
.responsive3 .slick-prev:hover, .responsive3 .slick-prev:focus, .responsive3 .slick-next:hover, .responsive3 .slick-next:focus {opacity: 1;}

/* 페이저 */
.responsive2 .slick-dots { position: absolute; display: inline-block; width:100%; left:50%; margin-left:-50%; bottom: 0; text-align: center;}
.responsive2 .slick-dots li { position: relative; display: inline-block; width:70px; margin: 0; cursor: pointer; line-height:39px;}
.responsive2 .slick-dots li button { display: inline-block; width: 60px; height: 4px; cursor: pointer; background-color:#000; opacity: 0.2; text-indent:-9999px; vertical-align:middle; border:none !important;}
.responsive2 .slick-dots li.slick-active button, .responsive2 .slick-dots li button:hover, .responsive2 .slick-dots li button:focus { opacity: 1; width: 60px; height: 4px; background-color:#3a74c0;}



/* cont4 */

section>.cont4 { position:relative; height:auto; padding:70px 0px 0 0; overflow:hidden; text-align:center;}
section>.cont4:after { display:block; content:""; clear:both;}

.cont4_box { position: relative; top:auto; margin-top:auto; width:100%; height:auto; padding:0;}

.cont4_box_title { font-size:16px; font-weight:500; line-height:1.2; margin-bottom:20px; color:rgba(255,255,255,0.8);}
.cont4_box_title2 { font-family: 'OmniGothic', sans-serif; font-size:30px; font-weight:500; margin-bottom:10px; color:rgba(255,255,255,0.9);}
.cont4_box_txt { font-size:18px; line-height:1.2; margin-bottom:50px; color:rgba(255,255,255,0.5);}
.cont4_box_in { width:100%; background-color:rgba(0,0,0,0.3); margin:0 auto; font-size:0; padding:40px;}
.cont4_box_in_box { display:inline-block; width:46%; margin:0 2%; background-position:50% 0; background-repeat:no-repeat; background-size:100px 100px; padding-top:110px; margin-bottom:40px;}
.cont4_box_in_box_title { font-size:16px; font-weight:700; line-height:1.2; margin-bottom:10px; color:rgba(255,255,255,0.8);}
.cont4_box_in_box_txt { font-size:14px; font-weight:400; line-height:1.2; color:rgba(255,255,255,0.5); margin-bottom:20px;}

.cont4_box_btn { display:inline-block; background-color:rgba(255,255,255,0.7); color:rgba(0,0,0,0.8); font-size:18px; padding:10px 50px;}
.cont4_box_btn:hover { color:rgba(255,255,255,1) !important;}



/* cont_footer */

.cont_footer {}
section>.cont5 { position:relative; height:auto; padding:0; overflow:hidden; background-color:#2e2e2e;}
section>.cont5:after { display:block; content:""; clear:both;}


.tabs1_area .b-list li {
    height: 28px;
    text-align: left;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tabs2_area .b-list li{
	height:28px;
	text-align: left;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.tabs1_area .b-list .title {
	display: block;text-overflow:ellipsis;overflow: hidden;white-space: nowrap; padding-right: 80px;
}
.tabs1_area .b-list .dtime {
	position: absolute;right: 0;top: 0;
}

.tabs2_area .b-list .title {
	display: block;text-overflow:ellipsis;overflow: hidden;white-space: nowrap; padding-right: 80px;
}
.tabs2_area .b-list .dtime {
	position: absolute;right: 0;top: 0;
}


}



/* 767 ~ 320까지 모바일 설정 */

@media screen and (max-width:767px) {
/* 기본화면스타일 : 너비값이 제일 작을 때 */





/* 메인 내용 공통 */

section>article { width:100%; text-align:center; overflow:hidden;}
.contents_box_1600 { position:relative; width:94%; max-width:100%; height:100%; margin:0 auto;}
.contents_box_100p50 { position:relative; width:100%; height:100%; margin:0 auto; padding:0 10px;}
.contents_box_100p { position:relative; width:100%; height:100%; margin:0 auto;}
.contents_box_1600:after { display:block; content:""; clear:both;}
.contents_box_100p50:after { display:block; content:""; clear:both;}
.contents_box_100p:after { display:block; content:""; clear:both;}
.contents_box_title { font-size:30px; font-weight:700; margin:60px auto 10px auto; line-height:1.2; letter-spacing:-0.02em;}
.contents_box_title>span { color:#3a74c0;}
.contents_box_txt { font-size:14px; margin:0 auto 30px auto; line-height:1.4; color:rgba(0,0,0,0.7);}
.contents_box_title2 { font-size:20px; font-weight:700; margin:50px auto 0 auto; line-height:1.2; letter-spacing:-0.02em;}
.contents_box_title2>span { color:#3a74c0;}
.contents_box_txt2 { font-size:14px; margin:0 auto 30px auto; line-height:1.4; color:rgba(0,0,0,0.7);}



/* 상단, 비주얼 */

section>.cont0 {
    position: relative;
    top: 70px;
    width: 100%;
    /* height: 595px; */
}
.gallery_slick {
    display: inline-block;
    float: left;
    width: 100%;
    height: 100%;
    padding: 0px;  
	margin-bottom: -38px;
}
.gallery_area {
    display: none;
    float: left;
    width: 20%;
    height: 100%;
    padding: 40px 40px;

}

.banner_area{
    display: none;
    float: left;
	width: 20%;    
	height: 100%;    
	padding: 40px 40px;
}
.banner_slick{
    display: inline-block;
    float: left;
	width: 100%;    
	height: 100%;    
	padding: 40px 80px 10px 40px;
}
.banner_wrap {
	margin-top: 0px;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto;
    border: solid 1px #e5e5e5;
}
.responsive3.slick-slider {
    padding: 40px 0px;
}
.book_box {
    padding: 0px;
}

.responsive2 .slick-slide {
    margin: 0px;
}

section>.cont_mv { position:relative; width:100%; height:auto; background-color:#F7F7F7;}
.main_slide { width:100%; height:auto; min-height:1px; position:relative; z-index:1; overflow: hidden; font-size:0;}
.main_slide_p { display:none;}
.main_slide_t { display:none;}
.main_slide_m { display:block;}

.main_slide_video { position:relative; top:auto; left:auto; width:100%; height:auto; min-width:600px; min-height:340px; -webkit-transform:translate(0,0); transform:translate(0,0);}
.main_slide_video_msk { background-color:rgba(0,0,0,0.4); background-image:url(/images/main/mask.png); background-repeat:no-repeat; background-position:50% 0%; background-size:100% auto; width:100%; height:100%; min-height:1px; position:absolute; top:0; left:0; z-index:50;}

.main_vtxt1 { position:absolute; top:35%; left:50%; margin-left:-160px; z-index:150; text-align:center; width:320px; line-height:1.2;}
.main_vtxt_t1 { color:rgba(255,255,255,0.9); letter-spacing:0.5em; font-size:11px; font-weight:500; margin:0 0 20px 0;}
.main_vtxt_t2 { color:rgba(255,255,255,0.9); letter-spacing:-0.02em; font-size:26px; font-weight:700; margin:0 0 20px 0;}
.main_vtxt_t2>span { display:block;}
.main_vtxt_t3 { color:rgba(255,255,255,0.9); letter-spacing:-0.02em; font-size:14px; font-weight:300; margin:0 0 20px 0;}
.main_vtxt_t3>span { display:block;}
.main_slide {
    top: 0px;
}


/* cont1 */

section>.cont1 { position:relative; height:auto; padding:80px 0 0 0; background-color:#fff; }
section>.cont1:after { display:block; content:""; clear:both;}

.responsive1 { position:relative; top:auto; margin-top:10px; width:100%; height:auto;}
.sliding_menu { position:relative; padding:0;}
.sliding_menu_box { display:block; width:100%; height:auto; margin:0 auto 60px auto; position:relative;}

.sliding_menu_txt_wrap { position: relative; top:auto; left:auto; width:100%; height:auto; padding:0; text-align:center;}
.sliding_menu_title { font-size:13px; font-weight:500; margin-bottom:10px; width:100%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.sliding_menu_title2 { font-size:34px; font-weight:700; letter-spacing:-0.04em; width:100%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.sliding_menu_txt { font-size:13px; color:rgba(0,0,0,0.5); width:100%; margin-bottom:20px;}
.sliding_menu_btn { display:inline-block; background-color:rgba(255,255,255,1); color:rgba(0,0,0,0.5); font-size:13px; padding:10px 60px; margin-bottom:40px; border:1px solid rgba(0,0,0,0.3);}
.sliding_menu_btn:hover { color:rgba(0,0,0,0.9) !important;}
.sliding_menu_photo { position:relative; left:auto; top:auto; box-shadow:0 0 0 rgba(0,0,0,0.05);}
.sliding_menu_photo>img { display:inline-block !important; width:100%; height:auto; max-width:750px;}

/* 좌우 화살표 */
.responsive1 .slick-prev { position:absolute; left:50%; margin-left:-36px; bottom:0; background-image: url(/images/icon/btn_left4.jpg); width:26px; height:17px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.responsive1 .slick-next { position:absolute; left:50%; margin-left:10px; bottom:0; background-image: url(/images/icon/btn_right4.jpg); width:26px; height:17px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.responsive1 .slick-prev:hover, .responsive1 .slick-prev:focus, .responsive1 .slick-next:hover, .responsive1 .slick-next:focus {opacity: 1;}

/* 페이저 */
.responsive1 .slick-dots { position: absolute; display: inline-block; width:100%; left:50%; margin-left:-50%; bottom: 0; text-align: center;}
.responsive1 .slick-dots li { position: relative; display: inline-block; width:70px; margin: 0; cursor: pointer; line-height:39px;}
.responsive1 .slick-dots li button { display: inline-block; width: 60px; height: 4px; cursor: pointer; background-color:#000; opacity: 0.2; text-indent:-9999px; vertical-align:middle; border:none !important;}
.responsive1 .slick-dots li.slick-active button, .responsive1 .slick-dots li button:hover, .responsive1 .slick-dots li button:focus { opacity: 1; width: 60px; height: 4px; background-color:#3a74c0;}



/* cont2 */

section>.cont2 { position:relative; height:auto; padding:10px 0 0 0; overflow:hidden; text-align:left;}
section>.cont2:after { display:block; content:""; clear:both;}

.cont2_box_table { width:100%; height:100%; display:block; padding:0; color:rgba(255,255,255,1);}
.cont2_box_table_cell { display:block; vertical-align:top; width:100%;}
.cont2_box_table_cell_in1 { width:100%; height:auto; background-image:url(/images/main/cont2_bg1.jpg); background-size:cover; background-position:center; padding:60px 30px;}
.cont2_box_table_cell_in2 { width:100%; height:auto; background-color:#176698; font-size:0;}

.cont2_box_in1_txt1 { font-size:13px; line-height:1.2; font-weight:700; padding-bottom:20px;}
.cont2_box_in1_txt2 { font-family: 'OmniGothic', sans-serif; font-size:30px; font-weight:500; padding-bottom:10px;}
.cont2_box_in1_txt3 { font-size:13px; line-height:1.2; padding-bottom:30px;}
.cont2_box_right_btn { display:inline-block; width:26px; height:26px;}
.cont2_box_right_btn>img { width:100%; height:100%;}

.cont2_box_in2_left { display:none; vertical-align:top; width:50%; height:350px; background-image:url(/images/main/cont2_bg2.jpg); background-size:cover; background-position:0 50%;}
.cont2_box_in2_right { display:block; vertical-align:top; width:100%; height:100%; padding:60px 30px;}
.cont2_box_in2_txt1 { font-family: 'OmniGothic', sans-serif; font-size:24px; font-weight:500; padding-bottom:10px;}
.cont2_box_in2_bar { width:35px; height:4px; background-color:rgba(255,255,255,0.8); margin-bottom:20px;}
.cont2_box_in2_txt2 { font-size:13px; line-height:1.2; color:rgba(255,255,255,0.5);}



/* cont3 */

section>.cont3 { position:relative; height:auto; padding:50px 20px; background-color:#fff; overflow:hidden;}
section>.cont3:after { display:block; content:""; clear:both;}

.cont3_box { position:relative; top:auto; margin-top:auto; left:0; width:100%; height:auto; font-size:0;}

.sliding2_menu_txt_box { position:relative; top:auto; left:auto; width:100%; height:auto; padding:0; text-align:center; z-index:10;}
.sliding2_menu_title { font-size:13px; font-weight:500; margin-bottom:10px; width:100%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.sliding2_menu_title2 { font-size:34px; font-weight:700; letter-spacing:-0.04em; width:100%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.sliding2_menu_txt { font-size:13px; color:rgba(0,0,0,0.5); width:100%; margin-bottom:20px;}
.sliding2_menu_btn { display:inline-block; background-color:rgba(0,0,0,0.9); color:rgba(255,255,255,0.8); font-size:13px; padding:10px 60px; margin-bottom:40px;}
.sliding2_menu_btn:hover { color:rgba(255,255,255,1) !important;}

.sliding2_menu { padding:10px; text-align:left;}
.sliding2_menu_box { background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2); margin-bottom:50px;}
.sliding2_menu_box_photo { width:100%; height:170px; background-position:center; background-size:cover;}
.sliding2_menu_box_title { font-size:15px; padding:20px 20px 5px 20px;}
.sliding2_menu_box_txt { font-size:13px; padding:0 20px 20px 20px; font-weight:500; color:rgba(0,0,0,0.35);}

/* 좌우 화살표 */
.responsive2 .slick-prev { position:absolute; left:50%; margin-left:-36px; bottom:0; background-image: url(/images/icon/btn_left4.jpg); width:26px; height:17px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.responsive2 .slick-next { position:absolute; left:50%; margin-left:10px; bottom:0; background-image: url(/images/icon/btn_right4.jpg); width:26px; height:17px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.responsive2 .slick-prev:hover, .responsive2 .slick-prev:focus, .responsive2 .slick-next:hover, .responsive2 .slick-next:focus {opacity: 1;}

/* 페이저 */
.responsive2 .slick-dots { position: absolute; display: inline-block; width:100%; left:50%; margin-left:-50%; bottom: 0; text-align: center;}
.responsive2 .slick-dots li { position: relative; display: inline-block; width:70px; margin: 0; cursor: pointer; line-height:39px;}
.responsive2 .slick-dots li button { display: inline-block; width: 60px; height: 4px; cursor: pointer; background-color:#000; opacity: 0.2; text-indent:-9999px; vertical-align:middle; border:none !important;}
.responsive2 .slick-dots li.slick-active button, .responsive2 .slick-dots li button:hover, .responsive2 .slick-dots li button:focus { opacity: 1; width: 60px; height: 4px; background-color:#3a74c0;}



/* cont4 */

section>.cont4 { position:relative; height:auto; padding:50px 10px 10px 10px; overflow:hidden; text-align:center; }
section>.cont4:after { display:block; content:""; clear:both;}

.cont4_box { position: relative; top:auto; margin-top:auto; width:100%; height:auto; padding:0;}

.cont4_box_title { font-size:13px; font-weight:500; line-height:1.2; margin-bottom:20px; color:rgba(255,255,255,0.8);}
.cont4_box_title2 { font-family: 'OmniGothic', sans-serif; font-size:24px; font-weight:500; margin-bottom:10px; color:rgba(255,255,255,0.9);}
.cont4_box_txt { font-size:13px; line-height:1.2; margin-bottom:40px; color:rgba(255,255,255,0.5);}
.cont4_box_in { width:100%; background-color:rgba(0,0,0,0.3); margin:0 auto; font-size:0; padding:30px 20px;}
.cont4_box_in_box { display:inline-block; vertical-align:top; width:46%; margin:0 2%; background-position:50% 0; background-repeat:no-repeat; background-size:80px 80px; padding-top:90px; margin-bottom:30px;}
.cont4_box_in_box_title { font-size:15px; font-weight:700; line-height:1.2; margin-bottom:10px; color:rgba(255,255,255,0.8);}
.cont4_box_in_box_txt { font-size:13px; font-weight:400; line-height:1.2; color:rgba(255,255,255,0.5); margin-bottom:20px;}

.cont4_box_btn { display:inline-block; background-color:rgba(255,255,255,0.7); color:rgba(0,0,0,0.8); font-size:13px; padding:10px 50px;}
.cont4_box_btn:hover { color:rgba(255,255,255,1) !important;}



/* cont_footer */

.cont_footer {}
section>.cont5 { position:relative; height:auto; padding:0; overflow:hidden; background-color:#2e2e2e;}
section>.cont5:after { display:block; content:""; clear:both;}

.tabs1_area .b-list .dtime, .tabs2_area .b-list .dtime {
    /*display:none;*/
}
.tabs1_area .b-list {
    padding: 35px 20px 10px 20px;
}
.tabs2_area .b-list {
    padding: 35px 20px 10px 20px;
}
.tabs1_area .b-list li {
    height: 28px;
    text-align: left;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tabs2_area .b-list li{
	height:28px;
	text-align: left;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.tabs1_area .b-list .title {
	display: block;text-overflow:ellipsis;overflow: hidden;white-space: nowrap; padding-right: 80px;
}
.tabs1_area .b-list .dtime {
	position: absolute;right: 0;top: 0;
}

.tabs2_area .b-list .title {
	display: block;text-overflow:ellipsis;overflow: hidden;white-space: nowrap; padding-right: 80px;
}
.tabs2_area .b-list .dtime {
	position: absolute;right: 0;top: 0;
}


.tabs1_area .more{
	position:relative;
	top: 20px;
	left: calc(50% - 48px);

}
.tabs2_area .more{
	position:relative;
	top: 20px;
	left: calc(50% - 48px);

}

}
