@charset "utf-8";
/* CSS Document */
body{ font-size:16px}
.box0{ width:94%; margin:0 auto}
.box1{ width:1200px; margin:0 auto; max-width:95%}
.box2{ width:1160px; margin:0 auto; max-width:100%}/*sub 페이지*/
.box3{ width:1000px; margin:0 auto; max-width:95%}
.box4{ width:1160px; margin:0 auto; max-width:95%}


.PC{ display:block !important}
.PHONE{ display:none !important}

/*board css*/

 

#header{ position: fixed; z-index:1000; left:0; top:0; width:100%; background-color:#fff;  box-shadow:0 1px 2px rgba(0,0,0,.3);}
#header .va_wrap{ height:4.5em}
.headerPD{ padding-top:4.5em}
#header .logo{ float:left; z-index:99; position:relative}
#header .logo > a{ position:relative}
#header .logo img{ max-height:80%}

#header .menu_wrap{}
#header .gnb_wrap{}
#header .gnb_wrap .gnb > li{ position:relative}
#header .gnb_wrap .gnb > li:before,
#header .gnb_wrap .gnb > li:before{ left:50%}
#header .gnb_wrap .gnb > li:after{ right:50%}
#header .gnb_wrap .gnb > li:hover .dp1{ color:#0074c1;}
#header .gnb_wrap .gnb > li .dp1{ color:#222; padding:0 1em; min-width:6em; position:relative; overflow:hidden; transition:.3s}
#header .gnb_wrap .gnb > li .dp1 .va{ position:relative; z-index:1; font-size:1.25em}
#header .gnb_wrap .gnb > li .dp2{ position:absolute; left:50%; margin-left:-5.5rem; width:11rem; opacity:0; visibility:hidden; border:1px solid #ddd;  background:#fff;}
#header .gnb_wrap .gnb > li .dp2 > li{ display:block}
#header .gnb_wrap .gnb > li .dp2 > li > a{ height:auto; color:#888; text-align:center; padding: 1em 1em; border-bottom:1px solid #eee;}
#header .gnb_wrap .gnb > li .dp2 > li:first-child > a{ border-top:none}
#header .gnb_wrap .gnb > li .dp2 > li > a .va{ font-size:.9em; position:relative;}
#header .gnb_wrap .gnb > li:hover .dp1,
#header .gnb_wrap .gnb > li.on .dp1{}
#header .gnb_wrap .gnb > li:hover:before,
#header .gnb_wrap .gnb > li.on:before,
#header .gnb_wrap .gnb > li:hover:after,
#header .gnb_wrap .gnb > li.on:after{ opacity:1; width:50%}
#header .gnb_wrap .gnb > li:hover .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after{ opacity:1}
#header .gnb_wrap .gnb > li:hover .dp2{ opacity:1; visibility:visible}
#header .gnb_wrap .gnb > li .dp2 > li:hover > a{ color:#005caa;} 
#header .gnb_wrap .gnb > li .dp2:after{ content:""; position:absolute; left:0; top:-1px; width:0; height:2px; background:#005caa; z-index:1; transition:.3s;}
#header .gnb_wrap .gnb > li:hover .dp2:after,
#header .gnb_wrap .gnb > li.on .dp2:after{ width:100%;}

/**/
#header .gnb_wrap .gnb > li .dp2 li a .va img{ max-width:50%;}
.subNav_wrap .nav .def[class^="depth"] .vm_tt img{ max-width:70%;}
.subNav_wrap .nav .def[class^="depth"] .dp2 li .va img{ max-width:50%;}



#header .etc_wrap{ float:right; z-index:1; position:relative}
#header .etc_wrap:after{ display:block; clear:both; content:'';}
#header .etc_wrap .lang{ position:relative;}
#header .etc_wrap .lang .tit{ cursor:pointer; height:4.5em;}
#header .etc_wrap .lang .tit .tt{ position:relative; padding:0 3em 0 1em; font-size:.9em; color:#005caa; text-transform:uppercase; border-left:1px solid #ddd; border-right:1px solid #ddd;}
#header .etc_wrap .lang .tit .tt:after{ content:""; position:absolute; left:0; bottom:-2px; width:0; height:2px; background:#333; transition:.2s;}
#header .etc_wrap .lang .tit .xi{ position:absolute; top:3px; right:1.5em; font-size:.9em}
#header .etc_wrap .lang .tit .xi:before{ content:"\e941";}
#header .etc_wrap .lang .tit .xi-globus{margin-right:5px;}
#header .etc_wrap .lang:hover .tit .tt{ color:#005caa;}
#header .etc_wrap .lang .list{ position:absolute; top:75%; left:0; right:0; height:0; padding:0 .5em; background:#fff; border:1px solid #666; overflow:hidden; opacity:0; transition:all 0.2s ease-in-out;}
#header .etc_wrap .lang .list > li > a{ display:block; margin-top:1px; padding:1em .5em; font-size:.688em; color:#888; letter-spacing:0; text-transform:uppercase;}
#header .etc_wrap .lang .list > li:first-child > a{ margin-top:0;}
#header .etc_wrap .lang .list > li:hover > a,
#header .etc_wrap .lang .list > li.on > a{ background:#f1f1f1; color:#000;}
#header .etc_wrap .lang:hover .list{ height:auto; padding-top:.5em; padding-bottom:.5em; opacity:1;}
#header #google_translate_element{ margin-top:24px;}

#header .all_wrap{ float:left}
#header .all_wrap .allBtn{ width:5em; text-align:center;}
#header .all_wrap .allBtn .va{ font-size:1.6em; color:#111}
#header .all_wrap .all{ position: fixed; z-index:1; right:0; top:0; width:100%; height:100%; opacity:0; visibility:hidden; transition:.3s}
#header .all_wrap .all:before{ content:""; position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5}
#header .all_wrap .all .in{ position: absolute; top:-100%; width:100%; height:100%; background:#fff; transition:.3s; padding:10em 0 10em 0; }
#header .all_wrap.on .all{ opacity:1; visibility:visible}
#header .all_wrap.on .all .in{ top:0}
#header .all_wrap .gnb > li{ width:33.33%; position:relative; box-sizing:border-box; margin-bottom:2em;}
#header .all_wrap .gnb > li:before,
#header .all_wrap .gnb > li:after { content:""; position:absolute; top:0; left:4%; width:92%; height:8px; transform:skew(-45deg); transition:.5s;}
#header .all_wrap .gnb > li:before{ background:#ccc;}
#header .all_wrap .gnb > li:after { background:#005caa; width:0;}
#header .all_wrap .gnb > li:hover:after { width:96%;}
#header .all_wrap .gnb > li .dp1{ height:60px; font-size:1.1em;}
#header .all_wrap .gnb > li .dp2{ margin:0 8px; padding:1rem 0; background:#fff; border:1px solid #ddd; box-shadow:1px 1px 5px rgba(0,0,0,.1); height:200px;}
#header .all_wrap .gnb > li .dp2 .vm_wrap{ height:auto; text-align:left;}
#header .all_wrap .gnb > li .dp2 .va_wrap{ height:inherit;}
#header .all_wrap .gnb > li .dp2 li{ display:block;}
#header .all_wrap .gnb > li .dp2 li > a{ padding-left:10px !important;}
#header .all_wrap .gnb > li .dp2 > li{ padding:.4em 1em;}
#header .all_wrap .gnb > li .dp2 > li > a{ position:relative; font-size:.9em; transition:.2s; text-align: left;}
#header .all_wrap .gnb > li .dp2 > li > a:after{ content:""; position:absolute; left:0; top:.5em; width:4px; height:2px; background:#999;}
#header .all_wrap .gnb > li .dp2 > li:hover > a{ margin-left:.3em;}
#header .all_wrap .gnb > li .dp3{ padding:.6rem 0;}
#header .all_wrap .gnb > li .dp3 > li > a{ padding:.3em 0; font-size:.813em; color:#666;}
#header .all_wrap .gnb > li .dp3 > li:hover > a .vm_tt{ text-decoration:underline;}
#header .all_wrap .gnb li:hover > a{ color:#005caa;} 
#header .all_wrap .gnb li:hover .dp2{ background:#fcfcfc; border-color:#ccc; transition:.2s;}
#header .all_wrap .tit_wrap .allClose{ position:absolute; top:1%; right:15%; font-size:1.8em; color:#999; transition:.3s;}
#header .all_wrap .tit_wrap .allClose:hover{ color:#005caa;}

#header .all_wrap .gnb > li.m_3 .dp2:after{ display:block; clear:both; content:'';}
#header .all_wrap .gnb > li.m_3 .dp2 > li{ width:50%; float:left; box-sizing:border-box;}

.sub #header,
.scroll #header,
#header:hover{ background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.3);}
.sub #header:after,
.scroll #header:after,
#header:hover:after{ display:none}


#footer{background:#303642;}
#footer:after{ display:block; clear:both; content:'';}
#footer .info_wrap{ padding-top:1em;}
#footer .info_wrap .f_menu{ margin-bottom:1em;}
#footer .info_wrap .f_menu:after{ display:block; clear:both; content:'';}
#footer .info_wrap .f_menu li{ float:left; margin-right:25px; padding-right:10px;}
#footer .info_wrap .f_menu li a{ color:#eee; font-size:.9em;}
#footer .line{width:100%; height:1px; background:rgba(255,255,255,.2); margin-bottom:1.5em;}
#footer .info_wrap .info{}
#footer .info_wrap .info:after{ display:block; clear:both; content:'';}
#footer .info_wrap .info > li{ margin-right:4em; font-size:.938em; color:#fff; opacity:.6; line-height:1.6; letter-spacing:0;}
#footer .info_wrap .info > li.sitename{margin-bottom:15px; }
#footer .info_wrap .info > li.copyright{ clear:both; padding:20px 0 40px; font-size:0.750em; color:#fff; opacity:.3; text-transform:uppercase; letter-spacing:.5px;}
#footer .info_wrap .info.fl_wrap > li { float:none !important;}
#footer .info_wrap .info > li:nth-child(5){ float:left !important;}
#footer .info_wrap .info > li:nth-child(6) { float:left !important;}
#footer .info_wrap .info .f_list{}
#footer .info_wrap .info .f_list:after{ display:block; clear:both; content:'';}
#footer .info_wrap .info .f_list li{ float:left; margin-right:30px;}
#footer .f_logo{margin-bottom:20px; float:left; width:17%;}
#footer .f_in{ float:left; width:60%;}
#footer .f_icon{width:23%; float:right;}

#contents{}
#contents .sub_visual_wrap{ position:relative}
#contents .sub_visual_wrap .va_wrap{ position:relative; height:22em; overflow:hidden}
#contents .sub_visual_wrap .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;
 background-color:#aaa; transform:scale(1.2,1.2); transition:all 1s ease-out; opacity:.4;}
.load #contents .sub_visual_wrap .bg{ opacity:1; transform:scale(1,1)}
#contents .sub_visual_wrap .slogan{ position:relative; margin-top:4em;}
#contents .sub_visual_wrap .slogan .tit{ font-size:2.5em; font-family:notokrB; color:#fff; margin-right:5em; opacity:0; transition:1s; text-shadow:1px 2px 3px rgba(0,0,0,0.5);}
#contents .sub_visual_wrap .slogan .sub_slogan{ font-size:.95em; font-family:notokrL; color:#fff; margin-left:5em; opacity:0; transition:1s; letter-spacing:3.5px;}
#contents .sub_visual_wrap .slogan .sec{ display:block; width:0; height:.1em; margin:1.25em auto; background:#fff; transition:1s; transition-delay:.5s}
#contents .sub_visual_wrap .slogan .nav{ font-size:.875em; color:#fff; opacity:0; line-height:1.5; transition:1s; transition-delay:.5s; display:none;}
#contents .sub_visual_wrap .slogan .nav .xi{ font-size:1em;}
#contents .sub_visual_wrap .slogan .nav .arrow{ margin:0 .3em 0 .2em}
#contents .sub_visual_wrap .slogan .nav .arrow:before{content:"\e93f"}
.load #contents .sub_visual_wrap .slogan .tit{ margin-right:0; opacity:1}
.load #contents .sub_visual_wrap .slogan .sub_slogan{ margin-left:0; opacity:1; display:none;}
.load #contents .sub_visual_wrap .slogan .nav{ opacity:1}
.load #contents .sub_visual_wrap .slogan .sec{ width:2.5em}
#contents .sub_visual_wrap .sub_gnb_wrap{ position:absolute; left:0; bottom:0; width:100%;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb{ text-align:center; margin-top:-1em;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li,
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp1{ display:none}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li.on,
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li.on .dp2{ display:block}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li{max-width:20%; }
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a{ height:4.5em; color:#fff; position:relative;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a .va{ font-size:1.05em; font-family:'notokrR'}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li:hover > a{}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.on > a:after{ content:''; display:block; width:80%; height:5px; background:#0286de; position:absolute; top:0; left:10%;}
#contents .sub_visual_wrap .sub_gnb_wrap .line{ width:100%; height:1px; background:rgba(255,255,255,.5); position:absolute; top:2px;}

#contents .sub_tit{ text-align:center; padding:2em 0; border-bottom:1px solid #ddd; position:relative}
#contents .sub_tit:after{ content:""; position:absolute; width:20em; height:1px; left:50%; bottom:-1px; margin-left:-10em; background:#002654; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, #002654 50%, rgba(255,255,255,0) 100%)}
#contents .sub_tit .tit{ font-family:notokrB, sans-serif; font-size:2em; color:#222; font-weight:bold;}

#contents .doc{ padding:7em 0 5em 0}

.agree_wrap{ padding:.5em; font-size:.875em; line-height:1.5}



.subNav_wrap{position:absolute; bottom: -50px;left:0;width:100%;background:rgba(255,255,255,.8); border-bottom:1px solid #ccc; z-index:5;}
.subNav_wrap .nav .def > .vm_wrap{ height:50px;}
.subNav_wrap .nav .home{ position:relative; z-index:3;}
.subNav_wrap .nav .home > a{ width:65px; font-size:1.125em; color:#fff; background:#2c476b;}
.subNav_wrap .nav .def[class^="depth"]{ position:relative; z-index:1; margin-left:-1px; position:relative;}
.subNav_wrap .nav .def[class^="depth"]:after{ content:''; display:block; width:1px; height:50px; background:#bbb; position:absolute; right:0; top:0;}
.subNav_wrap .nav .def[class^="depth"] .tit{ position:relative; min-width:7em; padding:0 4em 0 2em; text-align:left; font-size:1em; color:#333; cursor:pointer;}
.subNav_wrap .nav .def[class^="depth"] .tit:after{ content:"\e941"; font-family:xeicon; position:absolute; top:50%; right:1em; margin-top:-.5em;}
.subNav_wrap .nav .def[class^="depth"] .di_wrap{ font-size:1em;}
.subNav_wrap .nav .gnb li{ display:block;}
.subNav_wrap .nav .gnb .vm_wrap{ text-align:left;}
.subNav_wrap .nav .gnb,
.subNav_wrap .nav .gnb > li,
.subNav_wrap .nav .gnb .dp1,
.subNav_wrap .nav .depth_1 .gnb .dp2,
.subNav_wrap .nav .depth_2 .gnb .dp3,
.subNav_wrap .nav .depth_3 .gnb .dp2 > li,
.subNav_wrap .nav .depth_3 .gnb .dp2 > li > a{ display:none;}
.subNav_wrap .nav .depth_1 .gnb > li,
.subNav_wrap .nav .depth_1 .gnb .dp1{ display:block;}
.subNav_wrap .nav .gnb li.on{ display:block !important;}

.subNav_wrap .nav .gnb{ position:absolute; top:100%; left:-1px; right:-1px; background:#fff; border:1px solid #aaa;}
.subNav_wrap .nav .gnb li a{ padding:.8em 1.5em; font-size:.813em; color:#666;}
.subNav_wrap .nav .gnb li:hover > a{ background:#f6f6f6; color:#2c2f34;}
.subNav_wrap .nav .gnb li.on > a   { background:#1b5b8f; color:#fff;}

.subNav_wrap .nav .def[class^="depth"]:hover{ z-index:2; background:; border-color:#1b5b8f;}
.subNav_wrap .nav .def[class^="depth"]:hover .gnb{ display:block;}
#contents .sub_visual_wrap .subNav_wrap .va_wrap { height:auto; text-align:left; font-size:.85em;}


/*개인정보처리방침*/
.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;}
.sub_agree_wrap .span{text-align: center; padding-left: 40px;}


/*line_ani*/
.line_ani,
.line_ani_wrap{ position:relative; z-index:inherit}
.line_ani .line{ position:absolute; background:#2c476b; width:0; height:0}
.line_ani .line.lineT{ left:-1px; top:-1px; transition:width 0.4s;}
.line_ani .line.lineR{ right:-1px; top:-1px; transition:height 0.4s;}
.line_ani .line.lineB{ right:-1px; bottom:-1px; transition:width 0.4s;}
.line_ani .line.lineL{ left:-1px; bottom:-1px; transition:height 0.4s;}
.line_ani:hover .line.lineT,
.line_ani:hover .line.lineB{ width:100%; height:2px}
.line_ani:hover .line.lineR,
.line_ani:hover .line.lineL{ width:2px; height:100%}



/*******main*******/


.sec1 > * { width:100% !important}
.sec2 > * { width:50% !important}
.sec3 > * { width:33.33% !important}
.sec4 > * { width:25% !important}
.sec5 > * { width:20% !important}
.sec6 > * { width:16.66% !important}
.sec7 > * { width:14.28% !important}
.sec8 > * { width:12.5% !important}
.sec9 > * { width:11.11% !important}
.sec10 > *{ width:10% !important}

.mainVisual .com_logo{ color:#fff; margin-left:0; opacity:1; transition:1s; transition-delay:.6s;}
.mainVisual .com_logo .t3{ font-size:1.3em;  position:relative; padding-left:.6em; text-shadow:1px 2px 3px rgba(0,0,0,0.3);}
.mainVisual .com_logo .t3:after{ content:''; display:block; width:7px; height:7px; background:#0074c1;; position:absolute; top:-2px; left:0;}
.mainVisual .com_logo .logo_list:after{ display:block; clear:both; content:'';}
.mainVisual .com_logo .logo_list li{ margin-top:1em; float:left; width:30%; box-sizing:border-box; padding-right:30px; text-align:center;}
.mainVisual .com_logo .logo_list li .logo_tx{ font-size:1.4em;} 
.mainVisual .com_logo .logo_list li .logo_img{ margin-top:.5em; padding:10px 15px; background:rgba(255,255,255,.4);}
.mainVisual .com_logo .logo_list li .logo_img img{}

.mainVisual_wrap,
.mainVisual,
.mainVisual .img{ position:relative;}
.mainVisual .img{ z-index:1; overflow:hidden;}
.mainVisual .img .bg{ position: absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transform:scale(1.1,1.1); transition:1.5s;}

.mainVisual .slogan_wrap{ position:absolute; left:0; top:15%; width:100%;}
.mainVisual .slogan_wrap .t1{ padding:0 .5em 1.8em 0; margin-left:3em; opacity:0; }
.mainVisual .slogan_wrap .t2{margin-left:4em; opacity:0;}
.mainVisual .slogan_wrap .line{ position:relative; display:inline-block; margin-bottom:2em;}
.mainVisual .slogan_wrap .line:before{ content:""; position:absolute; bottom:0; left:0; width:0; height:1px; background:#fff; opacity:.4;}
.mainVisual .slogan_wrap .line:after { content:""; position:absolute; bottom:0; left:0; width:5em; height:4px; background:#005caa;}

.mainVisual .img.activeAni .bg{ transform:scale(1,1);}
.mainVisual .img.activeAni .slogan_wrap .t1{ margin-left:0; opacity:1; transition:1s; transition-delay:.2s;}
.mainVisual .img.activeAni .slogan_wrap .t1 .r_t1{ color:#ededed; font-size:2em; font-weight:200;}
.mainVisual .img.activeAni .slogan_wrap .t1 .r_t2{ color:#fff; font-size:2em; font-weight:600; }
.mainVisual .img.activeAni .slogan_wrap .t2{ margin-left:0; opacity:1; transition:.5s; transition-delay:.6s; color:#fdfdfd; line-height:1.5; font-family:'notokrR'}
.mainVisual .img.activeAni .slogan_wrap .line:before{ width:100%; transition:1s; transition-delay:.6s;}

.mainVisual_wrap .slick-dots{ position:absolute; bottom:30px; left:0; width:100%; text-align:right; margin-top:1em;}
.mainVisual_wrap .slick-dots > ul{ width:1200px; max-width:96%; margin:0 auto; font-size:0;}
.mainVisual_wrap .slick-dots > ul > li{ display:inline-block; margin:0 5px;}
.mainVisual_wrap .slick-dots > ul > li button{ position:relative; width:50px; height:8px; border:1px solid #fff; background:transparent; cursor:pointer; font-size:0;}
.mainVisual_wrap .slick-dots > ul > li button:after{ content:""; position:absolute; z-index:3; bottom:0; left:0; width:0; height:100%; background:#fff;}
.mainVisual_wrap .slick-dots > ul > li.slick-active button:after{ z-index:2; width:100%; transition:4s;}

.mainVisual_wrap .con{ position:absolute; top:60%; left:0; width:100%; opacity:0;}
.load .mainVisual_wrap .con{ opacity:1; transition:1s; transition-delay:.8s;}

.main_con{ position:relative;}
.main_con .wrap{ z-index:2;}
.main_con .main_tt{ font-size:2.3em; font-family:'notokrB'}
.main_con .main_tx{ font-size:1.3em; font-family:'notokrR'; color:#8e949c; padding:10px 0 30px;}

/*main_con1*/

.main_con1{}
.main_con1 .main_stt{ font-size:1.8em; text-align:center; font-family:'notokrB'; height:72px; background:url(../images/main/main_con1_bg.jpg); background-size:cover; line-height:72px;}
.main_con1 .main_stt .tt01{ font-size:.88em; vertical-align:inherit;}

.main_in_con{padding-bottom:80px;}
.main_in_con .btn_wrap{margin-top:1em;}
.main_in_con .btn_wrap:after{ display:block; clear:both; content:'';}
.main_in_con .btn_wrap li{ float:left;}
.main_in_con .btn_wrap li.btn{ margin:0 5px 0;}
.main_in_con .btn_wrap li.btn:hover{ cursor:pointer;}
.main_in_con .btn_wrap li .xi{ font-size:1.6em; color:#1b5b8f; padding:8px 10px; border:2px solid #1b5b8f; border-radius:50%;}
.main_in_con .btn_wrap li.main_paging{ margin-left:20px; margin-top:25px;}

.main_in_con .btn_wrap .paging{width:1000px; height:3px; background:#ccc;}
.main_in_con .btn_wrap .paging > span{ height:5px; margin-top:-1px; background:#1b5b8f;}

.main_in_con .swiper-container{ width:90%;}
.main_in_con .swiper-wrapper .swiper-slide.dd{margin:10px 0 25px;}
.main_in_con .swiper-wrapper .swiper-slide.dd:hover .more{ background:#fff; color:#1a4275;}
.main_in_con .swiper-wrapper .swiper-slide.dd .vm_wrap{ box-shadow:1px 2px 5px rgba(0,0,0,0.3); border-radius:10px;}
.main_in_con .swiper-wrapper .swiper-slide .img{ height:180px !important; border-radius:10px 10px 0 0 ; box-sizing:border-box; padding:20px 5px; background:#fff;}
.main_in_con .swiper-wrapper .swiper-slide .txt_box3{width:100%; height:120px;  box-sizing:border-box; padding:15px 1.5em 15px; overflow:hidden; background:#1a4275; border-radius:0 0 10px 10px; text-align:left;}
.main_in_con .swiper-wrapper .swiper-slide .txt_box3 .p_name{font-size:1.1em; font-weight:500; margin-bottom:5px; color:#fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; letter-spacing:0;}
.main_in_con .swiper-wrapper .swiper-slide .txt_box3 .tx{font-size:.85em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color:#fff; font-family:'notokrR'; opacity:.8; letter-spacing:0;}
.main_in_con .swiper-wrapper .swiper-slide .txt_box3 .more{ color:#ddd; border:1px solid #ddd; border-radius:30px; font-size:.8em; margin:20px auto 0; width:90px; padding:5px 0; text-align:center; font-family:'notokrR'; transition:all .3s;}


/*main_con2*/

.main_con2{}
.main_con2 .con2_list:after{ display:block; clear:both; content:'';}
.main_con2 .con2_list li{ float:left; width:32%; margin-right:2%}
.main_con2 .con2_list li:last-child{ margin-right:0;}
.main_con2 .con2_list li .list_wrap{}
.main_con2 .con2_list li .list_wrap .in_txt{ padding:2em 1em;}
.main_con2 .con2_list li .list_wrap .in_txt .t_01{ font-size:1.5em;}
.main_con2 .con2_list li .list_wrap .in_txt .t_02{ margin:10px 0 20px; width:90%; line-height:1.4; color:#8e949c; font-family:'notokrR'}
.main_con2 .con2_list li .list_wrap .in_txt .view{}
.main_con2 .con2_list li .list_wrap .in_txt .view .t_03{ font-size:.9em; color:#1b5b8f; font-weight:600;}
.main_con2 .con2_list li .list_wrap .in_txt .view .xi-angle-right-min{ border:1px solid #1b5b8f; padding:5px 7px; border-radius:50%; margin-left:10px;}

.shape{ position:absolute; z-index:1; left:50%; opacity:.3;  }
.shape1{ top:40px; margin-left:-1000px; width:350px; height:350px; background:url(../images/main/main_r_01.png) no-repeat center; background-size:cover;}
.shape2{ top:161px; margin-left:595px; width:400px; height:435px; background:url(../images/main/main_r_02.png) no-repeat center; background-size:cover;}
.shape3{ top:620px; margin-left:740px; width:320px; height:350px; background:url(../images/main/main_r_03.png) no-repeat center; background-size:cover;}


/*main_con3*/
.main_con3{ background-color:#f5f5f5;}
.main_con3:after{ display:block; clear:both; content:'';}
.main_con3 .s_con .t_04{ font-size:1.2em;}
.main_con3 .s_con1{ float:left; width:46%;}
.main_con3 .s_con1 .s_wrap{ width:78%}
.main_con3 .s_con1 .tt_top:after{ display:block; clear:both; content:'';}
.main_con3 .s_con1 .tt_top .xi-plus{ float:right;}
.main_con3 .s_con1 .notice_dv{}
.main_con3 .s_con1 .notice_dv li{ margin-top:23px;}
.main_con3 .s_con1 .notice_dv li:after{ display:block; clear:both; content:'';}
.main_con3 .s_con1 .notice_dv li .tt{ overflow:hidden; text-overflow:ellipsis; white-space: nowrap; width:70%; float:left; color:#333;}
.main_con3 .s_con1 .notice_dv li .date{ float:right; font-size:.85em; color:#999; font-family:'notokrR'}
.main_con3 .s_con2{ float:left; width:54%;}
.main_con3 .s_con2:after{ display:block; clear:both; content:'';}
.main_con3 .s_con2 li{width:48%;}
.main_con3 .s_con2 li .in_wrap{}
.main_con3 .s_con2 li .in_wrap .img_box{ margin-top:20px; position:relative; margin-bottom:10px;}
.main_con3 .s_con2 li .in_wrap .img_box img{border-radius:9px; transition:all .3s;}
.main_con3 .s_con2 li .in_wrap .img_box img:hover{}

.main_con3 .s_con2 li .in_wrap .img_box .plus_more{ position:absolute; top:37%; left:40%; color:#fff; transition:all .3s;}
.main_con3 .s_con2 li .in_wrap .img_box .plus_more .xi-plus{ padding:12px 14.2px; border:3px solid #fff; border-radius:50%; }
.main_con3 .s_con2 li .in_wrap .img_box:hover .plus_more{ transform:rotate(90deg);}

















/******sub page******/

/*left_menu 공통*/

.product_con:after,
.wrap_idx:after{ display:block; clear:both; content:'';}
.left_menu .list_wrap{width:20%; float:left;}
.left_menu .list_name{ text-align:center; background:#1d6dad; color:#fff; height:70px; line-height:70px; font-size:1.3em; position:relative;}
.left_menu .list_name:after{content:''; width:30px; height:1px; background:rgba(255,255,255,.5); transform:rotate(35deg); position:absolute; bottom:9px; right:-2px;}
.left_menu .list_name:before{content:''; width:30px; height:1px; background:rgba(255,255,255,.5); transform:rotate(35deg); position:absolute; top:9px; left:-2px;}
.left_menu .list_com{ border:1px solid #aaa;}
.left_menu .list_com li{ border-bottom:1px solid #ddd; margin-top:-1px; position:relative; text-align:center; position:relative;}
.left_menu .list_com li a{ display:block; padding:12px 25px; box-sizing:border-box;}
.left_menu .list_com li.on .b_bg{ display:none;}
.left_menu .list_com li .b_bg{ display:block; width:100%; height:100%; background:rgba(0,0,0,0.2); position:absolute; top:0; left:0;}
.left_menu .list_com li img{ width:auto; height:45px;}
.left_menu .list_com li:hover{ cursor:pointer;}
.left_menu .list_com li:last-child{ border-bottom:none;}
.left_menu .list_com li:hover .xi-angle-right-min{right:10px;}
.down_list{width:75%; float:right;}
.down_list .in_tx{ font-size:1.5em; padding-left:1.3em; margin:.2em 0 1.5em; position:relative;}
.down_list .in_tx:before, 
.down_list .in_tx:after{ content:''; position:absolute; z-index:1; left:0; top:0; width:.4em; height:.9em; transform:skew(-35deg);}
.down_list .in_tx:before{ background:#ccc;}
.down_list .in_tx:after{ left:.2em; top:.2em; background:#2c476b;} 


/*product_list*/
.p_list > ul { margin-top:2em;}
.p_list > ul > li:after{ display:block; clear:both; content:'';}
.p_list > ul > li:hover{ cursor:pointer;}
.p_list > ul > li:hover .product_prod{border-color:#2c476b; transition:all .5s;}
.p_list > ul > li .product_prod {margin-bottom:20px; border:1px solid #ddd; padding:1em; position:relative; overflow:hidden;}
.p_list > ul > li .img_dv{ float:left; width:30%; height:210px; overflow:hidden; border:1px solid #ddd; line-height:210px;}
.p_list > ul > li .img_dv .in_img{ text-align:center;}
.p_list > ul > li .img_dv .in_img > img { box-sizing:border-box; padding:15px;}
.p_list > ul > li .txt_dv{float:left;  padding-top:5px; width:55%; margin-left:2em;}
.p_list > ul > li .txt_dv .pd_dv .prod_tit{padding-bottom:10px; font-size:1.125em;}
.p_list > ul > li .txt_dv .value{ font-size:.9em; vertical-align:inherit;}
.p_list .view_btn{background-color:#aaa; padding:9px 13px; color:#fff; position:absolute; bottom:0; right:0;}
.p_list ul>li:hover .view_btn{background-color:#2c476b; transition:all .5s;}
.p_list ol>li{}
.p_list ol>li .txt{display:inline; font-size:0.813em; color:#666; padding-left:15px; line-height:2;}


/*product_write*/
/*.product_write:after{ display:block; clear:both; content:'';}
.product_write .in_pro_con{ width:80%; float:right;}*/
.product_write .in_tx{ font-size:1.5em; padding-left:1.3em; margin:.2em 0 1.5em; position:relative; margin-left:1.5em;}
.product_write .in_tx:before, 
.product_write .in_tx:after{ content:''; position:absolute; z-index:2; left:0; top:0; width:.4em; height:.9em; transform:skew(-35deg);}
.product_write .in_tx:before{ background:#2c476b;}
.product_write .in_tx:after{ left:.2em; top:.2em; z-index:1; background:#ddd;}

.product_write .tt1{font-size:1.4em; color:#555;}
.product_write .bar{ width:30px; height:5px; background:#cfd6df; display:block; margin:8px 0 22px;}
.product_write .pr_t_tx{border:1px solid #aaa; box-sizing:border-box; padding:1.5em; font-size:.95em;}
.product_write .in_dv{ margin:0 0 4em 2em; position:relative;}
.product_write .in_dv:after{ display:block; clear:both; content:'';}
.product_write .in_dv .in_img{width:48%; border:15px solid #cfd6df; height:450px; background:#fff; padding:.8em; box-sizing:border-box; line-height:380px;}
.product_write .in_dv .in_img .img_dv img{}
.product_write .in_dv .in_txt{ width:47%;}
.product_write .in_dv .in_txt .tx_list li{ margin-bottom:10px;}
.product_write .in_dv .in_txt .tx_list li:after{ display:block; clear:both; content:'';}
.product_write .in_dv .in_txt .tx_list .t1{ float:left; position:relative; padding-left:9px;}
.product_write .in_dv .in_txt .tx_list .t1:after{content:''; width:3px; height:3px; border-radius:50%; background:#0074c1; position:absolute; top:9px; left:0;}
.product_write .in_dv .in_txt .tx_list .t2{ float:left; margin-left:4px; font-size:.95em; color:#444;}
.product_write .in_dv .btn_wrap{ position:absolute; bottom:0; width:100%;}
.product_write .in_dv .btn_wrap:after{ display:block; clear:both; content:'';}
.product_write .in_dv .btn_wrap li a{ display:block; float:left; padding: .8em 1.5em; background:#2c476b; color:#fff; margin-right:10px; font-size:.95em;}
.product_write .in_dv .btn_wrap li a .xi-arrow-bottom,
.product_write .in_dv .btn_wrap li a  .xi-external-link,
.product_write .in_dv .btn_wrap li a  .xi-library-books-o{margin-left:5px;}
.product_write .in_dv .btn_wrap li a:hover{ cursor:pointer;}
.product_write .in_dv .btn_wrap li.in_down a{ background:#0074c1;}
.product_write .in_dv .btn_wrap li.pro_ch a{ background:#42749c}
.product_write .in_dv .grp_in{ border:1px solid #aaa; box-sizing:border-box; padding:1.5em;} 


/*product_none*/

.product_none .none_tx{ text-align:center; margin-top:5em; color:#999;}
.product_none .none_tx .xi-error{ font-size:3em;}


/*1-1*/

.sub1_1{ padding:0 20px; box-sizing:border-box; min-height:500px;}
.sub1_1:after{display:block; clear:both; content:'';}
.sub1_1 .img{width:46%; position:relative;}
.sub1_1 .img .bg_img{display:block; background-color:#f2f2f2; width:350px; height:450px; position:absolute; right:80px; top:55px; opacity:0.3;}
.sub1_1 .img .m_img{display:block; background-color:#ddd; width:350px; height:450px; position:absolute; right:110px; top:35px;}
.sub1_1 .img .line_de{display:block; border:1px solid #74abdc; width:350px; height:450px; position:absolute; right:120px; top:25px;}
.sub1_1 .img .img_box{ background-image:url(../images/sub/1_1img.jpg); background-size:cover; background-position:center; background-repeat:no-repeat; }
.sub1_1 .con_box{float:left;}

.tx_b{width:50%;}
.tx_b .tx_s{ line-height:1.5; color:#333; margin-top:80px; margin-bottom:50px; padding-top:20px; min-height:450px; position:relative; font-size:1.1em;}
.tx_b .tx_s .tx_s_01{ font-size:1.3em; color:#0074c1;}
.tx_b .ceo_tx{ text-align:right; position:absolute; bottom:0; right:0;}
.tx_b .ceo_tx p{ display:inline-block;}
.tx_b .ceo_tx .ceo_n{ margin-left:10px; letter-spacing:5px;}
.tx_box{ box-sizing:border-box; border:1px solid #ddd; text-align:center; width:92%; margin:0 auto; box-shadow:1px 3px 10px rgba(0,0,0,0.1);
 background:url(../images/sub/1_1img02.jpg) no-repeat center; background-size:cover;}
.tx_box .bg_on_w{ background:rgba(255,255,255,.6); width:100%; height:100%; box-sizing:border-box; padding:3.5em 1em;}
.tx_b_01{color:#444; position:relative;}
.tx_b_01 .comma_l{ display:inline; margin-right:8px; display:none;}
.tx_b_01 .comma_r{ display:inline; margin-left:8px; display:none;}
.tx_b_01 .boxin_tx{ display:inline; font-size:2em;}
.tx_b_01 .tt_s{display:inline; color:#2c476b;  padding:10px 5px 10px 0; font-weight:600; vertical-align:bottom;}
.tx_b_01 .eg_tx{font-size: 14px; color:#ccc; letter-spacing:14px;}
.tx_b_01 .cr_7c{color:#7cb700; display:inline; font-size:16px;}

/*1-2*/

.sub_history_img { text-align:center; }
.sub_history_tit{background:url(../images/sub/history_top.jpg) no-repeat 50% 50%; height:230px; position:relative;}
.sub_history_tit .tt_box{ text-align:center; font-size:2.2em; color:#fff; line-height:230px;}
.sub_history_tit .t1{ font-size:2.5em; color:#003f87; letter-spacing:-1px; padding-right:30px;}
.sub_history_tit .t2{  font-size:.938em; color:#999; margin-top:10px;  padding-right:30px;}
.sub_history_tit .t1 .col {color:#F00;}
.sub_history_wrap{ position:relative; z-index:inherit; padding-left: 120px;}
.sub_history_wrap .sub_history_line{ position:absolute; z-index:inherit; width:1px; background:#ddd; left:81px; height:100%; margin-left:1px; top:-40px}
.sub_history_wrap .sub_history > li{ position:relative; z-index:inherit; width:100%; margin-top:40px}
.sub_history_wrap .sub_history > li .history{ padding:0 20px 15px; border-bottom: 1px dotted #ccc;}
.sub_history_wrap .sub_history > li .history .year{ font-family:ns, sans-serif; font-size:1.9em; font-weight:600; color:#555; position:relative; z-index:inherit; letter-spacing:-1px; opacity:.6;}
.sub_history_wrap .sub_history > li .history .list{ position:relative; z-index:inherit; margin-top:15px}
.sub_history_wrap .sub_history > li .history .list:after{ display:block; clear:both; content:'';}
.sub_history_wrap .sub_history > li .history .list .tt{ display:block; font-size:1em; color:#222; line-height:1.4; font-family:notokrM, sans-serif; vertical-align:middle;}
.sub_history_wrap .sub_history > li .history .list .txt {position:relative; padding-left:10px;}
.sub_history_wrap .sub_history > li .history .list .txt:before {position:absolute; content:""; width:5px; height:2px; background:#888; left:0; top:10px;}
.sub_history_wrap .sub_history > li.odd{ left:0; text-align:right;  }
.sub_history_wrap .sub_history > li.odd .history .list .tt { background:url(../images/inc/dot_tm1.png) no-repeat top 8px right; padding-right:10px; }
.sub_history_wrap .sub_history > li.even{ left:50%;  }
.sub_history_wrap .sub_history > li.even .history .list .tt { background:url(../images/inc/dot_tm1.png) no-repeat top 8px left; padding-left:10px; }
.sub_history_wrap .sub_history > li.odd .history .year .dot{ right:-25px}
.sub_history_wrap .sub_history > li.even .history .year .dot{ left:-25px}
.sub_history_wrap .sub_history > li.odd .history .list .month{ right:5px}
.sub_history_wrap .sub_history > li.even .history .list .month{ left:5px}
.sub_history_wrap .sub_history > li .history:before{content:''; position:absolute; top:20px;  left:-42px; width:10px; height:10px; background:#003f87; /*transform:rotate(45deg);*/ border-radius:100%;}
.sub1_2 span.month { font-size:1em;  margin:0 10px 0 10px; color:#003f87; float:left;}

/*1-3*/

.sub1_3 .tx_box02{width:100%; background:#f2f2f2; height:240px;  color:#f2f2f2; background:url(../images/sub/tx_box1.jpg) no-repeat 20% center;  display:block;  background-attachment:fixed; background-size:cover;}
.sub1_3 .back_img{background-color:rgba(0,0,0,0.5); height:100%; box-sizing:border-box; padding:1em;}
.sub1_3 .tx_tt{font-size:0.938em; color:ddd; letter-spacing:15px; text-align:center; margin-bottom:15px; font-family:'notokrR'; padding-top:4%;}
.sub1_3 .tx_tw{ text-align:center; font-size: 1.4em; line-height:1.5;  text-shadow:1px 1px 2px rgba(0,0,0,0.7);}
.sub1_3 .co_0074{color:#1faee1; font-size:1.4em; display:inline; margin-right:10px;}
.sub1_3 .img_wrap{ text-align:center; margin:5em 0;}

.sub1_3 .in_con .list_box{ border-bottom:1px dashed #aaa; padding:4em 1em;}
.sub1_3 .in_con .list_box:after{ display:block; clear:both; content:'';}
.sub1_3 .in_con .list_box .tt_sbox{ width:20%; float:left;}
.sub1_3 .in_con .list_box .tt_sbox .t_001{ width:180px; background:#eee7e7; padding:1em 0; text-align:center; font-size:1.125em;}
.sub1_3 .in_con .list_box .tx_sbox{ width:73%; float:left;}

.sub1_3 .in_con .list_box .t_002{ text-align:center; font-size:1.6em; color:#2c476b; font-family:'notokrB'}
.sub1_3 .in_con .list_box .t_002 .tx_dc01{ color:#0074c1; vertical-align:top; padding-right:7px;}

.sub1_3 .in_con .list_b2 .t_003{ text-align:center; margin-bottom:3em; font-size:1.5em; font-family:'notokrB'; color:#0074c1;}
.sub1_3 .in_con .list_b2 .t_list1:after{ display:block; clear:both; content:'';}
.sub1_3 .in_con .list_b2 .t_list1 li{ float:left; width:33.33%;}
.sub1_3 .in_con .list_b2 .t_list1 li .t1_list_in{ width:90%;}
.sub1_3 .in_con .list_b2 .t_list1 li .t1_list_in .t_list_tx{ text-align:center; width:200px; height:200px; border:10px solid #fff; border-radius:50%; margin:0 auto; padding-top:3.9em; 
box-sizing:border-box; background:#2c476b; color:#fff; box-shadow:1px 2px 10px rgba(0,0,0,0.4); font-size:1.2em;}

.sub1_3 .in_con .list_b3 .t_list2:after{ display:block; clear:both; content:'';}
.sub1_3 .in_con .list_b3 .t_list2 li{ float:left; width:33.33%;}
.sub1_3 .in_con .list_b3 .t_list2 .t2_list_in{ width:85%; margin:0 auto;}
.sub1_3 .in_con .list_b3 .t_list2 .t2_list_in .t_004{ text-align:center; border:2px solid #2c476b; box-sizing:border-box; padding:1em; border-radius:10px; position:relative; font-size:1.2em;}
.sub1_3 .in_con .list_b3 .t_list2 .t2_list_in .t_004:after{ content:'+'; position:absolute; right:-31px; top:19px; font-size:1.6em; color:#888;}
.sub1_3 .in_con .list_b3 .t_list2 li:last-child .t2_list_in .t_004:after{ display:none;}
.sub1_3 .in_con .list_b3 .t_list2 .t2_list_in .xi{ width:40px; height:40px; line-height:40px; text-align:center; color:#fff; background:#768ba6; border-radius:50%; margin-right:10px;}

/*1-4*/

.sub1_4 .tx_box02{width:100%; background:#f2f2f2; height:240px;  color:#f2f2f2; background:url(../images/sub/tx_box2.jpg) no-repeat 20% center;  display:block;  background-attachment:fixed; background-size:cover;}
.sub1_4 .back_img{background-color:rgba(0,0,0,0.5); height:240px; box-sizing:border-box; padding:1em;}
.sub1_4 .tx_tt{font-size:0.938em; color:ddd; letter-spacing:15px; text-align:center; margin-bottom:15px; font-family:'notokrR'; padding-top:4%;}
.sub1_4 .tx_tw{ text-align:center; font-size: 1.4em; line-height:1.5;  text-shadow:1px 1px 2px rgba(0,0,0,0.7);}
.sub1_4 .co_0074{color:#1faee1; font-size:1.4em; display:inline; margin:0 5px;}
.sub1_4 .img_wrap{ text-align:center; margin:5em 0;}

.sub1_4 .in_con{ margin-bottom:4em;}
.sub1_4 .ba_tt{ text-align:center; font-size:2.5em; font-family:'notokrB'; margin:2em auto 1em; color:#2c476b}
.sub1_4 .ba_list{}
.sub1_4 .ba_list:after{ display:block; clear:both; content:'';}
.sub1_4 .ba_list li{ float:left; width:33.33%;}
.sub1_4 .ba_list li .list_wrap{ width:90%; margin:0 auto; padding:8em 2em 1.5em; box-sizing:border-box; border-radius:20px; border:1px solid #ddd; box-shadow:1px 2px 7px rgba(0,0,0,0.2)}
.sub1_4 .ba_list li .list_wrap .icon_in{}
.sub1_4 .ba_list li .list_wrap .icon_in .icon_box{ width:60px; height:60px; border:4px solid #47a5e4; border-radius:50%; line-height:60px; color:#2c476b; text-align:center; 
font-size:1.4em; background:rgba(255,255,255,.6);}
.sub1_4 .ba_list li .list_wrap .tx_w1{ margin-top:.8em; font-size:1.3em; font-family:'notokrB'}
.sub1_4 .ba_list li .list_wrap .tx_w2{ color:#666; margin-top:5px;}



/*1-5*/

.sub1_5 .wrap_idx .tab_idx:after{ display:block; clear:both; content:'';}
.sub1_5 .wrap_idx .tab_idx li{ width:25%; float:left; text-align:center; border:1px solid #ddd; box-sizing:border-box; padding:13px 5px; margin-left:-1px; margin-top:-1px; font-size:.95em;}
.sub1_5 .wrap_idx .tab_idx li.on,
.sub1_5 .wrap_idx .tab_idx li:hover{cursor:pointer; background:#2c476b; color:#fff;}
.in_tx{ font-size:1.5em; padding-left:1.3em; margin:2em 0 .5em; position:relative;}
.in_tx:before, 
.in_tx:after{ content:''; position:absolute; z-index:1; left:0; top:0; width:.4em; height:.9em; transform:skew(-35deg);}
.in_tx:before{ background:#ccc;}
.in_tx:after{ left:.2em; top:.2em; background:#2c476b;} 


.page_viewWrap{overflow:hidden; padding-bottom:4em;}
.page_viewWrap .slider_for  {float:left; width:80%;}
.page_viewWrap .slider_for .item{}
.page_viewWrap .slider_for .item .img_wrap{position:relative; margin:1em auto 0 auto; border:1px solid #ddd;}
.page_viewWrap .slider_for .item .img_wrap .resize{ background:#fff;}
.page_viewWrap .slider_for .item .img_wrap .tit_w {position:absolute; left:0; bottom:2px; width:96%; height:3em; padding:0 2%; background:rgba(0,0,0,.8); font-size:1.250em; color:#fff; text-align:left !important;}

.page_viewWrap .page_viewB{ position:relative; width:70%; margin:1em auto 1em auto; float:right; width:20%;}
.page_viewWrap .page_viewB .pro_tw {text-align:center; margin-bottom:1em;}
.page_viewWrap .page_viewB .pro_tw .pro_name {text-align:center; font-size:1.438em; color:#003f87; padding-bottom:5px;}
.page_viewWrap .page_viewB .pro_tw .pro_line {width:80px; height:2px; background:#003f87; margin:0 auto;}

.page_viewWrap .slider_nav{ margin-right:-6px;}
.page_viewWrap .slider_nav .item{ margin-right:10px;}
.page_viewWrap .slider_nav .item .img_wrap{border:1px solid #ddd; transition:.2s; cursor:pointer; margin-bottom:10px}
.page_viewWrap .slider_nav .item:hover .img_wrap img{ opacity:.5;}
.page_viewWrap .slider_nav .item:hover .img_wrap,
.page_viewWrap .slider_nav .item.slick-current .img_wrap{ border-color:#003f87; box-shadow:2px 2px 10px rgba(0,0,0,.2);}
.page_viewWrap .slider_nav .item .img_wrap .resize img {width:100%;}

.page_viewWrap .control_arrow{ position:absolute; bottom:-60px; left:50%; width:100%; text-align:center;}
.page_viewWrap .control_arrow li{ position:absolute; top:0; margin-top:-1.5em;}
.page_viewWrap .control_arrow li.prev{ left:-4em;}
.page_viewWrap .control_arrow li.next{}
.page_viewWrap .control_arrow li .xi{ width:2em; line-height:2em; border:1px solid #ddd; border-radius:50%; font-size:1.500em; color:#003f87; cursor:pointer; transition:.2s;}
.page_viewWrap .control_arrow li:hover .xi{ background:#222; border-color:#222; color:#fff;}


.sub_tit_wrap {margin-bottom:20px;}
.sub_tit_wrap .tit {font-size:1.375em; position:relative; padding-left:38px;}
.sub_tit_wrap .tit:before,
.sub_tit_wrap .tit:after{ content:""; position:absolute; top:9px; left:2px; width:15px; height:7px; transform:rotate(135deg);}
.sub_tit_wrap .tit:before{ background:#ccc}
.sub_tit_wrap .tit:after{ background:#316ab4; margin-left:.625em}
.sub_tit_wrap.mg_st { margin-bottom:10px;}

.sub_pro_tw{ border:1px solid #ddd; box-sizing:border-box; padding:1.5em;}


/*1-6*/

.sub1_6{ width:1160px; margin:0 auto; margin-top:2em; max-width:95%;}
.sub1_6 .w100{ width:100% !important;}
.sub1_6 .root_daum_roughmap{ padding:0; border:none;}
.sub1_6 .sub_tbl.tac{ margin-top:1em; font-family:'notokrR';}
.sub1_6 .sub_tbl .tbl_st {border:1px solid #ccc;  border-top:2px solid #85a1b9; font-size:0.938em; width:100%; font-family:'notokrR';}
.sub1_6 .sub_tbl .tbl_st tbody th {background:#f0f4f7; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:1em 1.5em; font-weight:500; font-size:1.000em; color:#333;   text-align:center; }
.sub1_6 .sub_tbl .tbl_st tbody td {background:#fff; text-align:left; color:#666; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:1em 1.5em; line-height:1.5; Font-family: notokrR;} 

																																			
/*2-1*/
.wrap_idx2 .tab_idx2:after{ display:block; clear:both; content:'';}
.wrap_idx2 .tab_idx2 li{ width:25%; float:left; text-align:center; border:1px solid #ddd; box-sizing:border-box; padding:13px 5px; margin-left:-1px; margin-top:-1px; font-size:.95em;}
.wrap_idx2 .tab_idx2 li.on,
.wrap_idx2 .tab_idx2 li:hover{cursor:pointer; background:#2c476b; color:#fff;}

.all_list{ background:#f5f5f5; border-radius:5px; border:1px solid #ccc; box-sizing:border-box; padding:1em 2.5em; margin-top:1em;}
.all_list:after{ display:block; clear:both; content:'';}
.all_list li{ float:left; width:20%; margin:8px 0; font-size:.9em; color:#555;}
.all_list li:before{ content:'-'; margin-right:5px;}
.all_list li:hover{cursor:pointer;}



/*3-1*/
.down_list .sub_tbl.tac{ font-family:'notokrR';}
.down_list .sub_tbl .tbl_st {border:1px solid #ccc; font-size:0.938em; width:100%; font-family:'notokrR';}
.down_list .sub_tbl .tbl_st tbody th {background:#2c476b;  padding:1em 1.5em; font-weight:600; color:#fff; text-align:left; font-size:1.2em; letter-spacing:.5px;}
.down_list .sub_tbl .tbl_st tbody td {background:#fff; text-align:left; color:#666; border-bottom:1px solid #ddd;  padding:.55em 1.5em; line-height:1.5; Font-family: notokrR;}
.down_list .sub_tbl .tbl_st tbody .down_btn a{ border:1px solid #1389d7; color:#1b5b8f; display:block; width:126px; height:32px; line-height:32px; margin:0 auto; text-align:center; 
border-radius:30px; box-shadow:1px 2px 4px rgba(0,0,0,0.2); transition:all .5s; font-size:.8em;}
.down_list .sub_tbl .tbl_st tbody .down_btn a .xi-arrow-bottom{ margin-left:2px;}
.down_list .sub_tbl .tbl_st tbody .down_btn a:hover{ background:#1389d7; color:#fff; cursor:pointer;}

/*4-1*/

.sub4_1{position:relative; }
.sub4_1 .map_img{ background:#fdfdfd; border-radius:30px; padding:2em; box-sizing:border-box; border:1px solid #ddd; }
.sub4_1 .map_img img{ opacity:.9; }
.sub4_1 .wrap_idx .tab_idx li{ color:#fff; font-size:1.7em; text-align:center; transition:all .3s; text-shadow:1px 2px 4px rgba(0,0,0,0.5);}
.sub4_1 .wrap_idx .tab_idx li:hover{cursor:pointer;}
.sub4_1 .wrap_idx .tab_idx li:hover .xi,
.sub4_1 .wrap_idx .tab_idx li.on .xi{ color:#d21e1e;}
.sub4_1 .wrap_idx .tab_idx li .t_01{ font-size:.5em; display:inline-block; background:rgba(0,0,0,0.5); border-radius:30px; padding:.5em 1em;}
.sub4_1 .wrap_idx .tab_idx li.china{ position:absolute; top:280px; right:22%;}
.sub4_1 .wrap_idx .tab_idx li.germany{ position:absolute; top:190px; right:41%;}
.sub4_1 .wrap_idx .tab_idx li.italy{ position:absolute; top:240px; right:43.5%;}
.sub4_1 .wrap_idx .tab_idx li.Netherlands{ position:absolute; top:210px; right:51%;}
.sub4_1 .sub_tbl.tac{ margin-top:1em; font-family:'notokrR';}
.sub4_1 .sub_tbl .tbl_st {border:1px solid #ccc;  border-top:2px solid #85a1b9; font-size:0.938em; width:100%; font-family:'notokrR';}
.sub4_1 .sub_tbl .tbl_st tbody th {background:#f0f4f7; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:1em 1.5em; font-weight:500; font-size:1.000em; color:#333;   text-align:center; }
.sub4_1 .sub_tbl .tbl_st tbody td {background:#fff; text-align:center; color:#666; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:1em 1.5em; line-height:1.5; Font-family: notokrR;}



/*5-1*/

.certification .page_certification .certification_wrap { overflow:hidden; }
.certification .page_certification .certification_wrap:after{ display:block; clear:both; content:'';}
.certification .page_certification .certification_wrap > li { float:left; width:33.33%; height:430px;}
.certification .page_certification .certification_wrap > li .inner { display:block; margin:0 35px 0 0; text-align:center;}
.certification .page_certification .certification_wrap > li .inner .img { border:1px solid #ddd; padding:10px; box-sizing:border-box; display:table; table-layout:fixed; width:100%;}
.certification .page_certification .certification_wrap > li .inner .img span { vertical-align:middle;}
.certification .page_certification .certification_wrap > li .inner .title { padding:10px 0; font-size:0.875em; color:#000; border-bottom:1px dashed #ddd; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.certification .page_certification .certification_wrap > li .inner:hover .img,
.certification .page_certification .certification_wrap > li .inner:hover .title { border-color:#666;}
.certification .page_certification .certification_wrap .vm_wrap img{ max-height:330px; min-height:330px;}

/*6-2*/

.online .terms_area{padding:20px; background:#f7f7f7; border-top:2px solid #333; border-bottom:1px solid #999; font-size:0.875em; color:#555; font-weight:400; line-height:1.6;}
.online .terms_area .terms_box{padding:30px; background:#fff; border:1px solid #eee; overflow-y: scroll; height:130px;}
.online .terms_area .terms_box strong{color:#111; font-weight:600; font-size:1.153em;}
.online .cont_check{ text-align: right; padding-top:8px;}
.online .label_st{ display:inline-block; color:#999;}
.online .label_st > *{cursor:pointer; vertical-align:middle;}
.online .label_st span{padding-left:3px;}
.online .board_st.write{border-top:1px solid #666;}
.online .board_btn_wrap{margin-top:20px; font-size:.938rem;}
.online .board_st th{color:#111;}
.online .board_st th, .board_st td{padding:15px 10px; border-bottom:1px solid #ddd;}
.online .select.input_st{padding:0 80px 0 5px; line-height:35px; height:35px;}
.online .inp_w2{width:175px;}
.online .iw100{width:100%;}
.online .tw1{width:100%; height:200px !important;}
.online input[type=file].input_st{background:none; border:none; padding:0; font-size:.938em; line-height:28px; height:28px;}
.online .input_st.s1{line-height:50px; height:50px; padding:0 30px;}
.online .input_st.c1{background:#005aa6 !important; border-color:#005aa6; color:#fff; height:50px;}
.online .input_st.c2{background:#999; border-color:#999; color:#fff;}


/*구글제어*/
.goog-te-banner-frame { display: none!important; }
#contents { padding-top: 16px!important;}