@charset "euc-kr";

/* common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-size:14px;font-family:'³ª´®°íµñ',NanumGothic,'µ¸¿ò',dotum,Helvetica,sans-serif}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none}
html,body{height:100%}
hr,legend{display:none}
table{padding:0;border:0 none;table-layout:fixed}
table caption{display:none}
.blind{visibility:hidden;overflow:hidden;position:absolute;width:0;height:0}
a{color:#8d8f9a}
body{background:url(/images/common/bg_pattern.gif)}
.hand {cursor: pointer;}
.mo_main_info{display:none;}
.body_img {width:100%;max-width:1110px;}

#header{z-index:30;background:url(/images/common/bg_header.jpg) repeat-x 0 0}
#gnb{z-index:105}
#container{z-index:20}
#container #content{z-index:20}
#footer{z-index:30}
#header .header_section:after,#gnb:after, #container:after,#content:after,#content .article:after{display:block;clear:both;content:''}

#header .header_section{position:relative;max-width:1110px;margin:-1px auto 0;height:67px;padding:0;z-index:100;}
#container{position:relative;max-width:1110px;margin:0 auto 0;z-index:10}
#container #content{position:relative;max-width:1110px;margin:0 auto;*zoom:1}

#footer{clear:both;margin:0 auto;padding:18px 0 20px;text-align:center}
#footer .inner{overflow:hidden}
.narrow #footer .inner{margin-right:0}

/* sta */
.sta{position:relative;float:left;z-index:30;margin-left:20px;padding:10px 0 0 0}
.sta .logo{overflow:hidden;float:left;background:url(/images/common/top_logo.png) no-repeat;text-indent:-999em}
.sta .logo{width:190px;height:50px;margin:0;background-position:0 0}

/* gnb 
#gnb{float:right;margin-right:0px;padding:0;background-color:transparent}
#gnb.login_area{position:absolute;top:5px;right:21px}
.top_tel a{overflow:hidden;width:200px;height:20px;text-align:right;vertical-align:top;color:#fff000;font-size:16px}
*/

/* ÀüÈ­¹øÈ£ */
.top_tel{position:absolute;top:10px;right:20px}
.top_tel .tel{overflow:hidden;float:left;background:url(/images/common/top_tel.png) no-repeat;text-indent:-999em}
.top_tel .tel{width:190px;height:50px;margin:0;background-position:0 0}

#dd_menu_area {display:block;background:#fff;border-width:0px 0px 1px 0;border-style:solid;border-color:#ef6161;}
#dd_menu_area_mo {display:none}

/* drop down menu */
.dd_menu a:after,.dd_menu .btn_area .btn_close:before{display:block;overflow:hidden;position:absolute;background:url(/images/common/top_icon.png) no-repeat;background-size:350px 140px;-webkit-background-size:350px 140px;content:'';}
.dd_menu{background:#fff;font-weight:bold;width:100%;max-width:1110px;margin:0 auto;border:0;}
.dd_menu ul{overflow:hidden;padding-top:1px}
.dd_menu li{float:left;width:20%;font-size:14px;text-align:center;}
.dd_menu li a{display:block;position:relative;margin:-1px -1px 0 0;border-width:0;color:#3c4150}
.dd_menu li.on a{position:relative;z-index:20;color:#ef6161}
.dd_menu .category1 li.on a{border-width:0 0 2px 0;border-style:solid;border-color:#ef6161;padding:0 0 -2px 0;}
.dd_menu .category1 li{line-height:70px;}
.dd_menu .category1 li a{padding-top:60px;line-height:40px;}
.dd_menu .category1 li a:hover{color:#ef6161}
.dd_menu .category1 li a:after{left:50%;top:10px;width:70px;height:70px;margin:-10px -35px}
.dd_menu .category1 li a.btn1:after{background-position:0 0}
.dd_menu .category1 li a.btn2:after{background-position:-70px 0}
.dd_menu .category1 li a.btn3:after{background-position:-140px 0}
.dd_menu .category1 li a.btn4:after{background-position:-210px 0}
.dd_menu .category1 li a.btn5:after{background-position:-280px 0}
.dd_menu .category1 li.on a.btn1:after{background-position:0 -70px}
.dd_menu .category1 li.on a.btn2:after{background-position:-70px -70px}
.dd_menu .category1 li.on a.btn3:after{background-position:-140px -70px}
.dd_menu .category1 li.on a.btn4:after{background-position:-210px -70px}
.dd_menu .category1 li.on a.btn5:after{background-position:-280px -70px}
.dd_menu .category2{background:#fff;border-width:1px 0 0 0;border-style:solid;border-color:#ef6161;}
.dd_menu .category2 p a{color:#000;font-weight:normal;}
.dd_menu .category2 p a:hover{color:#ef6161}
.dd_menu .category2 p.on a{border:0;background:#ef6161;color:#fff000}
.dd_menu .category2 p{line-height:38px}

/* drop down menu mobile */
.dd_menu_mo a:after,.dd_menu_mo .btn_area .btn_close:before{display:block;overflow:hidden;position:absolute;background:url(/images/common/top_icon.png) no-repeat;background-size:350px 140px;-webkit-background-size:350px 140px;content:'';}
.dd_menu_mo{background:#fff;font-weight:bold;width:100%;max-width:1110px;margin:0 auto;border:0;}
.dd_menu_mo ul{overflow:hidden;padding-top:1px}
.dd_menu_mo li{float:left;width:20%;font-size:14px;text-align:center;}
.dd_menu_mo li a{display:block;position:relative;margin:-1px -1px 0 0;border-width:0;color:#3c4150}
.dd_menu_mo li.on a{position:relative;z-index:20;color:#fff}
.dd_menu_mo .category1{border-width:0px 0px 1px 0;border-style:solid;border-color:#ef6161;}
.dd_menu_mo .category1 li.on a{border:0;background:#b84d4d}
.dd_menu_mo .category1 li{line-height:70px;}
.dd_menu_mo .category1 li a{padding-top:60px;line-height:40px;}
.dd_menu_mo .category1 li a:after{left:50%;top:10px;width:70px;height:70px;margin:-10px -35px}
.dd_menu_mo .category1 li a.btn1:after{background-position:0 0}
.dd_menu_mo .category1 li a.btn2:after{background-position:-70px 0}
.dd_menu_mo .category1 li a.btn3:after{background-position:-140px 0}
.dd_menu_mo .category1 li a.btn4:after{background-position:-210px 0}
.dd_menu_mo .category1 li a.btn5:after{background-position:-280px 0}
.dd_menu_mo .category1 li.on a.btn1:after{background-position:0 -70px}
.dd_menu_mo .category1 li.on a.btn2:after{background-position:-70px -70px}
.dd_menu_mo .category1 li.on a.btn3:after{background-position:-140px -70px}
.dd_menu_mo .category1 li.on a.btn4:after{background-position:-210px -70px}
.dd_menu_mo .category1 li.on a.btn5:after{background-position:-280px -70px}
.dd_menu_mo .category2{background:#b84d4d;}
.dd_menu_mo .category2 li a{color:#fff}
.dd_menu_mo .category2 li.on a{border:0;background:#b84d4d}
.dd_menu_mo .category2 li{line-height:38px}

/* footer */
#footer ul,#footer li,#footer a,#footer strong{color:#444;font-size:12px}
#footer a{color:#333;text-decoration:none}
#footer a:visited{color:#afafaf;text-decoration:none}
#footer a:hover{text-decoration:underline}
#footer ul{margin:0 0 10px}
#footer ul li{display:inline;padding:0 5px 0 7px;background:url(/images/common/sp_logo.png) -510px -40px no-repeat;font-size:12px;white-space:nowrap}
#footer ul li a:hover,#footer ul li a:hover strong{color:#438a01}
#footer ul li.frst{padding:0 3px 0 0;background:none !important}

#footer img,#footer em,#footer address,#footer span{color:#b84d4d;font-size:12px}
#footer address{font-family:Verdana;font-size:9px;line-height:14px}
#footer address img{vertical-align:middle}
#footer address a{color:#b84d4d;font-family:Tahoma;font-size:9px;font-weight:bold}
#footer address a:hover{color:#b84d4d}
#footer address span{padding-left:2px;font-family:Verdana;font-size:9px;line-height:14px}
#footer address em{padding-left:3px;font-family:Verdana;font-size:9px}
#footer address .logo{display:inline-block;width:62px;height:18px;margin:-1px 0 1px;background:url(/images/common/sp_logo.png) 0 0 no-repeat;line-height:0;font-size:0;vertical-align:middle}

/* º»¹® À̹ÌÁö */
#main_event_group{clear:both;margin:-1px 0 0 0;padding:0;width:100%;}
.main_event,.main_info{width:25%;display:inline-block;margin: 0;padding:0;overflow:hidden;}
.main_center_img {width:100%;}

.main_photo{position:relative;border:0px;background:#fff;font-size:12px;line-height:normal;*zoom:1} 
.main_photo .title{margin:0;padding:0px;border:0px;background:#7a9fa0 url(../images/common/photo_title.png) no-repeat;font-size:12px;line-height:35px;color:#333} 
.main_photo .photo{padding:0px;border:0px;} 
.main_photo .photo_more{position:absolute;top:9px;right:10px;font:11px;color:#fff;text-decoration:none !important} 
.main_photo .photo_more span{font:14px/1;color:#fff} 

/* ¸ÞÀκ£³Ê */
.mainscroll {border:0px; width:100%;height:auto;position:relative;overflow:hidden;}
.mainscroll_inner {width:100%;z-index:998;}
.mainscroll_inner ol.mainscroll-items {margin:0; padding:0;}
.mainscroll_inner ol.mainscroll-items li {margin:0;padding:0;display:none;}
.mainscroll_menu {position:absolute;top:10px;right:10px;z-index:999}
.mainscroll_menu ol {list-style-type:none;margin:0;padding:0;}
.mainscroll_menu li {width:20px;height:20px;float:left;}

@media screen and (min-width:1108px) {
.dd_menu{background:#fff;font-weight:bold;width:100%;max-width:1108px;margin:0 auto;border:0;}
}

@media screen and (min-width:640px) and (max-width:1107px){
.dd_menu{background:#fff;font-weight:bold;width:100%;max-width:100%;margin:0 auto;border:0;border-width:1px 0 1px 0;}
#container{overflow:hidden;margin:0 auto 0;width:100%}
#container #content{overflow:hidden;position:relative;left:0;width:100%;margin:0 auto;border:0px;}
#footer{background-color:#f1f1f4;}
#footer .inner{overflow:hidden;margin:0px}
}

@media screen and (min-width:480px) and (max-width:639px){
#dd_menu_area {display:none}
#dd_menu_area_mo {display:block}
.dd_menu_mo{background:#fff;font-weight:bold;width:100%;max-width:100%;margin:0 auto;border:0;border-width:1px 0 1px 0}
.mobile_desc{overflow:hidden;width:100% !important}
#container{margin:0 auto 0;width:100%}
#container #content{position:relative;left:0px;width:100%;margin:0 auto;border:0px;}
#footer{background-color:#f1f1f4;}
#footer .inner{overflow:hidden;margin:0px}
.main_event{width:33.3%;display:inline-block;margin: 0;padding:0;}
.main_info{display:none;}
.photo img{width:100%;}
#bottom_menu img{width:50%;}
.mo_main_info{display:block;}
}

@media screen and (min-width:0px) and (max-width:479px){
#dd_menu_area {display:none}
#dd_menu_area_mo {display:block}
.dd_menu_mo{margin:0 auto;border:1px 0 1px 0 solid #ef6161;border-width:1px 0 1px 0}
.dd_menu_mo li{width:33.3%}
.sta{position:relative;float:left;z-index:30;margin-left:5px;padding:10px 0 0 0}
.top_tel{position:absolute;top:10px;right:5px}
.top_tel .tel{overflow:hidden;float:left;background:url(/images/common/top_tel_mo.png) no-repeat;text-indent:-999em}
.top_tel .tel{width:100px;height:50px;margin:0;background-position:0 0}
#container{margin:0 auto 0;width:100%}
.main_event{width:33.3%;display:inline-block;margin: 0;padding:0;}
.main_info{display:none;}
.photo img{width:100%;}
#bottom_menu img{width:50%;}
.mo_main_info{display:block;}
#footer{background-color:#f1f1f4;}
#footer .inner{overflow:hidden;margin:0px}
}