@charset "utf-8";

/*
 * =================================================================================
 * INFORMATION
 * ---------------------------------------------------------------------------------
 * @File Name 	: default.css
 * @Description : default Style Sheet
 * @Version 	: 1.0.0
 * @Create Date : 2018.04.02
 * @Update Date : N/A
 * @History		: N/A
 * =================================================================================
 */




/* default 
=================================================================================*/
@font-face {
	font-family: "NanumGothic";
	src:local("NanumGothic"), url("../font/NanumGothic.ttf") format("truetype");
}
@font-face {
	font-family: "NanumGothicBold";
	src:local("NanumGothicBold"), url("../font/NanumGothicBold.ttf") format("truetype");
}



* { box-sizing:border-box; border:0px; padding:0px; margin:0;}
html, body { height:100%; font-family:'NanumGothic', sans-serif; border-collapse:collapse;}
html,body,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,label,span,object,iframe,blockquote,pre,a,abbr,address,em,font,img,strong { border:0px currentColor; border-image:none; }
h1,h2,h3,h4,h5,h6,strong { font-family:'NanumGothicBold', sans-serif;}

table { width:100%; border: 0px currentColor; border-image: none; border-collapse: separate; border-spacing: 0;}
table,caption,tbody,tfoot,thead,tr,th,td {margin:0px; padding:0px; border:0px currentColor; border-image: none;}
div,ul,li,dl,dt,dd,p { border: 0px currentColor; border-image: none;list-style: none;}
legend, .skip { display:none;}
img { vertical-align:middle;}
input { height:40px; color:#7F7F7F; padding:0; margin:0; padding-left:10px;}
input[type="image"], input[type="radio"], input[type="checkbox"] { padding:0; height:auto; border:none;}
input.image, input.radio, input.checkbox { padding:0; height:auto; border:none;}/* : FILTER : IE 6 ¿¡¼­ ¼Ó¼º ¼±ÅÃÀÚ Áö¿ø ¾ÈÇÔ */
input[type="file"] { padding:2px 0 2px 0; height:auto;}
input.file { padding:2px 0 2px 0; height:auto; background:#F1F1F1;}/* : FILTER : IE 6 ¿¡¼­ ¼Ó¼º ¼±ÅÃÀÚ Áö¿ø ¾ÈÇÔ */
input[type="text"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, input[type="password"]:focus, select:focus,

select,option,textarea,button { vertical-align: top;}
select {
  width:; /* ¿øÇÏ´Â ³Êºñ¼³Á¤ */
  height:40px;
  padding:0 30px 0 5px; /* ¿©¹éÀ¸·Î ³ôÀÌ ¼³Á¤ */
  font-family:;  /* ÆùÆ® »ó¼Ó */
  font-size:; /* ÆùÆ® Å©±â */
  color:;
  border:1px solid #ddd; 
  border-radius: 0px; /* iOS µÕ±Ù¸ð¼­¸® Á¦°Å */
  -webkit-appearance: none; /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */
  -moz-appearance: none;
  appearance: none;
}
/* IE 10, 11ÀÇ ³×ÀÌƼºê È­»ìÇ¥ ¼û±â±â */
select::-ms-expand { 
  display: none;
}

hr,caption { display:none;}
address,cite {font-style:normal;}

a:link, a:visited {text-decoration:none; color:#000;}
a:hover, a:active {text-decoration:none;}



/* -------------------------------------- */
/* head */

#head {width:100%; margin:0 auto; padding:20px 0; border-bottom:1px solid #ddd; display:inline-block;}
#head ul { width:100%; margin:0 auto;}
#head li {float:left;}
#head li.logo {width:100%; text-align:center;}
#head li.logo a {width:40%; display:inline-block;}
#head li.logo img {width:100%;}




/* -------------------------------------- */
/* contents */

#contents {width:100%; display:inline-block; margin-top:-5px;}
#contents ul.main_roll {text-align:center; background:#ccc;}
#contents ul.main_latest {border-top:1px solid #ddd; width:100%; display:inline-block;}
#contents ul.main_latest li {width:100%; margin:0 auto;}
#contents ul.main_latest li span.btn {  padding:15px 0 0 0;}
#contents ul.main_latest li span.btn a {width:50%; float:left; text-align:center; background:#1e94ec; color:#fff; padding:15px 15px; font-size:0.8em;  display:inline-block;}
#contents ul.main_latest li span.btn a.st2 {background:#4ba9f0;}

#contents ul.main_service { display:inline-block; width:100%;}
#contents ul.main_service li {width:100%; margin:0 auto;}
#contents ul.main_service li.title {text-align:center; margin:30px auto 30px auto;}
#contents ul.main_service li.title span.kor {font-size:1.3em; font-weight:bold;}
#contents ul.main_service li.title span.eng {font-size:0.7em; color:#666;}
#contents ul.main_service li.more {text-align:center; padding-top:30px;}
#contents ul.main_service li.more a.more { border:1px solid #1e94ec; border-radius:25px; padding:7px 35px; font-size:13px; color:#1e94ec;}
#contents ul.main_service li.service_menu { display:inline-block; border-bottom:1px solid #ddd;}
#contents ul.main_service li.service_menu a.btn {border-right:1px solid #eee; width:33.33%; float:left; border-top:1px solid #ddd; padding:20px;}
#contents ul.main_service li.service_menu a.btn:last-child {border-right:0px;}
#contents ul.main_service li.service_menu a.btn:nth-child(3n) {border-right:0px;}
#contents ul.main_service li.service_menu a.btn span { display:inline-block; width:100%; text-align:center;}
#contents ul.main_service li.service_menu a.btn span.img {height:70px; vertical-align:middle;}
#contents ul.main_service li.service_menu a.btn span.kor {font-size:0.8em; letter-spacing:-1px; font-weight:bold; color:#000;}
#contents ul.main_service li.service_menu a.btn span.eng {font-size:0.6em; color:#666;}

#contents ul.main_area1 {width:100%; margin:50px auto 50px auto;}
#contents ul.main_area1 li {float:left;}
#contents ul.main_area1 li.cs {width:100%; margin-right:30px; border-top:3px solid #ddd; border-bottom:1px solid #ddd; padding:30px;}
#contents ul.main_area1 li.cs span.title {font-size:1em; font-weight:bold; display:inline-block; margin-bottom:15px;}
#contents ul.main_area1 li.cs span.text1 {color:#1e94ec; display:block; font-weight:bold; font-size:1.1em; margin-bottom:5px;}
#contents ul.main_area1 li.cs span.text2 {font-size:1em; display:block; margin-bottom:10px;}
#contents ul.main_area1 li.cs span.text3 {font-size:0.8em;}
#contents ul.main_area1 li.cs span.text4 {color:#1e94ec; font-size:1.3em; font-weight:bold;}
#contents ul.main_area1 li.cs a.btn {background:#1e94ec; color:#fff; border-radius:2px; padding:8px 15px; font-size:12px; display:inline-block; margin-top:18px;}

#contents ul.main_area1 li.latest {width:100%; border-bottom:1px solid #ddd; padding:30px;}
#contents ul.main_area1 li.latest span.title {font-size:1em; font-weight:bold; color:#1e94ec;}
#contents ul.main_area1 li.latest a.more {font-size:0.8em; float:right;}
#contents ul.main_area1 li.latest a.more span {font-weight:bold; font-size:1.2em; display:inline-block; margin-right:5px;}
#contents ul.main_area1 li.latest p.list {margin-top:30px; font-size:0.8em;}
#contents ul.main_area1 li.latest p.list span.latest_title { display:block; width:100%; padding:0 0 10px 0;}
#contents ul.main_area1 li.latest p.list span.latest_title:last-child {padding:0 0 0 0;}
#contents ul.main_area1 li.latest p.list span.latest_title span.date {float:right; display:inline-block; color:#666; font-size:12px;}

/*------------- 2022-03-04 ¼öÁ¤Ã³¸® S
#contents ul.main_photo {width:100%; display:inline-block;}
#contents ul.main_photo li {width:100%; margin:0 auto;}
#contents ul.main_photo li.img {padding:0 30px;}
#contents ul.main_photo li.img a {float:left; width:30%; margin-right:5%; margin-bottom:5%;}
#contents ul.main_photo li.img a:nth-child(3n) {margin-right:0;}
#contents ul.main_photo li.img img {width:100%;}
#contents ul.main_photo li.title { margin:30px auto 30px auto; padding:0 30px;}
#contents ul.main_photo li.title span.kor {font-size:1.3em; font-weight:bold; display:inline-block; }
#contents ul.main_photo li.title span.eng {font-size:0.7em; color:#666; margin:0px 0 0 10px; display:inline-block;}
#contents ul.main_photo li.title a.more {float:right; position:absolute; border:1px solid #1e94ec; border-radius:25px; padding:7px 25px; margin:-1px 0px 0 511px; font-size:13px; color:#1e94ec; left:50%;}
/*2022-03-04 ¼öÁ¤Ã³¸® E ------------------------------------*/

#contents ul.main_photo {width:100%; display:inline-block; padding:20px;}
#contents ul.main_photo li {width:100%; margin:0 auto;}
#contents ul.main_photo li.img {}
/*
#contents ul.main_photo li.img a {float:left; width:30%; margin-right:5%; margin-bottom:5%;}
#contents ul.main_photo li.img a:nth-child(3n) {margin-right:0;}
*/
#contents ul.main_photo li.img a {float:left; width:47.5%; margin-right:5%; margin-bottom:5%;}
#contents ul.main_photo li.img a:nth-child(2n) {margin-right:0%;}
#contents ul.main_photo li.img img {width:100%;}
#contents ul.main_photo li.title { margin:30px auto 30px auto; padding:0 30px;}
#contents ul.main_photo li.title span.kor {font-size:1.3em; font-weight:bold; display:inline-block; }
#contents ul.main_photo li.title span.eng {font-size:0.7em; color:#666; margin:0px 0 0 10px; display:inline-block;}
#contents ul.main_photo li.title a.more {float:right; position:absolute; border:1px solid #1e94ec; border-radius:25px; padding:7px 25px; margin:-1px 0px 0 511px; font-size:13px; color:#1e94ec; left:50%;}

/*----------------- 2022-03-04 Ãß°¡ S -----------------------*/
#contents ul.main_photo li.photo {}
#contents ul.main_photo li.photo a.btn {width:100%; float:center;}
#contents ul.main_photo li.photo a.btn:last-child {margin-right:0px;}
#contents ul.main_photo li.photo a.btn span { display:inline-block; width:100%;}
#contents ul.main_photo li.photo a.btn span.img { vertical-align:middle;}
#contents ul.main_photo li.photo a.btn span.img img {width:50%;}
#contents ul.main_photo li.photo a.btn span.box {border:1px solid #ddd; border-top:0px; padding:20px;}
#contents ul.main_photo li.photo a.btn span.work { display:inline-block; width:100%; text-align:center; border-left:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 0; font-size:13px;}
#contents ul.main_photo li.photo a.btn span.work img {padding:0 65px;}
#contents ul.main_photo li.photo a.btn span.st1 { display:inline-block; width:100%; font-size:1em; padding:10px 0; color:#ff6b01;}
#contents ul.main_photo li.photo a.btn span.st2 {font-size:1em; display:inline-block; margin:0px 0 0 0; font-weight:bold;}
#contents ul.main_photo li.photo a.btn span.st3 {font-size:0.8em;}
/*----------------- 2022-03-04 Ãß°¡ E -----------------------*/

.table_st1 {width:100%;}
.table_st1 th {border-top:2px solid #1e94ec; text-align:center; padding:12px 0; border-bottom:1px solid #ddd; font-size:0.8em;}
.table_st1 td {padding:15px 0; border-bottom:1px solid #eee; text-align:center; font-size:0.9em;}
.table_st1 td.subject {text-align:left}
.table_st1 td.subject span.date {font-size:0.7em; color:#666;}
.table_st1 td a:hover {font-weight:bold;}

.board_btn {width:100%; text-align:center; display:inline-block; margin:30px 0;}
.board_btn a.st1 {padding:10px 20px; background:#1e94ec; color:#fff; font-size:0.7em;}
.board_btn a.st2 {padding:10px 20px; background:#666; color:#fff; font-size:0.7em;}
.paging {width:100%; text-align:center; padding:50px 0 0 0;}
.paging a {border:1px solid #ddd; background:#fff; padding:7px 10px; font-size:0.7em;}
.paging a:hover {background:#1e94ec; color:#fff; border:1px solid #1e94ec;}

.border_photo { display:inline-block;}
.border_photo ul {width:48%; display:inline-block; margin-right:2%; margin-bottom:18px; float:left; border:1px solid #ddd;}
.border_photo ul:nth-child(6n) {margin-right:0px;}
.border_photo li {}
.border_photo li.img {}
.border_photo li.img img {width:100%;}
.border_photo li.title {font-size:0.8em; padding:10px; font-weight:bold;}
.border_photo li.explain {width:auto !important; font-size:0.8em !important; color:#666; padding:0px 10px 10px 10px !important;}
.border_photo li.writer {font-size:12px; color:#666; padding:0 10px 15px 10px !important;}

#table_view {}
#table_view ul {}
#table_view li {}
#table_view ul.head { display:inline-block; border-bottom:1px solid #eee; width:100%; padding-bottom:20px;}
#table_view ul.head li.title {font-size:1.3em; font-weight:bold; padding-bottom:15px;}
#table_view ul.head li.writer {font-size:0.8em; color:#666;}
#table_view ul.head li.writer span.date {float:right;}
#table_view ul.contnets {}
#table_view ul.contnets li {padding:30px 0; line-height:160%; font-size:0.8em;}

.board_write {border-top:2px solid #1e94ec;}
.board_write th {background:#fafafa; font-size:1em; border-right:1px solid #ddd; border-bottom:1px solid #ddd; width:90px; padding:8px 15px;}
.board_write td {padding:10px; border-bottom:1px solid #ddd;}
input.input_st1 {border:1px solid #ddd; height:32px; width:100%;}
textarea.textarea_st1 {width:100%; height:200px; border:1px solid #ddd; padding:20px;}


/* -------------------------------------- */
/* sub contents */

#sub_contents {width:100%; display:inline-block; margin-top:-5px;}

#sub_contents ul {}
#sub_contents ul.sub_menu { background:#1e94ec; height:49px;}
#sub_contents ul.sub_menu li {width:1200px; margin:0 auto; padding-left:405px;}
#sub_contents ul.sub_menu li a {color:#fff; padding:15px 20px; display:inline-block; float:left;}
#sub_contents ul.sub_menu li a:hover {background:#0d7dd1;}
#sub_contents ul.sub_menu li a.on {background:#0d7dd1;}

#sub_contents ul.sub_title_bg { display:inline-block; width:100%; min-height:70px; background:url('../img/mobile/sub_bg.jpg') 100%; background-size:100% 100%; background-position:center; background-repeat:no-repeat;}

#sub_contents ul.sub_view {}
#sub_contents ul.sub_view li.location {width:100%; margin:0 auto; text-align:right; font-size:0.7em; padding:10px 30px; border-bottom:1px solid #eee;}
#sub_contents ul.sub_view li.location span.line { display:inline-block; padding:0 10px;}
#sub_contents ul.sub_view li.sub_title {font-size:1.2em; font-weight:bold; width:100%; margin:0 auto; padding:20px 30px;}

#sub_contents ul.sub_view li.explain {width:100%; margin:0 auto; padding:10px 30px; font-size:1em;}


/* -------------------------------------- */
/* tail contents */

#tail {width:100%; margin-top:30px; }
#tail ul {}
#tail li {}

#tail ul.tail_menu {width:100%; display:inline-block; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
#tail ul.tail_menu li {width:100%; margin:0 auto; padding:15px 0; text-align:center;}
#tail ul.tail_menu li a {font-size:0.7em; margin-right:10px; display:inline-block; font-weight:bold; color:#000;}
#tail ul.tail_menu li span.line { display:inline-block; padding:0 20px 0 10px; color:#ddd;}
#tail ul.tail_menu li p.bank {float:right; font-size:15px;}
#tail ul.tail_menu li p.bank span.title {font-size:13px; font-weight:bold; border-right:1px solid #ddd; padding-right:20px; margin-right:20px;}
#tail ul.tail_menu li p.bank span.account {font-size:13px;}

/* #tail ul.tail_info {width:100%; display:inline-block; background:#f7f7f7;} */
#tail ul.tail_info {width:100%; display:inline-block; background:#f7f7f7; padding-bottom:50px;}
#tail ul.tail_info li.info {width:100%; margin:0 auto; text-align:center; font-size:0.7em; line-height:160%;}
#tail ul.tail_info li.info img {margin:30px 0 20px 0;}
#tail ul.tail_info li.info span.empty { display:inline-block; padding:0 10px; color:#ccc;}
#tail ul.tail_info li.info span.copyright { color:#666; margin:20px 0 30px 0; display:inline-block; font-size:0.9em;}