@charset "utf-8";
/* CSS Document */
body{ font-size:16px}
.box0{ width:94%; margin:0 auto;}
.box1{ width:1200px; max-width:94%; margin:0 auto;}
.box2{ width:1100px; max-width:94%; margin:0 auto;}
.PC{ display:block !important}
.PHONE{ display:none !important}







/*header*/
#header{ position:fixed; z-index:999; top:0; left:0; width:100%; text-align:center;}
#header .gnbBg{ position:absolute; left:0; top:0; width:100%; height:0; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.3); transition:.3s;}
#header .vm_wrap{ height:70px;}
#header .logo{ position:absolute; top:0; left:50px;}
#header .logo .tt{display:inline-block;padding-left: .4em;font-family:notokrB, sans-serif;font-size: 1.5em;letter-spacing:-1px;margin-top: -10px;}
#header .etc_wrap{ position:absolute; top:0; right:0;}
#header .etc_wrap > li.def > a{ padding:0 1em; font-size:.750em; color:#333; text-transform:uppercase;}
#header .etc_wrap > li.def > a .tt > i{ display:inline-block; vertical-align:middle;}
#header .etc_wrap > li.def > a .tt .xi{ padding-right:.3em;}
#header .etc_wrap > li.def > a:hover{ color:#003f87;}

#header .etc_wrap > li.btn > a{ padding-left:1.5em;}
#header .etc_wrap > li.btn > a .ham{ position:relative; display:block; margin:0 auto;}
#header .etc_wrap > li.btn > a .ham,
#header .etc_wrap > li.btn > a .ham:before,
#header .etc_wrap > li.btn > a .ham:after { width:25px; height:2px; background:#000; transition:.2s;}
#header .etc_wrap > li.btn > a .ham:before,
#header .etc_wrap > li.btn > a .ham:after { content:""; position:absolute; left:0;}
#header .etc_wrap > li.btn > a .ham:before{ top:-8px;}
#header .etc_wrap > li.btn > a .ham:after { bottom:-8px;}
#header .etc_wrap > li.btn > a:hover .ham:before,
#header .etc_wrap > li.btn > a:hover .ham:after{ left:5px;}




#header .gnb_wrap{ display:inline-block; *display:inline; zoom:1; padding:0 14em;}
#header .gnb_wrap .gnb > li{ position:relative;}
#header .gnb_wrap .gnb > li .dp1,
#header .gnb_wrap .gnb > li .dp1:after{ transition:.2s;}
#header .gnb_wrap .gnb > li .dp1{ position:relative; padding:0 2.2em; font-size:1.188em; color:#333; letter-spacing:-1px;}
#header .gnb_wrap .gnb > li .dp1:after{ content:""; position:absolute; bottom:0; left:50%; margin-left:0; width:0; height:5px; background:linear-gradient(90deg, #2d3182 0%, #0f89ca 50%, #2d3182 100%); transform:skew(-45deg);}
#header .gnb_wrap .gnb > li:hover .dp1,
#header .gnb_wrap .gnb > li.on .dp1{ color:#003f87;}
#header .gnb_wrap .gnb > li:hover .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after{ margin-left:-45%; width:90%;}
#header .gnb_wrap .gnb > li .dp2{ display:none; position:absolute; top:100%; left:-1px; right:0; padding:1.2rem 0; border:1px solid #ddd; border-top:none; border-bottom:none;}
#header .gnb_wrap .gnb > li .dp2 .vm_wrap{ height:auto;}
#header .gnb_wrap .gnb > li .dp2 > li{ display:block; margin:0 .8em;}
#header .gnb_wrap .gnb > li .dp2 > li > a{ position:relative; padding:.3em 0 .3em 10px; text-align:left; font-size:.750em; color:#666;}
#header .gnb_wrap .gnb > li .dp2 > li > a:after{ content:""; position:absolute; left:0; top:.7em; width:3px; height:3px; background:#00a3dd; transform:rotate(45deg)}
#header .gnb_wrap .gnb > li .dp2 > li:hover > a{ color:#00a3dd;}
#header .gnb_wrap .gnb > li .dp2:hover{ background:#f9f9f9; transition:.3s;}

#header:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#ddd; display:block;}
#header.gnbOn:after{ display:none;}
#header.gnbOn .gnbBg{ height:0 !important;}
.scroll #header.gnbOn .gnbBg{ height:100% !important;}

#header .siteMap_wrap{ position:fixed; top:0; right:0; width:100%; height:0; opacity:0; background:#f5f5f5; overflow:hidden; overflow-y:auto; transition:.2s;}
#header .siteMap_wrap .inner{ padding:7em 0 8em 0;}
#header .siteMap_wrap .gnb > li{ width:20%; position:relative;}
#header .siteMap_wrap .gnb > li:before,
#header .siteMap_wrap .gnb > li:after { content:""; position:absolute; top:0; left:2%; width:96%; height:5px; transform:skew(-45deg); transition:.5s;}
#header .siteMap_wrap .gnb > li:before{ background:linear-gradient(90deg, #2d3182 0%, #0f89ca 50%, #2d3182 100%);}
#header .siteMap_wrap .gnb > li:after { background:#00a3dd; width:0;}
#header .siteMap_wrap .gnb > li:hover:after { width:96%;}
#header .siteMap_wrap .gnb > li .dp1{ height:70px; font-size:1.125em;}
#header .siteMap_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);}
#header .siteMap_wrap .gnb > li .dp2 .vm_wrap{ height:auto;}
#header .siteMap_wrap .gnb > li .dp2 > li{ display:block; padding:.4em 1.5em;}
#header .siteMap_wrap .gnb > li .dp2 > li > a{ position:relative; text-align:left; padding-left:10px; font-size:.875em; letter-spacing:-1px; transition:.2s;}
#header .siteMap_wrap .gnb > li .dp2 > li > a:after{ content:""; position:absolute; left:0; top:.5em; width:4px; height:2px; background:#999;}
#header .siteMap_wrap .gnb > li .dp2 > li:hover > a{ margin-left:.3em;}
#header .siteMap_wrap .gnb li:hover > a{ color:#003f87;}
#header .siteMap_wrap .gnb li:hover .dp2{ background:#fcfcfc; border-color:#ccc; transition:.2s;}
html.on{ overflow-y:hidden;}
html.on #header:after,
html.on #header .gnbBg,
html.on #header .gnb_wrap{ opacity:0; visibility:hidden;}
html.on #header .siteMap_wrap{ height:100%; opacity:1;}
html.on #header .etc_wrap > li.btn > a .ham{ background-color:transparent !important;}
html.on #header .etc_wrap > li.btn > a .ham:before,
html.on #header .etc_wrap > li.btn > a .ham:after { left:0; top:0; bottom:auto; background:#003f87;}
html.on #header .etc_wrap > li.btn > a .ham:before{ transform: rotate(-45deg);}
html.on #header .etc_wrap > li.btn > a .ham:after { transform: rotate(45deg);}

/*footer*/
#footer{ position:relative; background:#43454e;}
#footer .btn_goTop{ position:absolute; top:-5em; left:50%; margin-left:-1.5em; width:3em; line-height:3em; text-align:center;}
#footer .btn_goTop .xi{ position:relative; font-size:2em; color:#fff;}
#footer .btn_goTop:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#003f87; transform:rotate(45deg); transition:.3s;}
#footer .btn_goTop:hover:before{ background:#43454e; transform:rotate(225deg);}
#footer .sitemap_wrap .gnb > li{ width:16.66%; padding:1.2em 0 3em 0; position:relative;}
#footer .sitemap_wrap .gnb > li.m_3{ width:33.33%;}
#footer .sitemap_wrap .gnb > li:before,
#footer .sitemap_wrap .gnb > li:after { content:""; position:absolute; top:0; width:1px; height:100%; background:rgba(255,255,255,.1);}
#footer .sitemap_wrap .gnb > li:after { right:0;}
#footer .sitemap_wrap .gnb > li:before{ left:0; display:none;}
#footer .sitemap_wrap .gnb > li:first-child:before{ display:block;}
#footer .sitemap_wrap .gnb > li a{ margin:0 10px 0 30px; text-align:left;}
#footer .sitemap_wrap .gnb > li .dp1{ height:3.5em; color:#fff;}
#footer .sitemap_wrap .gnb > li .dp2 > li{ width:100%;}
#footer .sitemap_wrap .gnb > li.m_3 .dp2 > li{ width:50%;}
#footer .sitemap_wrap .gnb > li .dp2 > li > a{ position:relative; padding:.4em 0 .4em 10px; font-family:notokrR, sans-serif; font-size:.813em; color:rgba(255,255,255,.7); letter-spacing:-1px;}
#footer .sitemap_wrap .gnb > li .dp2 > li > a:after{ content:""; position:absolute; left:0; top:.9em; width:4px; height:1px; background:rgba(255,255,255,.5);}
#footer .sitemap_wrap .gnb > li .dp2 > li > a:hover .vm_tt{ text-decoration:underline;}
#footer .menu_wrap{ border:1px solid rgba(255,255,255,.1); border-left:none; border-right:none;}
#footer .menu_wrap .menu .vm_wrap{ height:50px;}
#footer .menu_wrap .menu > li > a{ padding:0 1em; color:#fff;}
#footer .menu_wrap .menu > li > a .tt{ font-size:.813em;}
#footer .info_wrap{ padding:2.2em 0 3em 0;}
#footer .info_wrap .logo{ float:left; margin-right:3em;}
#footer .info_wrap .info{ float:left;}
#footer .info_wrap .info > li{ padding:.2em 0; font-size:.75em;}
#footer .info_wrap .info > li.tit{ color:#fff;}
#footer .info_wrap .info > li .tt{ display:inline-block; *display:inline; zoom:1; vertical-align:top; padding-right:1.2em; color:#fff; opacity:.7;}
#footer .info_wrap .info > li .t1{ width:5.5em; padding-right:0; opacity:1;}
#footer .info_wrap .info > li.copy{ padding-top:1.2em; font-size:.688em; color:rgba(255,255,255,.5); text-transform:uppercase; letter-spacing:0;}
#footer .info_wrap .info > li a:hover{ text-decoration:underline;}
#footer .info_wrap .info > li .tt{ }
/*contents*/
#contents{}
#contents .subTop_wrap{ position:relative; overflow:hidden;}
#contents .subVisual{ position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transform:scale(1.2,1.2); transition:1s;}
#contents .subVisual.bg_1{ background-image:url(../images/sub/sub_visual1.jpg);}
#contents .subVisual.bg_2{ background-image:url(../images/sub/sub_visual2.jpg);}
#contents .subVisual.bg_3{ background-image:url(../images/sub/sub_visual3_2.jpg);}
#contents .subVisual.bg_4{ background-image:url(../images/sub/sub_visual4.jpg);}
#contents .subVisual.bg_5{ background-image:url(../images/sub/sub_visual5.jpg);}
#contents .subTit_wrap{ position:relative; z-index:2; height:15em;}
#contents .subTit_wrap .tit{ margin-bottom:1em;}
#contents .subTit_wrap .tit .tt{ display:block; color:#111; filter:alpha(opacity=0); opacity:0; transition:1s;}
#contents .subTit_wrap .tit .t1{ font-family:notokrB, sans-serif; font-size:2.250em; padding-bottom:.5em; letter-spacing:-1px; margin-left:10em;}
#contents .subTit_wrap .tit .t1:before{ content:""; display:block; margin:0 auto .5em auto; width:40px; height:3px; background:#111;}
#contents .subTit_wrap .tit .t2{ font-size:.875em; letter-spacing:.5em; margin-right:10em;}

.load #contents .subVisual{ transform:scale(1,1)}
.load #contents .subTit_wrap .tit .t1{ margin-left:0; filter:alpha(opacity=100); opacity:1;}
.load #contents .subTit_wrap .tit .t2{ margin-right:0; filter:alpha(opacity=60); opacity:0.6;}

/*#contents .submenu_wrap{ position:absolute; z-index:3; left:0; bottom:0; width:100%;}
#contents .submenu_wrap .gnb{ position:relative; z-index:2; text-align:center;}
#contents .submenu_wrap .gnb > li,
#contents .submenu_wrap .gnb > li .dp1,
#contents .submenu_wrap .gnb > li .dp3{ display:none}
#contents .submenu_wrap .gnb > li.on,
#contents .submenu_wrap .gnb > li.on .dp2{ display:block}
#contents .submenu_wrap .gnb > li .dp2{ margin:-1px -1px 0 0;}
#contents .submenu_wrap .gnb > li .dp2 > li{ width:20%;}
#contents .submenu_wrap .gnb > li .dp2 > li > a{ height:3.2em; background:rgba(66,70,74,.85); margin:1px 1px 0 0; font-size:.938em; color:#fff; transition:.3s;}
#contents .submenu_wrap .gnb > li .dp2 > li:hover > a,
#contents .submenu_wrap .gnb > li .dp2 > li.on > a{ background:#003f87;}*/

#contents .pageCon_wrap{ padding:3em 2em 14em 2em;}
#contents .doc{}
#contents .doc_main{}

/*SUB PAGE*******************/
/*inc*/
.page_sec { margin-top:4em !important;}
.page_sec1{ margin-top:2em !important;}
.page_sec2{ margin-top:3em !important;}
.page_sec3{ margin-top:5em !important;}

.page_tit1{ padding-left:1.2em; position:relative; font-family:notokrB, sans-serif; font-size:1.625em; color:#333;}
.page_tit1:before,
.page_tit1:after { content:""; position:absolute; z-index:2; left:0; top:0; width:.5em; height:1em; transform:skew(-35deg);}
.page_tit1:before{ background:linear-gradient(0deg, #2d3182 0%, #0f89ca 50%, #2d3182 100%);}
.page_tit1:after { left:.2em; top:.2em; z-index:1; background:#ddd;}

/*제품소개*/
.prod_search{ *zoom:1;}
.prod_search:after{ content:""; display:block; clear:both;}
.prod_search .left{ float:left; margin-bottom:1em;}
.prod_search .right{ float:right;}
.prod_search .search{ display:inline-block;}
.prod_search .search .vm_wrap{ height:45px; box-sizing:border-box;}
.prod_search .search .inner{ position:relative; padding:0 50px 0 130px; border-radius:6px; overflow:hidden;}
.prod_search .search .tit_wrap,
.prod_search .search .btn_wrap{ position:absolute; top:0;}
.prod_search .search .tit_wrap{ width:130px; left:0; background:#43454e; font-size:.875em; color:#fff;}
.prod_search .search .btn_wrap{ width:50px; right:0; background:#003f87; transition:.2s;}
.prod_search .search .inp_wrap{ width:220px; padding:0 .8em; background:#fff; border:1px solid #43454e; border-right:none;}
.prod_search .search .inp_wrap .inp{ width:100%; background:transparent; border:none; font-family:notokrR, sans-serif; font-size:.875em;}
.prod_search .search .inp_wrap .inp::-webkit-input-placeholder,
.prod_search .search .inp_wrap .inp::-moz-placeholder,
.prod_search .search .inp_wrap .inp:-moz-placeholder,
.prod_search .search .inp_wrap .inp:-ms-input-placeholder{ color:#888}
.prod_search .search .btn_wrap .btn{ position:relative; width:100%; height:100%; background:transparent; border:none; font-size:1.250em; color:#fff;}
.prod_search .search .btn_wrap:hover{ background:#00a3dd; border:1px solid #00a3dd;}
.prod_search .search .label_select{ width:100%; height:100%; vertical-align:top;}
.prod_search .search .label_select:before{ background:transparent;}
.prod_search .search .label_select .sel{ width:100%; height:100%; color:#fff;}
.prod_search .search .label_select .sel option{ color:#000;}

.prod_wrap{ margin:0 -20px -20px 0;}
.prod_wrap .prod{ width:25%;}
.prod_wrap .prod .inner{ display:block; margin:0 20px 20px 0; border:1px solid #333; overflow:hidden;}
.prod_wrap .prod .resize{ padding-bottom:72.5%;}
.prod_wrap .prod .tit_wrap{ position:relative; padding:1.3em 1em 1em 1em; text-align:center; background:#333; color:#fff;}
.prod_wrap .prod .tit_wrap:before{ content:""; position:absolute; z-index:1; top:0; left:0; width:100%; height:5px; background:linear-gradient(90deg, #2d3182 0%, #0f89ca 50%, #2d3182 100%); transition:.3s;}
.prod_wrap .prod:hover .tit_wrap:before{ height:100%;}
.prod_wrap .prod .tit_wrap > *{ position:relative; z-index:2;}
.prod_wrap .prod .tit_wrap .name{ display:block; font-size:.938em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.prod_wrap .prod .tit_wrap .xi{ margin-top:.5em;}
.prod_wrap .prod .tit_wrap .xi:before{ content:"\e917";}

.prod_view_wrap{ overflow:hidden;}
.prod_view_wrap .tit_wrap{ float:left; width:35%;}
.prod_view_wrap .img_wrap{ float:right; width:65%;}
.prod_view_wrap .tit_wrap .inner{ padding:2.5em 0; border-top:5px solid #cfd6df;}
.prod_view_wrap .img_wrap .inner{ margin-left:60px; padding:10px; border:1px solid #aaa; background:#cfd6df; text-align:center;}
.prod_view_wrap .img_wrap .img{ background:#fff;}
.prod_view_wrap .tit_wrap .name{ position:relative; padding-left:35px; font-family:notokrB, sans-serif; font-size:1.375em; color:#505d70;}
.prod_view_wrap .tit_wrap .name .xi{ position:absolute; top:0; left:0; width:1em; line-height:1em; text-align:center;}
.prod_view_wrap .tit_wrap .name .xi:before{ content:"\e928"; font-size:.813em; color:#fff; position:relative; z-index:2;}
.prod_view_wrap .tit_wrap .name .xi:after { content:""; position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background:#505d70; border-radius:100%;}
.prod_view_wrap .tit_wrap .txt,
.prod_view_wrap .tit_wrap .btn{ margin-left:35px;}
.prod_view_wrap .tit_wrap .txt{ margin-top:2.5em; font-size:.938em; color:#555; line-height:1.5;}
.prod_view_wrap .tit_wrap .btn{ margin-top:6em; display:inline-block; padding:.8em 2em; background:#43454e; border:1px solid #43454e; font-size:.938em; color:#fff; text-align:center; transition:.2s;}
.prod_view_wrap .tit_wrap .btn > *{ display:inline-block; vertical-align:middle;}
.prod_view_wrap .tit_wrap .btn .xi{ position:relative; right:0; margin-right:.6em; background:#fff; border:1px solid #fff; border-radius:50%; color:#003f87; transition:.2s;}
.prod_view_wrap .tit_wrap .btn .xi:before{ content:"\e906"; display:inline-block; width:25px; height:25px; line-height:25px;}
.prod_view_wrap .tit_wrap .btn:hover{ background:#fff; color:#000;}
.prod_view_wrap .tit_wrap .btn:hover .xi{ right:.5em; background:#fff; border-color:#bbb;}


/*pop 개인정보처리방침*/
.popPrivacy .popIn{ width:960px; height:700px;}

/*MAIN STYLE*******************************/
/**/
.mainVisual_wrap{ position:relative;}
.mainVisual_wrap,
.mainVisual .img .in{ height:57em}
.mainVisual .slides{ overflow:hidden}
.mainVisual .img{ position:relative}
.mainVisual .img .in{ position:relative}
.mainVisual .img .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; background-attachment:fixed; transform:scale(1.4,1.4); transition-delay:2s}
.mainVisual .img .box1{ position:relative}
.mainVisual .img .slogan_wrap{ padding-top:13em; transition:.2s}
.mainVisual .img .slogan{ text-align:center}
.mainVisual .img .slogan .t0{ font-size:.938em; margin-bottom:2em; letter-spacing:.5em; opacity:.6}
.mainVisual .img .slogan .t1{ font-size:3.25em; color:#111; opacity:0; margin-right:5em; letter-spacing:-2px;}
.mainVisual .img .slogan .t2{ font-family:notokrR, sans-serif; font-size:1.25em; color:#111; line-height:1.8; opacity:0; margin-left:5em; line-height:1.5}
.mainVisual .img .slogan .sec{ width:0; height:.313em; background: linear-gradient(90deg, #2d3182 0%, #0f89ca 50%, #2d3182 100%); transform:skew(-45deg); margin:3em auto; position:relative}
.mainVisual .img:before,
.mainVisual .img:after{ content:""; position:absolute; left:3%; bottom:.5em; width:94%; height:.3em; border-radius:1em; background:#fff; z-index:100}
.mainVisual .img:before{ background:#fff; opacity:.5}
.mainVisual .img:after{ background: #fff; width:0}
.mainVisual .img.flex-active-slide .bg{ transform:scale(1,1); transition-delay:0; transition:4.5s}
.mainVisual .img.flex-active-slide .slogan .t1{ opacity:1; margin-right:0; transition:2s}
.mainVisual .img.flex-active-slide .slogan .t2{ opacity:1; margin-left:0; transition:2s; transition-delay:1s}
.mainVisual .img.flex-active-slide .slogan .sec{ width:4em; transition:2s; transition-delay:1s}
.mainVisual .img.flex-active-slide:after{ width:94%; transition:5s}
.mainVisual .flex-control-paging{ position:absolute; top:34em; left:0; width:100%; text-align:center; z-index:100; transition:.2s}
.mainVisual .flex-control-paging > li{ display:inline-block; *display:inline; zoom:1;}
.mainVisual .flex-control-paging > li > a{ display:block; width:12px; height:12px; margin:0 10px; font-size:0; position:relative; background:#333;  transition:.5s; border-radius:100%}
.mainVisual .flex-control-paging > li > a.flex-active{ background:#003f87; transform:rotate(45deg) scale(1.3,1.3); border-radius:0}

.mainNav{ position:fixed; right:20px; top:0; z-index:100; height:100%; transition:.2s}
.mainNav .nav{ background:#000; background:rgba(0,0,0,.6); padding:15px; text-align:center; border-radius:50px}
.mainNav .nav > li{ }
.mainNav .nav > li > a{ display:block; width:10px; height:10px; transform:rotate(45deg); background:#fff; margin:12px 0; transition:.2s}
.mainNav .nav > li:hover > a{ opacity:1}
.mainNav .nav > li.on > a{ background:#00a3dd}

#scrollAni{ position: absolute; left:50%; width:7em; margin-left:-3.5em; text-align:center; bottom:3em; opacity:1; z-index:100; text-decoration:none; text-shadow:1px 1px 1px rgba(0,0,0,.5)}
#scrollAni .xi{ vertical-align:middle}
#scrollAni .xi-mouse{font-size:3.5em; color:#fff; margin-right:-.4em}
#scrollAni .xi-scroll{font-size:2.5em; color:#fff}
#scrollAni .tt{ display:block; color:#fff; font-size:.75em; text-transform:uppercase; font-weight:bold; letter-spacing:.1em; font-family:Arial, Helvetica, sans-serif; margin-top:.5em}

.scroll .mainVisual .img .slogan_wrap,
.scroll .mainVisual .flex-control-paging,
.scroll #scrollAni{ opacity:0}


.w_view_m a{display:block; background:#fff; padding:6px; border-radius:50px; box-shadow:1px 1px 2px rgba(0,0,0,0.2); border:1px solid #a3cbe5; width:90px; color:#0074c1; font-size:0.875em; width:76px;}
.w_view_m:hover a{display:block; background:#0074c1; padding:6px; border-radius:50px; box-shadow:1px 1px 2px rgba(0,0,0,0.2); border:1px solid #0074c1; width:90px; color:#fff; font-size:0.875em; width:76px; transition:all 0.3s;}








/*#contents .submenu_wrap {width:100%; margin-top:-70px; background:rgba(0,0,0,.7); position:absolute; z-index:3; left:0; bottom:0;}*/
#contents .submenu_wrap { background:rgba(0,0,0,.7); }
#contents .submenu_wrap .nav{ position:relative; z-index:10 !important;}
#contents .submenu_wrap .nav:after{ content:""; display:block; clear:both;}
#contents .submenu_wrap .nav > li{ float:left; position:relative; z-index:1}

#contents .submenu_wrap .nav .menu1 .gnb .m_guide{ display:none !important;}
#contents .submenu_wrap .nav .menu1 .gnb .m_member{ display:none !important;}
#contents .submenu_wrap .nav .menu1 .gnb .m_mypage{ display:none !important;}
#contents .submenu_wrap .nav .menu1 .gnb .dp2,
#contents .submenu_wrap .nav .menu2 .gnb > li,
#contents .submenu_wrap .nav .menu2 .gnb .dp1,
#contents .submenu_wrap .nav .menu2 .gnb .dp3{ display:none}
#contents .submenu_wrap .nav .menu3 .gnb > li,
#contents .submenu_wrap .nav .menu3 .gnb > li .dp1,
#contents .submenu_wrap .nav .menu3 .gnb > li .dp2 > li,
#contents .submenu_wrap .nav .menu3 .gnb > li .dp2 > li > a,
#contents .submenu_wrap .nav .menu3 .gnb > li .dp3 > li .dp4{ display:none; }
/*#contents .submenu_wrap .nav .menu3 .gnb .m_2 .dp3 > li {display:block;}*/
#contents .submenu_wrap .nav .home > a{ display:block; width:60px; height:50px; border-right:1px solid rgba(255,255,255,0.4); border-left:1px solid rgba(255,255,255,0.4);  background:url(../images/inc/nav_icon_home.png) no-repeat center center; font-size:0 }
#contents .submenu_wrap .nav .gnb{ position:absolute; z-index:inherit; left:0; top:50px; width:100%; padding:10px 0; display:none; background:rgba(0,0,0,.9)}
#contents .submenu_wrap .nav .gnb > li {display:block ;}
#contents .submenu_wrap .nav .gnb .vm_wrap{ text-align:left;}
#contents .submenu_wrap .nav .gnb a{ display:block; line-height:1.2; font-size:.875em; color:#fff; padding:8px 25px;}
#contents .submenu_wrap .nav .gnb a:hover{ background:rgba(255,255,255,.1); }
#contents .submenu_wrap .nav .menu_st{ border-right:1px solid rgba(255,255,255,0.4); line-height:50px; font-size:.938em; padding:0 70px 0 25px; background-repeat:no-repeat; background-position:90% center; min-width:110px; cursor:pointer}
#contents .submenu_wrap .nav .menu_st > a{ color:#ffffff;}

#contents .submenu_wrap .nav .menu1 .menu_st{ color:#ffffff; background-image:url(../images/inc/nav_arrow.png);}
#contents .submenu_wrap .nav .menu2 .menu_st{ color:#ffffff; background-image:url(../images/inc/nav_arrow.png);}
#contents .submenu_wrap .nav .menu3 .menu_st{ color:#ffffff; background-image:url(../images/inc/nav_arrow.png);}
#contents .submenu_wrap .nav > li:hover .gnb{ display:block;}


#contents .submenu_wrap .nav .di_wrap > *{display:block;}



#left_quick{position:fixed; left:0; top:0; width:80px; height:100%; background:#3d444c; border-right:1px solid #222; z-index:20;}
#left_quick ul li{border-bottom:1px solid #222; border-top:1px solid #787c82; text-align:center; min-height:100px; cursor:pointer; transition:0.3s;}
#left_quick ul li:last-child{border-bottom:none;}
#left_quick ul li.simbol{ height:130px; border-top:0;}
#left_quick ul li .xi{font-size:1.87em; color:#c1c3c4; padding:14px 0 10px;}
#left_quick ul li p{ color:#fff; font-size:0.87em; font-family:notokrL; padding-bottom:5px; }
/*#left_quick ul li:last-child{border-bottom:0; height:1px; min-height:1px;}*/
#left_quick ul li .today{ font-weight:bold; color:#ff9c00; margin-top:190%;}
#left_quick ul li .total{ font-weight:bold; color:#ff9c00; margin-top:13px;}
#left_quick ul li span{ word-break:break-all; color:#ddd; padding:0 4px; box-sizing:border-box; font-size:.9em;}
#left_quick ul li:first-child{background:#3d444c!important;}
#left_quick ul li:hover{background:#2f343a;}
#left_quick ul li:nth-child(6){padding-bottom:20px;}
#left_quick ul li:nth-child(6):hover{background:none; cursor:inherit;}

/*main*/

.maincon_bg1{background:url(../images/main/main_con2_bg.jpg) no-repeat; background-size:cover; height:1060px;}
.maincon_wrap1 .main_tt{ font-size:2.312em; font-family:notokrB; letter-spacing:-1px; padding-top:50px; text-align:center;}
.maincon_wrap1 .img_bar{text-align:center; margin:20px 0;}
.maincon_wrap1 .main_tx{text-align:center; margin-bottom:45px; color:#333;}

.maincon_wrap1 .prod_search{ margin:0 auto; width:680px; }
.maincon_wrap1 .prod_search .search{ display:inline-block;}
.maincon_wrap1 .prod_search .search .vm_wrap{ height:60px; box-sizing:border-box;}
.maincon_wrap1 .prod_search .search .inner{ position:relative; padding:0 50px 0 130px; border-radius:6px; overflow:hidden;}
.maincon_wrap1 .prod_search .search .tit_wrap,
.maincon_wrap1 .prod_search .search .btn_wrap{ position:absolute; top:0;}
.maincon_wrap1 .prod_search .search .tit_wrap{ width:180px; left:0; background:#43454e;  color:#fff; font-size:.9em;}
.maincon_wrap1 .prod_search .search .btn_wrap{ width:70px; right:0; background:#003f87; transition:.2s;}
.maincon_wrap1 .prod_search .search .inp_wrap{ width:500px; padding:0 2em 0 4em; background:#fff; border:1px solid #43454e; border-right:none;}
.maincon_wrap1 .prod_search .search .inp_wrap .inp{ width:100%; background:transparent; border:none; font-family:notokrR, sans-serif; font-size:.9em;}
.maincon_wrap1 .prod_search .search .inp_wrap .inp::-webkit-input-placeholder,
.maincon_wrap1 .prod_search .search .inp_wrap .inp::-moz-placeholder,
.maincon_wrap1 .prod_search .search .inp_wrap .inp:-moz-placeholder,
.maincon_wrap1 .prod_search .search .inp_wrap .inp:-ms-input-placeholder{ color:#888}
.maincon_wrap1 .prod_search .search .btn_wrap .btn{ position:relative; width:100%; height:100%; background:transparent; border:none; font-size:1.250em; color:#fff;}
.maincon_wrap1 .prod_search .search .btn_wrap:hover{ background:#00a3dd; border:1px solid #00a3dd;}
.maincon_wrap1 .prod_search .search .label_select{ width:100%; height:100%; vertical-align:top;}
.maincon_wrap1 .prod_search .search .label_select:before{ background:transparent;}
.maincon_wrap1 .prod_search .search .label_select .sel{ width:100%; height:100%; color:#fff;}
.maincon_wrap1 .prod_search .search .label_select .sel option{ color:#000;}

.maincon_wrap1 .main_con1_box{ margin-top:30px; width:100%;}
.maincon_wrap1 .main_con1_box:after{ display:block; clear:both; content:'';}
.maincon_wrap1 .main_con1_box li{ float:left; width:25%;}
.maincon_wrap1 .main_con1_box li .li_wrap{ width:95%; margin:0 auto;}
.maincon_wrap1 .main_con1_box li .li_wrap .con_img{ width:100%;  height:235px;  display:block; background-repeat:no-repeat; background-position: center; background-size:cover;}
.ci1{background-image:url(../images/main/main_con1_img1.jpg); }
.ci2{background-image:url(../images/main/main_con1_img2.jpg); }
.ci3{background-image:url(../images/main/main_con1_img3.jpg); }
.ci4{background-image:url(../images/main/main_con1_img4.jpg); }
.maincon_wrap1 .main_con1_box li .li_wrap .con_tbox{width:100%; height:85px; background-color:#333; text-align:center; color:#fff; font-size:1.250em; padding-top:30px;;}

.maincon_wrap1 .main_con1_sbox{ margin-top:16px;}
.maincon_wrap1 .main_con1_sbox:after{ display:block; clear:both; content:'';}
.maincon_wrap1 .main_con1_sbox li{width:25%; float:left;}
.maincon_wrap1 .main_con1_sbox li .li_swrap{width:95%; background:#002654; opacity:0.7; margin:0 auto;}
.maincon_wrap1 .main_con1_sbox li:nth-child(3) .li_swrap{ background:#42464a; opacity:0.7;}
.maincon_wrap1 .main_con1_sbox li:nth-child(4) .li_swrap{ background:#42464a; opacity:0.7;}
.maincon_wrap1 .main_con1_sbox li .li_swrap p{ opacity:1; color:#fff; text-align:center; padding:25px 0 20px;}


.maincon_wrap1 .pro_catalog{ box-sizing:border-box; padding:0 .4em;}
.maincon_wrap1 .pro_catalog .pro_tt{ font-size:1.5em; padding:45px 0 15px;}
.maincon_wrap1 .pro_catalog .pro_box{ width:100%; background:url(../images/main/main_con1_bn.jpg) no-repeat 0 center; background-size:cover; box-sizing:border-box; padding:30px;}
.maincon_wrap1 .pro_catalog .pro_box:after{ display:block; clear:both; content:''; }
.maincon_wrap1 .pro_catalog .pro_box .pro_txt{ float:left; font-size:0.938em; color:#fff; line-height:25px; font-family:notokrR; margin-top:5px;}
.maincon_wrap1 .pro_catalog .pro_box .pro_btn{ float:right; width:260px; height:60px; background-color:#002654;  text-align:center; display:block}
.maincon_wrap1 .pro_catalog .pro_box .pro_btn p{ line-height:60px; display:inline; color:#fff; margin-right:25px;}

.maincon_wrap1 .xi-plus-circle-o{ display:block; font-size:1.125em; margin-top:14px;}
.maincon_wrap2 .xi-plus-circle-o{ color:#808080; font-size:1.5em;  margin-top:-10px; margin-left:12px;}
.xi-plus-min{ display:block !important; margin-top:8px;}
.xi-download{color:#fff;}


.maincon_wrap2 .main_tt{ font-size:2.312em; font-family:notokrB; letter-spacing:-1px; padding-top:50px; text-align:center;}
.maincon_wrap2 .img_bar{text-align:center; margin:20px 0;}
.maincon_wrap2 .main_tx{text-align:center; margin-bottom:45px; color:#333;}
.maincon_wrap2 .con2_ulbox{}
.maincon_wrap2 .con2_ulbox:after{ display:block; clear:both; content:'';}
.maincon_wrap2 .con2_ulbox li{width:33%; float:left; box-sizing:border-box; padding:46px 0 40px;}
.maincon_wrap2 .con2_ulbox li:nth-child(2){ background:#fff;}
.maincon_wrap2 .con2_ulbox li .b_wrap{width:85%; margin:0 auto; text-align:center;}
.maincon_wrap2 .con2_ulbox li .con2_img{ margin-bottom:28px;}
.maincon_wrap2 .con2_ulbox li .con2_tt{ color:#003f87; font-size:1.438em; margin-bottom:20px;}
.maincon_wrap2 .con2_ulbox li .con2_tx{font-size:0.813em; color:#666; line-height:22px; margin-bottom:24px;}
.maincon_wrap2 .con2_ulbox li .con2_btn{ display:block; width:118px; height:28px; background:#fff; border:1px solid #ddd; text-align:center; margin:0 auto;}
.maincon_wrap2 .con2_ulbox li .con2_btn p{ line-height:28px; color:#333;}

.maincon_wrap2 .cata{margin-top:40px; margin-bottom:105px;}
.maincon_wrap2 .cata .cata_tt{ font-size:1.5em; display: inline; }
.maincon_wrap2 .cata .cata_list{margin-top:17px; margin-bottom:17px;}
.maincon_wrap2 .cata .cata_list:after{ display:block; clear:both; content:'';}
.maincon_wrap2 .cata .cata_list li{width:189px; margin-right:13px; float:left;}
.maincon_wrap2 .cata .cata_list li:last-child{margin-right:0;}
.maincon_wrap2 .cata .cata_list li .list_img{width:189px; height:260px;  border:1px solid #ddd; box-sizing:border-box;}
.maincon_wrap2 .cata .cata_list li p{ font-size:0.813em; color:#666; text-align:center; margin-top:14px;}



.maincon_wrap3 .main_tt{ font-size:2.312em; font-family:notokrB; letter-spacing:-1px; padding-top:50px; text-align:center;}
.maincon_wrap3 .img_bar{text-align:center; margin:20px 0;}
.maincon_wrap3 .main_tx{text-align:center; margin-bottom:45px; color:#333;}

.maincon_wrap3 .con3_wrap{padding-bottom:170px;}
.maincon_wrap3 .con3_wrap:after{display:block; clear:both; content:'';}
.maincon_wrap3 .con3_wrap .con3_left{ float:left; width:50%;}
.maincon_wrap3 .con3_wrap .con3_left .con3_swrap{width:96%;}
.maincon_wrap3 .con3_wrap .con3_left .con3_swrap>div>div{ position:relative;}
.maincon_wrap3 .con3_wrap .con3_left .con3_swrap>div:after{ display:block; clear:both; content:'';}
.maincon_wrap3 .con3_wrap .con3_left .con3_swrap>div p{ font-size:1.188em; color:#fff; position:absolute; bottom:27px; left:10%;}
.maincon_wrap3 .con3_wrap .con3_left .cont3_top{ margin-bottom:2%;}
.maincon_wrap3 .con3_wrap .con3_left .cont3_top .con3_box{width:49%; height:240px; background:#ddd; background-repeat:no-repeat; background-size:cover;}
.maincon_wrap3 .con3_wrap .con3_left .cont3_top .cb1{float:left; background:url(../images/main/main_con4_img1.jpg) no-repeat; background-size:cover;}
.maincon_wrap3 .con3_wrap .con3_left .cont3_top .cb2{float:right; background:url(../images/main/main_con4_img2.jpg); no-repeat; background-size:cover;}
.maincon_wrap3 .con3_wrap .con3_left .cont3_bt .con3_box{width:49%; height:240px; background:#ddd;}
.maincon_wrap3 .con3_wrap .con3_left .cont3_bt .cb3{float:left; background:url(../images/main/main_con4_img3.jpg); no-repeat; background-size:cover;}
.maincon_wrap3 .con3_wrap .con3_left .cont3_bt .cb4{float:right; background:url(../images/main/main_con4_img4.jpg); no-repeat; background-size:cover;}
.maincon_wrap3 .con3_wrap .con3_right{ float:right; width:50%;}
.maincon_wrap3 .con3_wrap .con3_right:after{ display:block; clear:both; content:'';}
.maincon_wrap3 .con3_wrap .con3_right .con3_swrap{width:96%; float:right;}
.maincon_wrap3 .con3_wrap .con3_right .con3_swrap .con3_tx_box{background:#fff; border:1px solid #ddd; box-sizing:border-box; padding:32px;}
.maincon_wrap3 .con3_wrap .con3_right .con3_swrap .con3_tx_box .tx_ct{font-size:.875em;}
.maincon_wrap3 .con3_wrap .con3_right .con3_swrap .con3_tx_box .tx_ct i{color:#737373; margin-right:20px;}


.maincon_wrap3 .root_daum_roughmap .wrap_controllers{ display:none;}
.w100{width:100% !important;}





/*테이블*/

.sub_tbl.tac{ margin-top:1em; font-family:'notokrR';}
.sub_tbl .tbl_st {border:1px solid #ccc;  border-top:2px solid #003f87; font-size:0.938em; width:100%; font-family:'notokrR';}
.sub_tbl .tbl_st tbody th {background:#f0f0f0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:12px 20px; font-weight:500; font-size:1.000em; color:#333;   text-align:center; }
.sub_tbl .tbl_st tbody td {background:#fff; text-align:left; color:#666; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:.7em 2em; line-height:1.5; Font-family: notokrR;}

.w100{width:100% !important;}

/*공통*/

.tt_tx{font-size:1.250em;}
.tt_dc{ position:relative; margin-bottom:6px; margin-left:2px;}
.tt_dc:after{width:13px; height:4px; background:#003f87; display:block; content:'';}
.tt_dc:before{width:13px; height:4px; background:#00a3dd; display:block; content:''; position:absolute;  top:0; left:13px}


/*1-1*/

.sub1_1{ padding:0 20px; box-sizing:border-box;}
.sub1_1:after{display:block; clear:both; content:'';}
.sub1_1 .img{width:48%; position:relative;}
.sub1_1 .con_box{float:left; margin-top:80px; padding-right:20px; box-sizing:border-box;}

.tx_b{width:52%; position:relative;}
.tx_b .tx_b_01{margin: 30px 0; font-size:26px; color:#444;}
.tx_b .tx_b_01 .tt_s{display:inline; color:#003f87; font-size:32px; padding:10px 0; font-weight:bold;}
.tx_b .tx_b_01 .eg_tx{font-size: 14px; color:#ccc; letter-spacing:14px;}
.tx_b .tx_b_01 .cr_7c{color:#00a3dd; display:inline; font-size:16px;}
.tx_b .tx_s .cr_0a{color:#0074c1; vertical-align:text-top;}
.tx_b .tx_s .cr_00{color:#000;}
.ceo{float:right; margin-top:20px; color:#555; font-weight:600;}
.tx_b .bar{width:20px; height:2px; background-color:#ddd; display:block; margin:30px 10px;}
.tx_b .tx_s{ line-height:1.5; color:#333; font-size:0.938em;}
.logo1_1{ position:absolute; bottom:0; right:0;}
.mg_5{margin:5px 0;}


/*1-2*/

.sub1_2 th{ font-weight:bold !important;}
.sub1_2 .tx_1_box{width:100%; background:#f2f2f2; height:240px;  color:#f2f2f2; background:url(../images/sub/bn_test_2.jpg) no-repeat center center;  display:block;  background-attachment:fixed;}
.sub1_2 .back_img{background-color:rgba(0,0,0,0.7); height:100%; padding:1em;  box-sizing:border-box;}
.sub1_2 .tx_s{font-size: 1.5em;color:ddd;letter-spacing:15px;text-align:center;margin-bottom:15px;font-family:notokrL;padding-top:5%;}
.sub1_2 .tx_1{text-align:center;font-size: 1.25em;line-height:1.5;position:relative;text-shadow:1px 1px 2px rgba(0,0,0,0.7);}
.sub1_2 .tx_1:after{ display:block; content:''; background:url(../images/sub/comma_l_col.png) no-repeat; background-size:cover; width:34px; height:26px; position:absolute; top:0; left:4%;}
.sub1_2 .tx_1:before{ display:block; content:''; background:url(../images/sub/comma_r_col.png) no-repeat; background-size:cover; width:34px; height:26px; position:absolute; top:0; right:4%;}
.sub1_2 .co_0074{color:#1faee1; display:inline; font-size:1.188em;}
.sub1_2 .tx_2{ color:#333; position:relative; padding-left:10px; line-height:1.5;}
.sub1_2 .tx_2:after{width:4px; height:4px; background:#0074c1; display:block; content:''; position:absolute; top:8px; left:0; border-radius:50%;}
.sub1_2 .con_tx{margin:4em 0 2em;}
.sub1_2 .con_tx .con_tt{text-align:center; display:inline; padding:6px 15px; background:#003f87; color:#fff; border-radius:4px 17px 4px 17px; margin-right:10px;}
.sub1_2 .con_tx p{ display:inline; line-height:2;}

.sub1_2 .tx_1_box.st1{ height:auto}
.sub1_2 .tx_1_box.st1 .back_img{ padding:0 0 2em 0}
.sub1_2 .tx_1_box.st1 .inImg{ width:24em; margin:1em auto; max-width:80%; box-shadow:0 0 1em rgba(0,0,0,.5); border:.25em solid #fff; border-radius:1em; overflow:hidden}
.sub1_2 .tx_1_box.st1 .inImg img{ display:block; width:100%}

/*1-3*/

.sub1_3 .tt_01_box{font-size:1.625em; text-align:center;}
.sub1_3 .tt_01_name{display:inline; color:#003f87; font-weight:bold;}
.sub1_3 .tt_01_tx{display:inline; color:#333;}
.sub1_3 .co_01{display:inline; color:#003f87; font-weight:600;}
.sub1_3 .bar_01{ position:relative; left:50%; margin-left:-30px; margin-top:50px; margin-bottom:50px;}
.sub1_3 .bar_01:after{width:30px; height:2px; background:#003f87; display:block; content:'';}
.sub1_3 .bar_01:before{width:30px; height:2px; background:#00a3dd; display:block; content:''; position:absolute;  top:0; left:30px}


.sub1_3 .TAB_WRAP {text-align:center;}
.sub1_3 .TAB_WRAP .tab_ul { display:inline-block; padding-bottom:10px;}
.sub1_3 .TAB_WRAP .tab_ul li {}
.sub1_3 .TAB_WRAP .tab_ul li > a {transform:.3s; margin:1em 0 .5em 0; padding:10px; position:relative; display:block;}
.sub1_3 .TAB_WRAP .tab_ul li > a .va{ font-size:.938em;}
.sub1_3 .TAB_WRAP .tab_ul li > a{color:#333; font-size:1em; position:relative; transition:.3s; background:#f5f5f5; border:1px solid #ddd; padding:10px 25px; margin:0px 0 0px -1px;}
.sub1_3 .TAB_WRAP .tab_ul li.on > a,
.sub1_3 .TAB_WRAP .tab_ul li:hover > a{ color:#333; background:#002654; color:#fff; border-color:1px solid transparent;}
.sub1_3 .TAB_WRAP .tab_ul li.on > a:after{ opacity:1; content:"\e935"; font-family:xeicon; font-style:normal; font-size:16px; color:#002654; width:100%; position:absolute; text-align:center; bottom:-14px; left:0;}

.sub1_3 .con_idx{ position:relative}
.sub1_3 .con_idx > .idx{ position:absolute; left:0; top:0; width:100%; visibility:hidden;filter:alpha(opacity=0);opacity:0;}
.sub1_3 .con_idx > .idx.on{ position:relative; visibility: visible; filter:alpha(opacity=100);opacity:1;}


.sub1_3 .history_area{ position:relative;}
.sub1_3 .history_area .history_lst{ margin-left:150px; }
.sub1_3 .history_area .history_lst .list{ *zoom:1; padding:30px 0; border-bottom:1px solid #ccc;}
.sub1_3 .history_area .history_lst .list:after{ content:""; display:block; clear:both;}
.sub1_3 .history_area .history_lst .list:first-child{ margin-top:0;}
.sub1_3 .history_area .history_lst .list dt{ float:left; width:125px; margin:0 0 0 -145px;  text-align:right; position:relative}
.sub1_3 .history_area .history_lst .list dt span{ display:inline-block; *display:inline; zoom:1; letter-spacing:-1px;}
.sub1_3 .history_area .history_lst .list dt .year {font-size:2.7em; color:#6b7f98; margin:-5px 10px 0 0; font-family:notokrB;}
.sub1_3 .history_area .history_lst .list dd{ font-size:16px; margin-left:-10px; padding:5px 0 5px 40px; line-height:24px;}
.sub1_3 .history_area .history_lst .list dd:last-child{ padding-bottom:0;}
.sub1_3 .history_area .history_lst .list dd.first { margin-left:-10px; padding:5px 0 5px 40px; line-height:21px;font-size: 1em;}
.sub1_3 .history_area .history_lst .list dd strong { color:#888; padding-right:10px; font-size:14px; min-width: 35px;}



/*1-4*/
.sub1_4 .patent_form {}
.sub1_4 .patent_form > ul {margin-left:-20px;overflow:hidden;}
.sub1_4 .patent_form .patent_box { width:25%; float:left;}
.sub1_4 .patent_form .patent_box .patent_box_i {border:1px solid #ddd; border-top:2px solid #cdcdcd; margin:0 0 20px 20px; transition:.3s; cursor:pointer; }
.sub1_4 .patent_form .patent_box .patent_box_i .pat_tit {padding:10px ; text-align:center; border-bottom:1px solid #ddd; font-family:notokrM, sans-serif; color:#777; font-size:.938em; transition:.3s; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.sub1_4 .patent_form .patent_box .patent_box_i .pat_img {padding:10px; text-align:center;}
.sub1_4 .patent_form .patent_box .patent_box_i:hover { border:1px solid #014da1; border-top:2px solid #014da1;}
.sub1_4 .patent_form .patent_box .patent_box_i:hover .pat_tit { border-bottom:1px solid #014da1; color:#222;}



/*1-5*/

.sub1_5 .tx_1_box{width:100%; background:#f2f2f2; height:240px;  color:#f2f2f2; background:url(../images/sub/bn_test_1.jpg) no-repeat 20% center;  display:block;  background-attachment:fixed;}
.sub1_5 .back_img{background-color:rgba(0,0,0,0.7); height:240px; box-sizing:border-box; padding:1em;}
.sub1_5 .tx_s{font-size:0.938em; color:ddd; letter-spacing:15px; text-align:center; margin-bottom:15px; font-family:notokrL; padding-top:5%;}
.sub1_5 .tx_1{ text-align:center; font-size: 1.5em; line-height:1.5; position:relative; text-shadow:1px 1px 2px rgba(0,0,0,0.7);}
.sub1_5 .tx_1:after{ display:block; content:''; background:url(../images/sub/comma_l_col.png) no-repeat; background-size:cover; width:34px; height:26px; position:absolute; top:0; left:15%;}
.sub1_5 .tx_1:before{ display:block; content:''; background:url(../images/sub/comma_r_col.png) no-repeat; background-size:cover; width:34px; height:26px; position:absolute; top:0; right:15%;}
.sub1_5 .co_0074{color:#1faee1; font-size:1.250em; display:inline; margin-right:10px;}

.sub1_5 .content_2{padding-top:3em; padding-bottom:1.5em;}
.sub1_5 .content_2:after{display:block; clear:both; content:'';}
.sub1_5 .content_2 li{ width:33.33%; float:left;}
.sub1_5 .content_2 li>div{width:95%; height:330px; margin:0 auto; border:1px solid #ddd; border-bottom:1px solid #003f87;}
.sub1_5 .content_2 li>div .t_img{width:100%; height:80px; background:url(../images/sub/tt_test_img.jpg); display:block;}
.sub1_5 .content_2 li>div .t_img p{color:#fff; font-size:1.125em; text-align:center; padding-top:25px;}
.sub1_5 .content_2 li>div .t_img span{font-size:0.750em; color:#eee; font-family:notokrL; display:block;}
.sub1_5 .content_2 li .tx_box{margin-top:25px;}
.sub1_5 .content_2 li .tx_box:after{ display:block; clear:both; content:'';}
.sub1_5 .content_2 li .tx_box>div{float:left;}
.sub1_5 .content_2 li .tx_box p{ margin-bottom:15px; position:relative; padding-left:9px;}
.sub1_5 .content_2 li .tx_box p:after{width:4px; height:4px; border-radius:50%; background:#0074c1; content:''; display:block; position:absolute; top:8px; left:0;}
.sub1_5 .content_2 li .tx_box p span{ display:block; color:#666; font-size:0.875em; margin-top:6px;}
.sub1_5 .b_tx{font-size:.750em; color:#555;}

.sub1_5 .content_2 li .con_b1 .tx_box{margin-left:38%;}
.sub1_5 .content_2 li .con_b2 .tx_box{margin-left:14.5%;}
.sub1_5 .content_2 li .con_b3 .tx_box{margin-left:7.5%;}

.sub1_5 .content_2 .tx_box_l{margin-right:60px;}
.sub1_5 .b_tx p{margin-bottom:7px; margin-left:1em;}





/*2-1*/

.sub2_1 .img_box{margin:0 auto; width:826px; max-width:96%;}

.sub2_1 .cont_wrap{ border-top:15px solid #003f87;}
.sub2_1 .cont_box{width:100%; margin:0 auto;}
.sub2_1 .cont_box .cont_sbox_01 { border:1px solid #aaa; padding:25px; box-sizing:border-box;}
.sub2_1 .cont_box .cont_sbox_01:after{display:block; clear:both; content:'';}
.sub2_1 .cont_box .cont_sbox_01 ul {float:left; width:50%;}
.sub2_1 .cont_box .cont_sbox_01 ul li{line-height:2; position: relative; padding-left:12px; box-sizing:border-box; margin-left:20%; color:#333;}
.sub2_1 .cont_box .cont_sbox_01 ul li:before{content:''; display:block; width:4px; height:4px; background:#aaa; position:absolute; top:10px; left:0;}
.sub2_1 .cont_box .cont_sbox_01 ul li .sbox_list{margin:6px 0 0 6px; font-size:0.875em;}
.sub2_1 .cont_box .i_arr{ text-align:center;}
.sub2_1 .cont_box .i_arr img{}

.sub2_1 .cont_sbox_02{border:1px solid #003f87; padding:25px; box-sizing:border-box; background:#003f87; }
.sub2_1 .cont_sbox_02 .cont_txt{ text-align:center; color:#fff;}

.sub2_1 .tt_st .co_07{ color:#0074c1; font-weight:bold; display:inline; margin-right:20px;}

.sub2_1 .graph_wrap .gr_box{ width:100%; margin:30px auto 0; border-radius:20px; height:480px; border:30px solid #f0f0f0;}
.sub2_1 .graph_wrap .gr_box .gr_img{ text-align:center;}


/*2-2*/

.sub2_2{}
.sub2_2 .img2_2{width:75%; margin:0 auto 4em;}
.sub2_2 .img2_2 p{ text-align:center;}
.sub2_2 .txt_box{margin-top:1.5em;}
.sub2_2 .txt_box li{font-size:0.938em; color:#555; margin-bottom:8px; position:relative; padding-left:10px;}
.sub2_2 .txt_box li:after{ display:block; content:''; width:4px; height:4px; background:#aaa; position:absolute; top:8px; left:0; border-radius:50%;}
.sub2_2 .txt_box li .dc_22{font-size:1.063em; color:#0074ca; font-weight:bold; display:inline; margin-right:15px;}


/*3-9*/

.board_3_9 th{background:#003f87; color:#fff!important;}

/*4-1*/

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



/*test*/

.list_img{ background:url(../images/main/cer_1.jpg); background-size:cover;}
.inc_a{ display:none;}