@charset "utf-8";
/* CSS Document */

.box1{ width:95%; max-width:1200px; min-width:304px; margin:0 auto;}
.pc_hide{ display:none;}

/*#fade{ position:fixed; z-index:1000000001; top:0; left:0; width:100%; height:100%; background:#fff}*/
#goTop{ position:fixed; z-index:10001; right:2%; bottom:60px; display:none;}
#goTop > a{ display:block; width:50px; height:50px; background:#494f55; text-align:center; color:#fff;}
#goTop .xi{ padding-top:8px;}
#goTop .tt{ display:block; font-size:.688em; font-weight:600;}

/*header*/
#header{ position:relative; z-index:100001; background:#fff; box-shadow:0 3px 15px rgba(0,0,0,.6);}
#header .header_wrap{ position:relative; *zoom:1;}
#header .header_wrap:after{ content:""; display:block; clear:both;}
#header .header_wrap .vm_wrap,
#header .gnb_wrap .gnb .dp1{ height:80px; line-height:80px;}
#header .header_wrap .logo{ position:absolute; top:0; left:0;}
#header .gnb_wrap{ float:right; text-align:center;}
#header .gnb_wrap .gnb{}
#header .gnb_wrap .gnb > li{ position:relative; display:inline-block; *display:inline; zoom:1;}
#header .gnb_wrap .gnb > li .dp1{ display:block; padding:0 38px; color:#222; font-weight:600;}
#header .gnb_wrap .gnb > li:hover .dp1,
#header .gnb_wrap .gnb > li.on .dp1{ color:#005ead;}

#header .gnb_wrap .gnb .dp2{ display:none; position:absolute; top:100%; left:50%; margin-left:-100px; width:200px; background:#fff; border-radius:0 0 5px 5px; overflow:hidden; box-shadow:0 5px 5px rgba(0,0,0,.3);}
#header .gnb_wrap .gnb .dp2 > li > a{ display:block; padding:13px 10px; border-top:1px solid #eee; font-size:.813em; font-weight:600;}
#header .gnb_wrap .gnb .dp2 > li:first-child > a{ border-top:0;}
#header .gnb_wrap .gnb .dp2 > li > a:hover{ background:#f9f9f9; color:#00a2d7;}

#header .allBtn{ float:right;}
#header .allBtn .icon{ font-size:2.188em;}

/*footer*/
#footer{ background:#1c1f23;}
#footer .footer_wrap{ padding:40px 0; overflow:hidden;}
#footer .footer_wrap .info_area{ float:left; width:68%;}
#footer .footer_wrap .menu_area{ float:right; width:32%;}

#footer .footer_wrap .info_area > li{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding:7px 18px 7px 0; font-size:.813em; color:#fff;}
#footer .footer_wrap .info_area > li a{ color:#fff;}
#footer .footer_wrap .info_area > li a:hover{ text-decoration:underline;}
#footer .footer_wrap .info_area .copy{ display:block; padding-top:20px; filter:alpha(opacity=40); opacity:0.4; font-size:.688em; text-transform:uppercase;}

#footer .footer_wrap .menu_area .menu{ text-align:right;}
#footer .footer_wrap .menu_area .menu > li{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
#footer .footer_wrap .menu_area .menu > li > a{ position:relative; display:block; padding-left:13px; margin-left:11px; text-align:left; font-size:.875em; color:#fff; font-weight:600; transition:.3s;}
#footer .footer_wrap .menu_area .menu > li > a:before{ content:""; position:absolute; left:0; top:50%; margin-top:-5px; width:1px; height:10px; background:#fff; filter:alpha(opacity=30); opacity:0.3;}
#footer .footer_wrap .menu_area .menu > li:first-child > a{ padding-left:0; margin-left:0;}
#footer .footer_wrap .menu_area .menu > li:first-child > a:before{ display:none;}
#footer .footer_wrap .menu_area .menu > li .icon{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:17px; font-weight:normal;}
#footer .footer_wrap .menu_area .menu > li .icon:not(.xi){ margin-right:5px;}
#footer .footer_wrap .menu_area .menu > li .icon.xi{ color:#f8a42b;}
#footer .footer_wrap .menu_area .menu > li > a:hover{ color:#f8a42b;}
#footer .footer_wrap .menu_area .logo{ padding-top:18px; text-align:right;}

/*contents*/
#contents{}
#sub #contents{ background:url(../images/inc/sub_bg.jpg) no-repeat center top; background-size:100% auto;}
#main .slogan_wrap{ padding:0 0 45px 0;}
#sub .slogan_wrap{ padding:60px 0 60px 0;}
#contents .slogan .tt{ color:#fff;}
#contents .slogan .t1{ font-size:1em; margin-bottom:10px;}
#contents .slogan .t2{ font-size:1.563em; font-weight:600;}

#contents .lnb_wrap{}
#contents .lnb_wrap .gnb{ background:#1f3653; overflow:hidden;}
#contents .lnb_wrap .gnb .dp2{ margin:0 -1px -1px 0; overflow:hidden;}
#contents .lnb_wrap .gnb .dp2 > li{ float:left; width:25%;}
#contents .lnb_wrap .gnb .dp2 > li > a{ position:relative; display:block; padding:15px 35px 15px 50px; border:1px solid rgba(255,255,255,.2); border-top:none; border-left:none; font-size:.938em; color:#fff; font-weight:600; filter:alpha(opacity=60); opacity:0.6; transition:.3s;}
#contents .lnb_wrap .gnb .dp2 > li > a .icon:after{ content:"\e93f"; font-family:xeicon; font-style:normal; font-weight:normal; font-size:1.250rem; position:absolute; right:25px; top:12px; transition:.3s;}
#contents .lnb_wrap .gnb .dp2 > li:hover > a .icon:after{ right:15px;}
#contents .lnb_wrap .gnb .dp2 > li:hover > a,
#contents .lnb_wrap .gnb .dp2 > li.on > a{ filter:alpha(opacity=100); opacity:1;}
#contents .lnb_wrap .gnb .dp2 > li.on > a{ background:#00a2d7;}

#contents .sub_wrap{ position:relative; padding:40px 210px 120px 50px; background:#fff;}
#contents .sub_wrap .sub_Tit{ padding-bottom:35px; font-size:1.375em; color:#111; font-weight:normal;}

#contents .quick_wrap{ position:absolute; z-index:10001; top:40px; left:50%;}
#contents .quick_wrap .bg_cr1{ background:#2d4c72;}
#contents .quick_wrap .bg_cr2{ background:#2e5b89;}
#contents .quick_wrap .quick{ width:130px;}
#contents .quick_wrap .quick > li{ margin-top:10px;}
#contents .quick_wrap .quick > li:first-child{ margin-top:0;}
#contents .quick_wrap .quick > li > a:hover{ background:#1c1f23; transition:.3s;}
#contents .quick_wrap .quick .va_wrap{ display:block; height:120px;}
#contents .quick_wrap .quick .con{ padding:13px 5px; color:#fff; font-weight:600;}
#contents .quick_wrap .quick .con > dt .tt{ font-size:.813em;}
#contents .quick_wrap .quick .con > dt .icon{ display:block; margin-bottom:3px;}
#contents .quick_wrap .quick .con > dd .icon{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
#contents .quick_wrap .quick .con .txt{ line-height:1.4;}
#contents .quick_wrap .quick .con.tel > dt{ margin-bottom:10px;}
#contents .quick_wrap .quick .con.tel > dt .icon{ font-size:1.438em;}
#contents .quick_wrap .quick .con.tel > dt .icon,
#contents .quick_wrap .quick .con.tel .txt.t1{ color:#a0e6ff;}
#contents .quick_wrap .quick .con.tel .txt.t1{ letter-spacing:-1px;}
#contents .quick_wrap .quick .con.tel .txt.t2{ font-size:.750em;}
#contents .quick_wrap .quick .con.sns > dt .icon{ font-size:1.750em;}
#contents .quick_wrap .quick .con.sns > dt .icon,
#contents .quick_wrap .quick .con.sns .txt.t1{ color:#ffde00;}
#contents .quick_wrap .quick .con.sns .txt.t2{ margin-top:6px;}
#contents .quick_wrap .quick .con.sns .txt.t2 > a{ font-size:.750em; color:#86db70; font-weight:normal;}
#contents .quick_wrap .quick .con.sns .txt.t2 > a:hover{ text-decoration:underline;}
#contents .quick_wrap .quick .con.sns .txt.t2 .icon{ width:15px; margin-right:3px;}
#contents .quick_wrap .quick .con.bn > dt{ margin-bottom:13px;}
#contents .quick_wrap .quick .con.bn > dd .icon{ width:40px; height:40px; line-height:40px; border:2px solid #fff; border-radius:50%; font-size:1.563em; color:#a0e6ff;}
#contents .quick_wrap.fix{ position:fixed;}


/*SUB PAGE*******************/
/*sub style inc*/
.page_mg1{ margin-top:20px !important;}
.page_mg2{ margin-top:40px !important;}
.page_mg3{ margin-top:60px !important;}
.page_mg4{ margin-top:80px !important;}

/*sub1_1*/
.sub1_tit {margin-bottom:15px; font-family:notokrR, sans-serif; color:#ab8749; font-size:1.25em;}
.sub1_tit .sub1_t_st1 { font-size:1.25em; font-family:notokrM, sans-serif; }
.sub1_tit .sub1_logo {display:inline-block; width:57px; height:58px; background:url(../images/sub/1_1img_logo.png)no-repeat center center; margin-right:5px; vertical-align:middle;}
.sub1_t_box .sub1_t_img { width:40%; float:left;}
.sub1_t_box .sub1_t_img > img {width:100%; height:auto;}
.sub1_t_box .sub1_t_in {width:60%; float:left;}
.sub1_t_box .sub1_t_in > div {margin:40px 55px;}
.sub1_t_box .sub1_t_in .sub1_t_tit {color:#005ead; margin-bottom:40px;}
.sub1_t_box .sub1_t_in .sub1_t_tit dt {text-shadow:1px 1px 3px rgba(0,0,0,.3); margin-bottom:5px; font-size:1.375em; position:relative; display:inline-block; padding:3px;}
.sub1_t_box .sub1_t_in .sub1_t_tit dt:after { position:absolute; content:''; bottom:0; left:0; width:100%; height:15px; background:rgba(255,126,0,.2);}
.sub1_t_box .sub1_t_in .sub1_t_tit dd { font-size:1.375em; }
.sub1_t_box .sub1_t_in .sub1_t_tit dd.sub1_t_s {color:#999; text-transform:uppercase; letter-spacing:3px; font-size:.625em; margin-top:15px;}
.sub1_t_box .sub1_t_in .sub1_t1 {color:#555; line-height:1.8; }
.sub1_t_box .sub1_t_in .sub1_t2 {color:#555; font-weight:600; margin-top:25px; }

.introd_box {margin-top:90px;}
.introd_box .introd_tit {font-weight:600; color:#555; font-size:1.12em; border-top:1px dashed #ddd; padding-top:20px; }
.introd_box .xi_ico {margin-right:2px; font-size:1.063em; color:#005ead; }
.introd_box .introd_in { margin-top:15px; border:1px solid #ddd; padding:20px; }
.introd_box .introd_in_l {width:35%; float:left;}
.introd_box .introd_in_r {width:65%; float:left;}
.introd_box .introd_in_l p {text-align:center; height:100%; font-family:notokrM,sans-serif; color:#005ead;}
.introd_box .introd_in_l p .inrod_img {display:block; padding:10px; background-repeat:no-repeat !important; background-position:center center !important; width:100px; height:100px; border-radius:50%; margin-bottom:10px; background-size:auto 100% !important; margin:0 auto 10px auto;}
.introd_box .introd_in_l p .inrod_img > i {font-size:3em; line-height:100px; color:#fff;}
.introd_box .introd_in_r li {margin-top:15px;}
.introd_box .introd_in_r li:first-child {margin-top:0px;}
.introd_box .introd_in_r li > p {padding-left:10px; line-height:1.3; margin-top:5px; position:relative; font-size:.875em; color:#666}
.introd_box .introd_in_r li > p:before {position:absolute; content:''; width:5px; height:1px; top:8px; left:0; background:#999}
.introd_box .introd_in_r li > p:first-child {margin-top:0px;}

/*sub1_3*/
.map_right {width:100%; *margin-left:3%;}     
.map_right .map_tit {border-bottom:1px dashed #ddd; margin-bottom:10px;}
.map_right iframe { width:49.5%;}  
.map_fr{ width:49.5%;}

.tbl_st2 { border:1px solid #ddd; padding:0px; margin-bottom:10px;  font-size:13px; border-top:2px solid #005ead; }
.tbl_st2 tbody th { background:#f8f8f8; color:#444444; font-weight:600; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; line-height:18px; padding:10px 20px; vertical-align:middle; }
.tbl_st2 tbody td { text-align:left; color:#555555; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; line-height:18px; padding:10px 20px; vertical-align:middle; }
.tbl_st2 tbody td p{ line-height:1.8; background:url(../images/sub/table_tit.jpg) no-repeat left 11px; padding-left:10px;}
.tbl_st2 tbody td p.noimg{ background:none; padding-left:0;}
.tbl_st2 tbody td p span.bus{ font-weight:600;} 
.tbl_st2 tbody td p span.rail{ background:#0041aa; color:#fff; display:inline-block; padding:0px 10px;}
.tbl_st2 thead th:last-child, .tbl_st2 tbody th:last-child, .tbl_st2 tbody td:last-child { border-right:none; }


/**/
.instance_sec {margin-bottom:20px;}
.instance_sec .ins_left { width:40%; float:left;}
.instance_sec .ins_right { width:60%; float:left;}
.instance_sec .ins_right > div {padding-left:20px;}

.instance_sec .ins_right .mt_30 { margin-top:30px;}

.instance_sec .ins_right .ins_t1 { font-weight:600; margin-bottom:20px; padding-bottom:15px; position:relative; font-size:1.188em;}
.instance_sec .ins_right .ins_t1:after {position:absolute; content:''; width:25px; height:2px; background:#005ead; left:0; bottom:0;}
.instance_sec .ins_right .ins_t2 {line-height:1.4; color:#555; font-size:.875em}

.ins_right_in2 {}
.instance_sec .ins_right .ins_t3 {line-height:1.4; color:#555; font-size:.875em}
.instance_sec .ins_right .mt_10 { margin-top:10px;}

.instance_sec2 {margin:50px 0 20px -20px; }
.instance_sec2 .ins2_tit { font-weight:600; color:#555;  position:relative; margin-bottom:10px; font-size:1.125em; padding-top:20px; border-top:1px dashed #ddd;}
.instance_sec2 .ins2_tit:before {}
.instance_sec2 .xi_ico {margin-right:2px; font-size:1.063em; color:#005ead; vertical-align:middle}

.instance_sec2 > p { margin-left:20px; }
.instance_sec2 > div {width:50%; float:left;}
.instance_sec2 > div dl {border:1px solid #ddd; margin-left:20px; padding:15px;}
.instance_sec2 > div dl dt { font-family:notokrM,sans-serif; margin-bottom:7px;}
.instance_sec2 > div dl dt .xi_ico {font-size:.875em; color:#005ead; margin-right:2px; }
.instance_sec2 > div dl dd { font-size:.813em; padding-left:10px; position:relative; margin:5px 0 0px 10px}
.instance_sec2 > div dl dd:before { position:absolute; content:''; width:5px; height:1px; top:7px; left:0; background:#999 }

/**/
.instance_sec .ins_left2 { width:37%; }
.instance_sec .ins_right2 { width:63%;}

.instance_sec02 { margin:30px 0 0px 0 }
.instance_sec02 .ins2_tit {padding-top:10px;}
.instance_sec02 > p {margin-left:0;}
.instance_sec02 > div {width:100%; float:inherit;}
.instance_sec02 > div dl {margin-left:0; padding:10px;}

.instance_sec_r .ins_right > div {padding-left:0; padding-right:20px;}

/*서브3_1*/
.tit_box{ overflow:hidden;}
.morebtn{ display:block; padding:0.6em 1em; background:#005ead; color:#fff; font-size:0.875em; cursor:pointer;}
.tit_box a{ color:#fff;}
.morebtn:hover, .morebtn:visited, .morebtn:active{ color:#fff;}

/*MAIN STYLE*******************/
*:focus{ outline: none;}
.wrap{position: relative; z-index:inherit; left:50%; top:0; width:2000px; margin-left:-1000px;}

.main_wrap img{ max-width:none !important;}
.main_wrap{ position:relative; z-index:1001;}
.main_bg_wrap{ position:absolute; top:0; left:0; width:100%; height:100%; background:#0a1e37;}
.main_bg_wrap .bg_slide{ position:relative;}
.main_bg_wrap .bg_slide .m_bg{}
.main_bg_wrap .bg_slide .m_bg.bg1{
background: rgb(14,60,77); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(14,60,77,1) 0%, rgba(8,89,128,1) 31%, rgba(34,92,132,1) 65%, rgba(39,134,166,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(14,60,77,1) 0%,rgba(8,89,128,1) 31%,rgba(34,92,132,1) 65%,rgba(39,134,166,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(14,60,77,1) 0%,rgba(8,89,128,1) 31%,rgba(34,92,132,1) 65%,rgba(39,134,166,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e3c4d', endColorstr='#2786a6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.main_bg_wrap .bg_slide .m_bg.bg2{
background: rgb(55,66,17); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(55,66,17,1) 0%, rgba(60,83,3,1) 31%, rgba(62,81,9,1) 65%, rgba(107,128,36,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(55,66,17,1) 0%,rgba(60,83,3,1) 31%,rgba(62,81,9,1) 65%,rgba(107,128,36,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(55,66,17,1) 0%,rgba(60,83,3,1) 31%,rgba(62,81,9,1) 65%,rgba(107,128,36,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#374211', endColorstr='#6b8024',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.main_bg_wrap .bg_slide .m_bg.bg3{
background: rgb(35,28,50); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(35,28,50,1) 0%, rgba(60,45,92,1) 31%, rgba(52,43,70,1) 65%, rgba(96,79,131,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(35,28,50,1) 0%,rgba(60,45,92,1) 31%,rgba(52,43,70,1) 65%,rgba(96,79,131,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(35,28,50,1) 0%,rgba(60,45,92,1) 31%,rgba(52,43,70,1) 65%,rgba(96,79,131,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#231c32', endColorstr='#604f83',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.main_bg_wrap .bg_slide .m_bg.bg4{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3a2506+0,714e0b+32,845b25+65,ac810b+100 */
background: rgb(58,37,6); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(58,37,6,1) 0%, rgba(113,78,11,1) 32%, rgba(132,91,37,1) 65%, rgba(172,129,11,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(58,37,6,1) 0%,rgba(113,78,11,1) 32%,rgba(132,91,37,1) 65%,rgba(172,129,11,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(58,37,6,1) 0%,rgba(113,78,11,1) 32%,rgba(132,91,37,1) 65%,rgba(172,129,11,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a2506', endColorstr='#ac810b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.vCenter{ position:relative;}

.con_wrap {overflow:hidden; z-index:1000;  }
.con_wrap div.con_l { float:left; width:74%; padding:0px; position:relative; overflow:hidden; }
.con_wrap div.con_r { float:right; width:22.5%; padding:0px;}


.con_wrap div.con_l ul { list-style:none;  display:block; margin-left:-10px;}
.con_wrap div.con_l ul li { list-style:none;/* display:none;*/ float:left; width:25%; padding:0px; }
.con_wrap div.con_l ul li .effect-bubba { margin:0 0 10px 10px;}
.con_wrap div.con_l ul li .mb_txt_box { width:100%; background:red; padding:35px 0; cursor:pointer}

.con_wrap div.con_l ul li .mb_txt_box.bg1 {background:#1698cc}
.con_wrap div.con_l ul li .mb_txt_box.bg2 {background:#0daaaf}
.con_wrap div.con_l ul li .mb_txt_box.bg3 {background:#5676cd}
.con_wrap div.con_l ul li .mb_txt_box.bg4 {background:#4b81e2}
.con_wrap div.con_l ul li .mb_txt_box.bg5 {background:#c47c32}
.con_wrap div.con_l ul li .mb_txt_box.bg6 {background:#d9a03c}
.con_wrap div.con_l ul li .mb_txt_box.bg7 {background:#8dbc42}
.con_wrap div.con_l ul li .mb_txt_box.bg8 {background:#5ea93a}

.con_wrap div.con_l ul li .mb_txt_box > p { text-align:center;}
.con_wrap div.con_l ul li .mb_txt_box .mb_t1 { font-weight:600; color:#fff; font-size:.938em; margin-bottom:15px;}
.con_wrap div.con_l ul li .mb_txt_box .mb_img {width:80px; height:80px;  border-radius:50%; background:#fff; margin:0 auto;}

.con_wrap div.con_r dl {/* display:none;*/ height:66px; padding:28px; margin-bottom:5px; background:#2b323d; color:#fff; }
.con_wrap div.con_r dl dt {font-size:.938em; font-weight:600; margin-bottom:15px;}
.con_wrap div.con_r dl dt .m_xi1 {font-size:20px; vertical-align:text-bottom; margin-right:5px;}
.con_wrap div.con_r dl dd { font-size:.813em; /*overflow:hidden;*/}
.con_wrap div.con_r dl dd .m_tel_st { display:inline-block; color:#a0e6ff; font-size:1.538em; font-weight:600; margin-left:7px;}
.con_wrap div.con_r .con_r_in2 {cursor:pointer}
.con_wrap div.con_r .con_r_in2 dd {position:relative; }
.con_wrap div.con_r .con_r_in2 dd > p {/*display:inline-block;*/ letter-spacing:-1px; vertical-align:middle; line-height:1.4}
.con_wrap div.con_r .con_r_in2 dd .con_r_in_l {float:left; width:75%; }
.con_wrap div.con_r .con_r_in2 dd .con_r_in_r { border:2px solid #fff; width:45px; height:45px; border-radius:50%; text-align:center; position:absolute; right:0px; bottom:0px;}
.con_wrap div.con_r .con_r_in2 dd .con_r_in_r .m_xi2 { font-size:25px; color:#f8a42b;}