@charset "utf-8"; 
@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);
/* Reset */
html,body{width:100%;min-width:1160px}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button{font-family:'Nanum Barun Gothic', sans-serif;font-size:16px;line-height:1.7em;color:#595959;}

body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all}
img{vertical-align:middle;}
img,fieldset,iframe{border:0 none}li{list-style:none}input,select,button{vertical-align:middle}
i,em,address{font-style:normal}label,button{cursor:pointer}button{margin:0;padding:0}
a{color:#555;text-decoration:none}a:hover{color:#8a0023;text-decoration:none}button *{position:relative}button img{left:-3px;*left:auto}html:first-child select{height:20px;padding-right:6px}option{padding-right:6px}hr{display:none}legend{*width:0}table{border-collapse:collapse;border-spacing:0}input::-ms-clear{display:none}.show{display:block}.hide{display:none}.clearfix{*zoom:1}.clearfix:after{clear:both;display:block;content:'';}iframe{vertical-align:top}
img{border:0;max-width:100%}
input,button{font-size:12px;}

/*Layout*/
.header-wrap{width:100%;position:relative;z-index:20;}
.header-wrap-second{width:100%;position:relative;box-shadow: 0px 2px 2px rgba(75, 75, 75, 0.2);z-index:20;}
.body-wrap{width:100%;position:relative;z-index:10;}
.footer-wrap{position:relative;}
.contents-1100{width:100%;min-width:300px;max-width:1200px;margin:0 auto;}
.mt50{margin-top:50px !important;}
.top-ad{background-color:#35498e;height:100px;position:relative;text-align:center;z-index:100;
overflow:hidden;}
.top-ad a.cls-btn{display:block;width:80px;height:29px;position:absolute;bottom:5px;left:50%;margin-left:500px;
background-image:url(../images/btn_top_ad_close.png);z-index:10;text-indent:-9999px;}

.global{position:relative;height:28px;/*background-color:#f0f0f0;border-bottom:1px solid #e3e3e3;font-size:11px;*/z-index:50;}
.global li{float:left;} 
.global li a{display:block;line-height:28px;padding:0 1em;border-left:1px solid #e3e3e3;color:#696969;}
.global li a.bgcw{background-color:#fff;}
.global li a.bgcw.mr{margin-right:440px;}
.global li a.last{border-right:1px solid #e3e3e3;}

.promotion-wrap{position:absolute;top:-400px;left:0;width:100%;height:400px;background-color:#21324f;}
.promotion-wrap ul{width:980px;margin:20px auto;}
.promotion-wrap ul li {display:inline-block;margin:0 5px;}
.promotion-wrap ul li a{display:inline;border:0;padding:0;}
.promotion-wrap .promotion-btn{position:absolute;top:400px;left:50%;margin-left:-75px;display:block;
width:150px;height:40px;text-indent:-9999px;background-image:url(../images/btn_promotion.gif);}
.promotion-btn.on{background-image:url(../images/btn_promotion_on.gif);}
.-wrap{border-bottom:1px solid #e3e3e3;}

.gnb-wrap{border-top:4px solid #45ADE2;}
.gnbinner{position:relative;}
.logo{padding:40px 300px 40px 260px}
.topArea{position:relative;width:1200px;margin:0 auto;text-align:center;}
.leftbanner,.rightbanner,.logo{display:inline-block;}
.leftbanner{}
.rightbanner{}

.gnb-wrap .gnb>li{float:left;position:relative;line-height:26px;}

.gnb-wrap .gnb>li>a{display:inline-block;font-weight:bold;
font-size:18px;padding:8px 22px;color:#333;transition:all .25s}

.gnb-wrap .gnb>li>a.last{display: inline-block;padding: 3px 10px;background: #F64F4F; color: #fff;border-radius: 3px;    border-radius: 4px;margin-top:4px;margin-left:5px}

.gnb-wrap .gnb>li>a.last:hover{background-color: #C92424}

.gnb>li>a:hover,.gnb>li>a.on{color:#fff;background-color:#337ebf;}

.gnb-wrap .gnb>li ul{position:absolute;width:240px;display:none;}

.gnb-wrap .gnb>li ul li{background-color:#337ebf;}

.gnb-wrap .gnb>li ul li:hover{background-color:#45ADE2;}

.gnb-wrap .gnb>li ul li a{height:24px;padding: 8px 20px;    
	display:block;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    margin: 0;
    text-align: left;
    color: #fff;
    font-size: 14px}

.loginArea{margin-bottom:30px;text-align:left;}
.input{display:inline-block;color:#333;background-color:#fff;border:1px solid #e74037;
margin-bottom:5px;padding:7px 3px;width:100px;margin-right:5px;}
.normal{color:#464646;background-color:#f4f4f4;border:1px solid #d4d4d4;
display:inline-block;width:32%;min-width:80px}

.main-visual{width:100%;height:350px;overflow:hidden;margin-bottom:40px;}
.main-visual ul{width:1866px}
.main-visual li{float:left;height:350px;overflow:hidden}
.main-visual li img{position:absolute;width:100%;height:100%;}

.main-visual ul li a{display:block;position:relative;text-align:center;width:100%;height:100%}
.main-visual ul li a span{position:relative;color:#fff !important;}
.main-visual ul li a span.title{display:inline-block;text-align:center;padding:5px;background-color:#f64f4f;margin:200px 0 20px 0;}
.main-visual ul li a span.des{display:block;text-align:center;color:#fff;font-weight:bold;font-size:1.6em;margin-bottom:20px;}
.main-visual ul li a span.txt{display:block;padding:8px;max-height:100px;font-size:1.3em;margin-bottom:25px;opacity:0;overflow:hidden}
.main-visual ul li a span.date{display:block;text-align:center;font-size:1.3em;position:absolute;bottom:15px;width:100%;}
.overlay{position:absolute;width:100%;height:100%;background-color:#000;opacity:0.2}

.main-visual .bx-wrapper .bx-controls-direction a{width:46px;height:82px;margin-top:-41px;}
.main-visual .bx-wrapper .bx-prev{left:0;background:url(../images/prev.png) no-repeat 0 0;}
.main-visual .bx-wrapper .bx-next{right:0;background:url(../images/next.png) no-repeat 0 0;}

.content-wrap{}
.content{width:71%;max-width:860px;float:left;}
.aside{width:25%;max-width:300px;float:right;}
.toplist{margin-bottom:20px;}
.toplist>li{float:left;margin-right:1%;width:32.33%}
.toplist>li.first{width:65.66%;min-height:700px}
.toplist>li.second{margin-bottom:10px}
.toplist>li>a{display:block;position:relative;transition:all .3s}
.toplist>li>a>dl{background-color:#FFF;border:1px solid #d2d2d2;padding-bottom:5px;}
.toplist>li>a>dl>dd{padding:5px;}
.topfigure{max-height:170px;overflow:hidden;margin-bottom:10px;}
.toplist>li.first .topfigure{min-height:400px;}
.topfigure img{max-width:100%;}
.topcategory{position:absolute;left:1px;top:1px;padding:10px;background:rgba(0, 0, 0, 0.54);color:#fff;}
.toplist>li.first .toptitle{padding-top:45px;}
.toplist>li>a:hover{box-shadow:1px 1px 5px rgba(0,0,0,0.2)}
.toplist>li>a:hover .bg{opacity:0.2}

.list{margin-bottom:20px;}
.list>li{width:32.33%;float:left;margin-right:1%;}
.list>li>a{display:block;position:relative;transition:all .3s}

.list>li>a>dl{background-color:#FFF;border:1px solid #d2d2d2;padding-bottom:5px;}
.list>li>a>dl>dd{padding:5px;}

.figure{height:225px;overflow:hidden;margin-bottom:10px;}
.figure img{max-width:100%;}

.category{position:absolute;left:1px;top:1px;padding:10px;background:rgba(0, 0, 0, 0.54);color:#fff;}
.title,.toptitle{font-size:1.3em;color:#222;font-weight:700;}
.desc{line-height:1.5em;}
.date{font-size:0.9em;}
.list>li>a:hover{box-shadow:1px 1px 5px rgba(0,0,0,0.2)}
.list>li>a:hover .bg{opacity:0.2}
.bg{position:absolute;width:100%;height:220px;background:#000;left:0;top:0;opacity:0;transition:all .3s}
.toplist>li .bg{height:170px;}
.toplist>li.first .bg{height:400px;}

/*������ �κ�*/
.mediawrap{position:relative;width:850px;max-width:850px;height:360px;overflow:hidden;margin:50px auto;border:1px solid #eaeaea;}
.media-slider{width:620px;height:360px}
#mediapager{position: absolute;top: 0;right:0;z-index: 100;width:230px;height:360px;overflow:hidden;
border-bottom:1px solid #ccc;}

#mediapager>h3{line-height:50px;background:#337ebf;text-align:center;
font-size:1.5em;color:#fff}

#mediapager ul{width:100%;height:309px;border:1px solid #ccc;overflow-x:hidden;overflow-y:auto;
border-bottom:none;line-height:1em;}
#mediapager ul li{border-bottom:1px solid #e6e6e6;overflow:hidden;}

#mediapager ul li a{display:block;padding:10px;height:70px;}

#mediapager ul li a span{display:block;color: #555;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding:4px 0;}

#mediapager ul li a span i{vertical-align:middle;}
#mediapager ul li a .mtitle{font-weight: bold;color:#000;}
#mediapager ul li a .des{font-size:12px;}
#mediapager ul li a .duration{font-size:12px;}

#mediapager ul li a:hover,#mediapager ul li a.on{background-color:#ebf0f5;text-decoration:none;}
#mediapager ul li a.on span.mtitle{color:#f05d48}

.article{padding-right:10px;}
.article h3,.sns h3,.bbanner h3 {border-top: 3px solid #777;padding-top: 5px;margin-bottom: 10px;font-size: 1.5em;font-weight:700;}

.noticewrap h3,.faqwrap h3{border-bottom: 3px solid #777;padding-bottom: 5px;margin-bottom: 10px;
  font-size: 1.5em;font-weight: 700;border-top:none;}

.noticewrap{float:left;width:400px;margin:0 0px 50px 0;position:relative;}
 #notice li,#faq li{line-height:1.8em;font-size:1.1em;list-style:disc;list-style-position:inside}
.faqwrap{float:right;width:400px;position:relative;font-size:14px;}
.more{position:absolute;right:5px;top:15px;}

.post{position:relative;border: 1px solid #d2d2d2;padding: 15px 20px;margin-bottom:20px;transition:all .3s}
.post:hover{box-shadow:1px 1px 5px rgba(0,0,0,0.2)}
.postimg{position:absolute;}
.postimg a{display:block;position:relative;overflow:hidden;}
.postcontent{padding-left: 248px;padding-bottom: 5px;min-height:137px}
.posttitle{font-size:1.5em;color:#222;font-weight:700;margin-bottom:10px;}
.postdesc{line-height:1.5em;margin-bottom:10px;}
.postcategory{position:absolute;left:20px;top:15px;padding:7px;
background:rgba(0, 0, 0, 0.54);color:#fff;text-align:center;}

.posttxt{position:absolute;display:block;padding:5px;bottom:-50px;left:0;
background:rgba(0, 0, 0, 0.54);color:#fff;line-height:1.2em;transition:all .3s}
.post:hover .posttxt{bottom:0;}

.bbanner{margin:50px auto;}
.bbanner ul {width:100%;}
.bbanner li{display:inline-block;width:24%;margin-right:0.7%;}

/*aside*/
.sns{margin-bottom:40px;}
.rbanner>li{margin-bottom:40px;}
.footer-wrap{padding:1em 0;line-height:1.5em;
background-color:#f8f8f8;color:#595959;margin-top:30px;border-top:1px solid #ebebeb;}
.flogo{float:left;padding-right:100px;padding-top:10px}
address{float:left;text-align:center;}


/*����������*/
		.subwrap{width:100%;overflow:hidden;padding:50px 0;min-height:500px}
		.subContainer{width:1200px;margin:0 auto;position:relative}

		.lnb{float:left;width:200px; padding:0 0 20px 0;}
		.lnb h2{font-size:28px;color:#fff;font-weight:700;height:80px;text-align:center;
		background:#fc4951;line-height:80px;letter-spacing:-2px;
		border-radius:16px 16px 0 0}

		#leftMenu{border: 1px solid #d2d2d2;margin-bottom:40px;}
		#leftMenu li{font-size: 1.2em;line-height: 1.5; border-top: 1px solid #d2d2d2}

		#leftMenu li a{display: block;padding: 15px 38px 15px 16px;color: #464646;
    text-decoration: none;background-image: url('../images/off.gif');
    background-position: 175px 50%;background-repeat: no-repeat;}

		#leftMenu li a:hover, #leftMenu li a.active{color:#fc4951;background-image: url('../images/on6.gif');}

		.subpage{width:800px;float:left;background:#fff;margin-left:40px;}
		.searchArea{margin-bottom:30px;}
		.titleContainer{height:80px;
		background: url(../images/sub1_titleBg.jpg) no-repeat 100% 100%;margin:0 auto 40px auto;
		border-top:3px solid #d4d4d4;}
		.inner{padding-left:25px;display: table-cell;width: 100%;height:80px;vertical-align: middle}
		.titleContainer h2{color: #464646; font-size:1.8em;font-weight:700;}
		.titleContainer p{color: #686868;margin-top: 4px;line-height: 1.4em;}
		.rightContainer{margin:0 auto;font-size:1.2em;line-height:1.5em;
		padding-bottom:50px;min-height:400px}

/*���۸� �κ�*/
.type01{}
.type01 *{font-size:1em;}
.type01 th{font-weight:700 !important;color:#555}
.input_address {border:0;color:#222;width:90%;font-size:1em;padding:0;}
.map_canvas	{width:100%;height:400px;margin-top:10px;border: 1px solid #ddd;}

/*�α��� �� �̹�κ� */
.uinfo_area{display:inline-block;margin-top:10px;}
.houseImg{text-align:center;}
.houseImg img{margin:0 auto;max-width:600px;height:auto;}
.atitle{font-weight:bold;}
.type01 td.addinfo{text-align:left;}
.houseImg a{display:block;margin:5px 0;}
.houseImg .bx-wrapper{margin-bottom:20px !important;}
.houseImg .bx-viewport{max-height:460px !important}
#singslider{max-height:460px;overflow:hidden;text-align:center;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:0;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background-color:#FFF;}
.bx-wrapper .bx-pager{bottom:-10px !important;}


/*�̹� ���� �β��� ���� ��Ÿ�Ϸ� ����*/
#mainbanner{text-align:center;margin-bottom:50px;margin-top:20px;}

#mainbanner>li{float:left;width:346px;margin-right:20px;}
#mainbanner>li:last-child{margin-right:0;}
#mainbanner>li a{color:#fff;}
#mainbanner>li strong{font-size:1.8em;}

#baro{text-align:center;}

#baro .box{display:inline-block;width:250px;height:400px;margin-right:15px;position:relative;letter-spacing:-1px}
#baro .box a{display:inline-block;width:100%;height:100%;}

.box h4{font-size:22px;color:#fff;font-weight:bold;height:40px;width:130px;line-height:40px;margin:0 auto;}

.box .type{position:absolute;bottom:0;left:0;width:100%;height:80px;font-size:18px;line-height:1.7em;padding:40px 0;color:#fff}

.box.b1{border:1px solid #f0952c;
background:url(../images/baro1.png) 0 50% no-repeat;}

.box.b2{border:1px solid #e44fa0;
background:url(../images/baro2.png) 0 50% no-repeat;}

.box.b3{border:1px solid #299eb0;
background:url(../images/baro3.png) 0 50% no-repeat;} 

.box.b4{border:1px solid #5cac39;
background:url(../images/baro4.png) 0 50% no-repeat;}

.box.b1 h4{background-color:#f0952c;}
.box.b2 h4{background-color:#e44fa0;}
.box.b3 h4{background-color:#299eb0;}
.box.b4 h4{background-color:#5cac39;}

.box.b1 .type{background-color:#f0952c;}
.box.b2 .type{background-color:#e44fa0;}
.box.b3 .type{background-color:#299eb0;}
.box.b4 .type{background-color:#5cac39;}