@charset "utf-8";


body {font-family:'Open sans',  Arial, Myriad Pro, dotum,gulim,Verdana,sans-serif;font-size:13px;line-height:14px;background-color:#ebebeb;}
/*body {font-family:'Open sans',  Arial, Myriad Pro, dotum,gulim,Verdana,sans-serif;font-size:13px;line-height:14px;background:url("/images/okv_bg.jpg") repeat; }*/
*:lang(en) {font-family:'Open sans', Arial, Myriad Pro, dotum,gulim,Verdana,sans-serif;}
a,a:visited,a:link {color:#333333;}

/*common*/

.f_left {float:left;}
.center {text-align:center;}
.mgtop10 {margin-top:10px;}
.mgtop20 {margin-top:20px;}
.mgtop30 {margin-top:30px;}
.mgtop40 {margin-top:40px;}
.mgtop50 {margin-top:50px;}
.mb50 {margin-bottom:50px !important;}
.left20 {padding-left:20px;}
.top10 {padding-top:10px;}
.top20 {padding-top:20px;}
.bottom20 {padding-bottom:20px;}

.font16 {font-size:16px;}
.font18 {font-size:18px;}
.font24 {font-size:24px;}
.bold {font-weight:bold;}
.sky {color:#4aaed9;}
.white {color:#fff;}

.header,.contents,.footer {	width:100%;	min-width:1100px; background-color:#ebebeb;}

.container {	width:1100px;	margin:0 auto; 	*zoom:1;}
.container:after {display:block;content:" ";clear:both;}

.header {position:absolute;top:0;left:0;height:120px;margin-bottom:20px;}
.header > .wrap {position:relative;background:#FFFFFF; width:100%;min-width:1000px;z-index:100;border-bottom:0px solid #4aaed9;}

.contents {margin-top:120px; /**padding-top:91px;border-bottom:1px solid #e6e6e6;*/}

#main .contents {position: relative;/*overflow-x: hidden;*/}

.util_n_lang > ul > li {padding:9px 0; margin-top:3px;}
.util_n_lang > ul > li > a {display:block;padding:0 10px;line-height:10px;border-right:1px solid #999;}
.util_n_lang > ul > li > a:hover {color:#4aaed9;}
.util_n_lang > ul > li.last > a {padding-right:0;border-right:0;}

.top_util_wrap {width:100%; border-bottom:0px solid #4b4b4d; background:#FFFFFF;}
.top_util {float:left; padding-left:500px; padding-top:16px;}
.top_util > li {float:left;}
.top_util > li  > a {color:#999; font-size:12px;font-weight:600;}

.lang_select {float:right;}
.lang_select > li {float:left; background:#012641; }
.lang_select > li  > a {color:#fff; padding:4px 6px; border-right:0px; margin-left:2px; font-size:10px;}
.lang_select > li.last {border-right:0px; padding-right:10px;}

.gnb_wrap,
.gnb_wrap.container {width:100%;height:50px;position:relative; background-color:#c41c09;}

.main_logo {display:block; float:left; margin-top:10px;}

.gnb {width:1090px;margin:0 auto; text-align:center; padding-top:14px;}
.gnb > li {float:left;padding:0px 35px; text-align:center;border:0px solid blue;}
.gnb > li > a {display:block;text-align:center;font-size:16px;line-height:20px;color:#fff;font-weight:600;}
.gnb > li > a:hover {color:#FFD7D2;}

.gnb_sub {z-index:50;position:absolute;width:100%;min-width:1100px;background:url("/images/text_box.png") repeat;height:38px;bottom:0;}
.gnb_sub > li {position:relative;width:1100px;margin:0 auto;}
.gnb_sub > li > .gsub {display:none;}
.gsub > li {float:left;}
.gsub > li > a {display:block;padding:10px 10px;color:#ffffff;font-size:13px;line-height:26px;height:20px;}
.gsub > li > a:hover {	color:#242426;}

.gsub1 {padding-left:20px;}
.gsub2 {padding-left:100px;}
.gsub3 {padding-left:390px;}
.gsub4 {padding-left:450px;}
.gsub5 {padding-left:780px;}
.gsub6 {padding-left:600px;}


/* 메인비주얼 */
#flickingList {position:relative;overflow:hidden; margin:0 auto; text-align:center;width:100%; height:400px; top:0px; left:0px;z-index:10;padding-top:30px; border:0px solid blue;}
#flickingList .cont {position:relative; overflow:hidden; margin:0 auto;top:0px; width:1100px; vertical-align:top;text-align:center; }
#flickingList .layerWrap {position:relative; overflow:hidden; top:0px;width:12000px;  white-space:nowrap;  vertical-align:top;}
#flickingList .layerWrap:after{content:""; display:block; clear:both;}
#flickingList .layer {float:left; width:1100px;  text-align:center; }
#flickingList .bg1 {background:url("/images/main_img1.jpg") no-repeat top center;height:413px;}
#flickingList .bg2 {background:url("/images/main_img2.jpg") no-repeat top center;height:413px;}
#flickingList .bg3 {background:url("/images/main_img3.jpg") no-repeat top center;height:413px;}

#flickingList .tabWrap {position:absolute;bottom:15px; left:50%; text-align:center;z-index:200;}
#flickingList .tabWrap li {display:inline;}
#flickingList .tabWrap li a {display:inline-block; width:11px; height:11px; background:url("/images/btn_off.png") no-repeat;}
#flickingList .tabWrap li a.current {background:url("/images/btn_on.png") no-repeat;}
#flickingList .tabWrap li a.btn_play {display:inline-block; width:20px; height:20px; background:url("/images/play.png") no-repeat;}
#flickingList .tabWrap li a.btn_stop {display:inline-block; width:20px; height:20px; background:url("/images/stop.png") no-repeat;}
#flickingList .tabWrap li a.current.btn_play {display:inline-block; width:20px; height:20px; background:url("/images/play_on.png") no-repeat;}
#flickingList .tabWrap li a.current.btn_stop  {display:inline-block; width:20px; height:20px; background:url("/images/stop_on.png") no-repeat;}

#flickingList .prevNext {position:absolute;top:200px; width:100%;height:67px;margin:0 auto; text-align:center;z-index:200;border:0px solid red;}
#flickingList button {overflow:visible; margin:0; padding:0; border:none; background:none; cursor:pointer;}
#flickingList button.prev {position:absolute; top:0px; left:100px; width:47px; height:67px; z-index:10;}
#flickingList button.next {position:absolute; top:0px; right:100px; width:47px; height:67px; z-index:10;}

#flickingList .v_wrap1{width:400px; height:180px; float:left;  margin:100px 0 0 50px;padding:40px 0 0 30px;background:url("/images/text_box.png") repeat;text-align:left; }
#flickingList .v_wrap2{width:390px; height:180px; float:left;  margin:100px 0 0 640px;padding:40px 0 0 30px; background:url("/images/text_box.png") repeat;text-align:left; }
#flickingList .v_wrap3{width:610px; height:210px; float:left;  margin:100px 0 0 200px;padding:40px 0 0 30px;background:url("/images/text_box.png") repeat;text-align:center; }
#flickingList .view{position:relative; margin:0 auto; top:10px; z-index:11;  font-weight:400; font-size:18px;line-height:26px;color:#ffffff;}
#flickingList .view .t_txt {font-size:30px; font-weight:800;color:#ffffff;line-height:36px;padding-bottom:10px;}


.quick_pro_wrap {	width:1100px; padding:30px 0px 30px 0px;}
.quick_pro_wrap > li {float:left;	width:350px;	margin-right:23px;}
.quick_pro_wrap > li.bg1 {display:block;width:350px; height:280px; background:url("/images/box1_bg.jpg") no-repeat;}
.quick_pro_wrap > li.bg2 {display:block;width:350px; height:280px; background:url("/images/box2_bg.jpg") no-repeat;}
.quick_pro_wrap > li.bg3 {display:block;width:350px; height:280px; background:url("/images/box3_bg.jpg") no-repeat;}
.quick_pro_wrap > li.last {margin-right:0px;}

.quick_pro_wrap .txt_wrap {padding:10px 0;min-height:105px;}
.quick_pro_wrap .txt_wrap > p.pro_name {display:block;font-size:18px;line-height:14px;color:#2c2c2c;font-weight:600;margin:6px 0 25px 20px;}
.quick_pro_wrap .txt_wrap > p.pro_name2 {display:block;font-size:18px;line-height:14px;color:##2c2c2c;font-weight:600;margin:6px 0 25px 20px;}
.quick_pro_wrap .txt_wrap ul.pro_txt {display:block;font-size:14px;line-height:20px;padding:10px 0 20px 20px;}
.quick_pro_wrap .txt_wrap ul li {background:url("/images/icon1.jpg") no-repeat 0px 7px;padding-left:12px;}
.quick_pro_wrap .txt_wrap ul li > a {display:block;line-height:180%;font-size:14px;color:#888888;}
.quick_pro_wrap .txt_wrap ul li > a:hover {	color:#c41c09;}
.quick_pro_wrap .txt_wrap ul li.red {background:url("/images/icon1.jpg") no-repeat 0px 7px;padding-left:12px;}
.quick_pro_wrap .txt_wrap ul li.red > a {display:block;line-height:180%;font-size:14px;color:#888888;}
.quick_pro_wrap .txt_wrap ul li.red > a:hover {	color:#c41c09;}





.footer {border-top:1px solid #e6e6e6;background-color:#3b3b3b; }
.nav {padding:20px 0;}
.nav > li {float:left;width:182px;min-height:135px;}
.nav > li.last {}
.nav > li > dl {padding:0 10px;}
.nav > li > dl a:hover {text-decoration:underline;}
.nav > li > dl > dt {margin-bottom:10px; }
.nav > li > dl > dt > a {display:block;font-size:14px;line-height:24px;color:#FFFFFF;font-weight:bold;}
.nav > li > dl > dd > a {display:block;font-size:13px;line-height:20px;color:#FFFFFF;}

.footer > .wrap {width:100%; background-color:#515151; min-width:1100px; padding:20px 0; height:90px;}
.footer .container {position:relative;}
.foot_logo {position:absolute;top:5px;left:5px;display:block;}
.gobiz_logo {position:absolute;top:5px;right:5px;display:block;}
.foot_info {padding-left:160px;}
.foot_info > li {color:#FFFFFF;font-size:13px;line-height:20px;}
.foot_info > li .stress {color:#FFFFFF;}







/************************************************/
/* 클리어 픽스 */
.clx {*zoom:1;}
.clx:after {display:block;content:" ";clear:both;}


.test {border:1px solid red;}
