@charset 'utf-8';

@font-face {
	font-family: NanumGothic;
	src: url("../../lib/font/NanumGothic-Regular.eot");
	src: local(※), url("../../lib/font/NanumGothic-Regular.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: NanumGothic;
	src: url("../../lib/font/NanumGothic-Bold.eot");
	src: local(※), url("../../lib/font/NanumGothic-Bold.woff") format("woff");
	font-weight: bold;
	font-style: normal;
}



body { font-family: 나눔바른고딕,'NanumGothic', sans-serif; font-weight:normal; }

/*************************************************************************************************
*	@CreateDate          : 2014.12.16
*	@ModifyDate          :
*	@FileName            :
*	@Author-Design       :
*	@Author-Publishing   :
*************************************************************************************************/

h1.tit { height:63px; font-size: 40px; line-height: 1.3; color: #000000; letter-spacing: -2px; font-weight: bold; text-align:center; padding-top:170px; background:url(../../img/header/tit_bg.gif) no-repeat center 231px;}
h2.tit_desc { font-size: 14px; line-height: 1.0; color: #000000; letter-spacing: -0.2px; font-weight: bold; text-align:center; padding-top:20px;}
h3 { height:100%; color:#000; font-size: 36px; background:url(../../img/common/bg_h3.gif) no-repeat left center; padding-left:18px; font-weight:normal;}
h4 { color:#000; font-size:18px; font-weight:bold; }
h4 .tit_bul{ color:#000; display:inline-block; padding-left:13px; background: url(../../img/common/academy_tit_bul.gif) no-repeat left top 9px; }

.l_con{ float:left; width:464px;}
.r_con{ float:right; width:464px;}

.academy_l{ float:left; width:542px; color:#626262;}
.academy_r{ float:right; width:560px; color:#626262;}

.clear{ clear:both;}

#header_wrap{ width:100%; height:83px; top:0; position:absolute; z-index:100; min-width:1210px; }

#top_nav_wrap{  width:100%; height:83px; background:url(../../img/header/top_bg.png) repeat-x; overflow:hidden; border-bottom:1px solid #5c5c5c; font-size:12px;}



#top_nav_wrap .top_left{ overflow:hidden; float:left; }
#top_nav_wrap .top_left li{ float:left; }
#top_nav_wrap .top_left .line img{ vertical-align:middle;}

.top_left > li{ margin-right:15px; height:20px; margin-top:30px;}
.top_left > li > a{ display:table-cell; height:23px; vertical-align:middle; color:#b4b4b4;}
.top_left > li > a:hover{ color:#fff;}

#top_nav_wrap .logo{ position:absolute; width:142px; margin:30px 0 30px 280px;}
#top_nav_wrap .top_right{ overflow:hidden; float:right; }
#top_nav_wrap .top_right li{ float:left;}
.top_right > li{ margin-left:15px; height:20px; margin-top:30px;}
.top_right > li > a{ display:table-cell; height:23px; vertical-align:middle; color:#b4b4b4;}
.top_right > li > a:hover{ color:#fff;}

#top_nav_wrap .top_right .campus a{ color:#0592a1; font-weight:bold;}
#top_nav_wrap .top_right .campus a:hover{ color:#1dbecf;}

#main_nav_wrap{ width:100%; /*height:214px;*/ height:44px; background:url(../../img/header/main_nav_bg.png) repeat-x;}
#main_nav_wrap ul li{ width:218px; float:left; text-align:center; margin-left:-1px;}

#main_nav > ul > li > ul{ width:218px; height:200px; background:url(../../img/header/sub_nav_bg.png) repeat;}

#main_nav > ul > li{ border-left:1px solid #5c5c5c; border-right:1px solid #5c5c5c; height:44px;}
#main_nav > ul > li > ul > li{ margin-left:0;}
#main_nav > ul > li > ul > li a{ width:218px; height:27px; float:left; color:#b4b4b4;  margin-top:2px;}
#main_nav > ul > li > ul > li:first-child{ margin-top:12px;}
#main_nav > ul > li > ul > li a:hover{ color:#ffffff; background:#333333 -100px 0; font-weight:bold;}
#main_nav > ul > li > ul{ display:none;}


#mnav_deco { display:none; }
/*
#mnav_bg {  position:absolute; width:166px; height:194px; left:813px; background:#a5dd43; }
#mnav_img {  position:absolute; width:210px; height:194px; background:url(../../img/header/m_img.gif) no-repeat left top; }
*/
#mnav_bul { background:url(../../img/header/main_nav_on.png) no-repeat; position:absolute; width:218px; height:3px;}

/* tab */
.tab_group { overflow:hidden;/* width:454px; */margin:0 auto; text-align:center;}
.tab_group ul {display:inline-block;}
.tab_group ul li { display:inline-block; line-height: 31px; width:150px; height:31px; border-right:1px solid #647479; border-top:1px solid #647479;
border-bottom:1px solid #647479; text-align:center; vertical-align:middle; float:left; background:#ffffff;}
.tab_group ul li:first-child {border-left:1px solid #647479; }
.tab_group ul li a { display:block;}
.tab_group ul li a:hover { background-color:#e5e5e5; color:#6f8187; }
.tab_group ul li a:focus { background-color:#6f8187; color:#FFFFFF; }
.tab_group ul li.current { background-color:#6f8187; color:#FFFFFF; font-weight:bold;}
.tab_group ul li.current a{ color:#FFFFFF;}
.tab_group ul li.current a:hover{ background-color:#6f8187;}

/* 메인 */
.location_phone{ width:558px; position:absolute; top:0; font-size:14px; font-weight:bold; padding:239px 0 0 70px;}
.location_phone li{ float:left; width:133px; color:#b4b4b4; padding-bottom:14px;}
.location_phone li a{  color:#b4b4b4; padding-bottom:14px; background:url(../../img/main/class_arrow.png) no-repeat right 2px; padding-right:20px;}
.location_phone li a:hover{ color:#fff; background:url(../../img/main/class_arrow_on.png) no-repeat right 2px; padding-right:20px;}
.location_phone .phone{ margin-right:26px;}

#last_contents{ position:relative; width:1920px; left:50%; margin-left:-960px; }
#last_contents div{ float:left;}
#last_contents .group_01{ width:747px;}
#last_contents .group_02{ width:426px;}
#last_contents .group_03{ width:747px;}

#last_contents .group_01 .icon1{ position:absolute; left: 465px; top:189px;}
#last_contents .group_02 .icon2{ position:absolute;}
#last_contents .group_01 .icon3{ position:absolute; left: 465px; top:659px;}
#last_contents .group_02 .icon4{ position:absolute;}
#last_contents .group_03 .icon5{ position:absolute; left:1190px; top:295px;}

.cover1{ width:747px; height:470px; background:#000; position:absolute; top:0; display:none; opacity:.6;filter:alpha(opacity=60)}
.cover3{ width:747px; height:470px; background:#000; position:absolute; top:470px; display:none; opacity:.6;filter:alpha(opacity=60)}
.cover5{ width:747px; height:939px; background:#000; position:absolute; top:0; display:none; opacity:.6;filter:alpha(opacity=60) }


/* -------------------------------------------- footer -------------------------------------- */
.fmenu { width:1140px;}
.fsite { float:right; margin-top:18px;}
.fsite>div { float:left; }
.fsite .fsite01 { position:relative; margin-top:5px; height:35px; }
.fsite .fsite01 ul { position:absolute; bottom:35px; width:227px; background:#4c585c; color:#fff; padding:5px 0; z-index: 1000; overflow:hidden;}
.fsite .fsite01 ul li { padding:0 10px; width:207px; height:31px;}
.fsite .fsite01 ul li a { overflow:hidden; width:207px; height:31px; color:#fff; font-size:14px; }
.fsite .fsite01 ul li:hover{ background-color:#414c4f; }

/* footer_wrap */
#footer_wrap{width:100%; background:#000000; min-width:1210px;}
#footer_con{ padding-top:1px;}

#foot_nav{ width:1140px; height:180px;  margin-top:43px; border-bottom:1px solid #222222;}
#foot_nav ul li{ width:227px; float:left; text-align: left; margin-left:-1px;}

#foot_nav > ul > li{ height:164px; border-left:1px solid #5c5c5c; border-right:1px solid #5c5c5c; font-size:14px;}
#foot_nav > ul > li > a{ margin:2px 0 0 25px; color:#ffffff; font-weight:bold;}
#foot_nav > ul > li > ul > li{ margin-left:0;}
#foot_nav > ul > li > ul > li > a{ float:left; color:#b4b4b4; margin:0 0 0 25px;}
#foot_nav > ul > li > ul > li:first-child{ margin-top:3px;}
#foot_nav > ul > li > ul > li > a:hover{ color:#ffffff; font-weight:bold;}

.fmenu > .address{ float:left; padding:20px 0; font-size:12px; color:#c6c6c6;}
.fmenu > .address a{ font-size:12px; color:#c6c6c6;}
.copyright{ clear:both; width:1140px; line-height:0; padding:35px 0 30px 0; overflow:hidden; border-top:1px solid #222222;}

/*  */
#container_wrap{ width:100%; min-width:1210px;}
#container{ position:relative; width:1210px; margin:0 auto; overflow:hidden; }
#contents { float:left; width:1140px;}


#mvisual_wrap{ width:100%; min-width:1210px;}
#main_container{ width:100%; position:relative; overflow:hidden; }
#main_contents{ width:1140px; margin:0 auto;}





/******************************************************* board table */
table { width:100%; table-layout: fixed;}
.board_list { margin-top: 0px; border-top: 2px solid #000000; border-bottom: 1px solid #dfe1e3;}
.board_list th { min-height: 50px; height: 50px; border-bottom: 1px solid #000000; color:#626262;
	font-weight: bold; letter-spacing: -1px; vertical-align: middle; font-size:14px;}
.board_list td { padding:11px 0; vertical-align: middle; text-align: center; color: #000;}
.board_list td.num { font-size:11px; color:#b4b4b4;}
.board_list td.title { font-size: 16px; font-weight:bold; letter-spacing: -1px; text-align: left; padding-left:20px; }
.board_list td.title a { display:block;}
.board_list td.date { font-size:11px; color:#b4b4b4;}

.board_list tr:hover td.title a { color: #1dbecf; font-weight:bold;}
.board_list tr td.title a:focus { color: #1dbecf; font-weight:bold; }


/******************************************************* board table 나만 작품이다 */
.board_list2 { margin-top: 0px; border-top: 2px solid #000000; border-bottom: 1px solid #dfe1e3;}
.board_list2 th { min-height: 50px; height: 50px; border-bottom: 1px solid #000000; color:#626262;
	font-weight: bold; letter-spacing: -1px; vertical-align: middle; font-size:14px;}
.board_list2 td { vertical-align: middle; text-align: center; color: #000; border-bottom:1px solid #dfe1e3; height:125px;}
.board_list2 td.num { font-size:11px; color:#b4b4b4;}
.board_list2 td.writer { font-size:11px; color:#b4b4b4;}
.board_list2 td.category { font-size:11px; color:#b4b4b4;}
.board_list2 td.date { font-size:11px; color:#b4b4b4;}

.board_list2 td.txt_con{ text-align:left; padding-left:20px;}
.board_list2 td.txt_con .tit { font-size: 16px; font-weight:bold; letter-spacing: -1px;}
.board_list2 td.txt_con .txt{ font-size:12px; color:#626262; font-weight:normal;}
.board_list2 tr:hover td.txt_con .tit{ color: #1dbecf; font-weight:bold;}
.board_list2 tr:hover td.txt_con .txt{ text-decoration:underline;}

.board_list2 tr td.title a:focus { color: #1dbecf; font-weight:bold; }

.board_list2 .thumb{ overflow:hidden; width:100px; height:67px;}
/*.board_list2 .thumb img{ margin-top:-50px;}*/

/* icon */
.icon_new { margin-left:5px; vertical-align:middle;}
.icon_special{ margin-left:5px; vertical-align:middle;}
.icon_del img{ margin-left:5px; vertical-align:middle;}

/******************************************************* board table 취업정보 */
.board_list3 { margin-top: 0px; border-top: 2px solid #000000; border-bottom: 1px solid #000000;}
.board_list3 th { min-height: 50px; height: 50px; border-left:1px solid #dfe1e3; border-bottom: 1px solid #000000; color:#000000;
	font-weight: bold; letter-spacing: -1px; vertical-align: middle; font-size:16px; }
.board_list3 th:first-child{ border-left:0;}
.board_list3 td { padding:11px 0; vertical-align: middle; text-align: center; color: #626262; font-size:14px; border-left:1px solid #dfe1e3;}
.board_list3 td.num { font-size:14px; color:#626262; border-left:0;}
.board_list3 td.name { font-size: 14px; color:#626262; letter-spacing: -1px;}
.board_list3 td.company { font-size:14px; color:#626262;}
.board_list3 td.address { font-size:14px; color:#626262;}


.bg-f5f5f5{background-color:#f5f5f5;}
.border-bottom1{ border-bottom:1px solid #dfe1e3;}


.nationwideCollege_list td:first-child{border-left:0;}

/******************************************************* board table 댓글 */
.board_list4 { margin-top: 0px; border-top: 2px solid #000000; border-bottom: 2px solid #000000;}
.board_list4 td { padding:11px 0; vertical-align: middle; color: #626262; font-size:14px; border-bottom:1px solid #dfe1e3;}
.board_list4 td.name { font-size: 14px; font-weight:bold; color:#000000; text-align: center; vertical-align:top;}
.board_list4 td.txt { font-size:14px; color:#626262; letter-spacing: -1px; width:660px;}
.board_list4 td.date { font-size:12px; color:#b4b4b4; text-align: center;}

/******************************************************* paginate */
.paginate { height: 40px; margin: 30px 0 0 0; text-align: center; font-size:14px; clear:both;}
.paginate .page_num { overflow: hidden; margin: 0px 0px; vertical-align: middle;}
.paginate .page_num a.num { color: #797d83; display: inline-block; text-decoration: none; padding: 10px 12px;}
.paginate .page_num strong { display: inline-block; color: #000; border-bottom: 1px solid #000; padding-top: 10px; margin: 0 12px; }
.paginate .direction:hover{ opacity:.8;filter:alpha(opacity=80);}

.paginate2 { height: 30px; margin: 30px 0 30px 0; font-size:12px;}
.paginate2 .page_num strong { display: inline-block; color: #000; padding-top: 10px; margin: 0 12px; }
.paginate2 .direction:hover{ opacity:.8;filter:alpha(opacity=80);}

.paginate2 .direction img{ width:30px; height:30px; vertical-align:middle;}
.paginate2 span{ margin-left:10px;}

/* 댓글 */
#commnet_wrap {}
.commnet_login { width:980px; overflow:hidden; }
.commnet_login .login_input { width:223px; float:left; }
.commnet_login .name{ float:left; width:169px; height:70px; background:url(../../img/common/login_bg.gif) no-repeat;  margin-right:8px;}
.commnet_login .name span{ padding:23px 0 0 72px; display:block; font-weight:bold;}
.commnet_login .comment_txt{ float:left; margin-right:8px;}
.commnet_login .login_input dl { margin-bottom:6px; }
.commnet_login .login_input dl dt { float: left; width:60px; }

/* corevalue */
.corevalue02 h4 .tit_bul { margin-top:10px; }
.corevalue02 .period_list { margin-left:15px; }
.corevalue02 .period_list li { margin-top:10px; }

/* 강사소개 */
.lecturer_list{ overflow:hidden;}
.lecturer_list ul{ margin-left:-20px;}
.lecturer_list ul li{ float:left; width:173px; height:212px; margin:0 0 20px 20px; position:relative;}
.lecturer_list > ul > li > a >img{ width:173px; height:212px; }

.lecturer_list ul li .over{ position:absolute; width:173px; height:212px; left:0; top:0; background:url(../../img/01_hermoso/profile_bg.png) no-repeat; text-align:center; display:none;}
.lecturer_list ul li .tit{ font-size:14px; font-weight:bold; background:url(../../img/01_hermoso/profile_bul.png) no-repeat bottom center; color:#fff; margin-top:60px; padding-bottom:5px; margin-bottom:10px;}
.lecturer_list ul li .position{ font-size:14px; font-weight:bold; color:#fff; line-height:26px;}
.lecturer_list ul li  font-size:26px; font-weight:bold; color:#fff; line-height:26px;

.lecturer .ledger_con{ overflow:hidden; border-top:2px solid #000000;}
.lecturer .ledger_con .ledger{ overflow:hidden; background:#4c585c; padding:50px;}
.lecturer .ledger_con .ledger .tit{ font-size: 28px; color:#b4b4b4; width:44%; line-height: 40px;}
.lecturer .ledger_con .ledger .txt{ font-size: 16px; font-weight:bold; color:#ffffff; width:56%; overflow:hidden;}
.lecturer .ledger_con .ledger .tit span{ font-size: 34px; color:#ffffff;}

.lecturer .profile_con{ overflow:hidden; border-top:2px solid #000000;}

.profile_con .ledger .pic{ margin-right:40px; }
.profile_con .ledger .pic img { width:250px; }
.profile_con .ledger .pic .btn_online img { width:190px; }
.profile_con .txt{ overflow:hidden; width:32%; font-weight:bold;}
.profile_con .txt.fl_l { width:calc( 32% - 20px ); padding-right:20px; }
.profile_con .name { font-size: 16px; font-weight: bold; color: #000000;}
.profile_con .name p{ font-size: 26px; font-weight: bold; color: #1dbecf; line-height:20px;}

.profile_con .txt ul li{ background:url(../../img/01_hermoso/lecturer_bul2.gif) no-repeat left 12px; padding-left:13px; color: #626262;}
.profile_con .txt ul p{ font-size: 18px; color: #000000;}
.profile_con .txt ul p .tit_bul{ width:100px; height:5px; background:url(../../img/01_hermoso/lecturer_bul.gif) no-repeat; display:inline-block; margin-left:12px;}

.lecturer-pop-wrap { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; z-index:9999; width:950px; height:80vh; display:none; }
.block { background:rgba(0,0,0,0.5); position:fixed; width:100%; height:100%; left:0; top:0; }
.lecturer-pop-wrap .lecturer-pop-inner { height:calc( 100% - 100px ); overflow:auto; padding:50px; }
.lecturer-pop-wrap .pop-close { position:absolute; top:0; right:-50px; }

/* 에르모소 피플 */
.people_l_list{ width:246px; float:left; margin-right:52px}
.people_l_list ul{ overflow:hidden;}
.people_l_list ul li{ float:left; width:246px; margin-top:20px;}
.people_l_list ul li:first-child{ margin-top:0px;}
.people_l_list .thumb{ float:left; overflow:hidden; width:80px; height:80px; margin-right:14px;}

.people_l_list .thumb_on{ position:relative; display:none; top:-80px; overflow:hidden; width:80px; height:80px; background:url('../../img/01_hermoso/people_thumb_on.gif') no-repeat; background-size:80px 80px;}

.people_l_list .thumb:hover .thumb_on{ display:block; }
.people_l_list .thumb a:focus .thumb_on{ display:block; }

.people_l_list .tit{ display:block; font-size:14px; font-weight:bold;}
.people_l_list .tit a:hover, .people_l_list .tit a:focus{color:#1dbecf;}
.people_l_list .txt{ font-size:12px; margin-top:10px; color:#626262;}

.people_r_list{ overflow:hidden; border:1px solid #e0e2e4; }
.people_r_list .con{ padding:80px}
.people_r_list .con .tit{ font-size:30px; font-weight:bold; color:#000; background:url(../../img/03_community/l_box_bg.gif) no-repeat left bottom; padding-bottom:15px; margin-bottom:30px;}
.people_r_list .con .tit .date{ float:right; font-size:12px; color:#b4b4b4; margin-top:17px;}

.people_r_list > .con > ul > li{ margin-top:30px;}
.people_r_list > .con > ul > li > dl > dt{ font-size:20px; font-weight:bold;}
.people_r_list > .con > ul > li > dl > dd{ margin-top:30px;}
.people_r_list > .con > ul > li > dl > .tit01{ background:url(../../img/01_hermoso/popple_li01.gif) no-repeat left center; padding-left:79px;}
.people_r_list > .con > ul > li > dl > .tit02{ background:url(../../img/01_hermoso/popple_li02.gif) no-repeat left center; padding-left:79px;}
.people_r_list > .con > ul > li > dl > .tit03{ background:url(../../img/01_hermoso/popple_li03.gif) no-repeat left center; padding-left:79px;}
.people_r_list > .con > ul > li > dl > .tit04{ background:url(../../img/01_hermoso/popple_li04.gif) no-repeat left center; padding-left:79px;}


/* 현장실습 & 대외활동
.search_wrap{ width:510px; height:43px; margin:10px auto; background:url(../../img/common/bg_search.gif) no-repeat; z-index:999;}
.search_wrap div{ float:left;}

.search_wrap ul{ background:#ececec; display:none; }
.search_wrap ul li{ overflow:hidden; color:#626262; font-size:14px; padding:7px 14px;}

.search_wrap ul li:hover{ color:#ffffff; background:#adb6b9; font-weight:bold; }
.search_wrap > .option:hover > ul{display:block; color:red; cursor: pointer;}

.search_wrap > .option{ padding-top:9px;}
.search_wrap > .option > #option_title{ padding:7px 14px; color:#626262; background:url(../../img/common/option_arrow.gif) no-repeat right center;}
.search_wrap > .option:hover > #option_title{ color:#626262; background:#ececec; cursor: pointer;}

.search_wrap .input_text{width:255px;height:21px;margin:9px 0 0 25px;border:0;line-height:21px; color:#626262;*ime-mode:active;outline:none; background:#f5f5f5;}
*/



.search_wrap{ position:relative; margin:0 auto; width:645px; height:43px; background:#f5f5f5; border:1px solid #dfe1e3; text-align:center; display:none;}
.search_wrap div{ float:left;}

.search_wrap ul{ position:absolute; bottom:42px; background:#ececec; display:none; width:100px; }
.search_wrap ul li{ overflow:hidden; color:#626262; font-size:14px; padding:7px 14px;}

.search_wrap ul li:hover{ color:#ffffff; background:#adb6b9; font-weight:bold; }
.search_wrap .option:hover ul{display:block; cursor: pointer;}

.search_wrap .option{ padding-top:1px; width:100px;}
.search_wrap .option #option_title{ display:block; width:100px; padding:7px 0; color:#626262; background:url(../../img/common/option_arrow.gif) no-repeat right center;}
.search_wrap .option:hover #option_title{ width:100px; color:#626262; background:#ececec; cursor: pointer;}

.search_wrap .input_text{width:255px;height:21px;margin:9px 0 0 25px;border:0;line-height:21px; color:#626262;*ime-mode:active;outline:none; background:#f5f5f5;}



/* 버튼 */
a.btn_file img{ vertical-align:middle; }
a.btn_file { display:inline-block; overflow: hidden; width: 21px; margin:0 5px; float:left;
	background: url(../../img/common/board_file_ico.gif) no-repeat center center; text-indent: -9999px}
a.btn_file:hover{ background:url(../../img/common/board_file_ico_on.gif) no-repeat center center;}

.btn_write{ background:url(../../img/common/btn_write.gif ) no-repeat; width:117px; height:40px; }
.btn_write:hover{ opacity:.75;filter:alpha(opacity=75)}

.btn_registration{ background:url(../../img/common/btn_registration.gif ) no-repeat; width:133px; height:60px; margin:0 5px;}
.btn_registration:hover{ opacity:.75;filter:alpha(opacity=75)}

.btn_modify{ background:url(../../img/common/btn_modify.gif ) no-repeat; width:133px; height:60px; margin:0 5px;}
.btn_modify:hover{ opacity:.75;filter:alpha(opacity=75)}

.btn_delete{ background:url(../../img/common/btn_delete.gif ) no-repeat; width:133px; height:60px; margin:0 5px;}
.btn_delete:hover{ opacity:.75;filter:alpha(opacity=75)}

.btn_cancle{ background:url(../../img/common/btn_cancle.gif ) no-repeat; width:133px; height:60px; margin:0 5px;}
.btn_cancle:hover{ opacity:.75;filter:alpha(opacity=75)}

.btn_online { display:block; margin-top:22px; text-align:center; }
.btn_online:hover{ opacity:.75;filter:alpha(opacity=75)}







.practice_l_list{ width:246px; float:left; margin-top:50px; overflow:hidden;}
.practice_l_list dl{ background:url(../../img/03_community/l_box_bg.gif) no-repeat bottom left; padding-bottom:18px; margin-bottom:35px; }
.practice_l_list dl dt{ font-size:14px; font-weight:bold;}
.practice_l_list dl dd{ font-size:12px;}
.practice_l_list dl dt a:hover, .practice_l_list dl dt a:focus { color:#1dbecf;}

/* practice_list */
.practice_r_list{ margin-top:50px; overflow:hidden;}
.practice_r_list > ul > li{ float:left; margin:0 0 42px 52px;}
.practice_r_list > ul > li:first-child{ float:left; margin:0 0 42px 52px;}
.practice_r_list .thumb{ display:block; overflow:hidden; width:246px; height:246px;}

.practice_r_list .thumb_on{ position:relative; display:none; top:-246px; overflow:hidden; width:246px; height:246px; background:url('../../img/03_community/thumb_on.gif') no-repeat; background-size:246px 246px;}

.practice_r_list .thumb:hover .thumb_on{ display:block; }
.practice_r_list .thumb a:focus .thumb_on{ display:block; }

.practice_r_list .tit{ display:block; font-size:12px; font-weight:bold; margin-top:20px;}
.practice_r_list .tit a:hover, .practice_r_list .tit a:focus{color:#1dbecf;}

.practice_r_list .date{ font-size:11px; margin-top:10px; color:#b4b4b4;}


#practice_photo_list{ overflow:hidden;}

/* 에르모소 뉴스 */
.news_list{ overflow:hidden; width:1140px;}
.news_list ul{ display:inline-block; margin-left: -52px;}
.news_list ul li{ float:left; margin:0 0 42px 52px; width:246px;}
.news_list .thumb{ display:block; overflow:hidden; width:246px; height:246px;}
.news_list .thumb a { position:relative; display:block; width:100%; height:246px !important;}

.news_list .thumb_on{ position:absolute; display:none; top:0; left:0; overflow:hidden; width:246px; height:246px; background:url('../../img/03_community/thumb_on.gif') no-repeat; background-size:246px 246px;}

.news_list .thumb:hover .thumb_on{ display:block; }
.news_list .thumb a:focus .thumb_on{ display:block; }

.news_list .tit{ height:66px; display:block; font-size:24px; font-weight:bold; line-height:1; background:url(../../img/03_community/l_box_bg.gif) no-repeat left bottom; margin:20px 0 30px 0; overflow:hidden; text-overflow:ellipsis; ;}




.news_list .tit a:hover, .practice_r_list .tit a:focus{color:#1dbecf;}
.news_list .txt{ height:62px; font-size:12px; font-weight:normal; color:#626262; display:block; word-wrap:break-word;}
.news_list .txt.exp { height:20px; }
.news_list .date{ font-size:11px; margin-top:10px; color:#b4b4b4; display:block;}


/* 에르모소 뉴스 뷰 */
.view_wrap .tit{ font-size:30px; font-weight:bold; color:#000000; background:url(../../img/03_community/l_box_bg.gif) no-repeat left bottom; margin-bottom:30px;}
.view_wrap > .view > .tit > .date{ float:right; font-size:12px; color:#b4b4b4; vertical-align:middle; display:block; margin-top:18px;}
.view_wrap > .view > .tit > .writer{ float:right; font-size:12px; color:#b4b4b4; vertical-align:middle; display:block; margin-top:18px;}
.view { font-size:14px;}

/* 뷰 페이지 이전 다음 */
.pn{ width:980px; height:50px;}
.pn li{float:left;position:relative;padding:20px 30px 16px 20px;line-height:14px;}
.pn .prev{ width:440px; background:url(../../img/common/bg_prev.gif) no-repeat;}
.pn .prev a{ color:#626262;}
.pn .next{ width:440px; background:url(../../img/common/bg_next.gif) no-repeat; color:#626262;}
.pn .next a{ color:#626262;}
.pn .txt{overflow:hidden;display:inline-block;width:300px; height:15px; padding-left:10px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.pn .date{position:absolute;right:30px;top:20px;font-size:12px;color:#b4b4b4; line-height:12px;}
.pn .prev a:hover, .pn .next a:hover{ text-decoration:underline;}
.pn .prev a:focus, .pn .next a:focus{ text-decoration:underline;}


.pn2{ width:682px; height:50px;}
.pn2 li{float:left;position:relative;padding:20px 0px 16px 20px;line-height:14px;}
.pn2 .prev{ width:321px; background:url(../../img/01_hermoso/popple_prev_bg.gif) no-repeat;}
.pn2 .prev a{ color:#626262;}
.pn2 .next{ width:321px; background:url(../../img/01_hermoso/popple_next_bg.gif) no-repeat; color:#626262;}
.pn2 .next a{ color:#626262;}
.pn2 .txt{overflow:hidden;display:inline-block;width:160px; height:15px; padding-left:10px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.pn2 .date{position:absolute;right:20px;top:20px;font-size:12px;color:#b4b4b4; line-height:12px;}
.pn2 .prev a:hover, .pn2 .next a:hover{ text-decoration:underline;}
.pn2 .prev a:focus, .pn2 .next a:focus{ text-decoration:underline;}


 /****************************************************** 교육과정 ***************************************************************/
.academy_menu{ width:894px; height:249px; float:left;}
.academy_menu ul{ padding:80px 0 80px 80px;}
.academy_menu ul li{ float:left; width:250px; height:28px; margin-bottom:10px; }
.academy_menu ul li a{  color:#b4b4b4; font-size:16px; background:url(../../img/common/menu_icon.png ) no-repeat right center; padding-right:20px;}
.academy_menu ul li a:hover{color:#fff; background:url(../../img/common/menu_icon_on.png) no-repeat right center;}
.academy_menu_decs{ background:url(../../img/02_academy/icon1.gif ) no-repeat; padding-left:20px; font-size:11px; color:#999999;}

.academy_menu_bg01{  background:url(../../img/02_academy/makeup_menu_bg01.jpg) no-repeat;}
.academy_menu_bg02{  background:url(../../img/02_academy/makeup_menu_bg02.jpg) no-repeat;}
.academy_menu_bg03{  background:url(../../img/02_academy/makeup_menu_bg03.jpg) no-repeat;}
.academy_menu_bg04{  background:url(../../img/02_academy/makeup_menu_bg04.jpg) no-repeat;}
.academy_menu_bg05{  background:url(../../img/02_academy/makeup_menu_bg05.jpg) no-repeat;}
.academy_menu_bg06{  background:url(../../img/02_academy/makeup_menu_bg06.jpg) no-repeat;}



/* box_txt */
.box_txt{ background:#dfe1e3; padding:25px 0 25px 30px; display:block; font-weight:bold; color:#000;}
.box_txt ul{ overflow:hidden;}
.box_txt ul li{ width:530px; float:left; background:url(../../img/common/academy_li_bul.gif ) no-repeat 0 center; padding-left:12px; }

.academy_line{ width:1140px; height:1px; background:url(../../img/02_academy/line01.gif ) repeat-x; }

.btn_academy_list{ background:url(../../img/02_academy/btn_list.gif ) no-repeat; width:198px; height:40px; }

.period_list li{ background:url(../../img/common/academy_li_bul.gif ) no-repeat 0 center; padding-left:12px; font-weight:bold; color:#000;}
.period_list li span{ font-weight:normal; color:#626262;}

/* map_list */
.map_list{ position:relative; background:url(../../img/02_academy/line01.gif) repeat-x; margin-top:120px;}
.map_list dl dt{ display:table-cell; vertical-align:middle; width:246px; text-align:center; font-size:18px; font-weight:bold; color:#000;  }
.map_list dl dd{ display:table-cell; vertical-align:middle;  padding:30px 0; }
.map_list dl dd span{ display:table-cell; vertical-align:middle;}
.map_list dl .btn_map{ display:table-cell; vertical-align:middle; padding:5px 0;}
.map_list dl .btn_home{ padding:0 10px; width:113px;}

.map_list dl{ border-bottom:1px solid #dfe1e3;}

.map_list dl dd .phone{ width:130px; background:url(../../img/common/icon_phone.gif) no-repeat left center; padding-left:20px;}
.map_list dl dd .address{ width:460px;}

/* 빠른 수강료 조회 */
.quick_search_class{ clear:both; border-top:2px solid #000000; border-bottom:2px solid #000000;}
.quick_search_class .tit{ font-size:26px; font-weight:bold; color:#000000; background:#fbfbfb; border-bottom:1px solid #e8e9ea; padding:20px 0 20px 474px;}
.quick_search_class .tit span img{ vertical-align:middle;}

.quick_search_class dl{ overflow:hidden; padding:10px 0; height:30px;}
.quick_search_class dl dt { float:left; width:157px; padding-left: 15px; color:#000000; background:url(../../img/common/search_tit_bul.gif) no-repeat left center; margin-left:190px;}
.quick_search_class dl dd { float:left; overflow: hidden; padding-left: 20px; color:#626262;}
.quick_search_class dl dd label{ margin-left:5px;}
.quick_search_class .btn_clause{ float:right; margin-right:30px;}

.quick_search_class .btn_group{ text-align:center; padding:35px 0 40px 0; border-top:1px solid #dfe1e3;}
.quick_search_class .btn_group span{ margin-left:6px;}

/* 합격자 명단 */
.pass_menu{ width:180px; overflow:hidden; float:left; margin-right:118px;}
.pass_menu ul li{ background:url(../../img/04_employment/bul_pass_menu.gif) no-repeat left bottom; height:48px; margin-bottom:30px; cursor:pointer;}

.pass_list{ overflow:hidden;}
.pass_list li{ float:left; width:328px; background:url(../../img/common/academy_li_bul.gif) no-repeat left center; padding-left:10px; font-size:14px;  padding-left:12px; margin-bottom:5px; color:#626262;}
.pass_list li span{ font-weight:normal; font-weight:bold; width:60px; display:inline-table; color:#000;}


/* 온라인 상담 */
.online_list{ clear:both; border-top:2px solid #000000; border-left:1px solid #dfe1e3; border-right:1px solid #dfe1e3; border-bottom:1px solid #dfe1e3; padding:80px;}
.online_list .tit{ font-size:26px; font-weight:bold; color:#000000; background:#fbfbfb; border-bottom:1px solid #e8e9ea; padding:20px 0 20px;}
.online_list .tit span{ float:right; margin-right:30px;}
.online_list .tit span img{ vertical-align:middle;}

.online_list dl{ overflow:hidden; padding:10px 0;}
.online_list dl dt { float:left; width:142px; padding-left: 15px; color:#000000; background:url(../../img/common/search_tit_bul.gif) no-repeat left center;}
.online_list dl dd { float:left; overflow: hidden; color:#626262;}
.online_list dl dd label{ margin-left:5px;}

/*
.btn_group{ overflow:hidden; text-align:center; padding-top:30px; border-top:1px solid #dfe1e3; width:276px; margin:0 auto; }
.btn_group span{ margin-left:10px;}
*/
.online_decs{ background:url(../../img/02_academy/icon1.gif ) no-repeat; padding-left:20px; font-size:11px; color:#999999;}


/* 온라인 완료 */
.online_wrap{ overflow:hidden; border-top:2px solid #000000; border-left:1px solid #dfe1e3; border-right:1px solid #dfe1e3; border-bottom:1px solid #dfe1e3;}
.online_txt1{ font-size:24px; font-weight:bold; text-align:center; color:#1dbecf; padding-top:79px;}
.online_txt1 span{ color:#000000;}

.online_list2{ margin-left:134px; margin-top:40px; margin-bottom:80px; color: #626262;}
.online_list2 li{ background:url(../../img/common/academy_li_bul.gif) no-repeat left center; padding-left:10px;}




 /******************************************************* button */
button { border: none; padding: 0; margin: 0;}
button, .btn { overflow: visible; cursor: pointer;}

.btn_default { width:129px; height:40px; margin-left: 0px; text-align: center; line-height: 13px; padding:13px 0;
	 background:url(../../img/common/btn_default.gif) no-repeat; color: #ffffff; font-size: 14px; font-weight: bold; letter-spacing:  0px;

}

/*  */
.ly_dimmed{ z-index:999; position:fixed; left:0px; top:0px; width:100%; height:100%; background:#000; opacity:.75;filter:alpha(opacity=75); }

.ct_layer{ white-space:nowrap;position:absolute;top:0;width:100%;height:100%; display:none;}
.ct_layer .movie_con{ margin:150px 0 0 105px; z-index:1001; position:absolute;}
.ct_layer .movie_con .close_video{ position:absolute; margin-left:960px; z-index:1001;}
.layer_content{display:inline-block; vertical-align:middle; z-index:999; margin-top:40px; z-index:1001;}

.ct_layer .gallery_con{ display:none; margin:150px auto; z-index:1001; width:1000px;}
.ct_layer .gallery_con .title_con{ z-index:999; background:#ffffff; position:absolute; width:1000px; height:40px;}
.ct_layer .gallery_con .title_con ul{ display:table;}
.ct_layer .gallery_con .title_con ul .tit{width:766px; font-size:14px; font-weight:bold; padding-left:20px;}
.ct_layer .gallery_con .title_con ul .tit span{ font-size:11px; color:#b4b4b4; float:right; margin-right:20px;}
.ct_layer .gallery_con .title_con ul .page{ width:90px; font-size:11px; color:#000; text-align:center;}
.ct_layer .gallery_con .title_con ul li{ float:left; border-left:1px solid #b4b4b4; height:40px; line-height:35px;}
.ct_layer .gallery_con .title_con ul li:first-child{ border-left:0;}
.ct_layer .gallery_con .pic{ border:1px solid #b4b4b4; position:absolute; margin-top:56px; z-index:1001;}
.ct_layer .gallery_con .pic img{ width:1000px;}
/* comment */
.commnet_wrap ul li:first-child{ width:203px;}
.commnet_wrap ul li{ float:left;}


.pass_list ul li{ float:left; width:341px;}



/* 자료실 */
.list_fileDownload{ background:#f5f5f5; width:980px; overflow:hidden;}
.list_fileDownload span{ margin:40px 0; font-weight:700; color:#626262; background:url(../../img/common/icon_file_download.gif) no-repeat right 0; padding-right:26px;}
.list_fileDownload div{ float:left; width:270px; padding:40px 40px 40px 0px;}
.list_fileDownload div:first-child{ margin-left:50px;}
.list_fileDownload .btn_dw:hover, .list_fileDownload span:hover{background-position:right -16px;color:#23b8d0; text-decoration:underline; }

/* ceo */
.ceo_message{ width:1140px; background:#06808f; overflow:hidden;}
.ceo_message .info{ padding:80px; font-size:16px; font-weight:700; color:#fff;}

.ceo_message_list{ overflow:hidden; }
.ceo_message_list ul li{ float:left; width:340px; margin-left:40px;}
.ceo_message_list ul li:first-child{ margin-left:0;}
.ceo_message_list .tit{ font-size:18px; font-weight:bold; color:#000; background:url(../../img/01_hermoso/bul_ceo_message.gif) no-repeat 50px 16px;}
.ceo_message_list .txt{ font-size:14px; font-weight:normal; color:#626262; margin-top:20px;}

/*
.gibn_searchBar{float:left;position:relative;z-index:3;width:980px !important;height:38px;margin:0 3px 0 25px;background:url(../../img/common/bg_search.gif) no-repeat}
.gibn_searchBar .option{top:5px;height:33px;padding-left:15px}
.gibn_searchBar .option{position:absolute;top:7px;left:0;width:110px;height:28px;margin:0;padding-left:25px;background:url(../../img/common/arr_01.gif) 93% 13px no-repeat;font-size:13px;line-height:29px;font-weight:bold;color:#333;cursor:pointer}
*/

/* network */
.network-list { width:100%; font-size:0; }
.network-list li { display:inline-block; width:calc( 50% - 2px ); border:1px solid #474747; border-top:0; }
.network-list li:nth-child(2n) { border-left:0; }
.network-list li:nth-child(1),.network-list li:nth-child(2) { border-top:1px solid #474747; }
.network-list li a { display:block; width:82%; height:82%; font-size:18px; color:#fff; padding:10px 24px; background:url('../../img/common/bg_btn_go.png') no-repeat center right 9%; background-size:9%; }
.network-list li a span { display:inline-block; }
.network-list li a .campus { width:40%; }

/* 팝업 */
.layer-pop { position:absolute; top:0px; z-index:1000; width:100%; height:100%; display:none;}
.layer-pop .bg{ position:absolute; background:#000; width:100%; height:100%; opacity:.5;}
.layer-pop .layer-img{ position:fixed; text-align:center; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
.layer-pop .layer-img button { position:absolute; top:0; right:0; transform:translate(100%,0); }