@charset "euc-kr";
@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: local('Nanum Barun Gothic Regular'), local('Nanum Barun Gothic-Regular'), local('NanumBarunGothic Regular');
  src: url(../font/NanumBarunGothic.eot);
  src: url(../font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumBarunGothic.woff) format('woff'),
       url(../font/NanumBarunGothic.ttf) format('truetype');
}

html,body,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,ul,ol,li,dl,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td,fieldset,fo7m,label,legend,input,button,textarea,select{margin:0;padding:0}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;margin:0;padding:0}
legend{display:block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;text-indent:-999em;white-space:nowrap; }
fieldset,img,table,caption,tbody,tfoot,thead,tr,th,td,button,hr{border:0 none}
img{vertical-align:middle}
body li{*vertical-align:top}
ul li{list-style:none; padding:0; margin:0;}
table{border-collapse:collapse}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
button{overflow:visible;border:0 none;cursor:pointer}
button::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner {padding: 0;border: 0 none}
a { text-decoration:none; color:#464646;  }
address,
em { font-style:normal }
body,input,select,textarea,a,button,h1,h2,h3,h4,h5,h6 { font-family:'Nanum Barun Gothic', '¸¼Àº°íµñ', sans-serif; font-size:14px; color: #444; font-weight: 300;text-decoration: none; }
a:hover { text-decoration: none;}

/**************************************************************************************************************
	°øÅë
**************************************************************************************************************/
.org { color:#f15b26 !important }
.bold { font-weight:500 !important }
.mb0 { margin-bottom:0 !important }
.mb10 { margin-bottom:10px !important }
.mb15 { margin-bottom:15px !important }
.mb20 { margin-bottom:20px !important }
.mb25 { margin-bottom:25px !important }
.mb30 { margin-bottom:30px !important }
.mb35 { margin-bottom:35px !important }
.mb40 { margin-bottom:40px !important }
.mb45 { margin-bottom:45px !important }
.mb50 { margin-bottom:50px !important }
.mb55 { margin-bottom:55px !important }
.mb60 { margin-bottom:60px !important }
.mb70 { margin-bottom:70px !important }
.mb75 { margin-bottom:75px !important }
.mb80 { margin-bottom:80px !important }
.mb90 { margin-bottom:90px !important }
.mb100 { margin-bottom:100px !important }
.mb120 { margin-bottom:120px !important }
.pd0 { padding:0 !important }
.pdt15 { padding-top:15px !important }
.pdl15 { padding-left:15px !important }
.pdl0 { padding-left:0 !important }
.pdl10 { padding-left:10px !important }
.none_bg { background:none !important }
.mb0 { margin-bottom:0 !important }
.gray { color:#888 !important }
.text-center { text-align:center !important }
.text-left { text-align:left !important }
.text-right { text-align:right !important }
.none_bor { border:0 !important }
form { padding:0; margin:0; }
input[type="checkbox"],
input[type="radio"] { vertical-align:middle }
.green20 { color:#009e3b !important; font-size:20px !important; line-height:30px !important; }
.blue { color:#375e98 !important; }
.black { color:#444 !important; }

.under { text-decoration:underline !important }
.f11 { font-size:11px !important }
.f14 { font-size:14px !important }
.f15 { font-size:15px !important }
.f16 { font-size:16px !important }
.f18 { font-size:18px !important }
.f20 { font-size:20px !important }
.f21 { font-size:21px !important }
.f24 { font-size:24px !important }
.f26 { font-size:26px !important }
.clear { clear:both; }
.lh24 { line-height:24px !important }
.lh26 { line-height:26px !important }
.lh32 { line-height:32px !important }
.lh46 { line-height:46px !important }
.fl { float:left !important }
.fr { float:right !important }
.indent20 { padding-left:20px; }
.indent30 { padding-left:30px; }
.w30 { width:30% !important }
.w35 { width:35% !important }
.w40 { width:40% !important }
.w45 { width:45% !important }
.w50 { width:50% !important }
.w53 { width:53% !important }
.w55 { width:55% !important }
.w60 { width:60% !important }
.w70 { width:70% !important }
.w65 { width:65% !important }
.pdt10 { padding-top:10px !important; }
.pdt15 { padding-top:15px !important; }
.pdt20 { padding-top:20px !important; }
.pdt25 { padding-top:25px !important; }
.pdt30 { padding-top:30px !important; }
.pdt40 { padding-top:40px !important; }
.pdt50 { padding-top:50px !important; }
.pdt60 { padding-top:60px !important; }
.pdt70 { padding-top:70px !important; }
.pdb10 { padding-bottom:10px !important; }
.pdb15 { padding-bottom:15px !important; }
.pdb20 { padding-bottom:20px !important; }
.pdb25 { padding-bottom:25px !important; }
.pdb30 { padding-bottom:30px !important; }
.pdb40 { padding-bottom:40px !important; }
.pdb50 { padding-bottom:50px !important; }
.pdb60 { padding-bottom:60px !important; }
.pdb70 { padding-bottom:70px !important; }
.pdb0 { padding-bottom:0 !important; }
.col-box:after { display:block; content:''; clear:both;}
.col-left { float:left; }
.col-right { float:right; }
.col-box3:after { display:block; content:''; clear:both;}
.col-box3 .col { float:left; margin-left:12px; }
.col-box3 .col:first-child { margin-left:0; }



/************************************************************************************************************************
	Common
************************************************************************************************************************/
body { min-width:1763px; overflow: auto; }
#header.index #head { position: absolute; left: 50%; margin-left: -882px; top:0; z-index:50;}
#header.index { height: inherit; position:relative;}
#head { width:1763px; margin: 0 auto; position: relative; height:310px; box-sizing:border-box; padding:189px 0 0 497px; }
#header { height: 519px; background: url(../img/common/bg_sub.jpg) repeat-x 50% 0; }
#head h1 { position: absolute; left: 0; top:0; }
#head .lnb { position: absolute; right:35px; top:76px; }
#head .lnb a { display: inline-block; vertical-align: middle; margin-left: 35px; font-size:21px; color: #fff; }
#gnb ul:after { display: block; content: ''; clear: both; }
#gnb > ul > li { float:left; position: relative; }
#gnb .btn-dep1 { display: block; font-size:35px; line-height:60px; padding:0 36px; color: #fff; }
#gnb .dep2 { display: none;position: absolute; left: 50%; top:60px; margin-left:-95px; background: #fff; border: 2px solid #6987d6; padding:10px 0; width:190px; }
#gnb > ul > li:hover .dep2 { display: block; }
#gnb .dep2:before { content: ''; position: absolute; left: 50%; margin-left: -6px; top:-9px; width:13px; height: 9px; background: url(../img/common/bu_gnb_on.png) no-repeat 0 0; }
#gnb .dep2 a { display: block; font-size:22px; color: #666; line-height: 42px; padding-left: 20px;}
#gnb .dep2 a:hover,
#gnb .dep2 li.active a { color: #fff; background: #6987d6; }

/* FOOTER */
.etc { width:1550px; margin: 0 auto; overflow: hidden; padding-top:45px; margin-bottom: 25px;}
.etc a { float:left; padding:0 16px; position: relative; font-size:14px; color: #4d4d4d; line-height: 16px; height: 16px; border-left: 1px solid #4d4d4d; }
.etc a:first-child { padding-left: 0; border: 0;}
#footer { height:190px; background: #445da0; }
#footer .inner { width:1680px; margin: 0 auto; position: relative;}
#footer .logo { position: absolute; left: 0; top:62px;}
#footer .addr { padding:70px 0 0 230px; font-size:18px; line-height: 26px; color: #fff; }
#footer .partner { position: absolute; right:0; top:70px;}
#footer .partner .pat { display: inline-block; vertical-align: middle; width:210px; height: 42px; box-sizing:border-box; border:2px solid #fff; background: url(../img/common/ico_partner.png) no-repeat 100% 0; position: relative;}
#footer .partner .pat > a { display: block; height: 38px; line-height: 37px; padding-left:17px;  font-size:16px; color: #fff; }
#footer .partner .pat-go { display: inline-block; vertical-align: middle; margin-left: 8px; }
#footer .partner .pat ul { display: none;position: absolute; left: -2px; right:-2px; bottom:38px; border:2px solid #fff;; background: #445da0; padding:10px 0; }
#footer .partner .pat ul li a { display: block; font-size:13px; color: #fff; padding-left: 10px; line-height: 25px; }
#footer .partner .pat ul li a:hover { background: #fff; color: #222;}
#footer .partner .pat:hover ul { display: block; }

/* MAIN */
.visual-box { }
.visual-box .visual1 { height: 1056px; background: url(../img/main/visual01.jpg) repeat-x 50% 0;}
.visual-box .visual2 { height: 1056px; background: url(../img/main/visual02.jpg) repeat-x 50% 0;}
.visual-box .visual3 { height: 1056px; background: url(../img/main/visual03.jpg) repeat-x 50% 0;}
.visual-box .visual .inner { width:1680px; margin: 0 auto;  padding-top:314px;text-align: right;}
.visual-box .visual .inner .txt1 { font-size:75px; color: #699ab4; font-weight: 600; margin-bottom: 15px;}
.visual-box .visual .inner .txt4 { font-size:75px; color: #c6b7a1; font-weight: 600; margin-bottom: 15px;}
.visual-box .visual .inner .txt2 { font-size:33px; color: #fff;  margin-bottom: 15px;}
.visual-box .visual .inner .txt3 { font-size:22px; color: #fff;  margin-bottom: 20px;}
.visual-box .bx-pager { position: absolute; left:50%; margin-left:-600px; width:1200px; text-align: right; top:560px; z-index:30; }
.visual-box .bx-pager > div { display: inline-block; vertical-align: middle; margin:0 3px; }
.visual-box .bx-pager a { display: block; width:18px; height: 18px; background: url(../img/main/visual_page.png) no-repeat 0 0; text-align: left;text-indent: -9999px;}
.visual-box .bx-pager a.active { background-position:-18px 0; }
.visual-box .bx-controls-direction { position: absolute; left: 50%; width:1660px; margin-left: -830px; top:590px; overflow: hidden;}
.visual-box .bx-controls-direction .bx-prev { float:left; width:45px; height: 60px; background: url(../img/main/visual_prev.png) no-repeat 0 0;text-indent: -9999px; }
.visual-box .bx-controls-direction .bx-next { float:right; width:45px; height: 60px; background: url(../img/main/visual_next.png) no-repeat 0 0;text-indent: -9999px; }

.main { width:1552px; margin: 0 auto; padding:80px 0 0 0;}
.main .main-photos { margin-bottom: 100px;}
.main .main-photos ul:after { display: block; content: ''; clear: both; }
.main .main-photos ul li { float:left; width:361px; margin-left: 36px;}
.main .main-photos ul li:first-child { margin-left: 0;}
.main .main-photos ul li a { display: block; }
.main .main-photos ul li a span { display: block; font-size:28px; color: #5a5a5a; padding-top:24px; }

.news { margin-bottom: 45px; }
.news .col-left strong { font-size:42px; color: #445da0; margin-right: 25px;}
.news .col-left span { font-size:21px; color: #737373}
.news .col-left img { margin-top:-5px;}

.latest-box > div { float:left;  }
.latest-box .box1 { width:570px; }
.latest-box .box2 { width:551px; margin:0 33px 0 56px; }
.latest-box .latest { height: 293px; border-bottom: 1px solid #4e4e4e;}
.latest-box .latest .title { height:50px; border-bottom: 2px solid #4e4e4e; padding-left:16px; position: relative; font-size:21px; line-height: 49px; color: #545454; }
.latest-box .latest .title .btn-more { position: absolute; right:0; top:0; width:50px; height: 50px; background: url(../img/main/ico_more.png) no-repeat 50% 50%; }
.latest-box .latest ul { padding:20px 17px;}
.latest-box .latest ul li { position: relative; margin-bottom: 15px;}
.latest-box .latest ul li a { display: block; font-size:19px; color: #595959; padding-left: 30px; background: url(../img/main/ico_latest.png) no-repeat 0 50%; }
.latest-box .latest ul li span { position: absolute; right:0; top:0; font-size:19px; color:#595959;}
.latest-box .latest .data-box { height: 200px; position: relative; padding:45px 0 0 15px;}
.latest-box .latest .data-box .txt1 { font-size:23px; color: #f66745; margin-bottom: 15px;}
.latest-box .latest .data-box .txt2 a { font-size:25px; color: #737373; line-height: 1.3em; }
.latest-box .latest .data-box .img { position: absolute; right:30px; bottom:15px;}
.latest-box .box3 { width:342px; height: 198px; float:right; background:#6a94b0; text-align: center; padding-top:45px; margin-top:50px;}

/* SUB PAGE */
#container { width:1763px; margin: 0 auto;}
#container:after { display: block; content: ''; clear: both; }
#container h2 { text-align: center; font-size:36px; color: #fff; font-weight: 600; height: 120px; line-height: 118px; background: #667dab; border-top:1px solid #475775;}
#container .submenu { float:left; width:326px;  }
#container .submenu .nav { margin-bottom: 35px; }
#container .submenu .nav ul { padding:35px 0 250px; background: #475775;}
#container .submenu .nav ul li a { display: block;font-size:24px; color: #fff; line-height: 48px; padding-left: 80px; } 
#container .submenu .nav ul li a:hover,
#container .submenu .nav ul li.active a { font-weight: 600; background: url(../img/common/ico_snb_on.png) no-repeat 256px 50%;}
#container .submenu .sub-cs { padding:40px 0; text-align: center; background: #6a94b0;}

.contents { float:right; width:1358px;}
.contents .path { text-align: right; font-size:18px; color: #000; padding:30px 0 15px;}
.contents h3 { font-size:48px; color: #000; line-height: 1em; margin-bottom:35px; }
.contents.view { padding-bottom: 40px;}




/*map*/
.map_box {width:95%; height:460px;border:8px solid #efefef; margin-top:20px;margin-left:2px;}

.map p.text {color:#999;}





/* °Ô½ÃÆÇ */
#bbs_list {margin-bottom:26px; border-top:1px solid #838383}
#bbs_list .lbox {padding:20px 0 21px 0; border-bottom:1px solid #e1e2e4;}
#bbs_list .lbox .pic {float:left; width:120px; height:130px;/*position:relative;z-index:0;cursor:pointer;*/}
#bbs_list .lbox .pic img {margin-left:20px; width:78px;height:118px; border:1px solid #e1e2e4}
#bbs_list .lbox .info {float:left; height:99px; padding-top:11px; /*margin-left:130px*/}
#bbs_list .lbox .info dd {margin-top:-3px; line-height:18px;}
#bbs_list .last {border-bottom:2px solid #838383}

#bbs_list .lbox {display:inline-block;}
#bbs_list .lbox .info {width:540px;}
#bbs_list .lbox .info p {height:23px; margin-top:-4px;}
#bbs_list .lbox .info p span.kind {float:left; color:#ff8400}
#bbs_list .lbox .info p span.date {float:right;}
#bbs_list .lbox .info dt {height:33px; font-size:16px; font-weight:bold; color:#424242; line-height:16px;}
#bbs_list .lbox .info dt a {color:#424242;}
#bbs_list .lbox .info dd a {color:#888;}

#bbs_box .bbs_view {border-top:1px solid #838383; border-bottom:2px solid #838383; margin:34px 0 26px 0}
#bbs_box .bbs_view h2 {height:28px; padding:16px 20px 0 20px; font-size:16px; font-weight:bold; color:#424242; border-bottom:1px dotted #ccc}
#bbs_box .bbs_view .ddline {height:34px; border-bottom:1px solid #dcd8d0}
#bbs_box .bbs_view .ddline .date {float:left; padding:13px 0 0 20px}
#bbs_box .bbs_view .ddline .data {float:right; padding:13px 20px 0 0}
#bbs_box .bbs_view .bbs_txt {padding:30px 20px; line-height:160%;}
#bbs_box .bbs_view p img {position:relative;right:7px;}
#bbs_box .btn_box {text-align:center; margin-bottom:46px}

#bbs_box .bt_list {border-top:1px solid #dcd8d0; width:100%}
#bbs_box .bt_list td {height:18px; padding:10px 0 6px 0; border-bottom:1px solid #dcd8d0}
#bbs_box .bt_list span {color:#ff7a00}

.pr_list {padding-bottom:28px; margin-bottom:26px; border-bottom:2px solid #838383}
.pr_list .first {width:750px; height:296px}
.pr_list ul li {float:left; width:171px; margin-right:22px;}
.pr_list ul .pic {width:171px; height:224px;}
.pr_list ul .last {margin-right:0}
.pr_list ul li span {display:inline-block; width:169px; padding:11px 0 0 0; text-align:center}

.pr_list ul .pic a {display:block; border:1px solid #dfdfdf;}
.pr_list ul .pic a:hover {display:block; border:2px solid #df0037; overflow:hidden;}
.pr_list ul .pic a:hover img {margin:-1px}

.md_list {padding-bottom:28px; margin-bottom:26px; border-bottom:2px solid #838383}
.md_list .first {width:750px; height:241px}
.md_list ul li {float:left; width:171px; margin-right:22px;}
.md_list .last {margin-right:0}
.md_list .mdt {width:171px; height:171px}
.md_list ul li span {display:inline-block; width:169px; padding:11px 0 0 0; text-align:center}
.md_list ul .mdt a {display:block; border:1px solid #dfdfdf;}
.md_list ul .mdt a:hover {display:block; border:2px solid #df0037; overflow:hidden}
.md_list ul .mdt a:hover img {margin:-1px}



/* table_st8: ¸¶ÀÌÆäÀÌÁö (renew) */
.linksite{width:100%}
.linksite.fixed{table-layout:fixed}
.linksite th{height:40px;padding:0 10px;border-top:2px solid #000;border-bottom:1px solid #e9e9e9;background:#fafafa;color:#000;font-size:13px;line-height:40px;text-align:center}
.linksite td{padding:10px;border-bottom:1px dotted #e3e3e3;font-size:13px;color:#5b5b5b;line-height:1.6;background:#fff}
*+html .linksite th{padding:0}
.linksite td .bt_print{position:relative;top:4px;margin-left:5px}
.linksite th.lh1{line-height:1.3}
.linksite .line_r{border-right:1px dotted #e3e3e3 !important}
.linksite .line_l{border-left:1px dotted #e3e3e3 !important}
.linksite .line2_r{border-right:1px solid #e3e3e3 !important}
.linksite .line2_l{border-left:1px solid #e3e3e3 !important}
.linksite .line_l_none{border-left:0 !important}
.linksite .line_r_none{border-right:0 !important}
.linksite .bg_gray{background:#fdfdfd}
.linksite .bt_tel_manual{margin-left:20px;font-size:11px;color:#2f62cb;text-decoration:underline}



.w_contents { width:100%; height:400px; float:left; }
.w_contents textarea { width:99%; height:400px; float:left; }

.close {position:absolute;top:5px;right:5px;}





/* º¸±â STYLE*/		
.tstyle_view,
.news_view {
    background:#fff;
	clear: both;
	width: 100%;
	border-top: solid 2px #e71225;
	border-bottom: solid 1px #c5c5c5;
	}
.tstyle_view_normal {
	clear: both;
	width: 100%;
	margin-top: 8px;
	border-top: solid 1px #c5c5c5;
	border-bottom: solid 1px #c5c5c5;
	}		
.tstyle_view th,
.tstyle_view_normal th	 {
	padding: 7px 9px 7px 20px;
	background: #f2f2f2;
	border-right: solid 1px #c5c5c5;
	border-bottom: solid 1px #c5c5c5;
	color: #4985cf;
	text-align: left;	
	}	
.tstyle_view td,
.tstyle_view_normal td {
	padding: 10px 9px;
	border-left: solid 1px #c5c5c5;
	border-bottom: solid 1px #c5c5c5;
	}	
.tstyle_view th.point01,
.tstyle_view_normal th.point01 {
	color: #e71225;
	}
.tstyle_view thead th,
.tstyle_view_normal thead th {
	border-right: none;
	}
.tstyle_view th.line,
.tstyle_view_normal th.line {
	border-left: solid 1px #c5c5c5;
	}	
.block_date {
	display: block;
	margin-top: 5px;
	}
.tstyle_view_normal .btn_smallnavy {
	float: right;
	}		




.faq_top_box {position:relative; width:750px; margin:26px 0;}
.faq_top_box:after {content:""; display:block; clear:both;}
.faq_top_box dd {float:left; border-right:1px solid #f2f2f2;}
.faq_top_box dd.last {border-right:none;}

.faq_layer_box {position:absolute; display:none;}
.faq_layer_box p.btn {position:absolute; bottom:29px; right:29px;}






.faq_layer_box {position:absolute; display:none;}
.faq_layer_box p.btn {position:absolute; bottom:29px; right:29px;}

#layer_faq1 {top:0; left:0; z-index:1;}
#layer_faq2 {top:0; left:110px; z-index:10;}
#layer_faq3 {top:0; right:0; z-index:10;}
#layer_faq4 {top:131px; left:0; z-index:10;}
#layer_faq5 {top:131px; left:110px; z-index:10;}
#layer_faq6 {top:131px; right:0; z-index:10;}
#layer_faq7 {top:262px; left:0; z-index:10;}
#layer_faq8 {top:262px; left:110px; z-index:10;}
#layer_faq9 {top:262px; right:0; z-index:10;}