@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');


.clearfix:before, .clearfix:after{	content:" "; display:table;	}
.clearfix:after{	clear:both;	}

.clx {*zoom:1;}
.clx:after {display:block; content:" ";clear:both;}

.over_f {overflow:hidden;}
.fl {float:left;}
.fr {float:right;}

* { font-family: 'Roboto', sans-serif;font-size:15px;}
.test {border:1px solid red;}
#sub_header {width:100%;height:420px;}
#bottom {height:280px;width:100%;}
#left {width:250px;height:430px;float:left;}}

/*-------header-------*/
.header,.contents,.footer {width:100%;min-width:1200px;}
.container {width:1200px;margin:0 auto;*zoom:1;}
.container:after {display:block;content:" ";clear:both;}
.header {position:relative; top:0;left:0;}
.header > .wrap {position:relative; background:#fff; width:100%; min-width:1200px;z-index:100;border-bottom:0px solid #008dbe;}


#main .contents {position: relative;}

/*util*/
.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;}


.util_n_lang > ul > li > a:hover {color:#fff;}
.util_n_lang > ul > li.last {border:2px solid #fff; box-sizing:border-box; height:26px; }
.util_n_lang > ul > li.last > a { margin-top:-3px; }

.util_n_lang1 > ul > li {margin-top:3px;}
.util_n_lang1 > ul > li > a {display:block;	padding:0 10px;	line-height:10px;}



.container util_n_lang {display:table;}
.container util_n_lang> ul {display:table-cell; vertical-align:middle;}
.top_util2 {float:left;}
.top_util2 li{float:left;}

.top_util2 {font-weight:bold; padding-top:8px;}
.top_util2 > li {float:left;}
.top_util2 > li {color:#fff; font-size:11px; text-decoration:none; }
.top_util2 > li > img {padding-right:10px; vertical-align:middle;}
.top_util2 > li.last > img {padding-right:10px; padding-left:20px; vertical-align:middle;}


.top_util_wrap {width:100%; background:#2b2b2b; height:30px;}
.top_util {float:right; font-weight:bold;}
.top_util > li {float:left; margin-top:8px;}
.top_util > li  > a {color:#fff; font-size:11px; text-decoration:none; padding-left:25px;text-transform:uppercase;}
.top_util > li  > a:hover {color:#dea548;}


/*gnb*/
.gnb_wrap {margin:0 auto;width:1200px;height:90px; position:relative; padding:1px 0;}

.main_logo {display:block; float:left; margin-top:10px; }

.gnb {float:right; padding-top:44px; padding-right:15px;}
.gnb > li {float:left; margin-right:35px;}
.gnb > li:last-child {margin-right:0px;}
.gnb > li > a {	display:block; font-size:18px; line-height:20px; color:#333; font-weight:600; text-decoration:none;text-transform:uppercase;font-weight:700;}
.gnb > li > a:hover { color:#dea548;}

/*gnb_sub*/
.gnb_sub {	z-index:50;	position:absolute;	width:100%;	min-width:1200px; background-color:#dea548;height:30px; bottom:0;}
.gnb_sub > li {	position:relative;	width:1200px; margin:0 auto;}
.gnb_sub > li > .gsub {	display:none;}
.gsub > li {float:left;}
.gsub > li > a { display:block;	padding:5px 10px; color:#ffffff; font-size:13px; line-height:20px; height:20px; text-decoration:none;font-weight:600;}

.gsub > li > a:hover {color:#453030;}

.gsub1 {padding-left:355px;}
.gsub2 {padding-left:355px;}
.gsub3 {padding-left:580px;}
.gsub4 {padding-left:802px;}
.gsub5 {padding-left:980px;}
.gsub6 {padding-left:1110px;}
/*.gsub7 {padding-left:1145px;}*/

/* 메인비주얼 */
#flickingList {position:relative;overflow:hidden; margin:0 auto; text-align:center;width:100%; top:0; left:0;z-index:10; padding-top:0px;border-top:7px solid #dea548;}
#flickingList .cont {position:relative; overflow:hidden; top:-55px; width:100%; vertical-align:top;text-align:center; background:gray;}
#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:100%;  text-align:center;  }
#flickingList .bg1 {background:url("../images/main_img01.jpg") no-repeat top center;height:492px;}
#flickingList .bg2 {background:url("../images/main_img02.jpg") no-repeat top center;height:492px;}
#flickingList .bg3 {background:url("../images/main_img03.jpg") no-repeat top center;height:492px;}

#flickingList .tabWrap {position:absolute;bottom:75px; left:49%; text-align:center;z-index:200; }
#flickingList .tabWrap li {display:inline;}
#flickingList .tabWrap li a {display:inline-block; width:16px; height:16px; 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:210px; width:100%;height:75px;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:20px; width:75px; height:75px; z-index:10;}
#flickingList button.next {position:absolute; top:0px; right:20px; width:75px; height:75px; z-index:10;}

#flickingList .v_wrap{width:1200px; margin:auto; position:relative; top:90px;}
#flickingList .view{position:absolute; top:50px;left:0; z-index:11;color:#14226f;text-align:left;}
#flickingList .view dl dt {font-size:42px;font-weight:400;color:#515151;padding: 10px 0;}
#flickingList .view dl dd {font-size:42px;color:#23252b;line-height:130%;font-weight:700 }

#flickingList .view3{position:absolute; top:0px;left:96px; z-index:11;color:#14226f;text-align:left;}
#flickingList .view3 dl dt {font-size:25px;font-weight:700;color:#333;padding: 5px 0;text-transform:uppercase;}
#flickingList .view3 dl dd {font-size:45px;color:#054fa0;line-height:130%; font-weight:900;text-transform:uppercase;}




/*sub_visual*/
#sub_img {clear:both;width:100%; min-width:1200px; text-align:left;border-top:7px solid #dea548;}
.visual_sub1 {background:url(../images/visual_sub1.jpg) no-repeat center top; margin:0 auto; height:262px; }
.visual_sub2 {background:url(../images/visual_sub2.jpg) no-repeat center top; margin:0 auto; height:262px; }
.visual_sub3 {background:url(../images/visual_sub3.jpg) no-repeat center top; margin:0 auto; height:262px; }
.visual_sub4 {background:url(../images/visual_sub4.jpg) no-repeat center top; margin:0 auto; height:262px; }
.visual_sub5 {background:url(../images/visual_sub5.jpg) no-repeat center top; margin:0 auto; height:262px; }
.sub_vis_text {width:1200px; margin: 0 auto; padding-top:5px; text-align:left;position:relative;}
.sub_vis_text .visual_text {position:absolute;top:50px;left:100px;width:550px;height:76px;padding: 10px 0;opacity:0;}
.sub_vis_text .visual_text p.txt {font-size:35px;color:#515151;font-weight:400;line-height:100%;font-family: 'Open Sans', sans-serif;}
.sub_vis_text .visual_text p.txt span {color:#23262b;font-size:35px;line-height:100%;font-weight:700;display:block;margin-top:10px;}


/*----contents-----*/
.contents {width:1200px; margin:0 auto ; position:relative; overflow:hidden;}


.left_menu {float:left;width:250px;}
.left_menu dl dt {color:#2b2b2b;font-weight:500;border-bottom:3px solid #dea548;text-align:left;padding:10px 0;font-size:28px;text-transform:uppercase;}
.left_menu dl dd {}
.left_menu dl dd ul li a {display:block;padding: 15px 0 15px 12px;border-bottom:1px solid #dddddd;text-decoration:none;font-size:15px;color:#333;background:url(../images/left_ico.png) no-repeat left 16px;}
.left_menu dl dd ul li a:hover {background:#f5f5f5;color:#ce8d24;}
.left_menu dl dd ul li a.on {font-weight:500;color:#ed1c24;background:#f5f5f5;}

.left_menu dl dd ul li ul {background:#f1f2f3;padding: 7px 0;}
.left_menu dl dd ul li ul li a {font-size:14px;color:#666;border-bottom:none;padding: 5px 0 5px 15px;}

/*title*/
.title {position:relative;margin-top:25px;}
.title h3 {font-size:28px; color:#222; font-weight:500; padding:12px 0;border-bottom:1px solid #dbdbdb;}
.title h3 span {color:#0c4da2;}
.title .na {position:absolute;right:0;top:8px;font-size:12px;color:#777;text-transform:uppercase;background:#efefef;border-radius: 30px;padding:9px 20px;}
.title .na span {color:#b5b5b5;font-size:10px;}

.st {display:inline-block;font-size:22px;color:#0c4da2;padding: 0 0 0 15px;border-left:2px solid #dedede;margin-bottom:25px;font-weight:600;}

/*contents_wrap*/
.contents_wrap {width:905px; float:right; padding-bottom:100px;}

/*cont*/
.cont {margin-top:45px;}
.board {min-height:280px;}
.board table td p span font {line-height:1.6em;}


/*-----footer------*/
#bottom {position:relative;}
#footer {clear:both; width:100%; border-top:1px solid #2b2b2bf; background:#2b2b2b;}

.foot_menu {width:1200px;margin:0 auto; overflow:hidden;padding:30px 0 40px 0;}
.foot_menu div {float:left; margin-right:90px;}
.foot_menu div:last-child {margin-right:0;}
.foot_menu div h3 a {display:block;font-weight:bold;font-size:14px;  text-decoration:none; color:#a9a9a9;text-transform:uppercase;}
.foot_menu div ul li {padding-left:5px;}
.foot_menu div ul li a {display:block;padding-top:7px; font-weight:normal;color:#8b8b8b; font-size:13px; text-decoration:none;}
.foot_menu div h3 a:hover, 
.foot_menu div ul li a:hover {color:#dea548;}
.foot_menu div ul li ul li a {display:block; background:none; padding:3px 0 3px 5px; font-size:12px;}


.foot {clear:both; text-align:center; background:#fff;overflow:hidden;padding:15px 0 20px 0;}
.foot .foot_w {width:1200px; margin:0 auto; }
.foot .foot_w .logo {float:left;width:175px;text-align:left;}
.foot .foot_w .copy {float:left;width:730px;text-align:left; margin-right:40px;}
.foot .foot_w .copy address {font-size:12px; font-style:normal;padding:10px 0 15px 10px; color:#383838; line-height:140%;}
.foot .foot_w .copy address span {color:#999;font-size:10px;}

.foot_ic {float:right;}
.foot_ic li {float:right; margin-right:20px;padding-top:15px;}
.foot_ic li:last-child {margin-right:0; }

.foot select {margin-top:17px; margin-left:80px; font-size:13px; line-height:10px; padding:3px 10px; border:1px solid #555;}

.mtop5 {margin-top:5px;}
.mtop10 {margin-top:10px;}
.mtop15 {margin-top:15px;}
.mtop20 {margin-top:20px;}
.mtop30 {margin-top:30px;}
.mtop45 {margin-top:45px;}

.mgr20 {margin-right:20px;}
.mgr2p {margin-right:2%;}
.w32p {width:32%;}
.w48p {width:48%;}

.ptop7 {padding-top:7px;}
.ptop10 {padding-top:10px;}
.bb {font-weight:500;}