@charset "utf-8";

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

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'), local('Roboto-Regular'), url(http://themes.googleusercontent.com/static/fonts/roboto/v11/2UX7WLTfW3W8TclTUvlFyQ.woff) format('woff');
}

@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanummyeongjo/v2/NanumMyeongjo-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanummyeongjo/v2/NanumMyeongjo-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanummyeongjo/v2/NanumMyeongjo-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanummyeongjo/v2/NanumMyeongjo-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanummyeongjo/v2/NanumMyeongjo-Regular.ttf) format('truetype');
}

/* common */
body{margin:0;padding:0;font-family:'Nanum Gothic',dotum,Helvetica,sans-serif;text-align:left;font-size:0.750em; background:#fff;-webkit-text-size-adjust: none;}
div,ul,ol,dl,p,td,th,input,textarea,select,a{font-family:'Nanum Gothic',dotum,Helvetica,sans-serif;color:#666}
div,ul,ol,li,dl,dt,dd,p,input,textarea,select,h1,h2,h3,h4,em,address,fieldset,form,iframe,object{margin:0;padding:0}
img,fieldset,iframe{border:none}
iframe{display:block}
li{list-style-type:none}
table{clear:both;border-collapse:collapse; width:100%}
em,address{font-style:normal}
#skip,.hide,legend,hr, .skip{display:none}
a, a:hover, a:active{text-decoration:none}
caption{width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
input,select{vertical-align:middle}

/* float */
.fl {float:left;}
.fr {float:right;}

/* text-align */
.ta_c{text-align:center !important;}
.ta_l{text-align:left;}
.ta_r{text-align:right;}

.bd_none {border-bottom:none}

.stit {font-size:12px; color:#4f4f4f; font-family: 'Roboto';}
.stit01 {background:url('../images/common/bg_stit01.gif') no-repeat 3px 4px; background-size:12px 19px; padding:0 0 0 17px; font-weight:normal; font-size:20px; color:#0093d0;}
.stit02 {font-size:18px; color:#0093d0; margin:35px 0 5px; font-weight:normal;}
.stit03 {font-size:17px; letter-spacing:0.025em; color:#2d2d2d; margin:28px 0 10px; font-weight:normal;}
.stit03 em{font-size:20px; font-weight:700;}
.stit04 {font-size:30px; color:#f15c22; font-weight:700; position:relative;}
.stit04 span {position:absolute; bottom:0px; right:0px; font-size:14px; color:#666}

.stxt {color:#2d2d2d; letter-spacing:-0.025em; line-height:15px;}
.stxt02 {font-size:16px;  line-height:22px; }
.stxt03 {font-size:13px;  line-height:15px; letter-spacing:-0.025em;}
.stxt04 {font-size:12px; color:#2d2d2d; line-height:15px; letter-spacing:-0.025em }
.stxt04.type01 {border-bottom:1px dotted #000; padding-bottom:8px; margin-bottom:15px}
.stxt04 em{ font-weight:700 }
.stxt05 {font-size:12px; color:#666; line-height:15px; letter-spacing:-0.025em }
.stxt05 em{display:block; margin:0 0 5px; font-weight:700; font-size:15px; color:#2d2d2d; }

.stit_b {font-size:15px; color:#0093d0; font-weight:normal; margin:25px 0 15px;}
.stxt_b {font-size:14px; color:#666; line-height:16px; letter-spacing:-0.025em;}
.stxt_b em{font-weight:700;}

.stxt_b2 {font-size:13px; line-height:20px; letter-spacing:-0.025em; color:#686868}
.stxt_b2 em.type01 {color:#3d7a17}
.stxt_b2 em.type02 {color:#1c5f99}

.stxt_b3 {font-size:14px; line-height:20px; letter-spacing:-0.025em; color:#686868}
.stxt_b3 em {color:#212e84}
.stxt_b3 strong {color:#212e84}
.stxt_b3 span {color:#313030}

/* sent */
.sent_a{font-size:12px; color:#666; line-height:15px;}
.sent_a01{font-size:18px; color:#666; line-height:15px;}
.sent_a02{font-size:14px; color:#252525; line-height:22px;}
.sent_b{font-size:14px; color:#1b7da5; line-height:15px;}
.sent_b em{font-size:14px; color:#212e84; font-weight:700; line-height:15px;}

/* margin */
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}

.mb15 {margin-bottom:15px;}
.mb25 {margin-bottom:25px;}
.mb50 {margin-bottom:50px;}

/* header */
header {width:100%; margin:0 auto; position:relative; background:white; padding-top:10px; z-index:1000;}
header > div {margin:0 10px 0 10px; padding-bottom:10px;position:relative; border-bottom:2px solid #88120d;}
header h1 {padding-left:5px;}
header h1 a {display:inline-block;}
header h1 img {width:85px; vertical-align:top}
header .btn_menulist {position:absolute; top:27%; right:7px; display:block;width:24px; height:17px; margin:-6px 0 0}
header .btn_menulist img {width:100%}

/* content header 
.inc_header {position:relative; background:white; padding-top:5px; left:0px; width:100%; height:44px; z-index:100;}
.inc_header > div {margin:7px auto 0 auto;width:93%; height:24px; padding-bottom:10px; border-bottom:1px solid #88120d; z-index:99;}
.inc_header  ul {padding:0 5px 0 5px; position:relative; width:100%}
.inc_header  ul li {display:inline-block;float:left;height:24px;position:relative;}
.inc_header  ul li img{vertical-align:middle;}
.inc_header  ul li:first-child {width:10%;}
.inc_header  ul li:first-child img {width:9.5px; height:17px;}
.inc_header  ul li:nth-child(2) {width:70%; color:#88120d; font-size:14px; font-weight:bold; text-align:center;line-height:24px;;}
.inc_header  ul li:nth-child(3) {width:25px; text-align:right;}
.inc_header  ul li:nth-child(3) a {right:0;}
.inc_header  ul li:nth-child(3) img {width:21px; height:21px;;}
.inc_header  ul li:last-child {width:25px; text-align:right;}
.inc_header  ul li:last-child a {right:0;top:0;}
.inc_header  ul li:last-child img {width:24px; height:17px;}
.inc_header  ul li a {position:absolute;display:inline-block;}*/

.inc_header {width:100%; margin:0 auto; position:relative; background:white; padding-top:15px; height:44px; z-index:100;}
.inc_header > div {width:93%;margin:0 auto; height:24px; padding-bottom:10px; border-bottom:1px solid #88120d; z-index:100;position:relative}
.inc_header  ul {padding:0 5px 0 5px; position:relative; width:100%}
.inc_header  ul li {display:inline-block;}
.btn_back {position:absolute; top:50%; display:block; width:50px; margin:-6px 0 0; z-index:1000;}
.btn_back img {width:9.5px; height:17px; vertical-align:middle;}
.inc_txt {color:#88120d; font-size:17px; font-weight:bold; position:absolute; top:40%; text-align:center; display:block; width:100px; height:21px; margin:-6px 0 0; padding-left:32%;z-index:100;}
.btn_home {position:absolute; top:40%; right:50px; display:block; width:21px; height:21px; margin:-6px 0 0; z-index:100;}
.btn_home img {width:100%;vertical-align:middle;}
.btn_menu01 {position:absolute; top:55%; right:13px; display:block;width:24px; height:17px; margin:-6px 0 0; z-index:100;}
.btn_menu01 img {width:100%;vertical-align:bottom;} 
.inc_header  ul li a {position:absolute;display:inline-block;}

 /*@media all and (orientation:landscape){

	.inc_header  ul li {display:inline-block;float:left;height:24px;position:relative;border:1px solid red;}
	.inc_header  ul li img{vertical-align:middle;}
	.inc_header  ul li:first-child {width:10%;}
	.inc_header  ul li:first-child img {width:9.5px; height:17px;}
	.inc_header  ul li:nth-child(2) {width:70%; color:#88120d; font-size:14px; font-weight:bold; text-align:center;line-height:24px;;}
	.inc_header  ul li:nth-child(3) {width:25px; text-align:right;}
	.inc_header  ul li:nth-child(3) a {right:0;}
	.inc_header  ul li:nth-child(3) img {width:21px; height:21px;;}
	.inc_header  ul li:last-child {width:25px; text-align:right;}
	.inc_header  ul li:last-child a {right:0;top:0;}
	.inc_header  ul li:last-child img {width:24px; height:17px;}
	.inc_header  ul li a {position:absolute;display:inline-block;}	

 }

/* gnb_inc  */
.gnb_inc  {position:absolute; left:0px; top:49px; z-index:99; display:none; width:100%; background:white;}
.gnb_inc  > ul  {}
.gnb_inc  > ul > li > a {font-size:15px; color:#88120d; font-family: 'Nanum Gothic'; font-weight:bold; padding:18px 0 15px 15px; display:block; position:relative;}
.gnb_inc  > ul > li > a > span.blic{background:url('../images/common/icon_bot_arrow.gif') no-repeat 90% 50%;display:inline-block; width:20px; height:20px; position:absolute; right:4%; background-size:50%;}
.gnb_inc  > ul > li {border-top:1px solid #e0e0e0;}
.gnb_inc  > ul > li:first-child {border-top:none}
.gnb_inc  > ul > li:first-child > a {border-top:none}
.gnb_inc  > ul > li > ul {background-color:#f0f0f0; font-family: 'Nanum Gothic'; font-weight:bold;}
.gnb_inc  ul ul {display:none; margin:0; padding-bottom:20px;}
.gnb_inc  ul ul li {margin-top:20px; display:inline-block; width:138px;padding-left:20px;}
.gnb_inc  ul ul li:first-child {margin-top:20px}
.gnb_inc  ul ul a {font-size:13px; color:#303030; font-family: 'Nanum Gothic'; font-weight:bold;}



/* gnb
.gnb {position:absolute; left:0px; top:63px; z-index:99; display:none; width:100%; background:white;}
.gnb > ul  {}
.gnb > ul > li {background:url('../images/common/icon_bot_arrow.gif') no-repeat 90% 50%; background-size:7px 4.5px;}
.gnb > ul > li > a {font-size:13px; color:#88120d; font-family: 'Nanum Gothic'; font-weight:bold; padding:18px 0 15px 15px; display:block;}
.gnb > ul > li {border-top:1px solid #e0e0e0;}
.gnb > ul > li:first-child {border-top:none}
.gnb > ul > li:first-child > a {border-top:none}
.gnb > ul > li > ul {background-color:#f0f0f0; font-family: 'Nanum Gothic'; font-weight:bold;}
.gnb ul ul {display:none; margin:0; padding-bottom:20px;}
.gnb ul ul li {margin-top:20px; display:inline-block; width:150px;padding-left:20px;}
.gnb ul ul li:first-child {margin-top:0px}
.gnb ul ul a {font-size:11px; color:#303030; font-family: 'Nanum Gothic'; font-weight:bold;} */

/* gnb  */
.gnb {position:absolute; left:0px; top:63px; z-index:99; display:none; width:100%; background:white;}
.gnb > ul  {}
.gnb > ul > li > a {font-size:15px; color:#88120d; font-family: 'Nanum Gothic'; font-weight:bold; padding:18px 0 15px 15px; display:block; position:relative;}
.gnb > ul > li > a > span.blic{background:url('../images/common/icon_bot_arrow.gif') no-repeat 90% 50%;display:inline-block; width:20px; height:20px; position:absolute; right:4%; background-size:50%;}
.gnb > ul > li {border-top:1px solid #e0e0e0;}
.gnb > ul > li:first-child {border-top:none}
.gnb > ul > li:first-child > a {border-top:none}
.gnb > ul > li > ul {background-color:#f0f0f0; font-family: 'Nanum Gothic'; font-weight:bold;}
.gnb ul ul {display:none; margin:0; padding-bottom:20px;}
.gnb ul ul li {margin-top:20px; display:inline-block; width:138px;padding-left:20px;}
.gnb ul ul li:first-child {margin-top:20px}
.gnb ul ul a {font-size:13px; color:#303030; font-family: 'Nanum Gothic'; font-weight:bold;}


.bg_black {display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:95; background:#000; opacity:0.5}
.bg_black.on {display:block;}

/* mcontainer */
#mcontainer {padding:0;}

/* mvisual */
.mvisual {position:relative; padding: 10px 10px 10px 10px; background:url('../images/content/main_img_jpg') no-repeat left top;}
.mvisual img {width:100%}

/* img_menu */
.img_menu {margin:0 auto; width:100%;}
.img_menu ul {overflow:hidden;}
.img_menu ul li {width:50%; float:left; overflow:hidden;}
.img_menu ul li a {display:inline;}
.img_menu ul li img {width:100%; vertical-align:top;}

.mcont {margin:0 auto; width:100%;}
.mcont ul {overflow:hidden;}
.mcont li {width:25%; float:left;}
.mcont li a {display:inline;margin:0;padding:0;}
.mcont li a img {width:100%; vertical-align:top;}
.mcont li a.bg01 {background:url('../images/content/main_menu01.gif') no-repeat left center; background-size:50%;}
.mcont li a.bg02 {background:url('../images/content/main_menu02.gif') no-repeat left center; background-size:50%;}
.mcont li a.bg03 {background:url('../images/content/main_menu03.gif') no-repeat left center; background-size:50%;}
.mcont li a.bg04 {background:url('../images/content/main_menu04.gif') no-repeat left center; background-size:50%;}



/* footer */
footer {background:#f4f4f4; height:80px; position:relative; font-size:12px; padding:15px 0 0 15px; line-height:17px; border-top:1px solid #dedede;}
footer p {color:#6a6a6a; font-size:12px;}
footer p span {color:#373737; font-size:12px;}

/* main page footer */
.mFooter {background:#2c2020; height:80px; position:relative; font-size:12px; padding:15px 0 0 15px; line-height:17px;}
.mFooter p {color:#a79e9e; font-size:12px;}
.mFooter p span {color:#d6cccc; font-size:12px;}