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

body{ font-size:16px;}
.box0{ width:95%; margin:0 auto; }
.box1{ width:1160px; max-width:100%; margin:0 auto;}
/*.box1{ width:95%; max-width:1200px; margin:0 auto;}*/
.box2{ width:1200px; max-width:100%; margin:0 auto}/*메인*/
.PHONE{ display:none !important;}

#fade{ position:fixed; z-index:1000000001; left:0; top:0; width:100%; height:100%; background:#fff; color:#0082d3; text-align:center;}

.doc {/*padding: 0 50px;*/	padding-top:65px;}
.doc.st{padding-top:0;}


/*header*/
#header{ position:fixed; z-index:100001; top:0; left:0; width:100%; border-bottom:1px solid transparent; transition:.3s;}
#header .head_wrap{ width:95%; max-width:1200px; margin:0 auto; transition:.3s;}
#header .head_wrap .left{ float:left;}
#header .head_wrap .right{ float:right;}
#header .head_wrap .vm_wrap{ display:block; height:90px;}
#header .logo,
#header .gnb_wrap,
#header .menu_wrap,
#header .all_btn{ display:inline-block; *display:inline; zoom:1; vertical-align:top;}
#header .gnb_wrap{ padding-left:30px;}
#header .gnb_wrap .gnb{ *zoom:1;}
#header .gnb_wrap .gnb:after{ content:""; display:block; clear:both;}
#header .gnb_wrap .gnb > li{ float:left; position:relative;}
#header .gnb_wrap .gnb .dp1{ position:relative; padding:0 1.375em; font-size:1.125em; color:#fff; font-weight:500;}
#header .gnb_wrap .gnb .dp1 .vm_tt{ position:relative; z-index:2;}
#header .gnb_wrap .gnb .dp1:after{ content:""; position:absolute; z-index:1; bottom:0; left:0; width:100%; height:0; transition:.3s;}
#header .gnb_wrap .gnb > li:hover .dp1,
#header .gnb_wrap .gnb > li.on .dp1{ color:#fff;}
#header .gnb_wrap .gnb > li:hover .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after{ height:100%; background:#2179ef;}
#header .gnb_wrap .gnb .dp2{ display:none; position:absolute; top:100%; left:0; right:0; padding:5px 0; background:#fff; border:2px solid #2179ef; border-top:none; border-radius:0 0 5px 5px; text-align:center;}
#header .gnb_wrap .gnb .dp2 .vm_wrap{ height:auto;}
#header .gnb_wrap .gnb .dp2 > li{ padding:0 10px;}
#header .gnb_wrap .gnb .dp2 > li > a{ padding:5px 0; border-top:1px dashed #ddd; font-size:.875em; color:#222; letter-spacing:-0.5px; text-transform:uppercase; transition:.2s;}
#header .gnb_wrap .gnb .dp2 > li:first-child > a{ border-top:none;}
#header .gnb_wrap .gnb .dp2 > li:hover > a{ color:#3263ac; }

#header .menu_wrap{}
#header .menu_wrap > li > a > .vm_tt{ position:relative; padding:0 1em; font-size:.750em; color:#fff; font-weight:500; text-transform:uppercase; opacity:.7; transition:.2s;}
#header .menu_wrap > li > a > .vm_tt:before{ content:""; position:absolute; left:0; top:50%; margin-top:-5px; width:1px; height:10px; background:#fff; opacity:.3;}
#header .menu_wrap > li > a > .vm_tt.fs { opacity: 1; margin-right: 10px; padding: 0.5em .938em; border: 1px solid #FFF; border-radius: 5px; }
#header .menu_wrap > li > a > .vm_tt.fs .xi.xi-home-o { font-size: 1em; }
#header .menu_wrap > li > a > .vm_tt.fs:hover { color: #2179ef; border-color: #2179ef; }
#header .menu_wrap > li > a > .vm_tt.fs:before { width: 0; height: 0; }

#header .menu_wrap > li:first-child > a > .vm_tt:before{ display:none;}
#header .menu_wrap > li:hover > a > .vm_tt{ opacity:1;}
#header .menu_wrap > li .xi.xi-home-o { margin-right: 3px; }
#header .menu_wrap > li.x_f { font-size: 1.125em; }
#header .all_btn .xi{ font-size:1.500em; color:#fff;}

#header #sitemapPC.on{}
#header #sitemapPC.on .xi:before{ content:"\e921";}

#header .siteMap_wrap{ display:none; position:relative;}
#header .siteMap_wrap .bg{ position:fixed; z-index:1; top:0; left:0; width:100%; height:100%; background:#000; filter:alpha(opacity=40); opacity:.4;}
#header .siteMap_wrap .box1{ transition:.3s;}
#header .siteMap_wrap .menu{ position:absolute; z-index:2; top:0; left:0; width:100%; background:#354353; border-bottom:1px solid #000; box-shadow:0 4px 5px rgba(0,0,0,.4);}
#header .siteMap_wrap .menu .gnb{ letter-spacing:-0.5px; overflow:hidden;}
#header .siteMap_wrap .menu .gnb a,
#header .siteMap_wrap .menu .gnb > li{ transition:.3s;}
#header .siteMap_wrap .menu .gnb > li{ float:left; width:20%; padding:20px 0 30px 0; position:relative;}
#header .siteMap_wrap .menu .gnb > li:before,
#header .siteMap_wrap .menu .gnb > li:after{ content:""; position:absolute; top:0; width:1px; height:100%; background:#000; opacity:.2;}
#header .siteMap_wrap .menu .gnb > li:before{ left:0; display:none;}
#header .siteMap_wrap .menu .gnb > li:first-child:before{ display:block;}
#header .siteMap_wrap .menu .gnb > li:after{ right:0;}
#header .siteMap_wrap .menu .gnb .dp1,
#header .siteMap_wrap .menu .gnb .dp2{ margin:0 25px; padding:0 5px;}
#header .siteMap_wrap .menu .gnb .dp1{ display:block; padding-bottom:10px; border-bottom:3px solid rgba(0,0,0,.3); color:#fff; font-weight:500;}
#header .siteMap_wrap .menu .gnb .dp2{ padding-top:15px; border-top:1px solid rgba(255,255,255,.4);}
#header .siteMap_wrap .menu .gnb .dp2 > li > a{ display:block; padding:5px 0; font-size:.875em; color:#fff; text-transform:uppercase;}
#header .siteMap_wrap .menu .gnb > li:hover{ background:rgba(0,0,0,.15);}
#header .siteMap_wrap .menu .gnb .dp2 > li:hover > a{ padding-left:10px;}

.scroll #header,
#header.on{ background:#fff; border-bottom-color:#ddd;}
.scroll #header .head_wrap{ max-width:95%;}
.scroll #header .head_wrap .vm_wrap{ height:65px;}
.scroll #header .logo > a img,
#header.on .logo > a img{ opacity:0;}
.scroll #header .logo > a,
#header.on .logo > a{ background:url(../images/inc/logo.png) no-repeat left center;}
.scroll #header .gnb_wrap .gnb .dp1,
#header.on .gnb_wrap .gnb .dp1{ color:#000;}
.scroll #header .menu_wrap > li > a > .vm_tt,
#header.on .menu_wrap > li > a > .vm_tt{ color:#555; border-color: #555; }
.scroll #header .menu_wrap > li > a > .vm_tt:before,
#header.on .menu_wrap > li > a > .vm_tt:before{ background:#000;}
.scroll #header .all_btn .xi,
#header.on .all_btn .xi{ color:#000;}
.scroll #header .siteMap_wrap .box1{ max-width:95%;}

/*footer*/
#footer{}
#footer .partner_wrap{ position:relative; padding:50px 0; background:url(../images/inc/partner_bg.jpg) no-repeat 50% 50%; background-size:cover;}
#footer .partner_wrap .partner{ margin-right:-15px;}
#footer .partner_wrap .partner .item{ margin-right:15px; padding:10px; background:#fff;}
#footer .partner_wrap .partner .partner_img{ display:block; text-align:center;}
#footer .partner_wrap .control_box{ position:absolute; top:50%; left:0; width:100%;}
#footer .partner_wrap .control_arrow{ position:relative;}
#footer .partner_wrap .control_arrow > li{ position:absolute; top:0; margin-top:-22px; text-align:center;}
#footer .partner_wrap .control_arrow .prev{ left:-60px;}
#footer .partner_wrap .control_arrow .next{ right:-60px;}
#footer .partner_wrap .control_arrow > li .xi{ width:45px; height:45px; line-height:45px; font-size:1.563em; color:#fff; border:2px solid #fff; border-radius:100%; opacity:.45; cursor:pointer; transition:.3s;}
#footer .partner_wrap .control_arrow > li .xi:hover{ opacity:1;}
#sub #footer .partner_wrap{ padding:20px 0; background:#f2f2f2; border:1px solid #ddd; border-left:none; border-right:none;}
#sub #footer .partner_wrap .control_arrow > li .xi{ color:#333; border-color:#aaa;}

#footer .foot_wrap{ padding:40px 0 50px 0; background:#fff;}
#footer .foot_wrap .logo,
#footer .foot_wrap .info_wrap{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
#footer .foot_wrap .logo > a{ display:block; width:200px; margin-top:-15px;}
#footer .foot_wrap .info_wrap{ padding-left:40px;}
#footer .foot_wrap .info_wrap .menu{ padding-bottom:20px;}
#footer .foot_wrap .info_wrap .menu > li > a{ position:relative; padding:0 1em; color:#333; letter-spacing:-0.5px;}
#footer .foot_wrap .info_wrap .menu > li > a:before{ content:""; position:absolute; left:0; top:50%; margin-top:-7px; width:1px; height:14px; background:#000; opacity:.25;}
#footer .foot_wrap .info_wrap .menu > li:first-child > a{ padding-left:0;}
#footer .foot_wrap .info_wrap .menu > li:first-child > a:before{ display:none;}
#footer .foot_wrap .info_wrap .info{}
#footer .foot_wrap .info_wrap .info > li{ padding:2px 0;}
#footer .foot_wrap .info_wrap .info > li .tt{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-right:1.4em; font-size:.875em; letter-spacing:-0.5px;}
#footer .foot_wrap .info_wrap .info > li .tt,
#footer .foot_wrap .info_wrap .info > li a{ color:#666;}
#footer .foot_wrap .info_wrap .info > li strong{ font-size:1.250em; color:#0081c4; font-weight:700;}
#footer .foot_wrap .info_wrap .info .copy{ padding-top:10px; font-size:.688em; color:#aaa; letter-spacing:0; text-transform:uppercase;}
#footer .foot_wrap a:hover{ color:#3263ac !important;}


#footer .bkfsLogo{ padding-top:3em;}
#footer .bkfsLogo img{ opacity:.9; max-width:96%;}



/*contents*/
#contents{}
#contents .contents_top{ position:relative; height:340px; text-align:center; overflow:hidden;}
#contents .contents_top .sub_visual{position:absolute; z-index:inherit; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transform:scale(1.1,1.1); transition:.8s;}
#contents .contents_top .sub_visual.bg_1{ background-image:url(../images/sub/sub_visual1.jpg);}
#contents .contents_top .sub_visual.bg_2{ background-image:url(../images/sub/sub_visual2.jpg);}
#contents .contents_top .sub_visual.bg_3{ background-image:url(../images/sub/sub_visual3.jpg);}
#contents .contents_top .sub_visual.bg_4{ background-image:url(../images/sub/sub_visual4.jpg);}
#contents .contents_top .sub_visual.bg_5{ background-image:url(../images/sub/sub_visual5.jpg);}
#contents .subTitle{ position:relative; z-index:inherit; padding-top:4em;}
#contents .subTitle .tit{ font-size:2.500em; color:#fff; font-weight:500; letter-spacing:-1px; transition:2s; opacity:0;}
#contents .subTitle .txt { font-size:1.063em; color:#fff; letter-spacing:.1px; transition:2s; opacity:0; font-weight:400; padding-top:20px;}

.Loading #contents .contents_top .sub_visual{ transform:scale(1,1)}
.Loading #contents .subTitle .tit,
.Loading #contents .subTitle .txt
{ opacity:1;}


#contents .subNav_wrap{ background:#f5f5f5; border-bottom:1px solid #ccc;}
#contents .subNav_wrap .navLeft{ float:left;}
#contents .subNav_wrap .navRight{ float:right;}
#contents .subNav_wrap .vm_wrap{ display:block; height:60px;}
#contents .subNav_wrap .gnb{}
#contents .subNav_wrap .gnb > li,
#contents .subNav_wrap .gnb .dp1{ display:none;}
#contents .subNav_wrap .gnb > li.on{ display:block;}
#contents .subNav_wrap .gnb .dp2 > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top;}
#contents .subNav_wrap .gnb .dp2 > li .vm_tt{ position:relative; z-index:2;}
#contents .subNav_wrap .gnb .dp2 > li > a{ position:relative; padding:0 2em; font-size:1.063em; color:#222; letter-spacing:-0.5px; text-transform:uppercase;}
#contents .subNav_wrap .gnb .dp2 > li > a:after{ content:""; position:absolute; z-index:1; left:0; bottom:-1px; width:0; height:2px; background:#2179ef; transition:.3s;}
#contents .subNav_wrap .gnb .dp2 > li:hover > a,
#contents .subNav_wrap .gnb .dp2 > li.on > a{ color:#2179ef;}
#contents .subNav_wrap .gnb .dp2 > li.on > a{ font-weight:500;}
#contents .subNav_wrap .gnb .dp2 > li:hover > a:after,
#contents .subNav_wrap .gnb .dp2 > li.on > a:after{ width:100%;}
#contents .subNav_wrap .gnb .dp2 > li.on > a:after{ height:100%; background:#fff; border:1px solid #ccc; border-top:none; border-bottom:none;}
#contents .subNav_wrap .nav{}
#contents .subNav_wrap .nav > li{ display:inline-block; *display:inline; zoom:1; vertical-align:baseline; font-size:.813em; color:#666;}
#contents .subNav_wrap .nav > li:before{ content:"\e93f"; font-family:xeicon !important; font-style:normal; color:#999; padding:0 2px;}
#contents .subNav_wrap .nav > li:first-child:before{ display:none;}
#contents .subNav_wrap .nav .home{ font-size:.688em;}
#contents .subNav_wrap .nav .on{ color:#111; font-weight:500; text-transform:uppercase;}

#contents .conTitle{ padding:30px 0 40px 0;}
#contents .conTitle .tit_wrap{ position:relative; display:inline-block; *display:inline; zoom:1; font-size:1.875em; color:#333; font-weight:500; letter-spacing:-1px; text-transform:uppercase; padding: 0 50px;}
#contents .conTitle .tit_wrap:before{ content:""; position:absolute; left:100%; top:50%; margin-left:15px; width:60px; height:4px; background:#3263ac;}

#contents .subCon{ padding-bottom:120px;}
#contents .doc{}
#contents .doc_main{}


/*MAIN***********************************/
.cont.cs_wrap .full_ul {overflow:hidden; margin-left:-10px;}
.cont.cs_wrap .full_ul .full_li {float:left; width:50%;}
.cont.cs_wrap .full_ul .full_li .full_in {margin-left:10px;}
.cont.cs_wrap .full_ul .full_li .full_in .small_ul {margin-left:-10px;}
.cont.cs_wrap .full_ul .full_li .full_in .small_ul .small_li {width:50%;}
.cont.cs_wrap .full_ul .full_li .full_in .small_ul .small_li .small_in {margin-left:10px;}

.cont.cs_wrap{ position:relative; /*left:50%; top:0; width:2000px; margin-left:-1000px;*/ background:url(../images/main/main_con1.jpg) no-repeat; padding:50px 0 80px 0}
.notice_wrap{ background:#fff; padding:20px 0; position:relative; min-height:304px;}
.notice_wrap .tt, .inq_wrap .tt{ padding:0 20px 25px 20px; font-size:1.250em; letter-spcing:-.5px}
.notice_wrap .more_btn{ border:1px solid #ddd; width:30px; height:30px; display:block; position:absolute; top:20px; right:20px; cursor:pointer;}
.notice_wrap .xi-plus{ color:#565656; font-size:1.250em; }
.notice_wrap > ul{ padding:0 20px}
.notice_wrap > ul > li{ border-bottom:1px solid #ddd; padding:8px 0}
.notice_wrap > ul > li:first-child{ padding-top:0}
.notice_wrap > ul > li:last-child{ border-bottom:0; padding-bottom:0}
.notice_wrap > ul > li .tx{ font-size:.875em; color:#333; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; letter-spacing:-0.5px; display:block}
.notice_wrap > ul > li .date{ display:block; font-size:.813em; color:#888; padding-top:5px;}
.notice_wrap > ul > li .date .xi{ margin-right:5px; vertical-align:middle}

.inq_wrap{ background:#fff; padding:20px 0; position:relative; min-height:304px;}
.inq_wrap .main_agree .xi{ position:static; coloir:#ccc; font-size:18px; zoom:1; display:inline-block; vertical-align:middle}
.inq_wrap a.more_btn{display:inline-block; *display:inline; zoom:1; vertical-align:middle; background:#2179ef; color:#fff; font-size:14px; padding:3px 5px; border-radius:2px; margin-left:3px;}
.inq_wrap .main_agree{ position:absolute; top:20px; right:20px}
.inq_wrap .ti{ font-size:.875em; padding-left:20px; color:#333}
.inq_wrap .inp_box{ padding:20px 20px 0 20px; width:65%}
.inq_wrap textarea.input_st{ height:100px; width:100%;}
.input_st.inp_w68{ width:68.999%}
.inq_wrap .input_st.input_tt{ margin:5px 0;}
.inq_wrap .inp_btn{ width:160px; background:#3363ad; color:#fff; cursor:pointer; position:absolute; bottom:58px; right:20px; padding:57px 0; text-align:center}
.inq_wrap .inp_btn .xi{ color:#fff; font-size:2em; display:block}
.inq_wrap .inp_btn .tx{ display:block; padding-top:10px}


.cont.company{ position:relaitve; padding:50px 0}
.cont.company .in{ margin-left:-20px}
.cont.company .in .company_li {width:25%; cursor:pointer;}
.cont.company .in .company_li .li_in {margin-left:20px}
.cont.company .in .company_li .li_in .inner{ position:relative; padding-top:2em; text-align:center}
.cont.company .in .company_li .li_in .inner:before{ content:""; width:3px; height:40px; background:#0081c4; position:absolute; top:-10px; left:50%}
.cont.company .in .company_li .li_in .inner .tx1{ font-size:1.250em; font-weight:500}
.cont.company .in .company_li .li_in .inner .tx2{ font-size:.875em; letter-spacing:-.5px; color:#777; padding-top:5px; padding-bottom:20px}
.cont.company .in .company_li .li_in .inner .tx3{ font-size:1.875em; color:#0081c4; font-weight:600; padding:10px 0 5px 0;}
.cont.company .in .company_li .li_in .inner .tx4{ font-size:.875em}

.cont.company .in .bis_more {display:inline-block; margin-top:1em; color:#0081c4; border:1px solid #0081c4; border-radius:29px; padding:10px 10px; height:16px; line-height:16px; font-size:.688em; /*position:absolute; left:50%; bottom:-60px;*/}
.cont.company .in .bis_more .xi {padding-left:9px; font-size:13px; vertical-align:middle;} 
.cont.company .in .bis_more:hover {background:#0081c4; color:#fff; transition:.3s;}
.cont.company .in .bis_more:hover .xi {margin-left:5px; transition:.3s;}




/*SUB PAGE*******************************/
/*inc*/
.page_sec { margin-top:60px !important;}
.page_sec1{ margin-top:20px !important;}
.page_sec2{ margin-top:40px !important;}
.page_sec3{ margin-top:80px !important;}

/**/
.table_st{ width:100%; border-top:2px solid #333}
.table_st th,
.table_st td{ border:1px solid #ddd; height:2em; padding:.5em 1em; font-size:.875em; text-align:center}
.table_st th{ background:#f5f5f5}
.table_st td{ color:#666}

/**/
.sub_tit_wrap {margin-bottom:20px;}
.sub_tit_wrap .tit {font-size:1.313em; position:relative; padding-left:35px;}
.sub_tit_wrap .tit:before,
.sub_tit_wrap .tit:after{ content:""; position:absolute; top:9px; left:2px; width:15px; height:7px; transform:rotate(45deg);}
.sub_tit_wrap .tit:before{ background:#233f87}
.sub_tit_wrap .tit:after{ background:#27bbd4; margin-left:.625em}


/*인사말*/
.greetings_bot_w .greetings_ul {overflow:hidden;}
.greetings_bot_w .greetings_ul > li {float:left;}
.greetings_bot_w .greetings_ul > li.left {width:59%;}
.greetings_bot_w .greetings_ul > li.right {width:40%;}
.greetings_bot_w .greetings_ul > li.right .greetings_in {margin-left:10%;}
.greetings_bot_w .greetings_ul > li .greetings_in {}
.greetings_bot_w .greetings_ul > li .greetings_in .tx {font-size:1.063em; color:#555; line-height:1.5; padding-bottom:1.5em; letter-spacing:.1px; vertical-align:middle;}
.greetings_bot_w .greetings_ul > li .greetings_in .tx .col {color:#003a6a;  vertical-align:bottom; font-weight:500;}
.greetings_bot_w .greetings_ul > li .greetings_in .tx.t1 {font-size:1.375em;  color:#222;}
.greetings_bot_w .greetings_ul > li .greetings_in .tx.t2 {padding-top:1em;}
.greetings_bot_w .greetings_ul > li .greetings_in .sign {text-align:right; padding-top:1em; padding-right:3em;}

/*오시는길*/
.map_con {margin-bottom:3em;}

.table_st.location_st {margin-top:1em; border-top:3px solid #2179ef;}
.table_st.location_st th {color:#333; font-size:1em;}
.table_st.location_st th .xi {font-size:1.125em; padding-right:5px;}
.table_st.location_st td { font-size:.938em;}

.table_st.location_st td .bus_info { padding-bottom:3px;}
.table_st.location_st td .bus_info .bus_ti {color:#fff; border-radius:29px; text-align:center; margin-right:4px; font-size:.875em; height:20px; line-height:20px; padding:0 10px; background:#444;}
.table_st.location_st td .bus_info > span {}
.table_st.location_st td .bus_info .ti {}
.table_st.location_st td .bus_info .tx {}
.table_st.location_st td .bus_info .tx .tt {display:block;}

.table_st.location_st td .bus_info_t {padding:3px 0;}
.table_st.location_st td .bus_info_t .tt {display:block;}
.table_st.location_st td .bus_info_t .bus_icon {color:#fff; border-radius:29px; text-align:center; margin-right:4px; font-size:.875em; height:20px; line-height:20px; padding:0 10px;}
.table_st.location_st td .bus_info_t .bus_col01 {background:#5fb73c;}
.table_st.location_st td .bus_info_t .bus_col02 {background:#00aeab;}
.table_st.location_st td .bus_info_t .bus_col03 {background:#7182f5;}
.table_st.location_st td .bus_info_t .bus_col04 {background:#5fb73c;}

.table_st.location_st td .bus_info_t .sub_col01 {background:#717617;}
.table_st.location_st td .bus_info_t .sub_col02 {background:#cea33a;}
.table_st.location_st td .bus_info_t .sub_col03 {background:#ffce32;}

/*sub tab*/
.TAB_WRAP {position:relative; text-align:center;  margin-bottom:30px; margin-top:30px;}
.TAB_WRAP.t_st {border-bottom:1px solid #ddd;}
.TAB_WRAP .tab_ul {position:relative; display:inline-block;}
.TAB_WRAP .tab_ul li {position:relative;}
.TAB_WRAP .tab_ul li > a {text-align:center; transition:.3s; padding:0 30px; height:50px; line-height:50px; display:block; font-size:1.188em;}
.TAB_WRAP .tab_ul li > a:after{content:"" ;position:absolute; left:50%; bottom:-3px; width:30px; height:5px; background:#2179ef; margin-left:-15px; opacity:0;}
.TAB_WRAP .tab_ul li.on > a,
.TAB_WRAP .tab_ul li:hover > a{ color:#2179ef;}
.TAB_WRAP .tab_ul li.on > a:after{ opacity:1}

.TAB_WRAP.sub_2_4_st {}
.TAB_WRAP.sub_2_4_st .tab_ul li > a {height:inherit; line-height:inherit; border:1px solid #e1e1e1; padding:.5em 3em; font-size:1.063em; background:#f8f8f8;}
.TAB_WRAP.sub_2_4_st .tab_ul li > a:after {background:none;} 
.TAB_WRAP.sub_2_4_st .tab_ul li.on > a, .TAB_WRAP .tab_ul li:hover > a {color:#fff; background:#233f87;}


/**/
.sub1_2_w {background:#f5f5f5; padding:4em 0 6em 0;}
.sub1_2_w .t_w {text-align:center; padding-bottom:2em;}
.sub1_2_w .t_w .tit {font-size:1.563em; font-weight:500;}
.sub1_2_w .t_w .line {width:30px; height:2px; text-align:center; display:inline-block; margin:1em 0 2em 0; background:#003a6a;}
.sub1_2_box {width:94%; margin:0 auto;}
.sub1_2_ul {overflow:hidden; margin-left:-15px;}
.sub1_2_ul .sub1_2_li {float:left; width:33.33%; margin-bottom:15px;}
.sub1_2_ul .sub1_2_li .con_in {margin-left:15px;}
.sub1_2_ul .sub1_2_li .con_in  .con_im_wrap {position:relative;  z-index:101; border-top:3px solid #003a6a;}
.sub1_2_ul .sub1_2_li .con_in  .con_tx_wrap {padding:15px 20px 15px 20px; position:relative;  z-index:101; background:#003a6a;}
.sub1_2_ul .sub1_2_li .con_in  .con_tx_wrap .ti {color:#fff; font-size:1.313em;}
.sub1_2_ul .sub1_2_li .con_in  .con_tx_wrap .line {width:35px; height:2px; background:#fff; margin:15px 0;}
.sub1_2_ul .sub1_2_li .con_in  .con_tx_wrap .tx {color:#ddd; font-size:0.875em; padding:15px 0 30px 0; line-height:1.4; }
.sub1_2_ul .sub1_2_li .con_in  .con_tx_wrap .tx .col {color:#27bbd4}
.sub1_2_ul .sub1_2_li .con_in  .con_tx_wrap .bis_more {color:#fff; border:1px solid #fff; border-radius:29px; padding:5px 10px; height:16px; line-height:16px; font-size:.688em; position:absolute; right:8px; bottom:10px;}
.sub1_2_ul .sub1_2_li .con_in  .con_tx_wrap .bis_more .xi {padding-left:9px; font-size:13px; vertical-align:top;} 
.sub1_2_ul .sub1_2_li .con_in  .con_tx_wrap .bis_more:hover {background:#f9f9f9; color:#003f87; transition:.3s;}
.sub1_2_ul .sub1_2_li .con_in  .con_tx_wrap .bis_more:hover .xi {margin-left:5px; transition:.3s;}

/*sub_2 타이틀*/
.sub_t_wrap {margin-bottom:5em; background-repeat:no-repeat; position:relative; width:100%; height:350px; background-position:left center;} 
.sub_t_wrap .bg {position:absolute; width:60%; height:90%; right:-20px; bottom:0; background:#003a6a; opacity:.94;}
.sub_t_wrap .bg.ys{ height:108%;}
.sub_t_wrap.sub2_1_bg {background-image:url(../images/sub_2/2_1bg.jpg);} 
.sub_t_wrap.sub2_1_tabbg01 {background-image:url(../images/sub_2/2_1_tabbg01.jpg);} 
.sub_t_wrap.sub2_1_tabbg02 {background-image:url(../images/sub_2/2_1_tabbg02.jpg);} 
.sub_t_wrap.sub2_2_bg {background-image:url(../images/sub_2/2_2bg.jpg);} 
.sub_t_wrap.sub2_3_bg {background-image:url(../images/sub_2/2_3bg.jpg);} 
.sub_t_wrap.sub2_4_bg {background-image:url(../images/sub_2/2_4bg.jpg);} 
.sub_t_wrap.sub2_5_bg {background-image:url(../images/sub_2/2_5bg.jpg);} 
.sub_t_wrap.sub2_6_bg {background-image:url(../images/sub_2/2_6bg.jpg);} 

.sub_t_wrap .t_con {position:absolute; right:0; bottom:0; width:60%;}
.sub_t_wrap .t_con .in_t_w {padding:3em;}
.sub_t_wrap .t_con .in_t_w .ti {font-size:1.750em; color:#fff;}
.sub_t_wrap .t_con .in_t_w .tx {color:#fff; line-height:1.5; width:100%; max-width:600px; letter-spacing:.1px;}
.sub_t_wrap .t_con .in_t_w .line {display:block; background:#fff; width:30px; height:2px; margin:1em 0 1em 0;}

.sub_t_wrap .t_con .in_t_w .tx.pdt_st {padding-top:6px;}


.sub_t_wrap.tab01_st .t_con {bottom:30px;}

.sub_t_wrap.tab02_st .bg {width:70%; height:100%; bottom:-10px;}
.sub_t_wrap.tab02_st .t_con {width:70%; bottom:-20px;}
.sub_t_wrap.tab02_st .t_con .tx {max-width:710px;}
.sub_t_wrap.tab02_st .t_con .in_t_w .line {margin:1em 0;}

.sub_t_wrap.tab03_st .t_con {bottom:0;}


/**/
.sub_img_con {border:1px solid #eee; padding:2em; margin-bottom:3em; background:#f8f8f8; border-top:2px solid #2179ef;}
.sub_img_con .in_img_w {}
.sub_img_con .in_img_w.mg_b {margin-bottom:2em;}
.sub_img_con .in_img_w .small_tit {padding-bottom:1em; padding-left:10px; font-size:1.063em; font-weight:500; position:relative;}
.sub_img_con .in_img_w .small_tit:before {position:absolute; content:""; width:5px; height:15px; background:#233f87; left:0; top:3px;}
.sub_img_con .in_img_w .in_tit {padding-bottom:1em; padding-left:10px; position:relative; font-size:1.063em; color:#333; font-weight:400;}
.sub_img_con .in_img_w .in_tit:before {position:absolute; content:""; width:5px; height:15px; background:#2179ef; left:0; top:3px;}
.sub_img_con .in_img_w .in_txt {padding-left:10px; padding-bottom:15px; color:#444; font-size:.938em; font-weight:400;}
.sub_img_con .in_img_w .in_img {border:1px dashed #ccc; padding:1.5em; background:#fff; text-align:center;}
.sub_img_con .in_img_w .in_img.mg_t {margin-top:1em;}

.sub_img_con .in_t_w_ul {border:1px solid #ccc; border-top:2px solid #2179ef; padding:1em; margin-top:1em; background:#fff;}
.sub_img_con .in_t_w_ul.st {margin-top:0; margin-bottom:2em;}
.sub_img_con .in_t_w_ul .ti {font-size:1.063em; padding-left:10px; position:relative;}
.sub_img_con .in_t_w_ul .ti:before {position:absolute; content:""; width:6px; height:6px; background:#2179ef; left:0; top:8px;}
.sub_img_con .in_t_w_ul .tx {line-height:2; color:#222; position:relative; padding-left:10px;}
.sub_img_con .in_t_w_ul .tx:before {position:absolute; content:""; left:0; top:16px; width:5px; height:2px; background:#888;}
.sub_img_con .in_t_w_ul .tx.col_red {color:#F00;}
.sub_img_con .in_t_w_ul .tx.sub2_4_tab_st {margin-left:1em;}
.sub_img_con .in_t_w_ul .tx .tx_t {display:block; font-size:.875em; padding-left:1em; line-height:1.5; padding-bottom:1em; color:#033e6e;}
.sub_img_con .in_t_w_ul .tx .tx_t .col {color:#F00; }

.sub_img_con .in_t_w_ul .tx .in_txt {display:block; font-size:.938em;}
.sub_img_con .in_t_w_ul .tx .in_txt .col {color:#F00;}

/**/
.sub_t_con {margin-bottom:3em;  border:1px solid #eee; padding:1.5em; background:#f8f8f8; border-top:2px solid #2179ef;}
.sub_t_con .t_w_ul {}
.sub_t_con .t_w_ul .tx {line-height:2; color:#222; position:relative; padding-left:10px;}
.sub_t_con .t_w_ul .tx:before {position:absolute; content:""; left:0; top:16px; width:5px; height:2px; background:#888;}
.sub_t_con .t_w_ul.li_st .tx  {padding-bottom:15px;}

.sub_t_con .t_w_ul .tx .in_tw {}
.sub_t_con .t_w_ul .tx .in_tw .t1{font-weight:500;}
.sub_t_con .t_w_ul .tx .in_tw .t2 {position:relative; padding-left:30px; color:#555; font-weight:400; font-size:.938em;}
.sub_t_con .t_w_ul .tx .in_tw .t2:before {position:absolute; content:""; left:20px; top:15px; background:#2179ef; width:3px; height:3px; border-radius:50%;}

.sub_t_con.st2 > dl{margin-bottom:15px;}
.sub_t_con.st2 > dl .ti {background:#233f87; padding:.8em 1em; font-size:.938em; color:#fff;}
.sub_t_con.st2 > dl .tx {border:1px solid #ccc; padding:1em; background:#fff;}
.sub_t_con.st2 > dl .tx > p {line-height:1.9; position:relative; padding-left:10px;}
.sub_t_con.st2 > dl .tx > p:before {position:absolute; content:""; left:0; top:15px; background:#2179ef; width:3px; height:3px; border-radius:50%;}
.sub_t_con.st2 > dl .tx > p.icon_no {}
.sub_t_con.st2 > dl .tx > p.icon_no.col_blue {color:#233f87;}
.sub_t_con.st2 > dl .tx > p.icon_no.col_red {color:#F00;}
.sub_t_con.st2 > dl .tx > p.icon_no:before {position:inherit;}
.sub_t_con.st2 > dl .tx > p.icon_no .in {display:block; padding-left:1.5em; color:#444; font-size:.938em; font-weight:400;}

.sub_t_con.st2 > dl .tx .in_t_dl {margin-left:1.5em; margin-top:.2em;}
.sub_t_con.st2 > dl .tx .in_t_dl .in_t_tx {}
.sub_t_con.st2 > dl .tx .in_t_dl .in_t_tx > p {font-size:.938em; line-height:1.7; font-weight:400; color:#444;}
.sub_t_con.st2 > dl .tx .in_t_dl .in_t_tx2 {}

.sub_t_con .step_ul {margin-left:-40px;}
.sub_t_con .step_ul > li {width:33.33%; margin-bottom:15px;  position:relative;}
.sub_t_con .step_ul > li:after {position:absolute; content:"\ea3e"; left:10px; top:30px; font-family:xeicon; font-style:normal; font-size:25px; color:#777;}
.sub_t_con .step_ul > li.icon_no:after {font-size:0;}
.sub_t_con .step_ul > li .step_in {border:1px solid #ccc; border-radius:19px; margin-left:40px; text-align:center; overflow:hidden;}
.sub_t_con .step_ul > li .step_in .t1 {text-align:left !important; background:#2179ef; color:#fff; padding:.5em 1.8em; font-size:.875em; border-radius:9px 9px 0 0;}
.sub_t_con .step_ul > li .step_in .t2 {padding:1.5em; font-size:.938em; background:#fff;}

/**/
.sub_table_wrap {margin-bottom:2em; padding:2em; border:1px solid #eee; background:#f8f8f8; border-top:2px solid #2179ef;}

.table_st.sub2_6_st thead th {background:#003a6a; color:#fff;}
.table_st.sub2_6_st { width:100%; border-top:none;}
.table_st.sub2_6_st tbody th,
.table_st.sub2_6_st tbody td{ border:1px solid #ddd; height:2em; padding:.5em 1em; font-size:.938em; }
.table_st.sub2_6_st tbody th{ background:#2179ef; color:#fff;}
.table_st.sub2_6_st tbody td{ color:#666; background:#fff;} 

/**/
.sub_txt_wrap .photo_box {overflow:hidden; }
.sub_txt_wrap .pho_in >.tt,test_photo_w .pho_in>.tx{text-align:center}
.sub_txt_wrap .pho_in >.tt{color:#333; font-size:2.3em; }
.sub_txt_wrap .pho_in >.tx{font-size:1.063em; color:#666; margin:15px 0 50px 0; font-weight:500}
.sub_txt_wrap li.pho {float:left; }
.sub_txt_wrap .photo_box.sec02 li {width:50%;}
.sub_txt_wrap .photo_box.sec03 li {width:33.33%;}
.sub_txt_wrap .pho_in{ text-align:center; position:relative; overflow:hidden; margin:0 0 10px 10px; padding:50px 0;}
.sub_txt_wrap .pho_in .tt{color:#fff; z-index:3333; font-size:1.250em; position:relative; padding:30px 0; line-height:1.3;}
.sub_txt_wrap .pho_in .tt.t1 { padding-bottom: 7px; text-shadow: 0px 1px 3px #000;}
.sub_txt_wrap .pho_in .tt.t2 { padding-top: 0; font-size: .938em; color: #D1D1D1; text-shadow: 0px 1px 3px #000; }
.sub_txt_wrap .pho_in .tt .in_t {font-size:.875em !important; display:block;}
.sub_txt_wrap .pho_in .main_btn1 a{ padding-bottom:45px; position:relative; z-index:4444; font-size:0.96em; color:#fff; display:inline-block; border:1px solid #fff; padding:10px 75px; transition:all 0.6s;}
.sub_txt_wrap .pho_in .main_btn1 a:hover{background:rgba(255,255,255,.3)}
.sub_txt_wrap li.pho .bg{position:absolute; left:0; top:0; z-index:2222}
.sub_txt_wrap ul.photo_box{margin-left:-10px;}


/**/
.sub2_1info_box {overflow:hidden; margin-left:-25px; }
.sub2_1info_box > li {width:50%; float:left;}
.sub2_1info_box > li .sub2_1info_in {margin-left:25px; border:1px solid #ddd; background:#fff; overflow:hidden;}
.sub2_1info_box > li .sub2_1info_in .sub2_1info_in1 { position:relative; border-bottom:1px solid #ddd;}
.sub2_1info_box > li .sub2_1info_in .sub2_1info_in1 > img {width:100%;}
.sub2_1info_box > li .sub2_1info_in .sub2_1info_in1 > p {position:absolute; left:0; bottom:0; padding:10px; background:rgba(0,0,0,.8); width:100%; text-align:center; font-weight:500; font-size:1.188em; color:#fff;}
.sub2_1info_box > li .sub2_1info_in .sub2_1info_in1 > p span {font-size:1.5em; vertical-align:text-bottom; display:inline-block;line-height:1; font-weight:400; color:#013d98; margin-left:-20px;}

.sub2_1info_box > li .sub2_1info_in .sub2_1info_in2 {padding:20px; }
.sub2_1info_box > li .sub2_1info_in .sub2_1info_in2.st {padding:20px 20px 0 20px;}
.sub2_1info_box > li .sub2_1info_in .sub2_1info_in2 .tit {font-size:1.188em; padding-bottom:10px; position:relative; padding-left:15px;}
.sub2_1info_box > li .sub2_1info_in .sub2_1info_in2 .tit:before {position:absolute; content:""; width:6px; height:6px; border-radius:50%; background:#2179ef; left:0; top:9px;}
.sub2_1info_box > li .sub2_1info_in .sub2_1info_in2 .tit:first-child {padding-top:0;}
.sub2_1info_box > li .sub2_1info_in .sub2_1info_in2 .txt {margin-left:21px;}
.sub2_1info_box > li .sub2_1info_in .sub2_1info_in2 .txt.st {background:none;}
.sub2_1info_box > li .sub2_1info_in .sub2_1info_in2 .txt .in_img {border:1px solid #ddd; display:inline-block;}
.sub2_1info_box > li .sub2_1info_in .sub2_1info_in2 .txt .tt {line-height:1.7; font-size:.938em; position:relative; padding-left:14px; color:#555; font-weight:400;}
.sub2_1info_box > li .sub2_1info_in .sub2_1info_in2 .txt .tt:before {position:absolute; content:""; left:0; top:10px; width:7px; height:2px; background:#777;}

/**/
.step_st{ margin:0 -70px -70px 0}
.step_st > li .in{ margin:0 70px 70px 0; border:1px solid #ddd; text-align:center; border-radius:10px; position:relative}
.step_st > li .in .arrow{ color:#cc0001; position:absolute; width:70px; left:-90px; text-align:center; top:30px; height:100%; font-size:1em}
.step_st > li .in .arrow .xi:before{ content:"\e907";}
.step_st > li:first-child .in .arrow{ display:none}
.step_st > li .in .no{ padding:7px; background:#f5f5f5; color:#cc0001; font-size:.813em; border-radius:10px 10px 0 0}
.step_st > li .in .tit{/* padding:0 10px; height:60px;*/ font-size:.938em; color:#111; border:1px dashed #ccc; border-left:none; border-right:none; padding:1em; border-bottom:none;}


/*인재상*/
.sub3_1wrap .con_in{ margin-bottom:4em;}
.sub3_1wrap .list01{ padding-left:1.5em;}
.sub3_1wrap .list01 li{ font-size:1em; color:#666; position:relative; padding-left:.6em;}
.sub3_1wrap .list01 li:before{ content:""; width:3px; height:3px; position:absolute; background:#233f87; left:0; top:8px;}
.sub3_1wrap .con_in > .list00{ padding-left:2em; border-bottom:1px solid #ddd; width:75%; margin-left:120px;}
.sub3_1wrap .con_in > .list00 > li{ padding-right:6em;}
.sub3_1wrap .con_in > .list00 > li:first-child{ padding-left:9em;}


.sub3_1wrap .btm_in { border: 1px solid #DDD; box-sizing: border-box; padding: 30px; }
.sub3_1wrap .list02 {overflow: hidden;text-align: center; margin-left: -50px; margin-top:2em;}
.sub3_1wrap .list02 li { display: inline-block; width: 20%; }
.sub3_1wrap .list02 li .inner { margin-left: 50px; position: relative; }
.sub3_1wrap .list02 li .inner.mgn { margin-left: 0; }
.sub3_1wrap .list02 li .inner .xi { position: absolute; top: 50%; right: -35px; margin-top: -13px; }
.sub3_1wrap .list02 li .inner .fc1 { color: #70afef; }
.sub3_1wrap .list02 li .inner .fc2 { color: #509deb; }
.sub3_1wrap .list02 li .inner .fc3 { color: #1a7dde; }
.sub3_1wrap .list02 li .top { border-radius: 10px 10px 0 0; border: 1px solid #DDD; border-bottom: 0; color: #FFF; background: #1a7dde; font-size: .938em; height: 40px; line-height: 40px; font-weight: 500; letter-spacing: 1px; }
.sub3_1wrap .list02 li .top.bg1 { background: #8abef2; }
.sub3_1wrap .list02 li .top.bg2 { background: #70afef; }
.sub3_1wrap .list02 li .top.bg3 { background: #509deb; }
.sub3_1wrap .list02 li .btm { border-radius: 0 0 10px 10px; border: 1px solid #DDD; color: #333; height: 70px; line-height: 70px; font-weight: 500; }








/*개인정보처리방침*/
.agree_area{ border-top:2px solid #2179ef; border-bottom:1px solid 2179ef; position:relative;}
.agree_area.st .agree_box{ margin-left:0; padding:20px; background-color:#f9f9f9;}
.agree_area.st .agree_box .agree_in{ padding:20px; border:1px solid #ccc; background:#fff; line-height:18px;}
.agree_area .agree_box{ }
.agree_area .agree_box .txt{ color:#444; line-height:20px; margin-bottom:15px;}
.agree_area .agree_box .agree_in{ }
.agree_area .agree_box .agree_in p{ font-size:.938em; line-height:1.6; margin-bottom:15px; color:#666; }
.agree_area .agree_box .agree_in p.strong{ font-size:1em; color:#0f0c0c; margin-top:30px; line-height:20px; }

/*이메일무단수집거부*/
.sub_agree_wrap{ font-size:.938em; border:1px solid #ddd; border-top:2px solid #2179ef; padding:20px; line-height:1.5; color:#444;}
.sub_agree_wrap .con{ height:150px; overflow-y:scroll}
.sub_agree_wrap .agree{ text-align:right; border-top:1px solid #ddd; padding-top:10px}
.sub_agree_wrap .top_box { width:100%; border:1px solid #ccc; background:#f9f9f9; padding:20px; box-sizing:border-box; border-radius:10px; }
.sub_agree_wrap .top_box p { text-align:center; line-height:1.8; font-size:0.938em; font-weight:bold; color:#333; }
.sub_agree_wrap hr.line { border:none; border-bottom:1px solid #ddd; }


/*개인정보처리방침*/
.sub_agree_wrap{padding:30px; border-top: 2px solid #333; border-bottom: 1px solid #eee; border-right: 1px solid #eee; border-left: 1px solid #eee; font-size: 0.938em; color:#888; font-family:'notokrR', sans-serif; margin-top:10px;}
.sub_agree_wrap p{padding:10px; line-height:1.5;}
.sub_agree_wrap strong{color:#555;}
.sub_agree_wrap .cont{overflow-y: scroll; height: 140px; overflow-y: scroll; }
.cont_check{text-align: right; margin: 10px 0 40px 0; font-size:0.875em; color:#555; box-shadow:3px 3px 5px rgba(0,0,0,0.2); padding:.6em 1em; background:#f5f5f5;}
.sub_agree_wrap .span{text-align: center; padding-left: 40px;}



/*MAIN STYLE*******************************/
/**/
.main_visual{ position:relative;}
.main_visual,
.main_visual .visual .item{ height:680px;}
.main_visual .visual{ position:absolute; top:0; left:0; width:100%;}
.main_visual .item{ position:relative;}
.main_visual .item .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; transition:1s; transform:scale(1.1,1.1);}
.main_visual .item.ani .bg{transform:scale(1,1)}

.main_visual .slick-dots{ position:absolute; z-index:1001; top:385px; left:0; width:100%;}
.main_visual .slick-dots > ul{ width:95%; max-width:1200px; margin:0 auto;}
.main_visual .slick-dots > ul > li{ display:inline-block; margin-right:5px; font-size:0; line-height:0;}
.main_visual .slick-dots > ul > li > button{ width:30px; height:8px; background:#fff; border:none; transition:.3s; filter:alpha(opacity=30); opacity:0.3; font-size:0; cursor:pointer;}
.main_visual .slick-dots > ul > li:hover > button,
.main_visual .slick-dots .slick-active > button{ filter:alpha(opacity=100); opacity:1;}
.main_visual .slick-dots .slick-active > button{ width:50px;}

.main_visual .slogan{ position:relative; z-index:inherit; padding-top:180px; color:#fff; letter-spacing:-1px;}
.main_visual .slogan .inner > dt > span{ display:block; line-height:1.3;}
.main_visual .slogan .inner > dd{ width:40%; margin-top:20px; line-height:1.4;}
.main_visual .slogan .inner > dd,
.main_visual .slogan .inner .t1{ padding-left:5px;}
.main_visual .slogan .inner .t1{ font-size:.875em; letter-spacing:3px; text-transform:uppercase; opacity:.6;}
.main_visual .slogan .inner .t2{ font-size:3.438em;}
.main_visual .slogan .inner .t3{ font-size:1.125em;}
.main_visual .slogan .inner .b{ font-weight:700;}

.main_visual .service_wrap{ position:absolute; z-index:inherit; left:0; width:100%; bottom:70px;}
.main_visual .service_wrap .inner{ margin-left:-5px; overflow:hidden;}
.main_visual .service_wrap .inner > li{ float:left; width:14.2857%;}
.main_visual .service_wrap .inner > li *{ transition:.3s;}
.main_visual .service_wrap .inner > li .link{ position:relative; display:block; margin-left:5px; border:1px solid transparent; border-radius:5px; overflow:hidden; color:#fff;}
.main_visual .service_wrap .inner .con_wrap .link{ border-color:rgba(255,255,255,.6);}
.main_visual .service_wrap .inner > li p{ position:relative; z-index:inherit;}
.main_visual .service_wrap .inner > li .bg{ position:absolute; z-index:inherit; top:0; left:0; width:100%; height:100%;}
.main_visual .service_wrap .inner .tit_wrap .bg{ background:#2179ef;}
.main_visual .service_wrap .inner .con_wrap .bg{ background:#000000; opacity:.75;}
.main_visual .service_wrap .inner > li .txt{ padding:20px 20px; line-height:1.3; letter-spacing:-1px;}
.main_visual .service_wrap .inner .tit_wrap .txt{ font-size:1.188em; font-weight:500;}
.main_visual .service_wrap .inner .con_wrap .txt{ font-size:1.063em;}
.main_visual .service_wrap .inner > li .txt > span{ position:relative; display:inline-block; *display:inline; zoom:1;}
.main_visual .service_wrap .inner .tit_wrap .txt > span{ padding-bottom:12px;}
.main_visual .service_wrap .inner .tit_wrap .txt > span:before{ content:""; position:absolute; left:2px; bottom:0; width:20px; height:2px; background:#fff;}
.main_visual .service_wrap .inner > li .btn{ position:absolute; left:20px; bottom:15px;}
.main_visual .service_wrap .inner .tit_wrap .btn{ bottom:20px;}
.main_visual .service_wrap .inner > li .btn i{ vertical-align:middle;}
.main_visual .service_wrap .inner > li .btn .tt{ padding-right:15px; font-size:.625em; text-transform:uppercase; letter-spacing:0;}
.main_visual .service_wrap .inner .tit_wrap .btn .xi{ font-size:.938em;}
.main_visual .service_wrap .inner .con_wrap .btn .xi{ font-size:1.500em;}
.main_visual .service_wrap .inner > li:hover .link{ transform: rotateY(180deg);}
.main_visual .service_wrap .inner > li:hover .link p{ transform: rotateY(180deg);}

.main_visual .slogan .inner,
.main_visual .service_wrap .inner{ filter:alpha(opacity=0); opacity:0; transform:translate(0,60px); transition:All .5s ease;}
.main_visual.ani .slogan .inner,
.main_visual.ani .service_wrap .inner{ filter:alpha(opacity=100); opacity:1; transform:translate(0,0);}
.main_visual.ani .slogan .inner{ transition-delay:.5s;}
.main_visual.ani .service_wrap .inner{ transition-delay:1s;}

/**/
.mgl { margin-left: 7px; position: relative; }
.mgl:before { content: "-"; position: absolute; top: 14px; left: -8px; }


/*board*/
.wh_bn { border-bottom: 0!important; }
.wh_bt { border-top: 1px solid #AAA!important; margin-top: 40px!important; }

.table_wrap{border-top:2px solid #1d1d21;border-bottom:1px solid #333; }

.table_wrap .tit{border-bottom:1px solid #999;padding:12px 0; background:#f5f5f5; font-size:15px; color:#111;}
.table_wrap .tit strong{ font-weight:normal;}
.board_write .tit{border-top:1px solid #d5d9e0; border-bottom:none; text-align:left; padding-left:25px; font-size:15px}
.board_write tr:first-child .tit{ border-top:none}

.table_wrap table{width:100%;table-layout:fixed;}
.table_wrap td{ padding:12px 10px; color:#555555; line-height:1.3; border-top:1px solid #dddddd; background:#fff; font-size:14px;}
.table_wrap tr:first-child td{ border-top:none}
.table_wrap .ex{ display:inline-block; *display:inline; zoom:1; font-size:13px; line-height:1;}
.table_wrap .ex.ex1{ padding-left:15px;}
.table_wrap .ex.ex2{ display:block; padding:5px 0;}
.table_wrap .ex.cr1{ color:#999999;}
.table_wrap .ex.cr2{ color:#333333;}
.table_wrap .ex.cr3{ color:#3974ed;}

.table_wrap .state{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; text-align:center; height:23px; line-height:23px; min-width:50px; padding:0 10px; border-radius:20px; font-size:13px;}
.table_wrap .state.cr1{ background-color:#555555; border:1px solid #555555; color:#ffffff;}
.table_wrap .state.cr2{ background-color:#f9f9f9; border:1px solid #bbbbbb; color:#222222;}
.table_wrap .state.cr3{ background-color:#1c68b6; border:1px solid #1c68b6; color:#ffffff;}
.table_wrap .state.cr4{ background-color:#333333; border:1px solid #333333; color:#ffffff;}
.table_wrap .state.cr5{ background-color:#ffffff; border:1px solid #999999; color:#111111;}

.table_wrap .calendar{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin:3px 0 0 4px; width:23px; height:23px; background:url(../images/inc/icon_calendar.png) no-repeat; cursor:pointer;}

tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.tbl_st2 {
    border: 0px;
    padding: 0px;
    margin-bottom: 10px;
    font-size: 15px;
    border-top: 2px solid #d51c29;
}
.mg_t20 {
    margin-top: 20px !important;
}

/*gallery*/
.table_wrap .board_gallery{ padding:15px 0; *zoom:1;}
.table_wrap .board_gallery:after{ content:""; display:block; clear:both;}
.table_wrap .board_gallery .gall_inc{ float:left; width:25%;}
.table_wrap .board_gallery .gall_inc > a{ display:block; margin:10px 10px; border:1px solid #bbb; *cursor:pointer;}
.table_wrap .board_gallery .gall_inc .img{ height:160px; border-bottom:1px solid #ccc; overflow:hidden; position:relative;}
.table_wrap .board_gallery .gall_inc .img img{ width:100%; height:100%; max-width:211px; max-height:160px; position:relative;}
.table_wrap .board_gallery .gall_inc .img .layer_on{ position:absolute; width:100%; height:100%; left:0; top:0; background:#000; filter:alpha(opacity=10); opacity:0.1;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.table_wrap .board_gallery .gall_inc .info{ padding:0 15px 15px 15px;}
.table_wrap .board_gallery .gall_inc .info .tt{ padding:10px 0; height:15px;}
.table_wrap .board_gallery .gall_inc .info .tt strong{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height:1; color:#111;}
.table_wrap .board_gallery .gall_inc .info .name{ color:#666;}
.table_wrap .board_gallery .gall_inc .info .date{ padding-top:3px;}
.table_wrap .board_gallery .gall_inc .info .date span{ display:inline-block; *display:inline; zoom:1; margin-left:15px; font-size:12px; color:#999;}
.table_wrap .board_gallery .gall_inc .info .date span:first-child{ margin-left:0;}
.table_wrap .board_gallery .gall_inc:hover > a{ border:1px solid #888;}
.table_wrap .board_gallery .gall_inc:hover .img{ border-bottom:1px solid #888;}
.table_wrap .board_gallery .gall_inc:hover .img .layer_on{ filter:alpha(opacity=0); opacity:0;}
.table_wrap .board_gallery .gall_inc:hover .tt strong{ color:#1c68b6;}

/*btn*/
.mg_t30 {
    margin-top: 30px !important;
}
.board_btn .btn.write {
    background: #2452a7;
    border: 1px solid #2452a7;
    color: #fff;
}
.board_btn .btn.etc {
    background: #fff;
    border: 1px solid #2452a7;
    color: #2452a7;
}
.board_btn .btn.big {
    line-height: 45px;
    padding: 0 25px;
    font-size: 15px;
    min-width: 130px;
}
.board_btn .btn {
    display: inline-block;
    zoom: 1;
    vertical-align: bottom;
    border-radius: 4px;
}
.mg_l30 {
    margin-left: 30px !important;
}
.btn_inc.round {
    border-radius: 3px;
}
.btn_inc.line2 {
    border: 2px solid #677183;
    color: #677183;
}
.btn_inc.line3 {
    border: 2px solid #2452a7;
    background: #2452a7;
    color: #fff;
    transition: border 0.6s, background 0.6s, color 0.6s;
}
.btn_inc.line_size2 {
    padding: 6px 10px 7px 10px;
    min-width: 130px;
}
/**/
.icon_logo {
    background: url(../images/inc/icon.png) no-repeat left;
    font-size: 21px;
    padding-left: 27px;
    color: #445166;
}
.sub_in_ul {
    margin-top: 10px;
    margin-left: 16px;
}
.sub_in_li {
    background: url(../images/inc/icon2.png) no-repeat left top 10px;
    padding-left: 12px;
    line-height: 27px;
    font-size: 15px;
    color: #666;
    padding-bottom: 5px;
    font-family: notokrR;
}
.mg_t40 {
    margin-top: 30px !important;
}
.tbl_st2 {
    border: 0px;
    padding: 0px;
    margin-bottom: 10px;
    font-size: 15px;
    border-top: 2px solid #2452a7;
}

.mg_t20 {
    margin-top: 20px !important;
}


/*wh*/
.wh_idx { overflow: hidden; margin: 0 0 -10px -10px; }
.wh_idx > li { float: left; }
.wh_idx > li:first-child, 
.wh_idx > li:nth-child(2) { width: 50%; }
.wh_idx > li:nth-child(3),
.wh_idx > li:nth-child(4),
.wh_idx > li:nth-child(5) { width: 33.33333333%; }
.wh_idx > li:nth-child(6),
.wh_idx > li:last-child { width: 50%; }
.wh_idx > li .inner { margin: 0 0 10px 10px; background: #bbb; height: 145px; line-height: 145px; color: #FFF; font-size: 1.313em; text-align: center; position: relative; cursor: pointer; }
.wh_idx > li .inner > p { position: relative; z-index: 2; text-shadow: 0 1px 2px rgba(0,0,0,.5); }

.wh_idx > li .inner:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.35); transition: .3s; z-index: 1; }
.wh_idx > li .inner:hover:before { background: rgba(0,0,0,.175); }

.wh_idx > li.on .inner:before { background: rgba(0,0,0,.175); }



.wh_idx > li .inner.bg1 { background: url('../images/sub/tab_bg1.jpg') no-repeat 50% 50%; }
.wh_idx > li .inner.bg2 { background: url('../images/sub/tab_bg2.jpg') no-repeat 50% 50%; }
.wh_idx > li .inner.bg3 { background: url('../images/sub/tab_bg3.jpg') no-repeat 50% 50%; }
.wh_idx > li .inner.bg4 { background: url('../images/sub/tab_bg4.jpg') no-repeat 50% 50%; }
.wh_idx > li .inner.bg5 { background: url('../images/sub/tab_bg5.jpg') no-repeat 50% 50%; }
.wh_idx > li .inner.bg6 { background: url('../images/sub/tab_bg6.jpg') no-repeat 50% 50%; }
.wh_idx > li .inner.bg7 { background: url('../images/sub/tab_bg7.jpg') no-repeat 50% 50%; }

.sub_t_con.st2 > .tt { background: #233f87; padding: .8em 1em; font-size: .938em; color: #fff; }
.sub_t_con.st2 > .st_w { border: 1px solid #ccc; padding: 1em; background: #fff; margin-bottom: 15px; }
.sub_t_con.st2 > .st_w > p { line-height: 1.9; position: relative; padding-left: 10px; }
.sub_t_con.st2 > .st_w > p:before { position: absolute; content: ""; left: 0; top: 15px; background: #2179ef; width: 3px; height: 3px; border-radius: 50%; }

.ml_st1 { margin-left: 15px; font-size: .938em; display: block; }
.tt_st { display: block; width: 59px; text-align: justify; }
.st_w .st { margin-bottom: 10px; color: #666; line-height: 1.6;  }
.st_w .st .tt_st { color: #000; }
.lg_pl { padding-left: 50px; }

.link_wrap { display: inline-block; margin: 0 auto; color: #111; font-size: 1.063em; cursor: pointer; transition: all .3s; }
.link_wrap:hover { text-decoration: underline; }
.link_wrap .xi { color: #1786b5; font-size: 1.125em; margin-right: 2px; }
.link_wrap .fc { color: #666; }

.root_daum_roughmap .cont{display: none;}

@media print{
#header .gnb_wrap,
#header .head_wrap .right,
#contents .contents_top,
#contents .subNav_wrap,
#footer{ display:none}

#header{ background:#fff; border-bottom:2px solid #2179ef;}
}

@media all and (max-width:1023px){
	
.table_wrap .tit{ font-size:0.875em;}
.table_wrap td{font-size:0.875em;}
}