@charset "utf-8";

@import url("https://cdn.jsdelivr.net/gh/moonspam/NanumBarunGothic@latest/nanumbarungothicsubset.css");
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap');

body { font-size:14px; line-height:140%; font-family: "NanumBarunGothic", "Malgun Gothic", "Nanum Gothic", "돋움", dotum, "굴림", gulim, "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo",  sans-serif; }

input,select,textarea {font-size:12px; font-family:gulim;}
select {font-size:12px;font-family:dotum;}
label {cursor:pointer;}
a {text-decoration:none;color:#000;}
a:hover {color:#666;}

/*
@font-face {
	font-family: 'NanumBarunGothic';
	font-style: normal;
	font-weight: 400;
	src: local('※');
    src: url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Regular.eot);
    src: url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Regular.eot?#iefix) format('embedded-opentype'),
		url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Regular.woff) format('woff'),
		url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Regular.ttf) format('truetype');
}
*/

/*
@font-face {
	font-family: 'NanumBarunGothic';
	font-style: normal;
	font-weight: 400;
	src: local('※');
    src: url(/_core/lib/font/NanumBarunGothic-Regular.eot);
    src: url(/_core/lib/font/NanumBarunGothic-Regular.eot?#iefix) format('embedded-opentype'),
		url(/_core/lib/font/NanumBarunGothic-Regular.woff2) format('woff2'),
		url(/_core/lib/font/NanumBarunGothic-Regular.woff) format('woff'),
		url(/_core/lib/font/NanumBarunGothic-Regular.ttf) format('truetype');
}

@font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: 400;
	src: local('※');
	src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
	src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
		url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
		url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
		url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
*/

html.lt-ie9 body { font-family:Malgun Gothic,dotum,"돋움",gulim,"굴림","Trebuchet MS", "Lucida Grande", "Tahoma", "Helvetica","Arial", "hiragino kaku gothic pro", sans-serif; }

.wrap { width:980px; margin:auto; }

#header {width:100%;}
#header .headerbox {  }
#header .headerbox .headertop { border-bottom: 0px; x-height:168px; background:url(./image/stbmain/headertop_bg1.jpg); border-bottom: solid 1px #fff; }

#header .headerbox .logo { height:130px; width:980px; margin: 0 auto; position:relative; }
#header .headerbox .logo h1 {padding:0;margin:0;}
#header .headerbox .logo #top_logo a { font-size:30px; outline:none; }
#header .headerbox .logo img {}
#header .headerbox .logo #top_logo { float:left; x-margin: 13px 0px; }
#header .headerbox .logo #top_banner { position:absolute; left:850px; margin:0px 0px 22px 0px;}
#header .headerbox .logo #top_link { position:absolute; right:50px; top:60px; padding:10px; margin:0px 0px 22px 0px; background:rgba(100,100,100,0.8); color:#fff; }
#header .headerbox .logo #top_link a { font-size:18px; color:#fff; margin:0 5px 0; }
#header .headerbox .logo #top_link a.em { font-size:22px; color:#fff; }
#header .headerbox .logo #top_link a:hover { x-font-weight:bold; text-decoration:underline; }
#header .headerbox .logo #top_link2 { position:absolute; right:50px; top:0px; padding:10px; margin:0px 0px 22px 0px; color:#fff; }

#header .headerbox .logo #search_box { position:absolute; background:rgba(100,100,100,0.8); padding:10px; right:50px; top:15px; display:none; }
#header .headerbox .logo #search_box .search { position:relative; height:70px; }
#header .headerbox .logo #search_box .search form { display:block; width:100px; height:30px; background:#ffffff; border-radius:2px; }
#header .headerbox .logo #search_box .search .keyword { float:left; padding:5px; width:50px; height:20px;font-size:14px; color:#00698c; font-weight:bold; background:#ffffff; border:solid 1px #ffffff; }
#header .headerbox .logo #search_box .search .sbtn { float:left; margin-left:10px; width:40px; height:40px; padding:5px; font-size:14px; }
#header .headerbox .logo #search_box .exitbtn {
	position: absolute;
    right: -10px;
    top: -10px;
    padding: 3px;
    margin: 0;
    background:rgba(100,100,100,0.8);
    border-radius: 10px;
    width: 10px;
    height: 10px;
    line-height: 1.0;
    border: solid 2px #777;
    font-family: arial, sans-serif;
	color: #fff;
    text-align: center;
    font-size: 12px;
	cursor: pointer;
}

#header .headerbox .gnbtop { height:40px; margin: 0 auto; x-background:#eeeeee; }
#header .headerbox .gnbtop .menutops { width:940px; padding:10px 0 0px 0;text-align:right;font-size:14px;letter-spacing:2px;}
#header .headerbox .gnbtop .menutops a { letter-spacing:-1px;outline:none; }
#header .headerbox .gnbtop .menutops a:hover {text-decoration:underline;}
#header .headerbox .gnbtop .menutops img {margin-bottom:-3px;}
#header .headerbox .gnbtop .menutops .admin {font-size:11px;font-family:dotum;font-weight:normal;color:#FA5800;}

/* gnb: menu bar */
#header .headerbox .gnb { height:60px;position: relative; background:#007cc4;
	font-family:"맑은고딕", "Malgun Gothic", "돋움",dotum, "굴림", gulim, "Trebuchet MS", "Lucida Grande", "Tahoma","Helvetica","Arial", "hiragino kaku gothic pro", sans-serif;
}
#header .headerbox .gnb #top_menu { width: 980px; height:45px; margin: 0 auto; background:#007cc4; }

/* gnb: dropdown menu */
#top_menu .menutabs { z-index:1000; }
#top_menu .menutabs ul.dropdown { padding:0;margin:0 auto; x-width:860px; list-style-type:none;  }
#top_menu .menutabs ul.dropdown > li { padding:15px 18px 0px; height:45px; line-height:140%; position:relative; list-style:none; display:inline-block; xbackground:#1c71b5; border-right:solid 1px #2b83c8; margin-left:-4px; font-size:20px; letter-spacing:-1px; x-font-weight:bold; }
#top_menu .menutabs ul.dropdown > li:hover,
#top_menu .menutabs ul.dropdown > li.on { background:#3399cc; }
#top_menu .menutabs ul.dropdown > li:first-child { margin-left:0; }
#top_menu .menutabs ul.dropdown > li:last-child { border-right:0; }
#top_menu .menutabs ul.dropdown > li a { color:#fff; font-size:18px; padding:10px 0; }
#top_menu .menutabs ul.dropdown ul 						{
	display:none; position:absolute;
	top:60px; list-style:none; width:260px; padding:0; left:0px; z-index:101;
	padding:10px 0 20px;
	background:#3399cc;
}
#top_menu .menutabs ul.dropdown ul li 					{ width:214px; height:25px; list-style:none; padding:0px 23px 0px; }
#top_menu .menutabs ul.dropdown ul li:hover,
#top_menu .menutabs ul.dropdown ul li.on {  }
#top_menu .menutabs ul.dropdown ul li a { overflow:hidden; height:14px;line-height:140%; padding:3px 10px 10px; font-size:15px; color:#fff; display: inline-block; font-weight:normal; }
#top_menu .menutabs ul.dropdown ul li a:hover			{ background:#84c029; }
#top_menu .menutabs ul.dropdown ul li.listall a { margin-top:5px; font-size:13px; color:#ffe599; }
#top_menu .menutabs ul.dropdown ul li:first-child	{ }
#top_menu .menutabs ul.dropdown ul li:last-child		{  }
#top_menu .menutabs ul.dropdown ul ul 					{ left: 100%; top: 0; color:white; list-style:none; }
#top_menu .menutabs ul.dropdown li:hover > ul 		{ }


/* ------------------------- */

#container { background:#fff; }
#container .mainbox {height:320px;padding:25px 0 25px 0; }
#container .subbox { }

.wrap-content { clear:both; }


#squarebox { height:300px; padding: 20px }
#squarebox .vbox { float: left; width: 240px; }
#squarebox .vbox .tt { font-weight: 600; font-family: "malgun gothic"; font-size: 20px; color: #444; padding: 0 0 10px 0; margin: 0; }
#squarebox .vbox .ws { color: #2466BD; padding: 0 0 1px 0; }
#squarebox .vbox p { width: 230px; padding-top: 15px; line-height: 140%; font-size: 11px; color: #666; }
#squarebox .mbox { float: left; width: 600px; }

/* ------------------------- */

#footer {
	border-top:#d9d9d9 solid 1px;
	padding-top:10px;
	clear:both;
	background-color:#f3f3f5;
	x-font-family:Nanum Gothic,Malgun Gothic,Dotum;
}

#footer select { x-font-family:Nanum Gothic,Malgun Gothic,Dotum; }
#footer .footer {padding:15px 0 0 0;}
#footer .footer .slinks {float:left;}
#footer .footer .slinks2 {float:right;}

#footer .footer .elink { margin-left:20px; padding:0px 0 10px 0;font-size:13px; }
#footer .footer .elink a { font-size:13px;letter-spacing:-1px;color:#666666; }
#footer .footer .elink a:hover {text-decoration:underline;}

#footer .footer .elink_r { float:right; margin-left:20px; padding:0px 0 10px 0;font-size:13px; }
#footer .footer .elink_r a { font-size:13px;letter-spacing:-1px;color:#666666; }
#footer .footer .elink_r a:hover {text-decoration:underline;}

#footer .footer .copyright {margin-left:20px; font-size:12px;font-family:arial;color:#999999;}
#footer .footer .powered {float:right;}
#footer .footer .kimsq {padding:10px 0 10px 0;font-size:11px;font-family:arial;color:#c0c0c0;}

#footer .footer .sitelinks { padding:0px 0 10px 0; width:300px; font-size:12px;font-family:dotum; text-align:right; }
#footer .footer .sitelinks select { height:25px; font-size:13px; border:1px solid gray; }
#footer .footer .sitelinks select#languages { width:90px; }
#footer .footer .sitelinks select#relatedsites { width:150px; }
#footer .footer .snslinks { padding:10px 0 10px 0; width:300px; font-size:12px;font-family:dotum; text-align:right; }


/* -- BBS common ----------------------- */
#bbsview { x-font-family:NanumGothic,Malgun Gothic,Dotum; }


/*
.stbcontent
*/

.stbcontent { margin-top:70px; }

.stbcontent input[type=checkbox]:not(old),
.stbcontent input[type=radio   ]:not(old){
  width   : 28px;
  margin  : 0;
  padding : 0;
  opacity : 0;
}

.stbcontent input[type=checkbox]:not(old) + label,
.stbcontent input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -28px;
  padding-left : 28px;
  background   : url('image/lib/checks.png') no-repeat 0 0;
  line-height  : 24px;
}

.stbcontent input[type=checkbox]:not(old):checked + label {
  background-position : 0 -24px;
}

.stbcontent input[type=radio]:not(old):checked + label {
  background-position : 0 -48px;
}


/* ------------ */

blockquote.tx-quote1 {
    border: 1px solid #dbdbdb;
    margin: 10px;
    padding: 10px;
}
blockquote.tx-quote2 {
    border: 3px solid #dbdbdb;
    margin: 10px;
    padding: 10px;
}
blockquote.tx-quote3 {
    border: 1px dashed #dbdbdb;
    margin: 10px;
    padding: 10px;
}
blockquote.tx-quote4 {
    border: none;
    background: url(../images/deco/contents/quote/titation01.gif?v=2) top left no-repeat;
    padding: 0 20px 10px 20px;
    margin: 10px;
}
blockquote.tx-quote5 {
    border: none;
    border-left: 2px solid #dbdbdb;
    margin: 10px;
    padding: 10px;
}

/* ------------ */

.playwrap::before {
	content: "";
	position: absolute;
	right:0;
	margin:1px;
	display: block;
	width: 25px;
	height: 28px;
	background: rgba(100,100,100,0.6) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAcElEQVQokY3RoQrCYBgF0IHrg1XBNvARDHuVNd9myZfRMHyMIWNRFgS7mM6SmP7/280nXO4t8MYdhyIV/7zQRgi+OEfolwvKCMGAOkIw4xghmLagMUIPNDl0RZUr3mOXmuCDLjfmglPqlidu2Kf+XQEOj1mV0/PAqQAAAABJRU5ErkJggg==) 50% 50% no-repeat;
	background-size: 12px 12px;
}


.showmobile {
  display:none; 
}

@media only screen and (max-width: 480px) { 
  .showmobile {
    display:block; 
  }
}