﻿@charset "UTF-8";

/* display contents */
.dis_mobile { display:none; }
.dis_tablet { display:block; }
.dis_desktop { display:none; }
.dis_mobile_tablet { display:block; }
.dis_mobile_desktop { display:none; }
.dis_tablet_desktop { display:block; }

/*컨텐츠넓이 조절*/
.width_wrap {max-width:768px; width:100%; margin:0 auto;}

/*메인슬라이드*/
.owl-controls .owl-nav {
	display:block;
}
.owl-controls .owl-nav .owl-prev , 
.owl-controls .owl-nav .owl-next {
	display:block;
    width: 50px;
    height: 50px;
}
.owl-controls .owl-nav .owl-prev:before,
.owl-controls .owl-nav .owl-next:before {
    line-height: 50px;
    font-size: 50px;
}


/*상단메뉴*/
.pc_nav {
	display: block;
}

.pc_nav > ul > li > a {
	font-size:14px;
}

.pc_nav > ul > li > div li a {
	font-size:12px;
	padding:10px 0;
}

/*전체메뉴*/
.all_nav > div {
	width: 700p;x margin-left: 683px;
}
.all_nav > div > ul {
	padding:20px 0;
	margin:0 113px 0 278px
}
.all_nav > div > ul > li {
	float:left;
	width:25%;
}
.all_nav > div > ul > li > a {
	display:none;
}
.all_nav > div > ul > li a:hover {
	color:#c33d36;
}
.all_nav > div > ul > li > div {
	display:block;
}
.all_nav > div > ul > li > div > ul > li > a {
	display:block;
	font-size:12px;
	padding:2px 0;
	background:transparent;
	text-align: center;
}
.all_nav > div > ul > li > div > ul > li.active > a {
	color:#c33d36;
}
/*푸터메뉴*/
.footer_nav ul li {
	padding:10px 0;
}
.footer_nav ul li a {
	font-size:14px;
	padding:0px 20px;
}

/*푸터 */
.footer {
	padding:30px 0;
}
.footer .f_logo {
	width:240px;
	float:left;
}
.footer .copy {
	float:left;
	width: calc(100% - 290px);
	margin-left:50px;
}

/*메인배너*/
.main_banner li {
	float:left;
	width:50%;
}

/*서브 사이드 네비*/
.side_nav h1 {
	font-size:20px;
	height:120px;
	padding-top:50px;
}

/*컨텐츠 타이틀*/
.content_title {
	padding:10px 0;
}
.content_title h1 {
	font-size:32px;
}
.content_title p {
	font-size:13px;
}

/*서브컨텐츠*/
.sub_content {
	width: 100%;
	padding:0 0 0 20px;
}

/*서브타이틀  sub_title_bg1.jpg  ~ sub_title_bg6.jpg 대메뉴 서브상단 배경이미지 순차적 1.한솔영어소개 2.교육프로그램 3. 입회안내 4. 가맹안내  5. 한솔영어이야기 6. 회원 */
.sub_title {
	height:190px;
	/*background:url(/content/home/images/sub_title_bg1.jpg) center center; 에듀베이스 프로그램 요청에 의해 css파일에서 처리안함*/
}

.sub_title h1 {
	padding:70px 0 0 10px;
	font-size:24px;
}
.sub_title p {
	padding:0 0 0 10px;
	font-size:20px;
}

/*메인 박스 컨텐츠*/
.box_01 {
	float:left;
	width:50%;
}
.box_02 {
	float:left;
	width:100%;
}
.box_02 li {
	float:left;
	width:33.33%;
}
.box_03 {
	float:left;
	width:50%;
}

/*메인 게시판 */
.bbs_wrap li.cs_center {
	width:40%;
	padding:40px 0 0 40px;
}
.bbs_wrap li.notice {
	width:100%;
	padding:20px 30px;
	border-left:1px solid #ccc;
}
.bbs_wrap li.business {
	float:left;
	width:60%;
	padding:20px 30px;
}
/*-------------------------------컨텐츠 영역 start-------------------------------*/
h2.text {
	font-size:20px;
}
h2.icon_text {
	font-size:20px;
}
p.normal {
	font-size:14px;
}
.orange_h1 {
	font-size:26px;
}
.left_img_text_style li figure {
	width:200px;
	padding-right:20px;
}
.left_img_text_style li > div {
	padding-top:20px;
	width: calc(100% - 200px);
}

.left_img_primeum_style li figure {
	width:200px;
	padding-right:20px;
}
.left_img_primeum_style li div {
	padding-top:20px;
	width: calc(100% - 200px);
}


.left_slide_text_style > ul > li > .content_slide {
	width:300px;
}
.left_slide_text_style > ul > li > .content_slide .slide_icon {
	top:-35px;
	right:-35px;
}
.left_slide_text_style > ul > li > .content_text {
	padding-top:0px;
	padding-left:45px;
	width: calc(100% - 300px);
	
}
.left_slide_text_style > ul > li > .content_text p.normal {
	max-height:150px;
	overflow: auto;
	margin-bottom:0px;
}
.box_list ul li {
	width:50%;
}
.box_list.li3 ul li {
	width:100%;
}
.box_list ul li > div p {
	height:100px;
}
.box_list.sub_0202 ul li > div p {
	height:265px;
}

.sub_0203_img_box li.li2 {
	width:50%;
}
.sub_0203_img_box li.li3 {
	width:33.33%;
}
.sub_0203_img_box li p {
	min-height:100px;
}

.white_content > div {
	top: 70px;
	left: 10%;
	width: 80%;
	height: 60%;
}
.ci_li2 li {
	width:50%;
}

/*서브0204박스*/
.sub_0204_box li figure {
	width:200px;
	padding-right:20px;
}
.sub_0204_box li > div {
	width: calc(100% - 200px);
	min-height:227px;
}
.addr_info li {
	width:50%;
}

/*서브0303*/
.locale_search li.locale {
	width:70%;
}

.locale_search li.img {
	width:30%;
}
/*-------------------------------컨텐츠 영역 end-------------------------------*/
