@charset "utf-8";
@import url('reset.css');
@import url('sub.css');
@import url('main.css');
@import url('../plugin/jquery.bxslider.css');
@import url('common.css');
@import url('font.css');


@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css); 

body{overflow:hidden;}
#wrap{font-family: 'Noto Sans KR', sans-serif; letter-spacing:-1px;}

::selection{color:#fff;background-color:#f26522;}
::-moz-selection{color:#fff;background-color:#f26522;}
.mg{font-family: 'Noto Sans KR' !important;}

/* body */
#body{width:100%;background-color:#FFF;}
.full_img{position:relative;left:50%;width:2000px;margin-left:-1000px;}

#mv{position:relative;width:100%; margin:0 auto; padding-top:90px;}
#mv .visual{position:relative;}
#mv .visual .txt_wrap{position:absolute;left:0;top:0;z-index:20;}
#mv .visual1 .txt_wrap{left:975px;top:173px;}
#mv .visual2 .txt_wrap{left:25%;top:437px;}
#mv .visual3 .txt_wrap{left:952px;top:218px;}
#mv .visual4 .txt_wrap{left:400px;top:195px;}
#mv .visual .txt_wrap .txt{}
#mv .visual .txt_wrap .txt img{}
#mv .visual .txt_wrap .btn_wrap{font-size:0;padding-left:76px;margin-top:17px;}
#mv .visual4 .txt_wrap .btn_wrap{padding-left:0;margin-top:300px;}
#mv .visual .txt_wrap .btn_wrap a{display:inline-block;padding:15px 45px;border:1px solid #fff;font-weight:400;color:#fff;border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;-o-border-radius:50px;transition:.25s;}
#mv .visual .txt_wrap .btn_wrap a:hover{border-color:#64acdb;background-color:#64acdb;color:#fff;}
#mv .visual .txt_wrap .btn_wrap a span{margin-right:32px;}
#mv .bx-wrapper .bx-controls-direction a{left:auto !important;bottom:60px;top:auto;width:44px;height:44px;margin:0;}
#mv .bx-wrapper .bx-controls-direction a.bx-prev{right:452px;background:url('../images/main/mv_prev.png') 0 0 no-repeat;}
#mv .bx-wrapper .bx-controls-direction a.bx-next{right:402px;background:url('../images/main/mv_next.png') 0 0 no-repeat;}
#mv .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{width:44px;right:352px;bottom:60px; }
#mv .bx-wrapper .bx-controls-auto .bx-stop{display:block;width:44px;margin:0;height:44px;background:url('../images/main/mv_pause.png') 0 0 no-repeat;}
#mv .bx-wrapper .bx-controls-auto .bx-start{position:relative;display:block;width:44px;margin:0;height:44px;background-color:#f0faf4;}
#mv .bx-wrapper .bx-controls-auto .bx-start:before{content:"";position:absolute;left:50%;top:50%;margin:-7px 0 0 -7px;display:block;border-left:14px solid #3e4536;border-top:7px solid transparent;border-bottom:7px solid transparent;background-image:none;background-position:0 0;}
#mv .bx-wrapper .bx-pager{position:absolute; width:100%;text-align:center;bottom:50px;padding:0;}
#mv .bx-wrapper .bx-pager div{display:inline-block;vertical-align:text-top;margin:0 7px;}
#mv .bx-wrapper .bx-pager a{display:block;color:#fff;margin:0;font-weight:700;font-size:15px;transition:.25s;}
#mv .bx-wrapper .bx-pager a:hover{color:#64acdb;}
#mv .bx-wrapper .bx-pager a.active{width:23px;height:2px;background-color:#fff;font-size:0;margin-top:6.5px;}

.con01{padding-top:100px; height:535px;}
.con01_con {width:100%;}
.con01_con ul{width:1140px; margin: 0 auto;}
.con01_con li{float:left; padding-right:70px; /*padding-right:20px;*/}
.con01_con .tit{font-size:23px; font-weight:700; margin-top:20px;}
.con01_con .text{font-size:28px; font-weight:800; margin-top:20px;}

.con02{padding-top:100px; height:1200px; background-color:#ebebeb;}
.con02_tit{width:1360px; margin:0 auto;}
.con02_con {width:100%; padding-top:50px;}
.con02_con ul{width:1100px; margin: 0 auto;}
.con02_con li{float:left; padding-right:10px;}
.con02_con .tit{font-size:23px; font-weight:700; margin-top:20px;}
.con02_con .text{font-size:28px; font-weight:800; margin-top:20px;}

/* 하단 레이아웃 */
.w1200 {width: 1200px; margin: 0 auto; position: relative;}
#ft {position:relative; margin-top:50px;background:#fff; color: #434343; font-size: 10px; margin:0 auto; text-align:left; }
#ft .ft_top {padding: 0;background:#282828;}
#ft .ft_top p{color:#fff;}
#ft .ft_bot {padding: 25px 0 40px; border-top: 3px solid #595959; line-height: 1.5; position: relative;}
#ft .ft_box {display: inline-block; vertical-align: top; padding-top: 15px; text-align: left; padding-left: 30px;}
#ft .ft_box1 {padding: 0;}
#ft .ft_box4 {padding-top: 10px;}
#ft .sns_link {position: absolute; top: 0px; right: 0;}
#ft .sns_link a {display: inline-block;margin: 0 2px; width: 60px; height: 60px; border-radius:50%; transition:.25s;}
#ft .sns_link a:hover {background-color: rgba(255,255,255,.2);}
#ft_link{}
#ft_link a {display: inline-block; line-height: 55px; padding: 10px 16px; font-size: 18px; color: #8c8c8c; position: relative; font-weight: 300; transition:.25s;}
#ft_link a:hover {color: #656565;}
#ft_catch{margin:20px 0 10px}
#ft_logo {position: absolute; bottom: 0;  right: 0;}
#ft p {margin: 0;   line-height: 1.8em;}
#ft .txt16 {font-size: 16px; }
#top_btn {position:fixed;bottom:60px;right:0; margin-right: 25px; border: none; background: none;z-index:90;}
#top_btn img {transition:.5s;}
/* #top_btn:hover{border-color:#3059c7;background:#3059c7;color:#fff} */
#ft .adress {color: #a5a4a3; font-size: 16px; padding: 15px 0 20px; font-weight: 400;}
#ft_copy{color:#a5a4a3;font-size:16px; font-weight: 300;}


/* 서브 */
#ctt {margin:10px 0;padding:20px;background:#fff}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em}
#ctt_himg img, #ctt_timg img, #ctt_con img {max-width:100%;height:auto}
.ctt_img {text-align:center}
.s_menu_img{padding-bottom:100px;}
.s_menu_img img{width:100%;}
.s_menu_img li{padding-top:10px;}

.sub_sv{padding-top:90px;}
#container_wr2{z-index:5;margin:0 auto;width:1200px;zoom:1}
#container_wr2:after{display:block;visibility:hidden;clear:both;content:""}
#sub{position:relative;z-index:6;float:right;width:900px;min-height:800px !important;height:auto !important;margin:0 auto;padding:0;background:#fff;border:none;font-size:1em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;zoom:1}
#sub:after{display:block;visibility:hidden;clear:both;content:""}

#aside {float:left;width:250px;margin:0px;padding:100px 0 0;background:transparent;height:100%;border:none !important;margin:0 50px 0 0}
#lnb{position:relative;width:100%;}
#lnb *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#lnb .header{border-radius:30px 30px 0 0; position:relative;overflow:hidden;width:100%;height:100px;padding:34px 0 0px;border:1px solid #dcdcdc;text-align:center;background:#1b1b1b;}
#lnb .header h1{text-align:center;line-height:32px;font-size:32px;font-weight:700;font-family:'Noto Sans KR','Nanum Gothic','��������','Malgun Gothic','����',dotum,'����',gulim,arial,serif;color:#fff;letter-spacing:-2px}
#lnb .description{display:block;margin-top:10px;font-size:13px;font-weight:400;color:#888;font-family:'��������','Malgun Gothic','����',dotum,'����',gulim,arial,serif;letter-spacing:-1px}
/*{position:absolute;margin:0;font-size:0;line-height:0;overflow:hidden}*/

#lnb .menu{clear:both;display:block;width:100%;*width:100%;background-color:#fff;list-style:none;margin:0;padding:0;border:none}
#lnb .menu:after{display:block;content:"";font-size:0;visibility:hidden;clear:both;}
#lnb .menu > li{height:51px;line-height:49px;padding-left:20px;background-color:#fff;border:1px solid #dcdcdc;border-top:1px solid #fff;line-height:40px;text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#lnb .menu > li > a:after{float:right;content:"+";color:#22335c;margin-right:20px;font-weight:200;font-size:22px;font-family:verdana,tahoma,'��������','Malgun Gothic','����',dotum,'����',gulim,arial,serif;}
#lnb .menu > li:first-child{}
#lnb .menu > li > a{display:block;height:100%;line-height:49px;text-decoration:none;color:#22335c;font-weight:700;font-size:17px;font-family:'Noto Sans KR','Nanum Gothic','��������','Malgun Gothic','����',dotum,'����',gulim,arial,serif;letter-spacing:-1px;}
#lnb .menu > li:hover,
#lnb .menu > li.on{background-color:#e5e5e5;border:1px solid #e5e5e5;}
#lnb .menu > li:hover a,
#lnb .menu > li.on > a{color:#d81516;outline:none;}
#lnb .menu > li:hover a:after, #lnb .menu > li.on > a:after{color:#22335c;}


#aside .side-common{position:relative;margin-top:40px;}
#aside .side-common p{}

#sub .page-position{position:relative;width:100%;margin:0 auto;padding:0;}
#sub .page-position ul{position:absolute;top:50px;left:0;list-style:none;margin:0;padding:0;}
#sub .page-position ul li{float:left;display:inline-block;padding:10px 0px;text-decoration:none;color:#000;letter-spacing:0 !important}
#sub .page-position ul li.page-pos01{width:30px;text-indent:-9999px;background:transparent url('/assets/images/sub/home.jpg') no-repeat center center;}
#sub .page-position ul li.page-pos02{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#sub .page-position ul li.page-pos03{padding-left:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#sub .page-position ul li:before{content:"";width:6px;height:5px;margin-right:6px;padding-right:6px !important;background:url('/assets/images/sub/sct_bg_toright.gif') right 50% no-repeat}

.form_con {position: absolute;}
.form_con .renew_tb{margin-top:170px; margin-left:20px;}
.form_con .renew_tb td{padding-bottom:20px;}
.form_con .renew_tb input{border-left:1px solid #ebedf1;border-right:1px solid #ebedf1;border-top:2px solid #ebedf1;border-bottom:2px solid #000; margin-left:40px;width: 400px;height:70px;color:#000; font-weight: 700; background-color:#ebedf1; font-size: 22px;}
.txt18{font-size:26px;}
.write_div{position: absolute; padding-top:700px; padding-left:20px;}
.write_div2{position: absolute; padding-top:760px; padding-left:120px;}

p.title{
    width: 100%;  
    line-height: 60px; 
    background:none; 
    color: #000; 
    box-sizing: border-box;
    display: block;
    height: 100%;
    line-height: 49px;
    text-decoration: none;
    color: #22335c;
    font-weight: 700;
    font-size: 17px;
    font-family: 'Noto Sans KR','Nanum Gothic','��������','Malgun Gothic','����',dotum,'����',gulim,arial,serif;
    letter-spacing: -1px;
  }
  p.title:after{float:right;content:"+";color:#000;margin-right:20px;font-weight:200;font-size:22px;font-family:verdana,tahoma,'��������','Malgun Gothic','����',dotum,'����',gulim,arial,serif;}

  .con{
    padding: 10px; 
    display:none;
    font-size:18px;
  }

#lnb2{position:relative;width:100%;}
#lnb2 *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#lnb2 .header{position:relative;overflow:hidden;width:100%;height:100px;padding:34px 0 0px;border:1px solid #dcdcdc;text-align:center}
#lnb2 .header h1{text-align:center;line-height:32px;font-size:32px;font-weight:700;font-family:'Noto Sans KR','Nanum Gothic','��������','Malgun Gothic','����',dotum,'����',gulim,arial,serif;color:#333;letter-spacing:-2px}
#lnb2 .description{display:block;margin-top:10px;font-size:13px;font-weight:400;color:#888;font-family:'��������','Malgun Gothic','����',dotum,'����',gulim,arial,serif;letter-spacing:-1px}
/*{position:absolute;margin:0;font-size:0;line-height:0;overflow:hidden}*/

#lnb2 .menu{clear:both;display:block;width:100%;*width:100%;background-color:#fff;list-style:none;margin:0;padding:0;border:none}
#lnb2 .menu:after{display:block;content:"";font-size:0;visibility:hidden;clear:both;}
#lnb2 .menu > li{line-height:49px;padding-left:20px;background-color:#fff;border:1px solid #dcdcdc;border-top:1px solid #fff;line-height:40px;text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#lnb2 .menu > li > a:after{float:right;content:"+";color:#000;margin-right:20px;font-weight:200;font-size:22px;font-family:verdana,tahoma,'��������','Malgun Gothic','����',dotum,'����',gulim,arial,serif;}
#lnb2 .menu > li:first-child{}
#lnb2 .menu > li > a{display:block;height:100%;line-height:49px;text-decoration:none;color:#d81516;font-weight:700;font-size:17px;font-family:'Noto Sans KR','Nanum Gothic','��������','Malgun Gothic','����',dotum,'����',gulim,arial,serif;letter-spacing:-1px;}
#lnb2 .menu > li:hover,
#lnb2 .menu > li.on{background-color:#e5e5e5;border:1px solid #e5e5e5;}
#lnb2 .menu > li:hover a,
#lnb2 .menu > li.on > a{color:#d81516;outline:none;}
#lnb2 .menu > li:hover a:after, #lnb .menu > li.on > a:after{color:#d81516;}

.map_tabs2{width:1200px;background-color:#fff;}
.map_tabs2 .tit{width:1000px; margin:0 auto; padding-top:100px;}
.map_tabs2 {overflow: hidden; position: relative; text-align: center;}
ul.tabs2 {width: 1200px; padding-right:230px;display: inline-block; margin-bottom:5px; padding-top:10px;}
ul.tabs2 li {float: left; height: 50px; font-size:18px; width:300px; line-height: 50px; border-left: none;	font-weight:700;margin:0 0 0 -1px; overflow: hidden; background:#959db1; position: relative; border:1px solid #fff;} 
ul.tabs2 li:first-child {margin:0 0 0 0}
ul.tabs2 li a {text-decoration: none;color: #fff;display: block;padding: 0;outline: none;text-align:center; width:300px;}
ul.tabs2 li.active a{ /*--Makes sure that the active tab does not listen to the hover properties--*/color:#fff; font-weight:700; background:#0f416f; width:300px}

.tab_container{width: 100%; margin: 0 auto;}
.tab_container ul{width: 1200px;}
.tab_container li{float: left;}

/* 폼 */
.sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

#bo_w.renew { }
#bo_w.renew p.sub_title {  font-size:20px; color:#353535; letter-spacing:-0.05em; padding:20px 0; font-weight:bold;  }

.renew_tb { border-top:1px solid #000; }
.renew_tb > tbody > tr > th  { text-align:left;font-size:18px; color:#353535; font-weight:400; padding-left:35px; padding-top:30px;   vertical-align: middle; }
.renew_tb > tbody > tr > td {  text-align:left; padding:20px 10px;  }

.renew_tb > tbody > tr > th,
.renew_tb > tbody > tr > td {vertical-align: top;   }

.renew_tb > tbody > tr > th.bbn,
.renew_tb > tbody > tr > td.bbn { border-bottom:none; }
.renew_tb .ymd {  color:#353535; font-size:18px; margin-top:20px; }

#bo_w.renew .t_left { text-align:left; }
#bo_w.renew .t_center { text-align:center; }
#bo_w.renew .t_right { text-align:right; }

.renew_tb select,
.renew_tb input[type='text'] {width: 600px; height: 50px; font-size: 18px; padding-left: 10px; border:1px solid #c7c7c7; color:#595959;}
.renew_tb input[type='password'] {width: 600px; height: 50px; font-size: 18px; padding-left: 10px; border:1px solid #c7c7c7; color:#595959;}

.renew_tb input.pn[type='text'] {}
.renew_tb textarea { font-size:16px; } 
   
#bo_w.renew .renew_sec { margin-top:30px; }

.btn_confirm { text-align:center; }
.btn_submit {border:0;background:#0f416f; width:260px; height:70px;color:#fff; font-size:20px; padding:15px 30px;}
.btn_cancel {border:0;background:#424242; width:260px; height:70px;color:#fff; line-height:70px; padding:0; margin:0; margin-left:10px; font-size:20px; }
.btn_submit:hover {background:#0f416f}

.bo_w_flie .lb_icon{position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#eee;text-align:center;color:#888}
.bo_w_flie .frm_file{padding-left:50px;}
.bo_w_flie .file_wr{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0;width:743px;}
.bo_w_flie .frm_input{margin:10px 0 0 }
.bo_w_flie .file_del{position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
.bo_w_select select{border:1px solid #3497d9;height:40px;border-radius:3px}