/**
* Theme styleseet file
*
* @Program     DWEBS
* @Type  	   css
* @author      DWEBS
* @link        https://www.dwebs.kr
*/

@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

/* -------------------------------------------------------------------
| Custom selection color
| ------------------------------------------------------------------*/
::selection { background-color: #5d5d5d; color: #58FAF4; }
::-moz-selection { background-color: #cccccc; color: white; }


/* -------------------------------------------------------------------
| Custom mark tag
| ------------------------------------------------------------------*/
mark {
	background: #CEECF5;
	border-radius: 3px;
	padding:4px;
	color: #000;
	font-weight:bold;
}


/* ------------------------------------------------------------------------------------
| Custom bootstrap breadcrumb
|
| 서브페이지 타이틀 영역
| 부트스트랩 breadcrumb 기본 구분자 및 속성 수정
|
| 부트스트랩은 페이지 로케이션을 위한 breadcrumb 클래스를 기본 제공합니다.
| 이러한 페이지로케이션의 각 영역간 구분자는 따로 명시하지 않으면 기본 / 로 표시하게되며,
| 이것을 변경하려면 .breadcrumb>li+li:before {content: ">";}등과 같이 재선언 합니다.
| -----------------------------------------------------------------------------------*/
.breadcrumb {color:#979494; font-size:12px; padding: 8px 15px; margin-bottom: 20px; list-style: none; border-radius: 4px; background:none;font-family: "nanum_B", sans-serif}
.breadcrumb>li+li:before {padding: 0 5px; color: #979494; content: ">";}
.breadcrumb .active{color:#979494;}

/* -------------------------------------------------------------------
| Header section
|
| 테마의 헤더영역내의 속성을 정의합니다.
| ------------------------------------------------------------------*/
.header_wrap{width:100%;min-width:1200px;height:100px;background:#111}
.header{position:relative;width:1200px;margin:0 auto;height:100px}
.logo{position:absolute;width:200px;height:57px;top:22px;left:0;}
.gnb{position:absolute;right:0px;top:12px}
.gnb ul{;}
.gnb ul li{float:left;font-size:10px;color:#787878;padding-left:10px;}
.gnb ul li a{font-size:10px;color:#787878;letter-spacing:0.5px;font-family: "nanum_B", sans-serif;text-decoration:none}
.gnb ul li a:hover{color:#ccc}

.sns_link{position: absolute;right:0;top:40px;}
.sns_link li{float:left;margin-left:10px;}

.top_menu{position:absolute;right:180px;top:35px;z-index:1000}
.top_menu ul.top_menu_list{}
.top_menu ul.top_menu_list li{float:left;padding-right:100px;padding-top:5px}
.top_menu ul.top_menu_list li a{font-size:15px;color:#fff;text-decoration:none;font-family: "NotoSans-Medium", sans-serif}
.top_menu ul.top_menu_list li a:hover{color:#c18e23}
.top_menu ul.top_menu_list li a.active{color:#c18e23}
.top_menu ul.top_menu_list li.parent_menu:last-child{padding-right:0px;}

/* ul.child_menu {position:absolute;width:150px;display:none;z-index:100;padding-top:20px;}
ul.child_menu li.child_smenu{width:150px;padding-left:10px;background:#5f5452;line-height:25px;border-top:1px solid #7f7270;opacity:1}
ul.child_menu li.child_smenu a{display:block;width:150px;font-size:10pt;padding:0 10px;color:#fff;text-decoration:none;font-weight:normal;letter-spacing:0} */

ul.child_menu {position:absolute;width:220px;display:none;z-index:100;padding-top:10px;}
ul.child_menu li.child_smenu{width:220px;background:#5f5452;line-height:35px;padding-bottom:5px;padding-left:15px;border-bottom:1px solid #7f7270;}
ul.child_menu li.child_smenu a{display:block;width:200px;font-size:14px;color:#fff;text-decoration:none;letter-spacing:0;line-height: 30px;}
ul.child_menu li.child_smenu a:hover{color:#fff;}

/* -------------------------------------------------------------------
| Foot section
|
| 테마의 푸터영역의 속성을 정의합니다.
| ------------------------------------------------------------------*/
.footer_area_wrap{width:100%;min-width:1200px;background:#111}
.footer_area {position:relative;width:1200px;margin:0 auto;padding:40px 0 120px;}
.footer_copy {position:absolute;left:200px;font-size:12px;color:#8e8e8e;line-height:18px;}
.admin{position:absolute;left:310px;top:60px}
.admin a{font-size:10px;color:#ccc;border:1px solid #666;background:#333;padding:3px 7px;border-radius:3px;font-family: "nanum_B", sans-serif;letter-spacing:0.5px;text-decoration:none}
.um-naver-square{font-size:23px;color:#b3b3b3}
.dwebs_logo{position:absolute;right:0px;top:100px}
.footer_device{position:absolute;left:200px;top:110px}
.footer_area .btn-default{font-size:10px;background:#666;color:#fff;border:1px solid #666;}
.footer_area .btn-primary.active, .btn-primary.active:hover{font-size:10px;background:#333;border:1px solid #666;color:#fff}
.ft_t{color:#9d741e;}
.ft_logo{position: absolute;left:0;}


/* -------------------------------------------------------------------
| Button section
|
| 테마내의 버튼들의 속성을 정의 합니다.
| ------------------------------------------------------------------*/
.btn_page_up{position:fixed; bottom:50px; right:50px; z-index:1000; display:none;}
.btn_page_up img:hover{opacity:0.5; cursor:pointer;}
.login_btn_default { background-color:#474a4d; border:1px solid #474a4d; color:#3c4349; font-size:12pt; height:68px; color:#ccc; }
.login_btn_default:hover { background-color:#333; color:#fff; }
#device_btn {vertical-align:middle; margin:0 auto;}
.board_btn_default { background-color:#474a4d; border:1px solid #474a4d; color:#d8d8d8; font-size:10pt; padding-left:10px; padding-right:10px; height:30px; }
.board_btn_default:hover { color:#fff; }


/* -------------------------------------------------------------------
| Bxslider section
|
| 테마의 Body영역의 속성을 정의합니다.
| ------------------------------------------------------------------*/
.main_visual{;}
/* BXSLIDER */
.bxslider li img { margin:0 auto; }
.bxslider_btn_prev {
	position: absolute;
	left: 50px;
	top: 50%;
	z-index: 99;
	background: url('../images/bxslider_btn_prev.png') no-repeat 0 50%;
	border: 0;
	width: 30px;
	height: 57px;
	text-indent: -9999px;
	margin-top: -30px;
	opacity:0.6;
}
.bxslider_btn_next {
	position: absolute;
	right: 50px;
	top: 50%;
	z-index: 99;
	background: url('../images/bxslider_btn_next.png') no-repeat 0 50%;
	border: 0;
	width: 30px;
	height: 57px;
	text-indent: -9999px;
	margin-top: -30px;
	opacity:0.6;
}

.main_cont{position:absolute;width:940px;height:320px;left:50%;top:50%;margin-left:-470px;margin-top:-150px;border:0px solid red;text-align:center;z-index:900}
.main_cont_t{;}
.main_cont_t h3{color:#f2f2f1;font-size:60px;line-height:75px;margin:0}
.main_cont_t_txt{font-size:80px;font-family: "NotoSans-Bold", sans-serif;color:#fff;text-shadow: 2px 2px 4px #666;}
.main_cont_t_txt2{font-size:30px;font-family: "NotoSans-Medium", sans-serif;color:#fff;text-shadow: 2px 2px 4px #666;}

.main_cont_short{position:relative;width:386px;margin:40px auto 50px;height:50px;}
.main_cont_short ul{height:50px}
.main_cont_short ul li{width:183px;height:50px;float:left;}
.main_cont_short ul li a{display:block;width:183px;height:50px;border:2px solid #b0b0ae;text-decoration:none;color:#b0b0ae;font-size:17px;font-family: "NotoSans-Bold", sans-serif;line-height: 46px;vertical-align: middle;}
.main_cont_short ul li a:hover{border:2px solid #f0b129;color:#f0b129;}

#bx-pager1{;}
#bx-pager1 a{display:inline;color:#a3a2a1;font-size:30px;font-weight:bold;width:50px;height:50px;margin:0 0 0 4px;text-decoration:none;}
#bx-pager1 a.active{color:#f0b129;font-size:30px;font-weight:bold;width:50px;height:50px;}

.colgroup_wrap{width:100%;min-width:1200px;height:400px;background:#4b4b4b;padding:50px 0;text-align: center}
.colgroup_wrap a{text-decoration:none}
.col01{position:relative;width:1200px;margin:0 auto;display: inline-block;}
.col01_01{float:left;display: inline-block;width:380px;margin-right:30px;}
.col01_img{width:380px;width:240px;}
.col01_t{font-size: 15px;color:#fff;}
.col01_date{font-size: 13px;color:#b4b4b4;}

.col01_02{float:left;width:380px;display: inline-block;margin-right:30px;}

.col01_03{position:relative;width:380px;float:left;display: inline-block;}
.col01_03_tt{color:#fff;font-size:20px;}
.col01_03_more{position:absolute;right:0;top:0;font-size:25px;font-family: "NotoSans-Bold", sans-serif;color:#fff}
.col01_03_more a{color:#fff;font-size:25px;font-family: "NotoSans-Bold", sans-serif;}
.col01_03_more a.active{color:#fff;font-size:25px;font-family: "NotoSans-Bold", sans-serif;}
.col01_03_title{font-size:15px;color:#fff}
.col01_03_title a{text-decoration:none;color:#fff}
.col01_03_tite a:hover{color:#fff}
.col01_03_date{font-size:12px;color:#f0b129;font-family: "NotoSans-Medium", sans-serif;font-style:italic}
.col01_03_date a{text-decoration:none;color:#f0b129}
.col01_03_date a:hover{color:#f0b129}
.col01_03_cont{color:#acacac;font-size: 13px;line-height: 20px;}
.col01_03_cont a{text-decoration:none;color:#acacac;font-size: 13px;line-height: 20px;}
.col01_03_cont a:hover{color:#acacac}
.col01_03_line{border:1px dashed #757575;margin:12px 0;border-width:0.5px}

.col01_03_num{color:#f0b129;font-size: 35px;font-family: "NotoSans-Bold", sans-serif;}
.col01 .col01_03 ul{width:340px;height:30px;margin:10px auto 0;}
.col01 .col01_03 ul li{float:left;width:160px;height:30px;}
.col01 .col01_03 ul li a{display:block;width:159px;height:30px;font-size:14px;color:#fff;border:1px solid #9e9e9e;line-height: 28px;vertical-align: middle;}
.col01 .col01_03 ul li a:hover{color:#ffbe64;border:1px solid #ffbe64;}

.col02{position:relative;width:1200px;margin:0 auto;height:160px;padding-top:20px;text-align:center}
.col02 h3{font-size:35px;color:#555;font-family: "NotoSans-Medium", sans-serif}
.col02 p{font-size:15px;color:#666;}

.col05{width:100%;position:relative;height:590px;background:#fafafa}
.col05_cont{padding-top:75px;width:1200px;height:590px;margin:0 auto}
.col05 ul{;}
.col05 ul li{position:relative;float:left;width:380px;height:450px;background:#fff;margin-right:30px;}
.col05 ul li a{display:block;width:380px;height:450px;background:#fff;}
.col05 ul li a:hover{display:block;width:380px;height:450px;background:#fff;text-decoration:none;}
.col05_t{font-size:20px;font-family: "NotoSans-Medium", sans-serif;color:#333;}
.col05 ul li .col05_des{font-size:13px;color:#999;font-family: "NotoSans-Thin", sans-serif;}
.col05 ul li .col05_more{font-size:13px;color:#f0b129;font-family: "NotoSans-Thin", sans-serif}

.col03{position:relative;width:100%;margin:0 auto;height:400px;background: url('../images/common/col03_bg.jpg') no-repeat; background-size: cover;}
.col03_cont{text-align:center;width:1200px;height:400px;padding-top:50px;margin:0 auto}
.col03_cont h3{font-size:30px;color:#fff;margin-bottom:20px}
.col03_t{font-size:55px;font-family: "NotoSans-Medium", sans-serif}
.col03_cont p{font-size:17px;color:#fff;line-height:27px;margin-bottom:40px}
.col03_more{position:relative;margin:0 auto;width:289px;height:54px}
.col03_more a{display:block;width:289px;height:54px;border:4px solid #fff;margin-top:20px;padding-top:10px;color:#fff;font-size:17px;letter-spacing:2px;text-align:center;font-family: "NotoSans-Medium", sans-serif}
.col03_more a:hover{border:4px solid #fbe5b4;color:#fbe5b4;text-decoration:none}

.col03_img{position:relative;top:-2px;float:left;width:789px;height:484px;}

.col04{position:relative;width:1200px;margin:0 auto;height:618px}
.col04_01{position:relative;float:left;width:539px;height:517px;background-color:#2c2521;margin:47px 25px 0 48px;}
.col04_01 a{display:block;width:539px;height:517px;background:url(../images/common/col04_img.jpg) no-repeat}
.col04_01 h4{font-size:15px;color:#fff;line-height:40px;letter-spacing:0.5px;margin:0;padding:50px 0 24px 40px;}
.col04_01 p{font-size:13px;color:#fff;line-height:25px;letter-spacing:0.5px;padding:0px 0 0px 40px;}
.col04_01 h3{font-size:15px;color:#fff;letter-spacing:0.5px;margin:0;position:absolute;bottom:28px;right:40px;}
.col04_t{font-size:40px}
.col04_t2{font-size:25px}
.col04_t3{font-size:45px}

.col04_02{float:left;width:539px;height:517px;margin:47px 0px 0px 0px;text-align:center}
.col04_02_1{font-size:40px;float:left;width:539px;height:247px;background-color:#573c26;margin-bottom:25px;}
.col04_02_1 a{display:block;width:539px;height:247px;background:url(../images/common/col04_img2.jpg) no-repeat}
.col04_02_1 h3{font-size:30px;color:#fff;line-height:50px;letter-spacing:0.5px;margin:0;padding:55px 0 13px}
.col04_02_1 p{font-size:13px;color:#fff;letter-spacing:0.5px;opacity:0.8}
.col04_02_2{float:left;width:257px;height:243px;background:#666}
.col04_02_2 a{display:block;width:257px;height:243px;background:#2c2521;padding-top:50px}
.col04_02_2 h3{font-size:25px;color:#fff;margin:30px 0 10px}
.col04_02_2 p{font-size:13px;color:#fff;letter-spacing:0.5px;opacity:0.8}
.col04_02_3{float:right;width:257px;height:243px;background:#513228;}
.col04_02_3 a{display:block;width:257px;height:243px;background:#a26a57;padding-top:50px}
.col04_02_3 h3{font-size:25px;color:#fff;margin:30px 0 10px}
.col04_02_3 p{font-size:13px;color:#fff;letter-spacing:0.5px;opacity:0.8}

.sns_ft_link{position: relative;margin:0 auto;width:56px;display: inline-block;}
.sns_ft_link>div{float:left;margin-right:10px;}

/* -------------------------------------------------------------------
| Body section
|
| 테마내에 일반적인 컨텐츠들의 속성을 정의합니다.
| ------------------------------------------------------------------*/
/* warp */
#wrap {background-color:#fff;}
/* 서브 레이아웃 */
#sub_top_area_wrap{width:100%;min-width:1200px;height:400px}
.sub_top_area{position:relative;width:1200px;margin:0 auto;text-align:center;color:#fff;font-size:17px;padding-top:190px}
.sub_top_area_t{font-size:50px;font-family: "NotoSans-Bold", sans-serif;text-shadow: 2px 2px 4px #666;}
.sub_article_wrap{position:relative;width:100%;min-width:1200px;background:#fafafa;}
.sub_article_topbg {position:absolute; left:0; top:254px; width:100%; height:537px; background:#f0edec}
.sub_article_topbg2 {position:absolute; left:0; top:191px; width:100%; height:537px; background:#f0edec}
.sub_article_bottombg {position:absolute;right:0;bottom:0;width:100%;height:200px;background:#f0edec;}
.sub_article{position:relative;width:1200px;margin:0 auto;}
.title{text-align:center;padding:40px;border-bottom: 1px solid #ccc;}
.sub_title{color:#222;font-size:35px;border-bottom:3px solid #f0b129;padding-bottom:37px;}
.sub_menu{;}
.list-group{text-align:center;margin:40px 0 60px;}
.list-group a.menubox{background:#fafafa;border:1px solid #b09b99;padding:7px 50px;font-size:15px;color:#827f7e;text-decoration:none;margin:0 2px}
.list-group a.active{background:#342b2a;color:#fff}
.list-group a.menubox:hover{background:#342b2a;color:#fff}
.contents{min-height:715px;padding-bottom:50px}

.about{font-size: 15px;color:#666;line-height: 30px;width:884px;margin:0 auto;position: relative;}
.about_tt{font-size: 45px;color:#666;font-family: "NotoSans-Medium", sans-serif;}
.about_tt2{color:#000;}
.about_t{font-size: 25px;color:#333;}
.about_t2{font-family: "NotoSans-Medium", sans-serif;}
.about_txt{float:left;width:544px;display: inline-block;}
.about_img{float:left;margin-left:40px;width:300px;display: inline-block;}
.about_line{width:884px;height:70px;background: #d1d3d4;display: inline-block;}

.coach{font-size: 15px;color:#666;line-height: 30px;}
.coach_t{color:#333;font-size: 25px;font-family: "NotoSans-Medium", sans-serif;}
.coach_line{width:40px;height:1px;background: #f0b129;}
.coach_txt{float:left;width:600px;display: inline-block;}
.coach_img{float:left;width:500px;display: inline-block;}

.location_icon{float:left;margin-right:50px;}
.location_t{float:left;font-size: 17px;color:#666;line-height: 30px;}
.location_t2{font-size: 15px;}
.location_con{display: inline-block;width:1200px;}

.teaching_table{font-size:13px;color:#666;text-align:center;}
.teaching_table caption{font-size:0px;color:#fff;padding:0;line-height:0}
.teaching_table th{border-left:1px solid #ccc;border-right:1px solid #ccc;color:#333;font-size:15px;padding:20px 0;text-align:center;border-top:2px solid #333; min-width:160px;}
.teaching_table td{border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:15px 0;border-top:1px solid #ccc;}
.teaching_line{border-bottom:1px solid #ccc;}
.td_point{background: #f5f5f5;}
.teaching_con{ text-align: left; line-height: 2em; }


.program{font-size: 15px;color:#666;line-height: 30px;}
.program_tt{font-size: 25px;color:#333;font-family: "NotoSans-Medium", sans-serif;}
.program_t{font-size: 20px;color:#333;font-family: "NotoSans-Medium", sans-serif;}
.program_line{width:40px;height:1px;background: #f0b129;}

.program_table{font-size:13px;color:#666;text-align:center;}
.program_table caption{font-size:0px;color:#fff;padding:0;line-height:0}
.program_table th{border-left:1px solid #ccc;border-right:1px solid #ccc;color:#333;font-size:15px;padding:20px 0;text-align:center;border-top:1px solid #ccc;background: #f5f5f5}
.program_table td{border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:15px 0;border-top:1px solid #ccc;}
.program_tbline{border-bottom:1px solid #ccc;}

.slash{background: url('../images/sub/slash.png') 50% 50% no-repeat;  background-size:100% 100%;}

.dc_t{text-decoration: line-through}

.program ul{display: inline-block;}
.program li{float:left;margin-right:11px;width:190px;display: inline-block;padding:10px;border:1px solid #ccc;text-align: center;}

.program_red{color:#ff0000;}

/*business*/
.busin_box {width: 100%; height: 266px; margin-bottom: 70px;}
.busin_logo_box {float: left; width: 266px;}
.busin_script_box {float: left; width: 934px; height: 266px; border-bottom: 2px solid #4b4f91; margin-left:-10px; padding-left: 50px; position: relative;}
.busin_box:nth-child(2n) > .busin_script_box {border-bottom: 2px solid #e18e4b; }

.busin_script_box h1 {font-size: 24px; color:#333; font-weight: 500; padding: 20px 0; border-bottom: 1px solid #ddd; margin: 20px 0 0 0; text-align: center;}
.busin_script_box h2 {font-size: 18px; color:#333; font-weight: 400; margin: 20px 0; text-align: center; }
.busin_script_box ul li {color:#666; font-weight: 300; margin-bottom: 10px;}

.busin_go {position: absolute; right: 10px; bottom: 20px; width: 200px; height: 40px;}
.busin_go a {width: 200px; height: 40px; display: block; text-decoration: none; color:#fff; font-size :16px; background:#e18e4b; text-align: center; line-height: 40px; transition: all 0.3s;}
.busin_go a span {padding-left: 15px;}
.busin_go a:hover {background:#4b4f91;}