@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:'nanumgothic', '나눔고딕', 'Malgun Gothic', '맑은 고딕'; font-size:12px; color:#333; }
table {font-family:'nanumgothic', '나눔고딕', 'Malgun Gothic', '맑은 고딕'; font-size:12px; color:#333; border-collapse:collapse; }
a {color:#333; text-decoration:none; }
a:visited, a:hover {color:#333; text-decoration:none; }

/* 구조 셋팅 */

#header {min-width:1020px; width:100%; position:relative; text-align:center; background:url(/imgg/header_back.png) repeat-x; z-index:99; }
#header:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#container {min-width:1020px; width:100%;  position:relative; text-align:center; }
#container:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#sub_container {min-width:1020px; width:100%; position:relative; text-align:center; background:url('/imgg/sub_vs.png') no-repeat center 0;}
#sub_container:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#footer {min-width:1020px; width:100%; position:relative; text-align:center; border-top:1px solid #d4d4d4;}

/*Top menu*/

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

#header #topmenu p.logo {float:left; }
#header #topmenu p.logo_tx {float:right; padding:25px 10px 0 0; }

/*main fade*/

#motionj_fade_01 {width:649px; text-align:center; z-index:5; }
#motionj_fade_01 p {text-align:center; height:20px; z-index:6; padding-left:30px; }
#motionj_fade_01 p span {float:left; padding-right:10px; }

#motionj_fade_01 .vs001 { background: url(/imgg/vs001.png) no-repeat top center;height:581px; }
#motionj_fade_01 .vs002 { background: url(/imgg/vs002.png) no-repeat top center;height:581px; }
#motionj_fade_01 .vs003 { background: url(/imgg/vs003.png) no-repeat top center;height:581px; }

/*main*/

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

/* main maincon_up*/

div.maincon_up {width:980px; }
div.maincon_up:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

div.maincon_up div.mainVs_left {float:left; width:649px; height:581px; }
div.maincon_up div.mainVs_right {float:left; width:318px; padding-left:13px; }

/* main notice*/

dl.notice {width:318px;height:170px; }
dl.notice dd {padding:0px; }
dl.notice dd div.lt ul li {padding:10px 10px 11px 25px; text-align:left; line-height:0; }
dl.notice dd div.lt ul li a {color:#333; font-size:12px; }
dl.notice dd div.lt ul li span.date{display:inline-block; color:#333; float:right;padding-right:10px;font-size:12px; }

/* main maincon*/

div.maincon {width:980px; }
div.maincon:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
div.maincon p {float:left; }

/*sub */

#subContent {width:980px; margin:0 auto 60px auto; text-align:center; position:relative; padding:0 20px; }
#subContent:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

/*sub left*/

#left {width:193px; float:left; text-align:left; position:relative; margin-top:30px; }
#left p.tit{width:193px; }
#left p.s_tit{width:193px; margin-top:30px; }
#left ul li a {width:100% ; height:100%; display:block; }
#left p.lcs_1 {margin-top:25px;}
#left p.lcs_2 {margin-top:55px;}

/*sub content*/

#content {width:727px; float:left; position:relative; text-align:left; color:#4b4b4b;padding:20px 0 0 45px; min-height:500px; }
#content div.sub_title {width:727px; margin-top:20px;}
#content div.sub_title h1 {color:#fff; font-size:35px; font-weight:normal; height:45px;}
#content div.sub_title p {color:#afd4ed; font-size:14px; margin-top:5px;}
#content .sub_con {padding-top:55px; }
#content .space1 {margin-top:40px;}

/* footer */

#footer div.tail {width:980px; height:75px; margin:0 auto; text-align:left; line-height:1.5em; color:#404040; font-size:11px; padding:0 20px; }

#footer div.tail p.copy {padding:20px 0 0 10px; }
#footer div.tail p.copy span {padding-left:5px; }
#footer div.tail p.copy span a {color:#404040; }
.ds_by{display:block;width:0;height:0;overflow:hidden;}


/*추가 팝업*/
.pop {position: fixed;width: 750px;left: 36%;border: 3px solid #000000;top:0;background: #ffffff;height: 100vh;display: flex;align-items: center;justify-content: center;z-index: 999;}
.pop p {font-size: 50px;font-weight: bold;}