@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

* {
	padding: 0;
	margin: 0;
}

body {
	margin:0; padding:0;
	font-family: 'Nanum Gothic', 'NanumGothic', "Dotum", sans-serif;
	color: #666;
	font-size: 15px;
	line-height:160%;
}

b, strong {
	font-weight: 600;
}

div, section {
	margin:0; padding:0;
	font-size:middle;
	}
	
ul, ol, li, dl, dt, dd {
	margin: 0;
	paddding: 0;
	list-style: none;
}
a, a:visited, a:active {
	color:#666; text-decoration:none;
	}
a:hover {
	text-decoration: underline;
	color: #F60;
}
img {border:none; padding:0; margin:0;}

.txt_blue {color:#0066cc;}

#wrap {margin:0; padding:0; width:100%; height:100%;}

.top {overflow:hidden; zoom:1; clear:both;}
.top .logo {float:left; margin-top:5px; margin-left:20px;}
.top .go_sunfull {float:right; margin-top:15px; margin-right:20px;}
.top .go_sunfull a {padding:5px 10px; border-radius:5px; background:#333; color:#ededed; text-align:center; text-decoration:none; font-size:12px;}
.top .go_sunfull a {background:#666;}

.tab ul {width:100%; max-width:1000px; margin:0 auto; overflow:hidden; zoom:1; clear:both;}
.tab li {float:left; width:33.33%; padding:0;}
.tab a {display:block; position:relative; padding:10px; background:#eceded url(images/tabbg.jpg); background-repeat:repeat-x; background-position:left bottom; border:1px solid #e3e5e5; font-size:18px; color:#b9b5b5; font-weight:700; text-decoration:none; text-align:center;}
.tab a:after {content:url(images/tabr.jpg); display:block; position:absolute; top:-1px; right:-1px;}
.tab .active {background:#1a7dd9 url(images/tabbg_r.jpg); background-repeat:repeat-x; background-position:left bottom; border:1px solid #196fc9; color:#fff;}
.tab .active:after {content:url(images/tabr_r.jpg); display:block; position:absolute; top:-1px; right:-1px;}

.topimg {position:relative; background:#62c8ee;  text-align:center;}
.topimg div {width:1000px; height:399px; margin:0 auto;}
.topimg2019 {position:relative; background:#62c8ee;  text-align:center;}
.topimg2019 div {width:1000px; height:399px; margin:0 auto;}
.topimg2020 {position:relative; background:#62c8ee;  text-align:center;}
.topimg2020 div {width:1000px; height:399px; margin:0 auto;}

.topimg .main_txt {position:absolute; top:90px; width:700px; color:#fff; font-size:35px; line-height:130%; font-family:"나눔명조", "바탕", serif; word-break:keep-all;}
.topimg .main_txt_s {position:absolute ; top:190px; width:660px; color:#ccc; font-size:22px; line-height:130%; word-break:keep-all;}

.support {padding:0; border-bottom:1px solid #ECECEC;}
.support span {display:block; width:90%; max-width:1000px; margin:15px auto;}
.support img {display:block; width:100%; max-width:314px;}


.cont_wrap {width:1000px; margin:0 auto; padding:30px 0;}
.sub_txt {margin:40px 0 0 0;}
.howto {margin-top:40px; padding:20px 30px; border:1px solid #E7E3E3; overflow:hidden; zoom:1; clear:both;}
.howto p {padding:10px 0;}
.howto b {display:inline-block; padding-left:25px; background:url(images/icn_check.gif) no-repeat 0 0; font-weight:600; color:#333;}
.news dt {margin-bottom:10px; font-weight:600; color:#333;}
.news dd span {font-weight:600;}
.guide {padding:60px 0 30px 0;}

.btn_how {display:inline-block; margin-top:15px; margin-left:10px; padding:3px 10px; background:#199add; border-radius:5px; font-size:13px; color:#fff; font-weight:bold;} 
.btn_how:hover, .btn_how:visited {color:#fff;}

#reple {
	text-align: center;
	border-top: 3px solid #000;
	padding: 30px 0
}
#copyright {
	margin-top: 30px;
	border-top: 1px solid #666;
	padding-top: 10px;
	margin-bottom: 30px;
	text-align: center
}
#copyright a {
	font-weight: bold
}
.btn_area {margin:40px 0 0 0; text-align:center;}

.btn_area a {
	background:#636363;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff!important;
	font-size:16px; 
	font-weight:600;
	padding:12px 30px;
	text-decoration:none;
}
.btn_area a:hover {
	background:#878787;
	text-decoration:none;
}
.btn_area a:active {
	position:relative;
	top:1px;
}

.mob_only {display:none;}


/* Media Query */

@media all and (max-width:1203px){
body, .topimg div, .topimg2019 div {width:100%; word-break:break-word; word-wrap: break-word;}
.topimg div {height:auto;}
.topimg2019 div {height:auto; text-align:center; font-size:0; line-height:0;}
.topimg2019 img {width:100%; max-width:720px;}
.topimg2020 div {width:100%; height:auto; text-align:center; font-size:0; line-height:0;}
.topimg2020 img {width:100%; max-width:720px;}

.cont_wrap {width:90%; margin:0 auto;}
.sub_txt {margin:0px 0 0 0;}
.howto {margin-top:20px;}

.pc_only {display:none;}
.mob_only {display:block;}
	
}