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

/* 초기화 셋팅 */

body, div, p, a, img, ul, ol, li, table, caption, tr, td, th, h1, h2, h3, h4, h5, span, dl, dt, dd {margin:0; padding:0;}
html{overflow-y:scroll;}
ul {list-style:none;}
img {border:0;}

/* Basic Set-기본셋팅 */

body {width:100%; height:100%; background:#fff; font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은 고딕'; font-size:12px; color:#333;}
table {font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은 고딕'; font-size:12px; color:#333; border-collapse:collapse; }
a {text-decoration:none;}
a:link, a:hover {text-decoration:none;}

/* 구조 셋팅 */

#header {min-width:1100px ;width:100%; position:relative; text-align:center; }
#header:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#container {min-width:1100px ;width:100%;  position:relative; text-align:center; }
#container:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#sub_container {min-width:1100px ;width:100%; position:relative; text-align:center; background:url(/img/sub_back.jpg) repeat center top}
#sub_container:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#footer {width:100%; min-width:1100px;position:relative; text-align:center; border-top:1px solid #d8d8d8; background:#fff; }

/*Top menu*/

#header #topmenu {width:1100px; margin:0 auto; position:relative; }
#header #topmenu:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

#header #topmenu p.logo {float:left; }


#header #topmenu div.chan {float:right; padding:15px 5px 5px 0;}
#header #topmenu div.chan:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#header #topmenu div.chan p {float:left; font-size:13px; color:#333; }
#header #topmenu div.chan p.line {margin-right:5px }
#header #topmenu div.chan p a{color:#333}

#header .gnb {position:absolute; left:300px; top:40px; }
#header .gnb li {position:relative;  float:left; }
#header .gnb li .gsub {position:absolute; width:140px ;top:60px; border-top:3px solid #c80606; display:none; }
#header .gnb li .gsub li {float:none !important; padding:0 ; !important; border-bottom:1px solid #e8e8e8; border-left:1px solid #ddd;border-right:1px solid #e8e8e8; text-align:left; }
#header .gnb li .gsub li a {display:block; padding:7px 7px; color:#333; background:#fff; font-size:13px}
#header .gnb li .gsub li a:hover {color:#c80606; font-weight:bold; }

#submenu01 {left:0px; z-index:999; text-indent:8px;}
#submenu02 {left:-10px; z-index:999; text-indent:8px;}
#submenu03 {left:20px; z-index:999; text-indent:12px; width:177px !important; }
#submenu04 {left:-5px; z-index:999; text-indent:10px; width:177px !important;}
#submenu05 {left:17px; z-index:999; text-indent:12px; width:165px !important;}
#submenu06 {left:-10px; z-index:999; text-indent:7px;}

/*vs*/

#vs_wrap {width:100%; height:539px; position:relative; text-align:center; min-width:1100px ;}
#vs_wrap:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#vs_wrap #vs {width:100%; height:539px; position:relative; text-align:center; min-width:1100px ; }
#vs_wrap #vs:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#vs_wrap #vs #motionj_fade_01 {width:100%; text-align:center; z-index:5;}
#vs_wrap #vs #motionj_fade_01 p {height:30px; text-align:center; z-index:6; display:none}
/*gallery_wrap*/

.vs001 {background:url(/img/vs001_2.jpg) no-repeat center top ;width:100%; height:539px; min-width:1100px ;}
.vs002 {background:url(/img/vs002_2.jpg) no-repeat center top ;width:100%; height:539px; min-width:1100px ;}
.vs003 {background:url(/img/vs003_2.jpg) no-repeat center top ;width:100%; height:539px; min-width:1100px ;}

.maincont_up {border-bottom:1px solid #ddd}

div.dir {float:left;}

/*mainContent*/

#mainContent {width:1100px; margin:0 auto 20px auto; position:relative; }
#mainContent:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

.maincont_left {float:left; width:550px;height:330px}
.maincont_right {float:left ;width:550px; }

dl.notice dt {}
dl.notice dd {padding:30px 0 0 25px;}
dl.notice dd div.lt ul li {padding:10px; text-align:left; }
dl.notice dd div.lt ul li a {color:#6b6b6b; font-size:18px}
dl.notice dd div.lt ul li span.date{display:inline-block; color:#6b6b6b; float:right; font-size:18px}

/*main notice*/

#mainContent dl.notice {}


/*maincon*/
/* footer */

#footer div.tail {width:1100px; margin:0 auto; text-align:left; line-height:1.9em; color:#666; padding:17px 0; background:#fff; }
#footer div.tail:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#footer div.tail p.foot {margin-right:30px; float:left; }
#footer div.tail p.copy {float:left; padding-top:20px; font-size:16px}
#footer div.tail p.copy span {padding-left:5px; }
#footer div.tail p.copy span a {color:#666; text-decoration:none;}

/*sub*/

.sub_tx {width:1100px; margin:0 auto; text-align:center; padding:55px 0; }

#subContent {width:1100px; margin:0 auto; text-align:left; position:relative; padding-bottom:50px}
#subContent:after {content:""; height:0; clear:both; display:block; visibility:hidden;}

/*sub left*/

#left {width:200px; float:left; text-align:left; position:relative; border-radius:25px; background:#fff}
#left p.tit {border:1px solid #c90604; background:#c90604;  border-radius:25px 25px 0 0; text-align:center; padding:30px 0 ; font-size:25px; color:#fff; font-weight:bold; }

#left ul {}
#left ul li {border-bottom:1px solid #d6d6d6; color:#333333;  font-size:14px; text-indent:15px}
#left ul li.last {border:none; height:30px}
#left ul li a {width:100% ; height:100%; display:block; color:#333333;padding:15px 0 15px 0; }
#left ul li a:hover {color:#333; background-color:#ececec}
#left ul li a.on {color:#333;  background-color:#ececec}
/*sub content*/

#content {width:830px; float:left; position:relative; text-align:left; margin-left:20px; padding:25px; background:#fff;  border-radius:25px; }
#content div.sub_title {border-bottom:1px solid #d6d6d6; padding:8px 0 23px 10px; margin-bottom:25px}
#content div.sub_title:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

.s_tit {float:left; font-size:30px; font-weight:600px; }
.s_nav {float:right; background:url(/img/home.png) no-repeat left 15px; padding:15px 0 0 15px}

#content div.sub_con {padding:0 0 50px 0; }

#s_scroll_1 {position:relative; width:1120px; margin:0 auto;  z-index:7; }
#SC_CS_1 {
position: absolute;
width:181px;
z-index:1;
text-align:center;
left:1120px;
top:0;
display:block;
}


#vs {}
#vs:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#vs #motionj_fade_01 {width:550px; text-align:center; z-index:5;}
#vs #motionj_fade_01 p {height:52px; text-align:left; z-index:6; width:550px}
#vs #motionj_fade_01 p span {margin:0; padding:0; display:block}
#vs #motionj_fade_01 p span {width:100px}
#vs #motionj_fade_01 p span a {display:block; width:100%; height:100%}
#vs #motionj_fade_01 p span a:hover {display:block; width:100%; height:100%}
/*gallery_wrap*/

#vs_{width:550px; height:330px;  }
#vs_:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#vs_ #motionj_fade_01_ {width:550px; text-align:center; z-index:5;}
#vs_ #motionj_fade_01_ p {margin-top:-1px !important}
.kakao {position:fixed; width:120px; height:180px; top:20%; right:10%; z-index:9999;}