@import url( "http://fonts.googleapis.com/earlyaccess/notosanskr.css" );
* { margin: 0; padding: 0 }
body, td, p, input, button, textarea, select, a { font-family: 'Noto Sans Korean','Malgun Gothic', '���� ����', dotum, '����', gulim, '����', tahoma, sans-serif;  font-weight: 300; font-size: 14px; color: #333; line-height: 1.6; letter-spacing: -1.2px; padding: 0; margin: 0; word-break:keep-all }
body { overflow-y: scroll }
html, body { height: 100% }
img { border: 0; vertical-align: top }
a { text-decoration: none; }
li { list-style: none }
strong, b { font-weight: 600 }
.d_container { max-width: 1100px; margin: 0 auto }
/* ���� */
#wrap { width: 100%; overflow: hidden; padding: 0; margin: 0 auto }
.inner { width: 100%; max-width: 1100px; overflow: hidden; margin: 0 auto; padding: 0;}
.mb30 { margin: 0 0 30px 0; }
.bigtext { font-size: 2em; }
.center { text-align: center; }
.orange { color: #F60; }
.half { float: left; width: 46%; padding: 0 2em 0 0; overflow: hidden }
.bold { font-weight: bold; }
.oracolor { color:#f1592a; }
.comm_dl { overflow: hidden; }
.comm_dl dt { float: left; width: 20%; font-weight: bold; padding: 0.5em 0 }
.comm_dl dd { float: left; width: 80%; padding: 0.5em 0 }
.clear { clear: both; }
.sub_container { width: 100%; overflow: hidden; padding: 2em 0 }
.comm_list li { clear: both; padding: 5px 0 5px 10px; background: url(../images/common/li_bg.jpg) no-repeat 0px 15px; }
.comm_box { min-height: 150px; background: #dcd3c5 url(../images/common/box_bg.jpg) no-repeat bottom right; padding: 1em 20em 1em 1em; }
.blank { width: 100%; clear: both; height: 30px; }
.image img { max-width: 100%; width: 100% }
.button a { display: block; padding: 0.5em 2em; color: #fff }
.button a:hover { background: #67543b; }
.button { background: #f1592a; font-weight: bold; text-align: center; width: 150px; margin: 0 auto }
.btn_ul { text-align: center; overflow: hidden; padding: 1em 0 }
.btn_ul li { display: inline-block; margin: 0 1em; text-align: center }
.btn_ul li a { display: block; padding: 0.5em 2em; background: #68553c; color: #fff; font-weight: bold }
.btn_ul li:last-child a { background: #f1592a; }
.comm_input { background: #eaeaea; padding: 0.5em; width: 50%; border: 0 ; margin:0 0 0.2em 0}
.comm_textarea { width: 100%; background: #ececec; border: 0; height: 300px; padding: 0.5em }

#d_lnb li .sub dd a {font-size:12px; letter-spacing:-1px;}
#photo_li li a  {font-weight:600; font-size:17px}

/* ����Ʈ�ڽ� ������ư */
.control-group { display: inline-block; vertical-align: top; background: #fff; text-align: left; box-shadow: 0 1px 2px rgba(0,0,0,0.1); padding: 30px; width: 200px; height: 210px; margin: 10px; }
.control { position: relative; padding: 5px 0 5px 30px; margin-bottom: 15px; cursor: pointer; }
.control input { position: absolute; z-index: -1; opacity: 0; }
.control__indicator { position: absolute; top: 2px; left: 0; height: 20px; width: 20px; background: #e6e6e6; }
.control--radio .control__indicator { border-radius: 50%; }
.control:hover input ~ .control__indicator, .control input:focus ~ .control__indicator { background: #ccc; }
.control input:checked ~ .control__indicator { background: #f1592a; }
.control:hover input:not([disabled]):checked ~ .control__indicator, .control input:checked:focus ~ .control__indicator { background: #f1592a; }
.control input:disabled ~ .control__indicator { background: #e6e6e6; opacity: 0.6; pointer-events: none; }
.control__indicator:after { content: ''; position: absolute; display: none; }
.control input:checked ~ .control__indicator:after { display: block; }
.control--checkbox .control__indicator:after { left: 8px; top: 4px; width: 3px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.control--checkbox input:disabled ~ .control__indicator:after { border-color: #f1592a; }
.control--radio .control__indicator:after { left: 7px; top: 7px; height: 6px; width: 6px; border-radius: 50%; background: #fff; }
.control--radio input:disabled ~ .control__indicator:after { background: #7b7b7b; }
.select { position: relative; display: inline-block; margin-bottom: 15px; width: 100%; }
.select select { display: inline-block; width: 100%; cursor: pointer; padding: 10px 15px; outline: 0; border: 0; border-radius: 0; background: #e6e6e6; color: #7b7b7b; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
.select select::-ms-expand {
 display: none;
}
.select select:hover, .select select:focus { color: #000; background: #ccc; }
.select select:disabled { opacity: 0.5; pointer-events: none; }
.select__arrow { position: absolute; top: 16px; right: 15px; width: 0; height: 0; pointer-events: none; border-style: solid; border-width: 8px 5px 0 5px; border-color: #7b7b7b transparent transparent transparent; }
.select select:hover ~ .select__arrow, .select select:focus ~ .select__arrow { border-top-color: #000; }
.select select:disabled ~ .select__arrow { border-top-color: #ccc; }
/* ���� ���� */
#back-top { position: fixed; bottom: 30px; right: 10px; z-index: 999 }
#back-top a { width: 50px; display: block; text-align: center; text-transform: uppercase; text-decoration: none; color: #bbb; /* background color transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#back-top a:hover { color: #000; }
/* arrow icon (span tag) */
#back-top span { width: 40px; height: 40px; display: block; margin-bottom: 7px; background: #f1592a url(../images/common/up-arrow.png)no-repeat center center; background-size: 50%; /* rounded corners */ /* -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;  background color transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#back-top a:hover span { background-color: #777; }
/* ���� ���̾ƿ� */
#header { position:fixed; width: 100%; top: 0; z-index: 990; background: url('../images/common/lnb_bg.png'); }
#main_contants { width: 100%; overflow: hidden }
.container { width: 100%; overflow: hideen; }
.main_con { width: 100%; overflow: hidden; padding: 8em 0; background: #f5f5f5; }
.main_con h2 { text-align: center; font-weight: bold; font-size: 2.2em; background: url(../images/main/edu_tit.png) no-repeat top center; margin: 0 0 2em 0 }
.main_con h2 span { display: block; font-size: 0.5em; letter-spacing: 2px; }
/* �������� */
.box { position: relative; float: left; display: inine-block; margin: 0 2em 2em 0; }
.box img { width: 100%; }
.box dl dt a { font-weight: bold; font-size: 1.7em; color: #fff; padding: 0.5em 0.3em ; }
.box dl dd { color: #fff; }
.box dl dd a { color: #fff; text-decoration:none;}
.mind01, .mind02 { width: 47%; }
.mind01 dl, .mind02 dl { position: absolute; top: 0; right: 0; width: 40%; height: 100%; }
.mind02 dl dd {    padding: 5px 0 5px 15px !important;    background: url(../images/common/li_bg.jpg) no-repeat 0px 15px; margin-left:10px;}
.mind02 dl dd a {color:#fff;}
.mind03, .mind04, .mind05, .mind06 { width: 22%; }
.mind03 dl, .mind04 dl, .mind05 dl, .mind06 dl { position: absolute; top: 0; width: 100%; }
.mind01 dl dt a, .mind02 dl dt a, .mind03 dl dt a, .mind04 dl dt a, .mind05 dl dt a, .mind06 dl dt a, .mind01 dl dd, .mind02 dl dd, .mind03 dl dd, .mind04 dl dd, .mind05 dl dd, .mind06 dl dd { padding: 0.5em }
.edu01 { background: rgba(0,128,194,0.9) }
.edu02 { background: rgba(187,194,0,0.9) }
.edu03 { background: rgba(223,147,35,0.9) }
.edu04 { background: rgba(110,110,110,0.9) }
.edu05 { background: rgba(241,89,41,0.9) }
.edu06 { background: rgba(103,82,54,0.9) }
/* �ϴ� ������ */
.bottom_contants { position: relative }
.bottom_contants h2 { font-size: 2em; padding: 0 0 1em 0 }
.bottom_contants h2 span { display: block; font-size: 0.6em; }
.bottom_bg { position: absolute; top: 0px; right: 0px; width: 40%; height: 100%; background-color: #73614a; z-index: 1; }
/* �������� */
.main_news { float: left; width: 65%; padding: 2em }
.news_con { float: left; width: 45%; border: 1px solid #CCC; margin: 0 2em 2em 0 }
.news_con dl { padding: 2em }
.news_con dl dt { font-size: 1.3em; margin: 0 0 1em 0 }
.news_con dl dt a{color:#A9181C; font-weight:bold}
.news_con p { border-top: 1px solid #ccc; padding: 1em }
.news_con p span { float: right; }
/*.icon_banner { float: left; width: 50%; padding: 2em 0; margin: 4em 0 }*/
.icon_banner {width:100%; overflow:hidden; border-top:1px solid #FFF;}
.icon_banner img { float: left; padding: 1em }
.icon_banner dl { float: left; width: 70%; }
.icon_banner dl dt a{ font-size: 1em; font-weight:bold; padding: 0 0 1em 0 ; color:#fff}
.icon_banner dl dt a:hover{font-weight:bold; color:#f1592a;}
.icon_banner dl dd a{color:#fff;}
/* �������� ��������*/
.main_edulist { position: relative; float: left; width: 24%; padding: 2em; background: #73614a; z-index: 2; color: #fff }
.main_edulist dl { border-top: 1px solid #90816f; padding: 2em 0 }
.main_edulist dl dt { font-size: 1.2em; padding: 0 0 1em 0; }
.main_edulist dl dt a:hover{font-weight:bold; color:#960;}
.main_edulist dl dd span { display: inline-block; width: 40%; }
.bottom_img { position: absolute; bottom: -100px; left: 60%; z-index: 999 }

.dropdown{display:none;}
/*pc*/


/* ī�Ƕ���Ʈ */
footer { width: 100%; padding: 1em 0; background: #585757; position: relative;}
footer ul { padding: 1em 0; }
footer ul li { display: inline-block; padding: 0 2em 0 0 }
footer ul li a { color: #959595 !important; font-weight: bold }
address {float:left; font-style: normal; color: #fff; padding: 1em 0 }
address span { font-weight: bold; color: #f5ed23; }
footer p { float:right}
.sub_container { }
.sub_top { text-align: center; color: #fff; height: 150px; width: 100%; margin: 0 auto 30px auto; padding: 150px 0 0 0 }
.sub_top h2 { font-size: 3em; font-weight: 300 }
.sub_top p { color: #fff; }
.sub_top p span { padding: 0 1em; }

.visit_outer {background: #585757;  color:#fff;     text-align: right;    padding-right: 5%; padding:10px 0;}
.visit_outer .visit_content { background: #585757; }
.visit_content_inner {margin-right:5%; font-weight:600;}


/* ���޴� */
#quick { position: absolute; right: 20px; top: 300px; width: 100px; overflow: hidden; border: 1px solid #ccc; z-index: 999 }
#quick ul li:first-child a { font-weight: bold; color: #fff; font-size: 1.5em }
#quick ul li:first-child { background: #333; }
#quick ul li:last-child { background: #b4b4b4; padding: 0.5em }
#quick ul li:last-child a { color: #fff; }
#quick ul li { background: #fff; padding: 1em 0.5em; text-align: center; border-bottom: 1px solid #CCC }
/* ����޴� */
.leftmenu { float: left; width: 200px; margin: 0 2em 0 0 }
.sub_head { border-bottom: 2px solid #ddd; padding: 0 0 1em 0; font-size: 1.5em; background: url(../images/common/subhead_top.jpg) no-repeat right }
.sub_head h2 { font-weight: 300; }
.left_dep2 { min-height: 70px; margin: 0 0 30px 0; padding: 0; }
.left_dep2 li { width: 200px; /*height:36px;*/ padding: 0; display: block; margin: 0; border-bottom: 1px solid #dddddd; overflow:hidden }
.left_dep2 li a { margin: 0; padding: 0; display: block; }
.left_dep2 li a:link, .left_dep2 li a:hover, .left_dep2 li a:visited, .left_dep2 li a:active { padding: 10px 0 10px 20px; letter-spacing: 0px; }
.left_dep2 li a.select { font-weight: bold; padding: 10px 0 10px 20px; background: url(../images/common/submenu_on.jpg) no-repeat 80% 15px; border-bottom: 1px solid #f1592a }

.left_dep3{background:#ececec}
.sub_con { float: right; width: 79%; overflow: hidden }
.sub_con h3 { font-weight: 300; font-size: 2em; margin: 0 0 1.5em 0 }
.sub_con h4 { font-weight: 300; font-size: 2em; color: #4f370e; margin: 0 0 1em 0; text-align: center }
.sub_con h4 span { color: #f1592a; }
.sub_con h5 { font-weight: bold; font-size: 1.5em; background: url(../images/common/h5_bg.jpg) no-repeat top left; padding: 0.3em 0 0.2em 0; clear: both }
.flow li { display: inline-block; width: 19%; margin: 0 1em 0 0; border: 1px solid #ddd; border-top: 2px solid #f1592a; padding: 1em 1em 3em 1em; text-align: center; font-weight: bold; color: #f1592a }
.flow li:last-child { margin: 0 }
.flow li p { display: inline-block; padding: 0.5em 0.8em; background: #f1592a; font-weight: bold; color: #fff; border-radius: 100px; }
.flow li img { display: block; text-align: center; margin: 1em auto }
.flow li span { display: block; font-weight: 300; color: #666 }
.comm_table { border-top: 2px solid #f1592a; border-collapse: collapse; padding: 0; width: 100%; }
.comm_table caption { display: none }
.comm_table tr { background: #f8f8f8; border: 1px solid #ddd; padding: .35em; }
.comm_table th, table td { padding: .625em; text-align: center; border: 1px solid #ddd; }
.comm_table th { text-transform: uppercase; background: #ebddce; border-color: #FFF }
.comm_table td img { text-align: center; }
.comm_table td.left { text-align: left !important; }
.bus { overflow: hidden; border-bottom: 1px solid #CCC; padding: 2em 0 }
.bus p { float: left; font-weight: bold; text-align: center; color: #090; border: 2px solid #278606; padding: 1em; margin: 0 2em 0 0; border-radius: 100px; width: 100px; height: 100px; }
.bus p img { display: block; margin: 0 auto 0.5em auto }
.bus ul { }
.bus ul li { display: inline-block; background: url(../images/sub01/bus_flow.jpg) no-repeat 85% 7px; padding: 0 3em 0 0 }
.bus ul li:last-child { background: none; font-weight: bold; color: #f1592a }
.application_form { overflow: hidden; }
.application_form dt { float: left; width: 20%; padding: 0.5em 0 0.5em 2em; clear: both; font-weight: bold; border-left: 2px solid #f1592a; margin: 0 1em 0 0 }
.application_form dd { float: left; width: 70%; padding: 0.5em 0; }
.history li { background: url(../images/sub01/history_bg.jpg) no-repeat left; padding: 2em 1em 2em 3em; }
.edu_thumb { position: relative; width: 24%; display: inline-block; }
.edu_thumb span { display: block; text-align: center; padding: 1em 0; background: #67543b; color: #fff; font-weight: bold; }
.image_edu { display: block; width: 100%; height: auto; }
.overlay { position: absolute; bottom: 100%; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); ; overflow: hidden; width: 100%; height: 0; transition: .5s ease; cursor:pointer; }
.edu_thumb:hover .overlay { bottom: 0; height: 100%; }
.text { white-space: nowrap; color: white; position: absolute; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.edu_detail p{float:left; width:35%; margin:0 2em 0 0;}
.edu_detail dl{float:left; width:60%;}
/* ��� */
.login { width: 80%; margin: 0 auto; overflow: hidden; border: 1px solid #CCC; border-top: 2px solid #f1592a; padding: 1em; text-align: center }
.login dl { margin: 0 auto; width: 50%; }
.login dl dt { float: left; width: 20%; margin: 0.5em 0 }
.login dl dd { float: left; width: 80%; margin: 0.5em 0 }

/* ����Ʈ�� */
.sitemap{border-top:1px solid #CCC; width:auto; margin:0 0 3em 0; overflow:hidden;}
.sitemap h2{float:left; width:20%; border-top:2px solid #F30; font-size:1.5em;}
.sitemap ul{float:left; width:80%;}
.sitemap ul li{display:inline-block; width:20%; padding:1em; background:url(../images/common/li_bg.jpg) no-repeat 0 20px  }
.sitemap ul li a{display:block;}
/* �� */

#tabs, #tabs2, #tabs3, #tabs4, #tabs5 { width: 100%; margin: 0 auto; margin-bottom: 40px; }
#tabs li, #tabs2 li, #tabs3 li, #tabs4 li, #tabs5 li { float: left; margin-right: 2px; }
#tabs li a, #tabs2 li a, #tabs3 li a, #tabs4 li a, #tabs5 li a { display: block; padding: 1em 2em; background: #585757; text-decoration: none; color: #fff; }
#tabs li a:hover, #tabs2 li a:hover, #tabs3 li a:hover, #tabs4 li a:hover, #tabs5 li a:hover { background: #f1592a; }
#tabs_container { padding: 40px 0; overflow: hidden; position: relative; background: #fff; }
#tabs_container div { margin-right: 40px; width: 100%; }
.transition { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -o-transition-delay: .3s; -ms-transition-delay: .3s; transition-delay: .3s; }
.make_transist { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.hidescale { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); filter: alpha(opacity=0); opacity: 0; }
.showscale { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -o-transition-delay: .3s; -ms-transition-delay: .3s; transition-delay: .3s; }
.hideleft { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.showleft { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -o-transition-delay: .3s; -ms-transition-delay: .3s; transition-delay: .3s; }
.hidescaleup { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.showscaleup { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -o-transition-delay: .3s; -ms-transition-delay: .3s; transition-delay: .3s; }
.hideflip { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: rotatey(-90deg) scale(1.1); -moz-transform: rotatey(-90deg) scale(1.1); -o-transform: rotatey(-90deg) scale(1.1); -ms-transform: rotatey(-90deg) scale(1.1); transform: rotatey(-90deg) scale(1.1); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.showflip { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -o-transition-delay: .3s; -ms-transition-delay: .3s; transition-delay: .3s; -webkit-transform: rotatey(0deg) scale(1); -moz-transform: rotatey(0deg) scale(1); -o-transform: rotatey(0deg) scale(1); -ms-transform: rotatey(0deg) scale(1); transform: rotatey(0deg) scale(1); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.tabulous_active { background: #f1592a !important; color: #fff !important; }
.tabulousclear { display: block; clear: both; }
.tabs2 {clear:both; margin-bottom:20px; height:50px;}
.tabs2 li {float: left;     margin-right: 2px;}
.tabs2 li a {    display: block;    padding: 1em 2em;    background: #585757;    text-decoration: none;    color: #fff;}
.tabs2 li a:hover {    background: #f1592a !important;}
.tabs2 .on a {background: #f1592a !important;}

/* ��ġ �����̵� */


.jssorb051 .i { position: absolute; cursor: pointer; }
.jssorb051 .i .b { fill: #fff; fill-opacity: 0.5; stroke: #000; stroke-width: 400; stroke-miterlimit: 10; stroke-opacity: 0.5; }
.jssorb051 .i:hover .b { fill-opacity: .7; }
.jssorb051 .iav .b { fill-opacity: 1; }
.jssorb051 .i.idn { opacity: .3; }
.jssora051 { display: block; position: absolute; cursor: pointer; }
.jssora051 .a { fill: none; stroke: #fff; stroke-width: 360; stroke-miterlimit: 10; }
.jssora051:hover { opacity: .8; }
.jssora051.jssora051dn { opacity: .5; }
.jssora051.jssora051ds { opacity: .3; pointer-events: none; }
 @media all and (min-width:1025px) {
#header h1 { float: left; padding: 0.5em 0; position: relative; z-index: 111 }
#hsec1 { padding: 0px 0px; }
#hsec1 .d_container { position: relative }
#hsec1 .con1 { display: none }
#hsec1 .con2 { text-align: left }
#hsec1 .con2 .mo { display: none }
#hsec1 .con3 { position: absolute; right: 0; top: 0 }
#hsec2 { position: relative; padding: 1em 0 }
#d_lnb_bg { position: absolute; left: 0; top: 78px; width: 100%; background: url('../images/common/lnb_bg.png'); height: 0 }
#d_lnb { height: 50px }
#d_lnb h2 { display: none }
#d_lnb li { position: relative; float: left; width: 13%; text-align: center; }
#d_lnb li > a { font-size: 17px; font-weight: 600; color: #ffffff; line-height: 50px }
#d_lnb li > a:hover, #d_lnb li.on > a { color: #f5ed23; padding: 0 0 2px 0 }
#d_lnb li.on .sub { background: #f1592a }
#d_lnb li .sub { position: absolute; width: 100%; top: 50px; height: 0; overflow: hidden; padding:0 0 1em 0 }
#d_lnb li .sub dl { padding: 18px; text-align: left }
#d_lnb li .sub dd { padding: 2px 0; }
#d_lnb li .sub dd a { color: #fff; /*font-size: 12px; */}
#d_lnb li .sub dd a:hover { text-decoration: underline }
#d_lnb_mask { display: none }
.topmenu_icon { position: absolute; right: 0; top: 30px; z-index: 999 }
.topmenu_icon li{display:inline-block; padding:0 0.5em}
.mob_login{display:none;}

}



/*mobile*/
@media all and (max-width:1024px) {
body.lnb_on { overflow: hidden }
body.lnb_on #d_lnb_mask { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/common/lnb_mask_bg.png'); z-index: 990 }
#header{position:fixed;}
#hsec1 { padding: 1em 0px; }
#hsec1 .d_container { position: relative }
#hsec1 .con1 { position: absolute; left: 0; top: 0; padding: 14px 10px; cursor: pointer }
#hsec1 .con2 { text-align: center }
#hsec1 .con2 .pc { display: none }
#hsec1 .con3 { position: absolute; right: 0; top: 0 }
#hsec2 { }
#d_lnb { position: fixed; left: -100%; top: 0; width: 60%; height: 100%; background: #fff; z-index: 991 }
#d_lnb h2 { position: relative; text-align: center; color: #333; padding: 20px 0; border-bottom: 1px solid #ddd }
#d_lnb h2 .close { position: absolute; right: 10px; top: 10px; cursor: pointer }
#d_lnb li { border-bottom: 1px solid #ddd }
#d_lnb li.on > a { color: #f1592a }
#d_lnb li > a { display: block; padding: 10px 25px; font-size: 13px; font-weight: 600 }
#d_lnb li .sub { background: #f5f5f5; display: none; }
#d_lnb li .sub dd { border-top: 1px solid #ddd }
#d_lnb li .sub dd a { display: block; padding: 10px 35px; }
#d_lnb li .sub dd a:hover { text-decoration: underline }
footer { width: auto; padding: 2em }
.inner { padding: 0.5em; max-width: 100%; width: auto }
.sub_top{padding:100px 0 0 0; height:100px;}
.sub_top h2{font-size:2em;}
.leftmenu { display: none; }
.sub_con { float: none; width: auto; padding: 1em }
.sub_con h4 { font-size: 1.5em; }
.half { float: none; width: auto; }
.comm_box { min-height: 300px; }
.comm_table { }
.comm_table caption { font-size: 1.3em; }
.comm_table thead { display: none; }
.comm_table tr { border-bottom: 1px solid #ddd; display: block; margin-bottom: .625em; background: none; }
.comm_table td { border-bottom: 1px solid #ddd; display: block; font-size: .8em; text-align: right; }
.comm_table td:before { content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; }
.comm_table td:last-child { border-bottom: 0; }
#quick { display: none; }
.application_form dt { float: none; width: 100%; }
.application_form dd { float: none; width: 100%; }
.comm_input { width: 100%; }
.comm_dl dt, .comm_dl dd { float: none; width: 100%; }
.bus p { float: none; margin: 0 auto; }
.bus ul { float: none; width: 100%; }
.flow li { width: 34%; margin: 1em 0; }
footer ul li { padding: 0 0.3em 0 0; }
footer p { float: none; text-align: center; margin: 0 auto; position: relative }
#slider1_container { height: 300px !important; }
.box { margin: 0 0.5em 0.5em 0; }

.mind01, .mind02 { width: 100%; }
.mind01 dl, .mind02 dl { }
.mind03, .mind04, .mind05, .mind06 { width: 47%; }
.mind03 img, .mind04 img, .mind05 img, .mind06 img { height: 300px; }
.box dl dt a{ font-size:1.2em}
.main_news { float: none; width: 100%; overflow: hidden; padding: 0 }
.main_con { padding: 1em 0; }
.main_news h2, .main_edulist h2 { text-align: center; }
.news_con { float: none; width: auto; padding: 0; margin: 0 0 1em 0 }
.icon_banner { float: none; width: 100%; overflow: hidden; margin: 0 }
.main_edulist { float: none; width: auto; }
.bottom_bg { display: none; }
.bottom_img { display: none; }
.edu_thumb { width: 32%; }
.text { font-size: 1em; }
.topmenu_icon { display: none; }
.login { width: auto; }
.login dl { width: 90%; }
.login dl dt { width: 30%; }
.login dl dd { width: 70%; }
.sitemap h2,
.sitemap ul{float:none; width:auto}
.sitemap ul li{width:30%}
.mob_login{overflow:hidden; padding:1em 0; text-align:center}
.mob_login li a{display:block; color:#fff; padding:0.5em 1em!important; font-size:0.8em !important}
.mob_login li{display:inline-block; background:#69563d; border-radius:5px}
.edu_detail p,
.edu_detail dl{float:none; width:auto;}
.icon_banner img{padding:1em;}
.icon_banner dl dt a{font-weight:bold; font-size:1em;}

/* ��Ӵٿ� */
.dropbtn {border: 1px solid #ccc; cursor: pointer;  width:100%; padding:0.5em 0; background:#fff url(../images/common/mob_menu.jpg) no-repeat 90%}
.dropdown { position: relative; display: inline-block;width:100%; margin:0 0 30px 0 }
.dropdown-content { display: none; position: absolute; background-color: #f9f9f9; width:100%; z-index: 1; border:1px solid #CCC }
.dropdown-content a { color: black; padding: 0.5em 0; text-decoration: none; display: block; }
.dropdown-content a:hover { background-color: #333; color:#fff }
.dropdown:hover .dropdown-content { display: block; }
.dropdown:hover .dropbtn { background-color: #f9f9f9; }

.sub_con h3{display:none;}
.select{margin:0;}
.comm_box{padding:1em 1em 10em 1em; background:#e0d4c6 url(../images/common/box_bg.jpg) no-repeat right bottom;}
}
 @media all and (min-width:768px) and (max-width:1024px) {
.mind01, .mind02 { width: 49%; }
.mind03, .mind04, .mind05, .mind06 { width: 24%; }
.news_con { float: left; width: 47%; border: 1px solid #CCC; margin: 0 2em 0 0; }
.icon_banner { float: left; width: 50%; padding: 2em 0; margin: 4em 0;