@charset "utf-8";


/* visual */
#visualH{width:100%; height:581px; overflow:hidden;z-index:1;position:relative; min-width:1200px;}
#visualH #quick{position:absolute;left:50%; bottom:0;margin-left:300px;overflow:hidden;z-index:1000}
#visualH #quick ul li{width:300px;height:70px;color:#fff;font-size:18px;position:relative}
#visualH #quick ul .li1{background:#187a5b}
#visualH #quick ul .li2{background:#498749}
#visualH #quick ul .li3{background:#89923e}
#visualH #quick ul .li4{background:#d99136}
#visualH #quick ul li img{margin:9px 0 0 17px}
#visualH #quick ul li .title{font-weight:500;position:absolute;left:89px;top:21px}
#visualH #quick ul li .arrow{font-family:'굴림',Gulim;font-weight:900;display:inline-block;width:66px;height:70px;position:absolute;right:0;top:0;text-align:center;line-height:70px}
#visualH #quick ul .li1 .arrow{background:#136249}
#visualH #quick ul .li2 .arrow{background:#3a6c3a}
#visualH #quick ul .li3 .arrow{background:#6e7532}
#visualH #quick ul .li4 .arrow{background:#ae742b}

#visualH #accordion {width: 251px;height: 176px;  position:absolute ;display:block;overflow:hidden;left:50%;bottom:0;margin-left:326px;z-index:9999;}
#visualH .panel_container{bottom:0px;background-position:top right;background-repeat:repeat-x;}
#visualH h3{font-size: 12px;margin: 0;color:#fff;display:block;background:url("../img/tab-left.png") top left no-repeat; width:251px; height:44px;}
#visualH #visible {background-image:url("../img/tab-left-active.png");width:251px; height:44px;}
#visualH .panel_body {background-color:#333333;display:block;position:relative;color:#FFFFFF;}

.ui-stackmenu {position: relative;}
.ui-stackmenu-item {	position: absolute;}

#lnb {position: absolute;z-index: 50;left:1290px;top:285px;cursor: pointer; }
#lnb_ul {}
#lnb_ul li {display: block;padding: 0px;}
#lnb_ul li > ul {display:none;}
#lnb_ul li img {border: none 0;}



/* bx slider */
.o-h{ overflow: hidden !important; }
.on-page{ overflow: hidden;}
.on-page.glass {height:370px;}
.bg-overay{ position:relative;; top:0 !important; left:0;}
.bg-overay2{ position:relative;; top:0; left: 50%; margin-left: -960px;}
.spot_visual { height:581px; background:#fff; z-index:1;overflow:hidden;width:100%;margin:0 auto;}   /* 배경색 */
.main_visual { width:1920px; height:581px; position: absolute; left: 50%; top: 0; margin-left: -960px;  }
.main_banner {margin:0 auto 0px; width:100%; }
.main_banner .banner_img{ position:relative;  height:581px;  }
.main_banner .banner_img .banner_list li { width:1920px; height:581px; padding:0; position: relative; }
.main_banner .banner_img .banner_list li .cont {width: 844px; position:absolute; top:115px;left:50%; margin-left: -555px; z-index: 10;} /* .cont 글씨 부분 */
.main_banner .banner_img .banner_list li .cont p.txt {font-size:17px; margin-bottom:29px; color:#fff; line-height:24px;  }
.main_banner .banner_img .banner_list li .cont p.tit{margin-bottom:23px; position:relative; line-height:35px;}
.main_banner .banner_img .banner_list li .cont p.tit2{margin-bottom:5px; position:relative; line-height:35px;}
.main_banner .banner_img .banner_list li .cont .btn{font-size:16px; color:#333;display: inline-block;*display: inline;*zoom: 1;text-shadow:0 0 2px #fff}
.main_banner .banner_img .banner_list li .cont .btn a > span{ display: inline-block; *display: inline; *zoom: 1; position: relative; overflow: hidden; }

/*.main_visual .main_banner .bx-pager{width: 1200px; position: absolute; left: 50%; top: 430px; z-index: 100;  text-align: center; margin-left: -512px; } /* 하단 페이징 버튼*/
.main_visual .main_banner .bx-pager .bx-pager-item{display: inline-block; *display: inline; *zoom: 1; margin-left: 7px;}
.main_visual .main_banner .bx-pager .bx-pager-item a{ display: inline-block; *display: inline;  *zoom: 1; width: 8px; height: 8px; background-image: url(img/m_dot_off.png); background-position: 0 0; background-repeat: no-repeat;  overflow: hidden; text-indent: -3000px }
.main_visual .main_banner .bx-pager .bx-pager-item a.active{ background-image: url(img/m_dot_on.png);  }

.main_visual .main_banner .bx-controls-direction{width: 1200px; margin: 0 auto;position: relative;z-index: 200} /* 좌,우 화살표 영역*/
.main_visual.mother .main_banner .bx-controls{display: none;}
.main_visual .main_banner .bx-controls-direction .bx-prev{  position: absolute; left: 50%;   top: 240px; width: 25px; height: 54px; overflow: hidden; text-indent: -9999px; background:  url(img/m_slide_left_off.png) 0 0 no-repeat;  z-index: 100; margin-left: -480px;}
.main_visual .main_banner .bx-controls-direction .bx-prev:hover{ background:  url(img/m_slide_left_on.png) 0 0 no-repeat; }
.main_visual .main_banner .bx-controls-direction .bx-next{  position: absolute; left: 50%; top: 240px; width: 25px; height: 54px; overflow: hidden; text-indent: -9999px; background:  url(img/m_slide_right_off.png) 0 0 no-repeat; margin-left: 470px; z-index: 100;  }
.main_visual .main_banner .bx-controls-direction .bx-next:hover{ background:  url(img/m_slide_right_on.png) 0 0 no-repeat; }

.main_visual .main_banner .bx-controls-auto{position: absolute; left: 50%; top: 460px; z-index: 100; margin-left: 450px;} /* 플레이,스탑 버튼 위치*/
.main_visual .main_banner .bx-controls-auto .bx-controls-auto-item{float:left}
.main_visual .main_banner .bx-controls-auto .bx-controls-auto-item a.bx-start{display:block;width:11px;height:12px;background:url(images/m_play_on.png) 0 0 no-repeat;overflow:hidden;text-indent:-9999px}
.main_visual .main_banner .bx-controls-auto .bx-controls-auto-item a.bx-stop{display:block;width:11px;height:12px;background:url(images/m_play_off.png) 0 0 no-repeat;overflow:hidden;text-indent:-9999px;margin-left:10px}




/* content */
#content {background:#eee; min-width:1200px;}

#contentH{width:1200px; margin:0 auto; position:relative;overflow:hidden; }
#contentH h3{font-size:22px;font-weight:700;color:#2a2a2a}
#contentH h3 a{color:#2a2a2a}

#con_wrap1{width:100%;height:378px;overflow:hidden}
#con_wrap1 #notice{float:left;width:321px;height:378px;position:relative;border-left:#d6d3c5 1px solid;border-right:#d6d3c5 1px solid; background:#fff;}
#con_wrap1 h3{margin:41px 0 0 21px}
#con_wrap1 #notice ul{margin:32px 0 0 21px}
#con_wrap1 #notice ul li{background:url("../img/bullet1.png") 0 10px no-repeat;padding-left:10px;line-height:24px; height:100px; }
#con_wrap1 #notice ul li > a {font-size:14px; color:#353535; padding-left:10px;}
#con_wrap1 #gallery{float:left;width:545px;height:378px;position:relative; background:#fff;}
#con_wrap1 #gallery ul{margin:33px 0 0 29px}
#con_wrap1 #gallery ul li{float:left;width:231px; height:166px; border:1px solid #e5e5e5; margin-right:19px}
#con_wrap1 #gallery ul li img{width:231px;height:166px}
#con_wrap1 #gallery ul li a{display:block}
#con_wrap1 #gallery ul li a.title{margin:15px 0 0 5px; color:#000;}
#con_wrap1 #sharing{float:left;width:330px;height:378px;position:relative;border-left:#d6d3c5 1px solid;border-right:#d6d3c5 1px solid; background:#e5cebf;}
#con_wrap1 #sharing ul{margin-top:75px; margin-left:47px;}
#con_wrap1 #sharing ul li{padding-left:100px; margin-bottom:19px; height:73px;}
#con_wrap1 #sharing ul .li1{background:url("../img/icon01.png") 0 0 no-repeat}
#con_wrap1 #sharing ul .li2{background:url("../img/icon02.png") 0 0 no-repeat}
#con_wrap1 #sharing ul .li3{background:url("../img/icon03.png") 0 0 no-repeat}
#con_wrap1 #sharing ul li a h4{color:#000; font-size:18px}
#con_wrap1 #sharing ul li a p {color:#686868; font-size:12px; text-align:left;}
#con_wrap1 .more{position:absolute; right:22px; top:50px;}

#content2{position:relative; min-width:1200px;}
#content2 #con_right {float:right; background:#e68849; width:50%; height:467px; position:absolute; top:0; right:0;}
#content2 #contentH #con_wrap2{width:100%;height:467px;overflow:hidden}
#content2 {width:100%; height:467px; background:#e79d6b; }
#content2 #contentH #con_wrap2 .bussiness {width:530px; height:467px; background:#e79d6b; float:left; color:#fff;}
#content2 #contentH #con_wrap2 .bussiness > h3 { font-size:34px; color:#fff; margin-top:64px; margin-left:20px; font-weight:normal}
#content2 #contentH #con_wrap2 .bussiness > p {margin-top:10px; margin-bottom:70px; margin-left:20px;}
#content2 #contentH #con_wrap2 .bussiness ul li{width:160px; height:160px; border-radius:160px; float:left; margin-right:12px;}
#content2 #contentH #con_wrap2 .bussiness ul li.c1 {background:#f8cbab; position:relative;}
#content2 #contentH #con_wrap2 .bussiness ul li.c1 a {position:absolute; top:33px; left:32px;}
#content2 #contentH #con_wrap2 .bussiness ul li.c1 a > p {color:#cf3f0d;}
#content2 #contentH #con_wrap2 .bussiness ul li.c1, li.c2, li.c3, a > p {text-align:center; color:#fff; margin-top:6px; font-size:18px;}
#content2 #contentH #con_wrap2 .bussiness ul li.c2 {background:#df653b;position:relative;}
#content2 #contentH #con_wrap2 .bussiness ul li.c2 a {position:absolute; top:33px; left:32px;}
#content2 #contentH #con_wrap2 .bussiness ul li.c3 {background:#cf3f0d;position:relative;}
#content2 #contentH #con_wrap2 .bussiness ul li.c3 a {position:absolute; top:38px; left:32px;}
#content2 #contentH #con_wrap2 .smart {width:338px; height:467px;  background:#e79d6b; float:left;}
#content2 #contentH #con_wrap2 .smart > .sbox{margin-top:118px; margin-left:37px;}
#content2 #contentH #con_wrap2 .smart .sbox > .smart_h3 a {color:#fff; font-size:22px; font-weight:normal; }
#content2 #contentH #con_wrap2 .smart .sbox > .smart_p {color:#cf3f0d; font-size:14px; margin-top:5px;}
#content2 #contentH #con_wrap2 .smart .sbox > .smart_box {width:244px; height:151px; background:#df653b; border-radius:5px; margin-top:30px; position:relative;}
#content2 #contentH #con_wrap2 .smart .sbox > .smart_box a {width:244px; height:151px; display:block;}
#content2 #contentH #con_wrap2 .smart .sbox > .smart_box a > img {position:absolute; top:16px; left:49px;}
#content2 #contentH #con_wrap2 .webzine {width:331px; height:467px; background:#e68849; float:left; position:relative;}
#content2 #contentH #con_wrap2 .webzine .webbox {margin:74px 0 0 50px; }
#content2 #contentH #con_wrap2 .webzine .webbox h3 > a {color:#fff; font-size:22px; font-weight:normal; }
#content2 #contentH #con_wrap2 .webzine .webbox ul{margin-top:10px;}
#content2 #contentH #con_wrap2 .webzine .webbox ul li {width:230px; height:272px; background:#fff; border:1px solid #cf734d;}
#content2 #contentH #con_wrap2 .webzine .webbox ul li img {width:230px; height:152px;}
#content2 #contentH #con_wrap2 .webzine .webbox ul li a.txt {color:#e68849; font-size:14px; text-align:center; display:block; margin-top:9px; padding-bottom:10px; background:url("../img/julline.png") repeat-x left bottom;}
#con_wrap2 .more {position:absolute; right:55px; top:80px;}

/*wj css*/

.bold6 {font-weight:600}
.bold5 {font-weight:500}
.ff_raleway {color:#ff7200; font-size:58px; letter-spacing:-6px}
.ff_sub {color:#ff8f00; font-size:24px;}
.glow {text-shadow:0 0 20px #fff}