@media screen and (max-width: 768px) and (min-width: 640px){
}
/*@media screen and (max-width: 640px){*/
@media screen and (max-width: 1024px){
	body {background-image:none; font-family:'Helvetica','Apple-Gothic','¾ÖÇðíµñ','Malgun Gothic',sans-serif; word-break:break-all;}
	.wrap_box {overflow:hidden;}
	.sub_top_area,
	.main_top_area,
	.sub_container,
	.footer,
	.footer address,
	#container,
	.main_board,
	.main_board div,
	.main_right {width:100%; font-family:'¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò',Dotum,'±¼¸²',Gulim,Helvetica,sans-serif; -webkit-text-size-adjust:none;}
	.top_gnb li:nth-child(1),
	.top_gnb li:nth-child(2),
	.sub_visual,
	.bg_gnb,
	.box_parent,
	.right_link,
	.box_jscm,
	.stit_area h2,
	.h2_type1,
	.lnb_area,
	.h3_tit1,
	.footer h2,
	.footer p,
	.lnb_ul .off,
	.lnb_mob li ul,
	.mo_hid,
	.right_link li.mo_hid a,
	.all_menu1 ul,
	.box_login1 h4,
	.visual,
	.lecture_area,
	.box_banner,
	.box_content3,
	.area_content_3,
	.box_parent a, .box_jscm a, .lnb_area h2 span, .right_link li a::before, .stit_area p a::before, .tab_link li.on a::after, .box_safe_1::before,
	.net_work > p,
	.box_content1,
	.top_gnb li.li1,
	.visual,
	.box_winner_1,
	.box_winner,
	.area_content_4,
	.box_special,
	.mo_mbl,
	.list_ad ul,
	.tab_link li.on a:after,
	.tab_link,
	.visual_box1,
	#container1 > div,
	.TopSubMenu {display:none;}
	.area_dae .tab_link,
	.mo_view,
	.main_right,
	.main_lnb {display:block}

	.mobileVideo{display:block;}
	.mobileHid{display:none;}

	.top_gnb li a,
	.gnb_area li a span,
	.visual li a,
	.sub_visual li a,
	.visual .visualTxt,
	.sub_visual .visualTxt,
	.main_login .link li a,
	.sub_login .link li a,
	.box_counsel a,
	.box_parent a,
	.lecture_area .btnDetail a,
	.tab_lecture li a,
	.main_board h3 a,
	.btn_more a,
	.board_pass h3 a,
	.btn_pass a,
	.box_jscm a,
	.box_banner .link li a,
	.gnbBox .txt,
	.gnbBox h2 span,
	.left_right li span,
	.box_masscom {display:inline; height:auto; overflow:visible; text-indent:0; background:none;}

	.img_txt,
	.box_ready h4,
	.box_color h4,
	.box_special ul,
	.txt_director .txt_director1,
	.txt_director .txt_director1_1,
	.txt_director .txt_director2,
	.txt_director .txt_director3,
	.photo_director .img,
	.photo_director1 .img,
	.area_intro .img,
	.box_edu1,
	.btn_regist1 a,
	.box_diet,
	.box_relax,
	.box_login h4,
	.box_login3 {width:100%; height:auto; overflow:visible; text-indent:0; background:none; margin:7px 0 10px; padding:10px; line-height:160%; color:#555; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
	.box_special ul {border:1px solid #ccc; -webkit-box-shadow:0 2px 2px rgba(0,0,0,.2); -moz-box-shadow:0 2px 2px rgba(0,0,0,.2); -o-box-shadow:0 2px 2px rgba(0,0,0,.2); box-shadow:0 2px 2px rgba(0,0,0,.2); border-radius:8px; background: #fff; background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f9f9f9)); background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); background: -o-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); background: -ms-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );}

/*	.area_top {height:113px;}*/
	.area_top h1 {position:relative; top:10px; width:150px; left:10px;}
	.sub_container {margin:10px 0 0}
	.footer {padding-top:8px}
	.top_gnb {top:10px; right:0; text-align:right; width:220px;}
	.lnb_ul>li {position:relative;}
	.lnb_ul>li>a {z-index:10; position:relative; background:none; font-size:15px; padding-bottom:13px; padding-left:10px; -webkit-box-shadow:0 2px 2px rgba(0,0,0,.2); -moz-box-shadow:0 2px 2px rgba(0,0,0,.2); -o-box-shadow:0 2px 2px rgba(0,0,0,.2); box-shadow:0 2px 2px rgba(0,0,0,.2); border-bottom:1px solid #999;}
	.lnb_ul li ul {position:relative; z-index:1;}

	.content_area {padding:5px 10px;}
	.lnb_area,
	.content_area,
	.stit_area,
	address,
	#popup,
	#popup .all_menu1,
	.text_area,
	.box_login1,
	.box_login2,
	.box_searchid,
	.gnb_area li a,
	.main_lnb li a,
	.main_board,
	.right_link {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}

	.lnb_area,
	.box_relax4 .fl,
	.box_relax4 .fr,
	.box_login1,
	.box_login2,
	#content {float:none; width:100%;}
	#content {margin:0; padding:0;}
	.photo_director {width:40%;}
	.photo_director1 {width:50%;}
	.area_intro {width:40%;}
	.photo_director img,
	.photo_director1 img,
	.area_intro img,
	.img_space2,
	h1 img,
	.box_relax1,
	.box_searchih {width:100%;}

	.lnb1 {float:right; width:50%; position:absolute; top:5px; right:5px; z-index:100}
	.lnb1 li a {background:none; padding:15px 10px 18px; font-size:14px; line-height:1.2em; border-bottom:none; text-align:center; margin:5px 0; border-radius:15px;}
	.lnb1 li.li1 a  {background-color:#ABA000; color:#fff; background:#cabf24; background:-moz-linear-gradient(top,  #cabf24 0%, #aba000 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#cabf24), color-stop(100%,#aba000)); background:-webkit-linear-gradient(top,  #cabf24 0%,#aba000 100%); background:-o-linear-gradient(top,  #cabf24 0%,#aba000 100%); background:-ms-linear-gradient(top,  #cabf24 0%,#aba000 100%); background:linear-gradient(to bottom,  #cabf24 0%,#aba000 100%); border:1px solid #aba000; -webkit-box-shadow:0 1px 1px rgba(255,255,255,.8) inset; -moz-box-shadow:0 1px 1px rgba(255,255,255,.8) inset; -o-box-shadow:0 1px 1px rgba(255,255,255,.8) inset; box-shadow:0 1px 1px rgba(255,255,255,.8) inset; -webkit-box-shadow:0 2px 2px rgba(0,0,0,.2); -moz-box-shadow:0 2px 2px rgba(0,0,0,.2); -o-box-shadow:0 2px 2px rgba(0,0,0,.2); box-shadow:0 2px 2px rgba(0,0,0,.2);}
	.lnb1 li.li2 a  {background-color:#ED1C24; color:#fff; background:#f15c61; background:-moz-linear-gradient(top,  #f15c61 0%, #ED1C24 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f15c61), color-stop(100%,#ED1C24)); background:-webkit-linear-gradient(top,  #f15c61 0%,#ED1C24 100%); background:-o-linear-gradient(top,  #f15c61 0%,#ED1C24 100%); background:-ms-linear-gradient(top,  #f15c61 0%,#ED1C24 100%); background:linear-gradient(to bottom,  #f15c61 0%,#ED1C24 100%); border:1px solid #ED1C24; -webkit-box-shadow:0 1px 1px rgba(255,255,255,.8) inset; -moz-box-shadow:0 1px 1px rgba(255,255,255,.8) inset; -o-box-shadow:0 1px 1px rgba(255,255,255,.8) inset; box-shadow:0 1px 1px rgba(255,255,255,.8) inset; -webkit-box-shadow:0 2px 2px rgba(0,0,0,.2); -moz-box-shadow:0 2px 2px rgba(0,0,0,.2); -o-box-shadow:0 2px 2px rgba(0,0,0,.2); box-shadow:0 2px 2px rgba(0,0,0,.2);}
	.lnb1 li.li3 a  {background-color:#2894DD; color:#fff; background:#5facdf; background:-moz-linear-gradient(top,  #5facdf 0%, #2894DD 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#5facdf), color-stop(100%,#2894DD)); background:-webkit-linear-gradient(top,  #5facdf 0%,#2894DD 100%); background:-o-linear-gradient(top,  #5facdf 0%,#2894DD 100%); background:-ms-linear-gradient(top,  #5facdf 0%,#2894DD 100%); background:linear-gradient(to bottom,  #5facdf 0%,#2894DD 100%); border:1px solid #2894DD; -webkit-box-shadow:0 1px 1px rgba(255,255,255,.8) inset; -moz-box-shadow:0 1px 1px rgba(255,255,255,.8) inset; -o-box-shadow:0 1px 1px rgba(255,255,255,.8) inset; box-shadow:0 1px 1px rgba(255,255,255,.8) inset; -webkit-box-shadow:0 2px 2px rgba(0,0,0,.2); -moz-box-shadow:0 2px 2px rgba(0,0,0,.2); -o-box-shadow:0 2px 2px rgba(0,0,0,.2); box-shadow:0 2px 2px rgba(0,0,0,.2);}
	.lnb2 {width:100%;}

	.sub_top_area {height:35px; position:relative; }
	.top_gnb li a {color:#555; background:none; float:none; pading-top:0; display:inline-block; padding:0 5px}
	.top_gnb li.li1 a {width:40px;}
	.top_gnb li.li2 a {width:46px;}
	.top_gnb li.li3 a {width:48px;}
	.top_gnb li.li4 a {width:80px;}
	.stit_area {height:30px; overflow:hidden; width:100%; clear:both; background-image:none; background-color:#585d85; padding:0; border-bottom:none; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset, 0 -1px 2px rgba(0,0,0,.3) inset; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset, 0 -1px 2px rgba(0,0,0,.3) inset; -o-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset, 0 -1px 2px rgba(0,0,0,.3) inset; box-shadow: 0 1px 2px rgba(0,0,0,.4) inset, 0 -1px 2px rgba(0,0,0,.3) inset;}
	.stit_area p.mo_place1 {display:block}
	.stit_area p.mo_place1 a {float:left; display:block; height:30px; padding:0; text-indent:5px; line-height:30px; color:#fff; width:60px; background:url(/2012/img/common/btn_prev.png) no-repeat 35px 0; background-size:16px 29px; z-index:90;}
	.stit_area p.mo_place2 {top:0; padding:3px 10px; color:#fff;}
	.stit_area p.mo_place2  a{top:0; padding:3px; color:#fff;}
	.stit_area p.mo_place2  a.hr  {background:url(/2012/img/common/bul_home.png) no-repeat 0 center; background-size:12px; vertical-align:bottom; top:-5px}
	.stit_area p a.hr {height:0; overflow:hidden; display:inline-block; padding:15px 0 0 0; width:15px; text-indent:-10000px;}
	.content_area {clear:both;}
	
	.box_director_1,
	.box_director {background:none;}
	.box_director_1,
	.txt_director p {padding:3px 5px; color:#555;}
	.txt_director1 p {padding:2px 0; color:#333; font-size:1.1em; letter-spacing:-1px; font-weight:bold; text-shadow:1px 1px 2px rgba(0,0,0,.1);}
	.txt_director1_1 p {padding:2px 0; color:#333; font-size:1.1em; letter-spacing:-1px; font-weight:bold; text-shadow:1px 1px 2px rgba(0,0,0,.1);}
	.boxHistory dt {width:40%}
	.boxHistory dt img {width:100%}
	.boxHistory dd {float:left; padding:3px 0}
	.box_lecture1 .fl {width:28%}
	.box_lecture1 ul {width:100%}
	.box_lecture .list_lecture li {width:22.5%; margin:5px 2px;}
	.box_lecture1 .fl {width:100%; margin-bottom:7px;}
	.box_lecture1 .slide_left {margin-right:5px}
	.ul_space li {width:25%; margin:0; padding:0;}
	.ul_space li a {display:block; position:relative; padding:5px;}
	.box_advice div {width:95%; float:none;}
	.box_con1 {background:none; padding:15px; border:1px solid #d9d9d9; border-radius:15px; background:#fff; background:-moz-linear-gradient(top,  #ffffff 0%, #efeeeb 5%, #fbfaf7 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(5%,#efeeeb), color-stop(100%,#fbfaf7)); background:-webkit-linear-gradient(top,  #ffffff 0%,#efeeeb 5%,#fbfaf7 100%); background:-o-linear-gradient(top,  #ffffff 0%,#efeeeb 5%,#fbfaf7 100%); background:-ms-linear-gradient(top,  #ffffff 0%,#efeeeb 5%,#fbfaf7 100%); background:linear-gradient(to bottom,  #ffffff 0%,#efeeeb 5%,#fbfaf7 100%); -webkit-box-shadow:0 2px 2px rgba(255,255,255,.5) inset; -moz-box-shadow:0 2px 2px rgba(255,255,255,.5) inset; -o-box-shadow:0 2px 2px rgba(255,255,255,.5) inset; box-shadow:0 2px 2px rgba(255,255,255,.5) inset;}
	.box_con1_1 {background:none; padding:0;}

	.lnb2 li li a {border-bottom:1px solid #ccc; border-top:1px solid #fff; color:#333; padding-left:15px; background: #666666; background: -moz-linear-gradient(top,  #666666 0%, #f3f3f3 0%, #dddddd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(0%,#f3f3f3), color-stop(100%,#dddddd)); background: -webkit-linear-gradient(top,  #666666 0%,#f3f3f3 0%,#dddddd 100%); background: -o-linear-gradient(top,  #666666 0%,#f3f3f3 0%,#dddddd 100%); background: -ms-linear-gradient(top,  #666666 0%,#f3f3f3 0%,#dddddd 100%); background: linear-gradient(to bottom,  #666666 0%,#f3f3f3 0%,#dddddd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#dddddd',GradientType=0 );}
	.lnb2 li li a:hover,
	.lnb2 li li.on a {color:#383d65; font-weight:bold; padding:6px 0 8px 15px; font-size:14px; text-shadow:0 2px 2px rgba(0,0,0,.2); background:#d2d4e3; background:-moz-linear-gradient(top,  #d2d4e3 0%, #bbbed4 98%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2d4e3), color-stop(98%,#bbbed4)); background:-webkit-linear-gradient(top,  #d2d4e3 0%,#bbbed4 98%); background:-o-linear-gradient(top,  #d2d4e3 0%,#bbbed4 98%); background:-ms-linear-gradient(top,  #d2d4e3 0%,#bbbed4 98%); background:linear-gradient(to bottom,  #d2d4e3 0%,#bbbed4 98%);}
	.lnb2 li li:last-child a {-webkit-box-shadow:0 -2px 2px rgba(0,0,0,.1) inset; -moz-box-shadow:0 -2px 2px rgba(0,0,0,.1) inset; -o-box-shadow:0 -2px 2px rgba(0,0,0,.1) inset; box-shadow:0 -2px 2px rgba(0,0,0,.1) inset; border-bottom:1px solid #999;}
	.table_type1 td.tit1 {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.main_lnb:after {content:""; visibility:hidden; display:block; height:0; clear:both;}
	.footer {background-color:#434343; margin-top:10px; font-size:11px; -webkit-box-shadow:0 1px 1px rgba(0,0,0,.8); -moz-box-shadow:0 1px 1px rgba(0,0,0,.8); -o-box-shadow:0 1px 1px rgba(0,0,0,.8); box-shadow:0 1px 1px rgba(0,0,0,.8)}
	address {padding:10px; margin:0;}
	.box_lecture1 {position:relative;}
	.box_lecture1 .slide_left {position:absolute; top:25px; left:0}
	.box_lecture1 .slide {margin-left:0;}
	.box_lecture1 .slide_right {position:absolute; top:25px; right:0}
	.mo_wid12 {width:80px}
	.mo_wid10 {width:70px}
	.mo_wid8 {width:60px}
	.box_letter1,
	.txt_letter,
	.box_letter,
	.box_searchid {-webkit-background-size:100%; -moz-background-size:100%; -khtml-background-size:100%; background-size:100%;}
	.box_letter1 {padding-top:40px}
	.box_letter1 p.writer {padding:0 20px 15px}
	.txt_letter {padding:0 20px 30px; line-height:20px}

	.box_relax4 .fl {padding:10px 0;}

	.box_login1,
	.box_login2 {padding:8px; margin-bottom:8px;}
	.box_login2 h4 {margin:5px 2px; padding:5px;}
	.box_login1 ul {padding:0}
	.box_login2 .btn_regist1 {border:1px solid #677791; text-align:center; margin:0 10px; border-radius:5px; -webkit-box-shadow:1px 1px 2px rgba(0,0,0,.3); -moz-box-shadow:1px 1px 2px rgba(0,0,0,.3); -o-box-shadow:1px 1px 2px rgba(0,0,0,.3); -ms-box-shadow:1px 1px 2px rgba(0,0,0,.3); box-shadow:1px 1px 2px rgba(0,0,0,.3); background: #86a9c5; background: -moz-linear-gradient(top,  #86a9c5 0%, #415c6f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#86a9c5), color-stop(100%,#415c6f)); background: -webkit-linear-gradient(top,  #86a9c5 0%,#415c6f 100%); background: -o-linear-gradient(top,  #86a9c5 0%,#415c6f 100%); background: -ms-linear-gradient(top,  #86a9c5 0%,#415c6f 100%); background: linear-gradient(to bottom,  #86a9c5 0%,#415c6f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86a9c5', endColorstr='#415c6f',GradientType=0 );}
	.box_login2 .btn_regist1 a {color:#fff; padding:0; margin:2px}
	.box_searchid {padding:3px; background:none;}
	.box_searchid1,
	.box_searchid2 {padding:8px;}
	.box_searchid .size80 {width:38%}
	.box_searchid dt {padding:2px 5px;}
	.box_searchid dd {padding-left:80px}
	.box_edu2 {border:1px solid #ddd; -webkit-box-shadow:0 1px 2px #fff inset; -moz-box-shadow:0 1px 2px #fff inset; -o-box-shadow:0 1px 2px #fff inset;}
	.buDl3 dt {margin:7px 0 5px;}
	.buDl3 dd {margin:5px 3px}
	table .button {margin:5px 0 2px}
	.box_info {background-size:40%; background-position:right 70%;}
	.txt_tel {color:#333; font-weight:600; font-size:15px;}
	#popup * {color:#fff;}
	#popup .all_menu1 {float:none; width:100%; border-bottom:1px solid #353535; border-top:1px solid #585858; height:auto; background:#4c4c4c; background:-moz-linear-gradient(top,  #4c4c4c 0%, #474747 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(100%,#474747)); background:-webkit-linear-gradient(top,  #4c4c4c 0%,#474747 100%); background:-o-linear-gradient(top,  #4c4c4c 0%,#474747 100%); background:-ms-linear-gradient(top,  #4c4c4c 0%,#474747 100%); background:linear-gradient(to bottom,  #4c4c4c 0%,#474747 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#474747',GradientType=0 );}
	#popup .all_menu1 dt a {font-weight:normal; background-color:transparent;}
	#popup .all_menu1 dt a:hover {background-color:transparent}
	#popup h2 {margin-bottom:12px; font-weight:bold; -webkit-text-shadow:1px 1px 1px rgba(0,0,0,.9); -moz-text-shadow:1px 1px 1px rgba(0,0,0,.9); text-shadow:1px 1px 1px rgba(0,0,0,.9);}
	#close_btn {background-color:#222; -webkit-box-shadow:1px 1px 1px rgba(0,0,0,.9); -moz-box-shadow:1px 1px 1px rgba(0,0,0,.9); -o-box-shadow:1px 1px 1px rgba(0,0,0,.9); box-shadow:1px 1px 1px rgba(0,0,0,.9)}
	.box_ready {padding:0;}
	.box_ready div {padding:0}
	.box_ready h4,
	.box_color h4 {margin:0; float:none; padding:4px 0 6px; font-weight:bold; font-size:16px; color:#0064a4}
	.box_ready_content {width:100%; float:none;}
	.box_color {padding:8px 10px;}
	.box_color .color {margin:2px 5px; width:105px;}
	.box_color ul {padding:5px 0;}
	.color_txt {display:block; margin-top:-22px; padding:0 0 7px 125px;}
	.box_edu1 {margin:0; padding:0;}
	.buOl1 {padding:2px 10px 5px;}
	.h4_tit1 {margin:7px 0 2px;}
	.box_diet,
	.txt_director .txt_director1,
	.txt_director .txt_director1_1,
	.txt_director .txt_director2,
	.txt_director .txt_director3{margin:0; padding:8px 0 0;}
	.txt_director .txt_director2 ul {float:left; width:55%; padding:0; margin-left:20px;}
	.txt_director .txt_director2 li {padding:1px 0 0 18px;}
	.txt_director .txt_director2 p {float:right; width:80px; padding:0; margin:20px 10px 0 0;}
	.txt_director .txt_director2 span {display:block; height:0; overflow:hidden; background:url(/2012/img/sub/txt_director2_1.png) no-repeat; background-size:73px 52px; padding-top:52px; width:73px;}
	.txt_director .txt_director3 ul {float:left; width:68%; padding:0;}
	.txt_director .txt_director3 li {padding:1px 0 0 18px;}
	.txt_director .txt_director3 p {float:right; width:80px; padding:0; margin:20px 10px 0 0;}
	.txt_director .txt_director3 span {display:block; height:0; overflow:hidden; background:url(/2012/img/sub/txt_director3_1.png) no-repeat; background-size:73px 52px; padding-top:52px; width:73px;}
	.boxHistory h5 {width:22%;}
	.boxHistory dl {width:75%;}
	.boxHistory dd {width:57%}
	.boxHistory h5 {font-size:25px;}

	.top_area li {display:block;}
	.gnb_area {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; position:relative; top:20px; left:0; width:100%; padding:0; background-color:#6f739a;}
	.gnb_area .list_gnb {position: relative; top:auto; left:auto; width:100%; padding:0; -webkit-box-shadow:-1px 2px 3px rgba(0,0,0,.4) inset, 0 -2px 3px rgba(0,0,0,.4) inset; box-shadow:-1px 2px 3px rgba(0,0,0,.4) inset, 0 -2px 3px rgba(0,0,0,.4) inset;}
	.gnb_area .list_gnb:after {display:block; clear:both; height:0; visibility:hidden; content:'';}
	.gnb_area .list_gnb > li {position:static; width:16.66666%;}
	.gnb_area .list_gnb > li.on {background-color:#585d85;}
	.gnb_area .list_gnb > li > a {display:block; color:#fff; border-left:1px solid rgba(0,0,0,.2); font-size:13px;  line-height:17px; text-align:center;}
	.gnb_area .list_gnb > li:first-child > a {border-left:none;}
	.gnb_area .list_gnb > li > a span {display:-webkit-box; display:box; -webkit-box-orient:vertical; box-orient:vertical; -webkit-box-pack:center; box-pack:center; color:#fff; height:44px; padding:5px; font-size:13px;  line-height:17px; text-align:center; font-family:'Helvetica','Apple-Gothic','¾ÖÇðíµñ','Malgun Gothic',sans-serif}
/*	.gnb_area .list_gnb > li > a span {display:-webkit-box; display:box; -webkit-box-orient:vertical; box-orient:vertical; -webkit-box-pack:center; box-pack:center; color:#fff; height:44px; padding:5px; font-size:13px;  line-height:17px; text-align:center;font-family:"Nanum";}*/
	.list_gnb > li ul {position:absolute; top:50px; left:0; height:auto; max-height:0; padding:0; background-color:#585d85;}
	.list_gnb > li.on ul {max-height:500px;  -webkit-box-shadow:-1px 2px 3px rgba(0,0,0,.4) inset; box-shadow:-1px 2px 3px rgba(0,0,0,.4) inset;}
	.list_gnb > li ul li a {border-top:1px solid rgba(0,0,0,.2); color:#fff; line-height:30px;}

	.main_top_area {height:auto;}
	.main_lnb {position:relative; top:46px; text-align:center;}
	.main_lnb li {display:inline;}
	.main_lnb li a {display:inline-block; width:30%; height:30px; font-size:14px; line-height:1.2em; border-bottom:none; text-align:center; margin:5px 0; border-radius:5px;}
	.main_lnb li.li1 a  {background-color:#ABA000; color:#fff; background:#cabf24; background:-moz-linear-gradient(top,  #cabf24 0%, #aba000 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#cabf24), color-stop(100%,#aba000)); background:-webkit-linear-gradient(top,  #cabf24 0%,#aba000 100%); background:-o-linear-gradient(top,  #cabf24 0%,#aba000 100%); background:-ms-linear-gradient(top,  #cabf24 0%,#aba000 100%); background:linear-gradient(to bottom,  #cabf24 0%,#aba000 100%); border:1px solid #aba000; -webkit-box-shadow:0 1px 1px rgba(255,255,255,.8) inset; -moz-box-shadow:0 1px 1px rgba(255,255,255,.8) inset; -o-box-shadow:0 1px 1px rgba(255,255,255,.8) inset; box-shadow:0 1px 1px rgba(255,255,255,.8) inset; -webkit-box-shadow:0 2px 2px rgba(0,0,0,.2); -moz-box-shadow:0 2px 2px rgba(0,0,0,.2); -o-box-shadow:0 2px 2px rgba(0,0,0,.2); box-shadow:0 2px 2px rgba(0,0,0,.2);}
	.main_lnb li.li2 a  {background-color:#ED1C24; color:#fff; background:#f15c61; background:-moz-linear-gradient(top,  #f15c61 0%, #ED1C24 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f15c61), color-stop(100%,#ED1C24)); background:-webkit-linear-gradient(top,  #f15c61 0%,#ED1C24 100%); background:-o-linear-gradient(top,  #f15c61 0%,#ED1C24 100%); background:-ms-linear-gradient(top,  #f15c61 0%,#ED1C24 100%); background:linear-gradient(to bottom,  #f15c61 0%,#ED1C24 100%); border:1px solid #ED1C24; -webkit-box-shadow:0 1px 1px rgba(255,255,255,.8) inset; -moz-box-shadow:0 1px 1px rgba(255,255,255,.8) inset; -o-box-shadow:0 1px 1px rgba(255,255,255,.8) inset; box-shadow:0 1px 1px rgba(255,255,255,.8) inset; -webkit-box-shadow:0 2px 2px rgba(0,0,0,.2); -moz-box-shadow:0 2px 2px rgba(0,0,0,.2); -o-box-shadow:0 2px 2px rgba(0,0,0,.2); box-shadow:0 2px 2px rgba(0,0,0,.2);}
	.main_lnb li.li3 a  {background-color:#2894DD; color:#fff; background:#5facdf; background:-moz-linear-gradient(top,  #5facdf 0%, #2894DD 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#5facdf), color-stop(100%,#2894DD)); background:-webkit-linear-gradient(top,  #5facdf 0%,#2894DD 100%); background:-o-linear-gradient(top,  #5facdf 0%,#2894DD 100%); background:-ms-linear-gradient(top,  #5facdf 0%,#2894DD 100%); background:linear-gradient(to bottom,  #5facdf 0%,#2894DD 100%); border:1px solid #2894DD; -webkit-box-shadow:0 1px 1px rgba(255,255,255,.8) inset; -moz-box-shadow:0 1px 1px rgba(255,255,255,.8) inset; -o-box-shadow:0 1px 1px rgba(255,255,255,.8) inset; box-shadow:0 1px 1px rgba(255,255,255,.8) inset; -webkit-box-shadow:0 2px 2px rgba(0,0,0,.2); -moz-box-shadow:0 2px 2px rgba(0,0,0,.2); -o-box-shadow:0 2px 2px rgba(0,0,0,.2); box-shadow:0 2px 2px rgba(0,0,0,.2);}
	.right_link ul {padding:10px 0; text-align:center;}
	.right_link li a {float:none; display:inline-block;}
	.main_board div {float:none; height:auto; margin-bottom:10px;}
	.main_board h3 a {color:#333; padding:0; margin:0}
	.box_content2 {height:auto;}
	.right_link li a,
	.btn_more a {background-image:url(/2012/img/main/sp_mobile.png); background-size:270px 180px; padding-top:80px; width:90px;}
	.right_link li.li1 a {background-position:0 0}
	.right_link li.li2 a {background-position:-90px 0}
	.right_link li.li3 a {background-position:-180px 0}
	.right_link li.li7 a {background-position:0 -80px}
	.right_link li.li8 a {background-position:-90px -80px}
	.right_link li.li9 a {background-position:-180px -80px}
	.main_board .btn_more a {display:block; overflow:hidden; position: absolute; top:10px; right:10px; width:26px; height:0; padding:26px 0 0 0; background-color:rgba(0,0,0,.05); text-indent:-10000px;}
	.main_board .btn_more a:before,
	.main_board .btn_more a:after {display:block; position: absolute; background-color:#000; content:'';}
	.main_board .btn_more a:before {top:7px; left:12px; width:1px; height:11px;}
	.main_board .btn_more a:after {top:12px; left:7px; width:11px; height:1px;}
	.right_link li.mo_link1 a,
	.right_link li.mo_link2 a,
	.right_link li.mo_link3 a {display:inline-block;}
	.main_board li:first-child {border-top:none;}
	.box_content2 {border-bottom:none;}
	.box_masscom {font-size:13px; line-height:160%}
	.sub_container,
	.area_container {margin-top:110px;}
	.sub_container {padding-top:10px;}
	#container > div,
	.box_ad,
	.box_link {float:none; width:100%;}
	#container > div.area_content_2 {margin-top:5px;}
	.box_ad img {width:100%;}
	.list_link li {float:left; -webkit-box-sizing:border-box; box-sizing:border-box; width:25%; padding:5px;margin:0 0 15px 0;}
	.list_link li a {display:block; position: relative; float:none; width:100%; height:auto; margin:0; padding-top:0; }
	.list_link li a > span {position: absolute; bottom:10%; left:5%; width:90%; font-size:15px; line-height:19px; text-align:center; word-break:keep-all;}
	.list_link li a > span span {display:none;}
	.list_link li a:before {width:50%; margin-left:-25%;}
	.list_link li.li1 a:before {background:url(/2012/img/main/main_icon_1.png) no-repeat center top; background-size:contain;}
	.list_link li.li2 a:before {background:url(/2012/img/main/main_icon_2.png) no-repeat center top; background-size:contain;}
	.list_link li.li3 a:before {background:url(/2012/img/main/main_icon_3.png) no-repeat center top; background-size:contain;}
	.list_link li.li4 a:before {background:url(/2012/img/main/main_icon_4.png) no-repeat center top; background-size:contain;}
	.right_area {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; float:none; width:100%; padding:5px;}
	.main_login {position: absolute; top:30px; right:-100%; z-index:100; background-image:none; background-color:#fff; -webkit-box-shadow:1px 1px  2px rgba(0,0,0,.3); -moz-box-shadow:1px 1px  2px rgba(0,0,0,.3); -o-box-shadow:1px 1px  2px rgba(0,0,0,.3); -ms-box-shadow:1px 1px  2px rgba(0,0,0,.3); box-shadow:1px 1px  2px rgba(0,0,0,.3);}
	.gnb_area,
	.list_gnb > li ul,
	.main_login {-webkit-transition:all 0.3s cubic-bezier(0.645,0.355,0.045,1); -o-transition:all 0.3s cubic-bezier(0.645,0.355,0.045,1);-moz-transition:all 0.3s cubic-bezier(0.645,0.355,0.045,1); -ms-transition:all 0.3s cubic-bezier(0.645,0.355,0.045,1); transition:all 0.3s cubic-bezier(0.645,0.355,0.045,1);}
	.main_login.on {right:5px;}
	.sub_login {-webkit-transition:all 0.3s cubic-bezier(0.645,0.355,0.045,1); -o-transition:all 0.3s cubic-bezier(0.645,0.355,0.045,1);-moz-transition:all 0.3s cubic-bezier(0.645,0.355,0.045,1); -ms-transition:all 0.3s cubic-bezier(0.645,0.355,0.045,1); transition:all 0.3s cubic-bezier(0.645,0.355,0.045,1);}
	.sub_login.on {right:5px;}
	.box_counsel > .box_counsel_1,
	.box_board > div {-webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; -ms-border-radius:8px; border-radius:8px; background-image:none; background-color:#fff; -webkit-box-shadow:0 1px  1px rgba(0,0,0,.3); -moz-box-shadow:0 1px  1px rgba(0,0,0,.3); -o-box-shadow:0 1px  1px rgba(0,0,0,.3); -ms-box-shadow:0 1px  1px rgba(0,0,0,.3); box-shadow:0 1px  1px rgba(0,0,0,.2); padding-top:40px;}
	.box_counsel > .box_counsel_1 {padding-top:15px;height:100px;}
	.box_counsel .map {top:0;}
	.main_login, .main_login > div, .box_board, .box_board > div, .box_counsel, .box_counsel > .box_counsel_1 {background-image:none;}
	.main_login .box_login_1 .type {width:30%;}
	.main_login .box_login_1 dl {width:50%;}
	.main_login .box_login_1 dd input {width:85%;}
	.main_login .box_login_1 .btn_login input {width:20%;}
	.main_login, .box_board, .box_counsel {margin-top:0;}
	.main_board h3 {top:10px;}
	.box_winner {padding:0;}
	.box_winner h3 {position: relative; top:auto; width:70%; margin:0 auto;}
	.top_gnb {display:block;}
	.top_gnb li.li2 {position: absolute; top:10px; right:90px;}
	.top_gnb li.li3 {display:none; position: absolute; top:5px; right:20px;}
	.top_gnb li.li3 a {display:block; overflow:hidden;  position: relative; width:30px; height:0; padding:30px 0 0; text-indent:-10000px;}
	.top_gnb li.li3 a:before,
	.top_gnb li.li3 a:after {display: block; position: absolute; width:28px; content:'';}
	.top_gnb li.li3.on a:before {height:3px; border:none; background-color:#a0a0a0;}
	.top_gnb li.li3.on a:before {top:19px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
	.top_gnb li.li3.on a:after {top:19px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
	.top_gnb li.li3 a:before {top:5px; height:8px; border-top:3px solid #a0a0a0; border-bottom:3px solid #a0a0a0;  background-color:#fff;}
	.top_gnb li.li3 a:after {top:27px; height:3px; background-color:#a0a0a0;}
	.top_gnb li.li4 {position: absolute; top:10px; right:10px;}
	.tab_link li {width:50%; padding-bottom:0;}
	.tab_link li a{margin-bottom:1px;}
	.tab_link li span {display:-webkit-box; display:-moz-box; display:-o-box; display:-ms-box; display:box; -webkit-box-orient:vertical; -moz-box-orient:vertical; -o-box-orient:vertical; -ms-box-orient:vertical; box-orient:vertical; -webkit-box-pack:center; -moz-box-pack:center; -o-box-pack:center; -ms-box-pack:center; box-pack:center; height:40px; line-height:18px; }
	.area_net {display:block; overflow:hidden; position:absolute; top:50px; right:0; z-index:80; width:100%; height:0; padding-top:0; background-size:contain; background-position:right top;}
	.area_net.on {padding-top:100%;}
	.area_net {-webkit-transition:all 0.3s ease; transition:all 0.3s ease;}

	.sub_login, .sub_login > div, .box_board, .box_board > div, .box_counsel, .box_counsel > .box_counsel_1 {background-image:none;}
	.sub_login .box_login_1 .type {width:30%;}
	.sub_login .box_login_1 dl {width:50%;}
	.sub_login .box_login_1 dd input {width:85%;}
	.sub_login .box_login_1 .btn_login input {width:20%;}
	.sub_login .box_counsel {margin-top:0;}

	.detail_view{position:relative;text-align:right;right:0;bottom:0;margin:20px 0 0 0;}

	.btn-down-pdf01{float:none;clear:both;margin:20px 10px;}
	.btn-down-pdf01.bg02{float:none;clear:both;margin:20px 10px;}
}
@media screen and (max-width: 480px){
	.list_link{margin:0 !important;}
	.list_link li {width:50%;}
	.list_link li a {padding-top:0;height:166px !important;}
}