@charset "utf-8";
/* CSS Document */
.box0{ width:94%; margin:0 auto}
.box1{ width:1400px; max-width:94%; margin:0 auto}
.box2{ width:1200px; max-width:94%; margin:0 auto}
.gnb li.m_hide{ display:none}
.pc_hide{ display:none !important;}

#header{ position: absolute; left:0; top:0; width:100%; z-index:1000; background:#fff; box-shadow:0 0 1em rgba(0,0,0,.2)}
#header .logo > a img{ height:59px}
#header .gnb_wrap{}
#header .gnb_wrap .gnb{ position:relative; margin-left:4em; padding-bottom:3.125em;}
#header .gnb_wrap .gnb:before{ content:""; position:absolute; left:0; bottom:3.125em; height:1px; width:100vw; background:#ddd}
#header .gnb_wrap .gnb > li .dp2,
#header .gnb_wrap .gnb > li .dp3{ display:none}
#header .gnb_wrap .gnb > li .dp1{ height:4.375em; padding:0 2em; position:relative; color:#555}
#header .gnb_wrap .gnb > li .dp1 .va{ font-weight:700; font-size:1.25em}
#header .gnb_wrap .gnb > li:hover .dp1,
#header .gnb_wrap .gnb > li.on .dp1{ color:#4484bc}
#header .gnb_wrap .gnb > li.m_product .dp1:after{ content:""; position:absolute; left:50%; bottom:-.5em; margin-left:-.5em; width:1em; height:1em; background:#fff; border:1px solid #ddd; border-right:none; border-bottom:none; transform:rotate(45deg)}
#header .gnb_wrap .gnb > li.m_product .dp2{ display:flex; position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box; padding:0 1.5em}
#header .gnb_wrap .gnb > li.m_product .dp2 > li > a{ height:3.125em; padding:0 1.5em; color:#777; font-weight:500}
#header .gnb_wrap .gnb > li.m_product .dp2 > li > a .va{ font-size:1.063em}
#header .gnb_wrap .gnb > li.m_product .dp2 > li:hover > a,
#header .gnb_wrap .gnb > li.m_product .dp2 > li.on > a{ color:#364973}
#header .etc_wrap{ height:100%; flex-direction:column}
#header .etc_wrap .cs{ padding:0 3.75em; padding-bottom:.75em; box-sizing:border-box; height:3.5em; background:#f3762d; color:#fff; border-radius:0 0 100% 100%; box-shadow:0 0 1em rgba(0,0,0,.2)}
#header .etc_wrap .cs .logo,
#header .etc_wrap .cs .btn{ display:none}
#header .etc_wrap .cs .logo{ border-bottom:1px solid rgba(255,255,255,.2); padding-bottom:.5em; margin-bottom:.5em}
#header .etc_wrap .cs .logo img{ height:1.5em}
#header .etc_wrap .cs .btn{ background:#eee; border-radius:.5em; margin-top:.5em; color:#555; font-size:1em; padding:.5em 2em; text-align:left; font-weight:500; position:relative; border:2px solid transparent}
#header .etc_wrap .cs .btn:after{ content:"\e93f"; font-family:xeicon; position:absolute; right:1em; top:50%; transform:translateY(-50%)}

#header .etc_wrap .cs .btn .xi{ margin-right:.25em}
#header .etc_wrap .cs .btn.c1{ background:#1d2c5b; color:#fff}
#header .etc_wrap .cs .btn.c2{ background:#4484bc; color:#fff}
#header .etc_wrap .cs .btn:hover{ border-color:#fff}
#header .etc_wrap .cs .t1{ font-weight:500}
#header .etc_wrap .cs .t1 .xi{ font-size:1em}
#header .etc_wrap .cs .t2{ font-weight:700; font-size:1.625em; padding:0 1em}

#header .etc_wrap .cs .btn.st2:after {display:none;}
#header .etc_wrap .cs .btn.st2:hover {border-color:#eee}

.scroll #header .etc_wrap .cs{ position:fixed; right:1em; top:0; transform:translateY(2em); display:block; text-align:center; border-radius:1em; padding:1em; height:auto} 
.scroll #header .etc_wrap .cs .t2{ margin-bottom:.5em}
.scroll #header .etc_wrap .cs .logo,
.scroll #header .etc_wrap .cs .btn{ display:block}
#header .etc_wrap .contact{ height:2em; margin-top:auto; margin-bottom:.5em; border-radius:2em; background:#eee; color:#777}
#header .etc_wrap .contact > a{ padding:0 2em; height:100%; font-size:.813em; letter-spacing:0}
#header .etc_wrap .contact > a .xi{ margin-right:.25em}
#header .etc_wrap .contact:hover{ background:#4484bc; color:#fff}
.headerH{ height:7.5em}
.headerT{ padding-top:7.5em}
/**/
#header .headerH{ z-index:12; background: #fff; border-bottom:1px solid #ccc;}
#header .headerH .logo{ position:relative; z-index:10001; text-align:left;}
#header .headerH .logo .mark{ vertical-align:middle; max-width:89%;}
#header .headerH .logo .txt{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding-left:25px;}
#header .headerH .logo .txt .tt{ display:block;}
#header .headerH .logo .txt .tt1{ font-size:1.250em; color:#111; }
#header .headerH .logo .txt .tt2{ font-family:'notokr',sans-serif; font-size:.625em; color:#aaa; letter-spacing:0.3px; padding:6px 0 0 2px;}
#header .headerH .btn_wrap{ float:left;}
#header .headerH .btn_wrap > li{ float:left; margin-left:2px;}
#header .headerH .btn_wrap .btn{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:40px; height:40px; line-height:40px; text-align:center; transition:.3s; cursor:pointer;}
#header .headerH .btn_wrap .btn_search{ font-size:1.125em; color:#000;}
#header .headerH .btn_wrap .btn_search .btn:hover,
#header .headerH .btn_wrap .btn_search .btn.on{ color:#003876; border:1px solid #003876}
#header .headerH .btn_wrap .btn_search .btn.searchBtn .xi:before{ content:"\e921";}

#header .headerH .btn_wrap .btn_all{ font-size:0;}
#header .headerH .btn_wrap .btn_all .btn{}
#header .headerH .btn_wrap .btn_all .btn .icon,
#header .headerH .btn_wrap .btn_all .btn .icon:before,
#header .headerH .btn_wrap .btn_all .btn .icon:after{ content:""; position:relative; display:block; width:22px; height:2px; background:#000; transition-duration:.4s;}
#header .headerH .btn_wrap .btn_all .btn .icon{ top:50%; margin:0 auto; margin-top:-2px;}
#header .headerH .btn_wrap .btn_all .btn .icon:before,
#header .headerH .btn_wrap .btn_all .btn .icon:after{ position:absolute; right:0;}
#header .headerH .btn_wrap .btn_all .btn .icon:before{ top:-7px;}
#header .headerH .btn_wrap .btn_all .btn .icon:after{ bottom:-7px; width:22px; background:#000;}
#header .headerH .btn_wrap .btn_all .btn:hover .icon:before{ width:13px;}
#header .headerH .btn_wrap .btn_all .btn:hover .icon:after{ width:22px;}

#header .headerH .btn_wrap .btn_all .btn.on{}
#header .headerH .btn_wrap .btn_all .btn.on .icon{ margin-top:0; width:25px; background-color:transparent;}
#header .headerH .btn_wrap .btn_all .btn.on .icon:before,
#header .headerH .btn_wrap .btn_all .btn.on .icon:after{ width:25px; top:0; bottom:inherit; background:#000;}
#header .headerH .btn_wrap .btn_all .btn.on .icon:before{-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
#header .headerH .btn_wrap .btn_all .btn.on .icon:after{-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}



#footer .gotop{ display:block; width:5em; line-height:5em; border:.25em solid #ddd; color:#aaa; text-align:center; margin:3em auto}
#footer .gotop .xi{ font-size:2em}
#footer .gotop:hover{ background:#2c3446; border-color:transparent; color:#fff}
#footer .wrap_in{ background:#2c3446}
#footer .menu_wrap{ padding:1em 0; border-bottom:1px solid rgba(255,255,255,.1)}
#footer .menu_wrap .logo img{ height:59px}
#footer .menu_wrap .menu > li > a{ color:#fff; opacity:.5; font-weight:500; padding:1.5em}
#footer .menu_wrap .menu > li.point > a{ opacity:1}
#footer .menu_wrap .menu > li > a:hover{ text-decoration:underline}
#footer .info_wrap{ padding:2em 0 4em 0}
#footer .info_wrap .info > li{ display:inline-block; color:#fff; font-size:.938em; opacity:.5; line-height:2; margin-right:1.5em; letter-spacing:0}
#footer .info_wrap .info > li.tit{ opacity:1; font-weight:500}
#footer .info_wrap .info > li.copyright{ display:block; margin-top:1em; font-size:.813em; opacity:.3}

.sns > li > a{ width:3em; line-height:3em; border-radius:50%; border:1px solid transparent; margin-left:.5em; text-align:center}
.sns > li > a .icon{ font-size:1.5em}
.sns > li:first-child > a{ margin-left:0}
.white .sns > li > a{ border-color:rgba(255,255,255,.2); color:#fff}
.white.st2 .sns > li > a{ background:rgba(0,0,0,.5); border:none;}
.white .sns > li > a:hover{ background:#fff; color:#2c3446}
.sns > li.in .icon:before{content:"\ebe9"}
.sns > li.nb .icon:before{content:"\ebfa"}
.sns > li.kt .icon:before{content:"\ebee"}
.sns > li.ks .icon:before{content:"\ebef"}

.main #contents{ padding-top:0}
#contents .sub_visual_wrap{ position:relative}
#contents .sub_visual_wrap .wrap_in{ position:relative; height:20em}
#contents .sub_visual_wrap .wrap_in .twrap{ height:100%; color:#fff}
#contents .sub_visual_wrap .wrap_in .twrap .t1{ letter-spacing:.75em; text-transform:uppercase; opacity:.6; margin:2em 0 1em 0}
#contents .sub_visual_wrap .wrap_in .twrap .t2{ font-size:2.75em; font-weight:700}
#contents .sub_tab .gnb > li{ width:100%}
#contents .sub_tab .gnb > li .dp2{ justify-content:center}
#contents .sub_tab .gnb > li .dp2 > li{ flex:1 1 100%; max-width:15%}
#contents .sub_tab .gnb > li .dp2 > li > a{ color:#999; font-size:1.188em; font-weight:700; position:relative}
#contents .sub_tab .gnb > li .dp2 > li > a:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:calc(100% - .5em); background:#fff}
#contents .sub_tab .gnb > li .dp2 > li > a .va{ position:relative; z-index:1; display:flex; justify-content:center; align-items:center; padding:0 1em; height:4.25em}
#contents .sub_tab .gnb > li .dp2 > li:hover > a{ color:#444}
#contents .sub_tab .gnb > li .dp2 > li.on{ z-index:1; }
#contents .sub_tab .gnb > li .dp2 > li.on > a{}
#contents .sub_tab .gnb > li .dp2 > li.on > a .va{ background:#1d2c5b; color:#fff; border-radius:.5em .5em 0 0; box-shadow:0 -1em 1em rgba(0,0,0,.3)}

#contents .sub_tit_wrap{ padding:2.5em 0 0 0}
#contents .sub_tit_wrap .tit{ font-weight:300; font-size:3.25em; letter-spacing:-.063em; word-spacing:.063em}
#contents .sub_tit_wrap .nav{ margin-bottom:1em}
#contents .sub_tit_wrap .nav > li{ color:#888; font-size:.938em}
#contents .sub_tit_wrap .nav > li:before{ content:"\e940"; font-family:xeicon; padding:0 .5em; vertical-align:middle}
#contents .sub_tit_wrap .nav > li:first-child:before{ display:none}
#contents .sub_tit_wrap .nav > li:last-child .tt{ text-decoration:underline}

.dp1on .gnb .dp2{ display:none!important}
.dp2on .gnb > li,
.dp2on .gnb > li .dp1,
.dp2on .gnb > li .dp3{ display:none!important}
.dp2on .gnb > li.on{ display:block!important}
.dp3on .gnb > li,
.dp3on .gnb > li .dp1,
.dp3on .gnb > li .dp2 > li,
.dp3on .gnb > li .dp2 > li > a{ display:none!important}
.dp3on .gnb > li.on,
.dp3on .gnb > li .dp2 > li.on{ display:block!important}

#contents .doc{ padding:4em 0 8em 0}

/**/
.en_w{ transform:scaleX(1.2)}

.visualSlider .el{ position:relative; overflow:hidden; height:100vh; background:#fff}
.visualSlider .el .vod{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%}
.visualSlider .el:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.2}
@media all and (max-aspect-ratio:16/9) {
.visualSlider .el .vod{ width:auto; height:100%}
}
.visualSlider .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.3); opacity:0;}
.visualSlider_wrap{ position:relative}
.visualSlider_wrap .slogan{ color:#fff; z-index:10; position:absolute; width:100%; left:0; bottom:50%; box-sizing:border-box; text-align:center}
.visualSlider_wrap .slogan .t1{ font-size:4em; font-weight:700; transform:translateX(-5em); opacity:0; margin-bottom:.5em}
.visualSlider_wrap .slogan .t2{ font-size:2em; font-weight:300; transform:translateX(5em); opacity:0}
.visualSlider .el.swiper-slide-active .slogan .t1{ transform:translateX(0); opacity:1; transition:1.5s; transition-delay:.4s}
.visualSlider .el.swiper-slide-active .slogan .t2{ transform:translateX(0); opacity:1; transition:1.5s; transition-delay:.8s}
.visualSlider .el.swiper-slide-active .bg,
.visualSlider .el.swiper-slide-duplicate-active .bg{ transform:scale(1) rotate(.001deg); opacity:1; transition:3s;}
.visualSlider_wrap .swiper_control{ top:60%; bottom:auto}

.main_inquiry_wrap{ position:absolute; width:36%; right:0; bottom:0; z-index:10; box-shadow:-.5em -.5em 1em rgba(0,0,0,.1)}
.main_inquiry_wrap .inquiry{ background:#fff; padding:2em}
.main_inquiry_wrap .inquiry .tit_wrap .tit{ font-size:1.188em; font-weight:500}
.main_inquiry_wrap .inquiry .tit_wrap .more{ margin-left:1em}
.main_inquiry_wrap .inquiry .tit_wrap .more:hover{ color:#4484bc}
.main_inquiry_wrap .inquiry .con_wrap{ margin-top:1em}
.main_inquiry_wrap .inquiry .con_wrap .img{ width:40%}
.main_inquiry_wrap .inquiry .con_wrap .list{ width:55%; min-height:8em}
.main_inquiry_wrap .inquiry .con_wrap .list > li > a{ font-size:.875em; margin-bottom:.5em; color:#666}
.main_inquiry_wrap .inquiry .con_wrap .list > li > a:hover{ font-weight:500; color:#333}
.main_inquiry_wrap .notice{ background:#0d1d2b; color:#fff; padding:1em 2em}
.main_inquiry_wrap .notice .icon{ padding-right:.5em}
.main_inquiry_wrap .notice .tt{ font-size:.938em}


.main_con_wrap .main_con .main_tit_wrap { margin: 4em 0; }
.main_con_wrap .main_con .main_tit_wrap .main_tit {font-size: 2.875em; font-weight:700; }
.main_con_wrap .main_con .main_tit_wrap .main_tit_line:after{ content:""; display:inline-block; width:1px; height:1.8em; margin:0.3em .375em; background:#333; }
.main_con_wrap .main_con .main_tit_wrap .main_link_btn { color: #9a9a9a; font-size:1.4375em; }
.main_con_wrap .main_con .main_tit_wrap .main_link_btn .more_btn { color: #4586be; font-size: 0.7em; background:#fff; position:relative; cursor:pointer; transition:.3s;}
.main_con_wrap .main_con .main_tit_wrap .main_link_btn .more_btn:hover{background:none;}
.main_con_wrap .main_con .main_tit_wrap .main_link_btn .more_btn:after{content:''; display:block; width:40px; height:40px; border:2px solid #4586be; box-sizing:border-box; position:absolute; right:-16px; top:-9px; z-index:-1; border-radius:50%; transition:.3s;}
.main_con_wrap .main_con .main_tit_wrap .main_link_btn .more_btn:hover:after{background:#4586be; transform:translateX(12px);}
.main_con_wrap .main_con .main_tit_wrap .main_link_btn .more_btn i{margin-top:-3px; font-size:.875em; margin-left:-2px; transition:.3s; color:#4586be;}
.main_con_wrap .main_con .main_tit_wrap .main_link_btn .more_btn:hover i{color:#fff; transform:translateX(14px);}

.main_con_wrap .main_prd .main_ctt_wrap {display:flex; justify-content:space-between;}
.main_con_wrap .main_prd .main_ctt_wrap .main_prd_lm {width:16%;}

.main_con_wrap .main_prd .main_ctt_wrap .main_prd_lm .l_ul li { border: 1px solid #dddddd; padding: .6em 0 .6em .9em; margin-bottom: .3em; font-size: 1.125em; font-weight:500; color: #989898; }
.main_con_wrap .main_prd .main_ctt_wrap .main_prd_lm .l_ul li:last-child { margin-top: 1em; background-color:#364973; color: #fff; box-shadow: .25em .25em #cdcbcc; }

.main_con_wrap .main_prd .main_ctt_wrap .main_prd_content { width: 80%; }
.main_con_wrap .main_prd .main_ctt_wrap .main_prd_content .main_prd_box {width:48.5%; height:350px; margin-bottom:30px;}
.main_con_wrap .main_prd .main_ctt_wrap .main_prd_content .main_prd_box:nth-of-type(n+3){margin-bottom:0;}
.main_con_wrap .main_prd .main_ctt_wrap .main_prd_content .box_1 { background:url(/img/main/box_1.jpg) no-repeat center center; background-size:cover; }
.main_con_wrap .main_prd .main_ctt_wrap .main_prd_content .box_2 { background:url(/img/main/box_2.jpg) no-repeat center center; background-size:cover; }
.main_con_wrap .main_prd .main_ctt_wrap .main_prd_content .box_3 { background:url(/img/main/box_3.jpg) no-repeat center center; background-size:cover; }
.main_con_wrap .main_prd .main_ctt_wrap .main_prd_content .box_4 { background:url(/img/main/box_4.jpg) no-repeat center center; background-size:cover; }
.main_con_wrap .box_p1 { color: #4786bc; font-size: 1.875em; font-weight:600;}
.main_con_wrap .box_p2 { color: #222; font-size: 1.875em; font-weight:600; }
.main_con_wrap .box_p3 { color: #999; font-size: .9375em; margin-top: 2em;}
.main_con_wrap .box_p3 i { font-size: 1.6em; }
.main_con_wrap .box_p4 { font-size: 1.375em; font-weight:600; margin: 1em 0; height:50px;}
.main_con_wrap .box_p5 { color: #888; font-weight:500; line-height:1.5; margin-bottom:3em; }
.main_con_wrap .box_p6 { color: #999; font-size: .9375em; }
.main_con_wrap .box_p7 {color:#999; margin-top:5px;}

.main_con_wrap .main_gal { background-color: #f5f5f5; }
.main_con_wrap .main_gal .main_tit_wrap { padding-top: 4em; }
/* more view수정하기 */
.main_con_wrap .main_gal .main_tit_wrap .main_link_btn .more_btn { background:#f5f5f5; }
.main_con_wrap .main_gal .main_tit_wrap .main_link_btn .more_btn:after { z-index:1; }

.main_con_wrap .main_gal .main_gal_wrap { padding-bottom: 4em; position:relative; }
.main_con_wrap .main_gal .bus_control{position:relative;}
.main_con_wrap .main_gal .l_btn { display: flex; justify-content: center; align-items:center; width: 60px; height:60px; background-color: #364973; border-radius: 50%; color: #fff; text-align:center; position:absolute; left: -5.5em; top: 6em; box-shadow: .25em .25em #cdcbcc;}
.main_con_wrap .main_gal .r_btn { display: flex; justify-content: center; align-items:center; width: 60px; height:60px; background-color: #364973; border-radius: 50%; color: #fff; text-align:center; position:absolute; right: -5.5em; top: 6em; box-shadow: .25em .25em #cdcbcc;}

.main_con_wrap .main_gal .main_gal_wrap .main_con_li { display: flex; justify-content: space-between; }
.main_con_wrap .main_gal .main_gal_wrap .main_con_li .main_img_li { width: 24%; display: flex; flex-direction: column; align-items:center; margin-left:1em;}
.main_con_wrap .main_gal .main_gal_wrap .main_con_li .main_img_li .in {width:100%}
.main_con_wrap .main_gal .main_gal_wrap .main_con_li .main_img_li .img_01 { width: 100%; height:255px;background:url(/img/main/gal_1.jpg) no-repeat center center; background-size:cover; }
.main_con_wrap .main_gal .main_gal_wrap .main_con_li .main_img_li .img_02 { width: 100%; height:255px; background:url(/img/main/gal_2.jpg) no-repeat center center; background-size:cover; }
.main_con_wrap .main_gal .main_gal_wrap .main_con_li .main_img_li .img_03 { width: 100%; height:255px; background:url(/img/main/gal_3.jpg) no-repeat center center; background-size:cover; }
.main_con_wrap .main_gal .main_gal_wrap .main_con_li .main_img_li .img_04 { width: 100%; height:255px; background:url(/img/main/gal_4.jpg) no-repeat center center; background-size:cover; }
.main_con_wrap .main_gal .main_gal_wrap .main_con_li .main_img_li .li_p { margin: 1em; font-weight:400;}

.main_con_wrap .main_bot_wrap { display: flex; justify-content: space-between; margin-top: 4em; }
.main_con_wrap .main_bot_wrap .main_bot_box { border: 1px solid #ddd; /*width: 45%;*/ padding: 3em 2em; flex:1 1 100%; max-width:33.33%; box-sizing:border-box;}
.main_con_wrap .main_bot_wrap .main_bot_box:last-child:last-child { width: 45%; background:url(/img/main/cs_img.jpg) no-repeat center center; background-size:cover; }
.main_con_wrap .main_bot_wrap .main_bot_box .cs_sq .cs_p1 { font-size: 1.875em; font-weight: 600; color: #fff; }
.main_con_wrap .main_bot_wrap .main_bot_box .cs_sq .cs_p2 { font-size: 1em; color: #fff; }
.main_con_wrap .main_bot_wrap .main_bot_box .num_sq .num_p1 { font-size: 1.25em; font-weight: 500; color: #fff; }
.main_con_wrap .main_bot_wrap .main_bot_box .num_sq .num_p2 { font-size: 1.0625em; color: #fff; }
.main_con_wrap .main_bot_wrap .main_bot_box .sq_circle { width: 50px; height: 50px; border-radius: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; }
.main_con_wrap .main_bot_wrap .main_bot_box .sq_circle i { color: #fff; font-size: 1.8em; }
.main_con_wrap .main_bot_wrap .main_bot_box .online {margin-top:2.5em;}
.main_con_wrap .main_bot_wrap .main_bot_box .online li {margin-bottom:.5em; color:#555;}
.main_con_wrap .main_bot_wrap .main_bot_box .online li .date {color:#888;}
.main_con_wrap .main_bot_wrap .main_bot_box .online li:hover {color:#000;}
.mainScroll{ position:absolute; left:50%; bottom:1em; z-index:100; color:#fff; transform:translateX(-50%); text-align:center; }
.mainScroll .xi{ font-size:3.5em; animation-name: downAni; animation-duration: 3s; animation-iteration-count: infinite;}
.mainScroll .tt{ font-size:.813em; font-weight:500; display:block; letter-spacing:0}

@keyframes downAni{
70% {margin-bottom:0}
90% {margin-bottom:-.25em}
100% {margin-bottom:0}
}



/***********회사소개 greetings************/
.greeting_Wrap {margin-top:0em;}
.greeting_Wrap .top_tw {margin-bottom:3em;}
.greeting_Wrap .top_tw .hi { line-height:1.35; font-size:1.8em; color:#222; font-weight:500;}
.greeting_Wrap .top_tw .hi .col {color:#4484bc; font-weight:700; vertical-align:baseline; font-size:1.375em;}
.greeting_Wrap .con2 {flex:1 1 0%; min-width:0;}
.greeting_Wrap .con2 > p { font-size:1.063em; color:#555; line-height:1.6; padding-bottom:1em;}
.greeting_Wrap .con2 .t2{ font-size:1.125em; text-align:right}
.greeting_Wrap .con2 .t2 .name{ font-size:1.188em; margin-left:1em; color:#222;}
.greeting_Wrap .imgw {margin-left:10em; flex:0 0 auto; position:relative;}
/*.greeting_Wrap .imgw:before{ content:""; position:absolute; right:0; top:0; width:10em; height:10em; transform:translate(40%,-40%); border:.25em dashed #4484bc; border-radius:50%; background:#fff}
.greeting_Wrap .imgw:after{ content:""; position:absolute; right:0; top:0; width:3em; height:3em; transform:translate(200%,-200%); border-radius:50%; background:#4484bc}*/
.greeting_Wrap .imgw img{ position:relative; width:28em;}





/*************회사소개 history*********************/
.history{margin:50px 0;}
.history_bgw{ background:url(../images/sub/history_bg01.jpg) no-repeat center center; width:100%; height:280px; background-size:cover; margin-bottom:50px;}

.history_wrap{ position:relative; overflow:hidden; padding:2em 0;}
.history_wrap:before,
.history_wrap .lineAni{ content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:#ddd}
.history_wrap .lineAni{ height:0; background:#1d2c5b; transition:.3s}
.history_wrap .lineAni:before,
.history_wrap:after{ content:""; position:absolute; left:50%; top:0; margin-left:-.5em; width:1em; height:1em; background:#fff; border:.25em solid #1d2c5b; border-radius:100%; box-sizing:border-box}
.history_wrap:after{ top:auto; bottom:0}
.history_wrap .history > li{ margin-top:4em}
.history_wrap .history > li:first-child{ margin-top:0}
.history_wrap .history > li .year{width:50%;overflow:hidden;justify-content:flex-end;}
.history_wrap .history > li .year .wrap_ins{ position:relative; overflow:hidden; width:15em}
.history_wrap .history > li .year .tt{ display:inline-block; position:relative; padding:0 .5em; font-size:2.5em; letter-spacing:-3px; color:#1d2c5b; font-family: Georgia, "Times New Roman", Times, serif}
.history_wrap .history > li .year .tt:before{ content:""; position:absolute; left:100%; top:50%; margin-top:-1px; width:100%; border-top:2px dotted #aaa}
.history_wrap .history > li .year .tt:after{ content:"'"; font-style:italic}
.history_wrap .history > li .list{ width:50%; margin-top:1em}
.history_wrap .history > li .list > li{ margin-top:.5em}
.history_wrap .history > li .list > li:first-child{ margin-top:0}
.history_wrap .history > li .list .wrap_ins{ padding:0 2em}
.history_wrap .history > li .list .wrap_ins .img_wrap .resize {padding-bottom:35% !important;}
.history_wrap .history > li .list .wrap_ins .img_wrap .resize .img_r {text-align:right !important;}
.history_wrap .history > li .list .wrap_ins .img_wrap .resize .img_l {text-align:left !important;}
.history_wrap .history > li .list .month{ flex:0 0 3em}
.history_wrap .history > li .list .month .tt{ color:#1d2c5b; font-size:1.125em; letter-spacing:-1px; font-weight:400;}
.history_wrap .history > li .list .month .tt:after{ content:""; font-size:.813em; font-weight:500}
.history_wrap .history > li .list .detail > li{ margin-top:.5em}
.history_wrap .history > li .list .detail > li:first-child{ margin-top:0}
.history_wrap .history > li .list .detail .tt{ position:relative; padding:0 1.5em; margin-top:.125em; color:#333; font-size:.938em; line-height:1.7; font-weight:400;}
.history_wrap .history > li .list .detail .tt:before{ content:""; position:absolute; left:0; top:.5em; width:.75em; border-top:2px solid #ddd}
.history_wrap .history > li:nth-child(2n) .year{ justify-content:flex-start; text-align:right}
.history_wrap .history > li:nth-child(2n) .year .tt:before{ left:auto; right:100%}
.history_wrap .history > li:nth-child(2n) .list{ order:-1}
.history_wrap .history > li:nth-child(2n) .list > li > .flex{ justify-content:flex-end}
.history_wrap .history > li:nth-child(2n) .list .month{ text-align:right}
.history_wrap .history > li:nth-child(2n) .list .detail{ order:-1}
.history_wrap .history > li:nth-child(2n) .list .detail .tt{ text-align:right}
.history_wrap .history > li:nth-child(2n) .list .detail .tt:before{ left:auto; right:0}







/*prod_view*/

.prod_con_wrap {padding-top:30px;}
.prod_con_wrap .list_wrap .list {border-bottom:1px solid #ccc;}
.prod_con_wrap .list_wrap .list.on dt { background:#fff; border-bottom:1px solid #ddd;}
.prod_con_wrap .list_wrap .list dd{ display:none;}
.prod_con_wrap .list_wrap .list.on dd{ display:block; background:#f5f5f5}
.prod_con_wrap .list_wrap .list .tt { color:#1d2c5b; font-size:1.3em; font-weight:500}
.prod_con_wrap .list_wrap .list .t_xi { font-size:1.250em; text-align:center; background:#1d2c5b; color:#fff; width:30px; height:30px; line-height:30px; margin-right:10px; border-radius:100%;}
.prod_con_wrap .list_wrap .list > dt{ position:relative; padding:25px 50px 20px 25px; cursor:pointer;}
.prod_con_wrap .list_wrap .list > dt i{ vertical-align:middle;}
.prod_con_wrap .list_wrap .list > dt .more_xi{ position:absolute; top:50%; right:20px; margin-top:-18px; text-align:right;}
.prod_con_wrap .list_wrap .list > dt .more_xi:before{ content:"\e913"; font-family:xeicon!important; font-size:1.3em; color:#333;}
.prod_con_wrap .list_wrap .list.on > dt .more_xi:before{ content:"\e91a";}
.prod_con_wrap .list_wrap .list .pro_info .tx_w { padding:40px 60px 20px 60px; border-bottom:none; line-height:1.5; color:#333;}
.prod_con_wrap .list_wrap .list .pro_info .tx_w *{ word-break:break-all}
.prod_con_wrap .list_wrap .list .pro_info .tx_w .t_ul {}
.prod_con_wrap .list_wrap .list .pro_info .tx_w .t_ul li {font-size:0.938em; color:#666; line-height:1.3; position:relative; padding-left:15px;}
.prod_con_wrap.new_prod{ padding-bottom:5em; padding-top:0; margin-top:3em; border-top:1px solid #1d2c5b}


.sub_tbl .tbl_st {border:1px solid #ccc; width:100%;}
.sub_tbl .tbl_st tbody th {background:#1d2c5b; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:1em 0; color:#fff; font-size:1.068em; text-align:center; font-weight:inherit;}
.sub_tbl .tbl_st tbody .tt {margin-bottom:5px;}
.table_title{padding-left:10px; position:relative;}
.table_title:before{content:''; display:block; width:4px; height:4px; background:#1d2c5b; border-radius:50%; position:absolute; left:0; top:11px;}
.sub_tbl .tbl_st tbody td {background:#fff;  color:#666; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:1em; line-height:1.5; }
.sub_txt_Wrap.st2 {background:none; border:none; padding:0; margin:0;}
.sub_tbl .tbl_st tbody .tbtit {background:#f0f4f7; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:1em; color:#333; font-size:1.068em; text-align:center;}
.board_st .down { text-align:center; color:#fff; cursor:pointer; background:#555; padding:.5em 0; width:15%; margin:1em auto 2em;transition:.3s;}
.board_st .down:hover {opacity:.7; transition:.3s;}
.pro_info .tx_w .in.exp {margin-bottom: 2em;}
.pro_info .tx_w .in_tt .t1 {font-size:1.25em; margin-right:10px; margin-bottom:10px;}
.pro_info .tx_w .in_tw{ margin-top:2px; font-size:1.125em; color:#333;}


/*search*/
.prod_search_wrap{margin-bottom:2em;}
.prod_search_con{width:100%; border:1px solid #ddd; box-sizing:border-box;}
.prod_search_con .search_head{background:#f7f7f7; width:147px;}
.prod_search_con .search_head .tt{font-size:.938em;}
.prod_search_con .search_body{padding:2em 1em; box-sizing:border-box; width:calc(100% - 147px); border-left:1px solid #ddd;}
.prod_search_con .search_body .search_terms{margin-bottom:1em}
.prod_search_con .search_body .search_terms input{width:calc(100% - 60px); outline:none; border:1px solid #ddd; box-sizing:border-box; background:#fff; color:#555; height:50px; padding:.5em .75em; font-size:.938em;}
.prod_search_con .search_body .search_terms input::placeholder{font-size:.938em; color:#555;}
.prod_search_con .search_body .search_terms button{width:60px; height:50px; display:flex; justify-content:center; align-items:center; color:#fff; background:#1d2c5b; outline:none; border:none;}
.prod_search_con .search_body .search_cate .label_st {margin-right:1em;}
.prod_search_con .search_body .search_cate .label_st .xi{margin-right:5px; font-size:1.125em;}
.prod_search_con .search_body .search_cate .label_st span { vertical-align:baseline;}
.category_wrap{margin-bottom:1.25rem;}
.category_wrap .search_cate_list{}
.category_wrap .search_cate_list .scl_in{width:24.5%; height:54px; border:1px solid #ddd; color:#333; box-sizing:border-box; margin-right:.66%; margin-bottom:.66%; cursor:pointer; transition:.3s;}
.category_wrap .search_cate_list.st2 .scl_in {width:19.5%;}
.category_wrap .search_cate_list.st2 .scl_in:nth-of-type(5n) {margin-right:0;}
.category_wrap .search_cate_list.st2 .scl_in:nth-of-type(4n) {margin-right:auto;}
.category_wrap .search_cate_list .scl_in:nth-of-type(4n){margin-right:0;}
.category_wrap .search_cate_list .scl_in:nth-last-of-type(-n+4){margin-bottom:0;}
.category_wrap .search_cate_list .scl_in:hover,
.category_wrap .search_cate_list .scl_in.on{border-color:#1d2c5b; color:#1d2c5b; box-shadow:0 0 1em .125em rgba(0,0,0,.1);}

/**/
.board_gallery.cert{}
.board_gallery{ margin:-3em 0 0 -2em}
.board_gallery > li{ width:50%}
.board_gallery > li .in{ margin:3em 0 0 2em; position:relative; background:#fff; transition:.3s}
.board_gallery > li .in .img_wrap{ overflow:hidden}
.board_gallery > li .in .img_wrap .img{ transition:.5s}
.board_gallery > li .in .info_wrap{ padding:1em; text-align:center; transition:.3s}
.board_gallery > li .in .info_wrap .t1{ color:#333; font-size:1em; justify-content: center;align-items: center;}
.board_gallery > li .in .info_wrap .t2{ color:#111; font-size:1.125em; font-weight:500}
/*.board_gallery > li .in:hover{ border-color:#aaa}
.board_gallery > li .in:hover .img_wrap .img{ transform:scale(1.1)}*/
.board_gallery.cert > li{ width:20%}
.board_gallery.cert > li .in{ border:1px solid #ddd;}
.board_gallery.cert > li .in:before{ content:""; position:absolute; width:100%; height:100%; z-index:-1; right:-.5em; bottom:-.5em; background:#000; opacity:.1}
/*.board_gallery.cert > li .in .img_wrap{ padding:1em}*/
.board_gallery.cert > li .in .info_wrap{ opacity:.8; border-top:1px solid #aaa; height:2.5em;}
.board_gallery.cert > li .in:hover .info_wrap{ background:#f7f7f7; opacity:1}
.pop_cert_v{ height:calc(96vh - 10em)} 
 .board_gallery.cert > li .in .layerImgTit img {width:65%;}
 
 
/*.layer_more_wrap{ position:relative}
.layer_more{ position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.5); opacity:0; visibility:hidden; transition:.3s}
.layer_more .icon{ font-size:1.5em; width:2em; line-height:2em; text-align:center; border-radius:50%; background:#fff; color:#292c6f; transform:translateY(3em); transition:.3s}
.layer_more.zoom .icon:before{ content:"\e97b"}
.layer_more_wrap:hover .layer_more{ opacity:1; visibility:visible}
.layer_more_wrap:hover .layer_more .icon{ transform:translateY(0)}
.layerImg_bg{ width:100%; height:100%; background:#000; position:fixed; z-index:9999; left:0; top:0; display:none; filter:alpha(opacity=70);opacity:0.7;}
.layer_frame{ position: fixed; z-index:10000; left:50%; top:0; filter:alpha(opacity=0);opacity:0;}이거때문에 개인정보처리방침 안뜸
.layer_frame_div{ position: fixed; z-index:10001; left:50%; top:50%; width:0; overflow:hidden; display:none; border:3px solid #8aaad9; border-radius:10px; background:#fff;}
.layer_close_btn{ position:absolute; z-index:10002; right:0; top:0; display:block; width:30px; height:30px; background:url(../images/inc/layer_icon_close.png) no-repeat center center #8aaad9; border-radius:0 10px; cursor:pointer}
.pop{ border-radius:10px; background:#fff; padding:30px 60px}

.layer_wrap{ position:fixed; left:0; top:0; width:100%; height:100%; visibility:hidden; z-index:1000}
.layer_wrap .layer_bg{position:absolute; z-index:9999; width:100%; height:100%; left:0; top:0; background:#000; opacity:0; transition:.5s;}
.layer_wrap .layer_frame{ position:absolute; z-index:10000; left:0; top:0; margin-top:90%; width:100%; height:100%; transition:.5s}

.layer_wrap.on{ visibility:visible}
.layer_wrap.on .layer_bg{ opacity:.5}
.layer_wrap.on .layer_frame{ margin-top:0}*/


.map_tit .t1 img {padding:3px; box-sizing:border-box;}
.map_info1 { overflow:hidden; margin-bottom:20px; box-shadow:2px 3px 8px -1px #a4a4a4; padding:1.5em; margin-top:1em; font-weight:400; box-sizing:border-box; background:#fff;}
.map_info1 .t1 span { color:#666; display:inline-block; margin-right:30px; margin-bottom:10px; line-height:1.5;}
.map_info1 .t1 span:last-child { margin-right:0;}
.map_info1 .t1 .xi { font-size:1em; color:#fff; margin-right:10px; border-radius:50%; width:1.8em; height:1.8em; line-height:1.8em; text-align:center; background:#292c6f}


.board_table{}
.board_table tbody{ border-top:2px solid #1d2c5b}
.board_table th,
.board_table td{ padding:.6em 1em; height:2.5em; border:solid #ddd; border-width:1px 0 1px 0; color:#3c3c3d;}
.board_table th{ background:#f5f5f5;}
.board_table.row th{ padding-left:2em; text-align:left; background:transparent;}
.board_table.row .ess{ float:left;}
.board_table.row .text_em{ float:right; font-size:.750em; color:#888; display:block; padding-top:.5em}
.board_table.orderList th, .board_table.orderList td{ border-width:1px; text-align:center}
.board_table.orderList td .month_c1{ color:#1d2c5b; vertical-align:baseline; padding:0 .2em}
.board_table.orderList td .book_name{ font-size:.875em; padding:.5em 0; display:block}
.board_table.orderDetail th{ background:none;}
.board_table.orderDetail tbody{ border-left:1px solid #ccc; border-right:1px solid #ccc}
.board_table.pay td.grayBg{ background:#f5f5f5;}
.board_table .em{ margin-left:1em; display:inline-block; padding:.3em .8em; background:#f5f5f5; border-radius:3px; font-size:.938em}
.board_table .em .xi,
.board_table .em .tx{ vertical-align:middle}
.board_table .em .tx{ padding-left:.3em}
.ess,
.ess + span{ display:inline-block; color:#1d2c5b;}

/*개인정보처리방침*/
.member_agree .agree{ padding:3em; border:1px solid #ddd; border-top:2px solid #3c3c3d; font-size:.938em; color:#69696b; line-height:1.4em;}
.member_agree .agree.H{ padding:1.5em; height:12em; overflow-y:scroll; margin-top:3em;}
.member_agree .agree p{ padding:.5em 0; line-height:1.6}
.member_agree .agree *{ vertical-align:baseline;}
.member_agree .agree .c1{ color:#1d2c5b}
.member_agree .agree strong{ color:#3c3c3d;}
.member_agree .check{ padding:.75em 2em; border:1px solid #ddd; border-top:none; text-align:right;}
.member_agree h1{ color:#111; padding-bottom:.5em}

.board_st.gallery2{ padding:2em 0; border-top:2px solid #333;}
.board_st.gallery2 .list{ margin:0 0 -3.75em -3.75em;}
.board_st.gallery2 .list > li{ flex:1 1 33.33%; max-width:33.33%;}
.board_st.gallery2 .list > li .in{ flex:1; position:relative; display:block; margin:0 0 3.75em 3.75em; box-shadow:3px 3px .625em rgba(0,0,0,.1); color:#111;}
.board_st.gallery2 .list > li .in .img{ overflow:hidden;}
.board_st.gallery2 .list > li .in .con{ padding:1.5em 1em 2em 1em;}
.board_st.gallery2 .list > li .in .con .tit{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.board_st.gallery2 .list > li .in .con .tit .tt{ font-size:1.125em;}
.board_st.gallery2 .list > li .in .con .board_info{ margin-top:1em;}
.board_st.gallery2 .list > li .in .con .board_info > li{ font-size:.938em; padding-right:1.625em;}
.board_st.gallery2 .list > li .in .con .board_info > li:before{ right:.75em;}
.board_st.gallery2 .list > li .in .thumb{ transform:scale(1); transition:.4s;}
.board_st.gallery2 .list > li .in:hover .thumb:not(.pic){ transform:scale(1.1);}
.board_st.gallery2 .list > li .in:hover .con .tit{ text-decoration:underline;}
.board_st.gallery2 .adm_chk{ position:absolute; z-index:9; top:.5em; left:.5em; display:block;}

/**/
.board_view_top .tit{ padding:1em; border-top:2px solid #333; text-align:center; border-bottom:1px solid #aaa; font-size:1.25em; color:#393f44; font-weight:500;}
.board_view_top .info_wrap{ border-bottom:1px solid #ddd;}
.board_view_top .info_wrap > li{ padding:1em 1.5em !important;}
.board_view_top .file_wrap{ padding:.6em 1.5em; background:#f5f5f5; border-bottom:1px solid #ccc; text-align:right;}
.board_view_top .file_wrap > li > a{ position:relative; display:inline-block; word-break:break-all; word-wrap:break-word; padding:.3em; padding-left:1.5em; color:#333;}
.board_view_top .file_wrap > li > a .xi{ position:absolute; top:.1em; left:0;}
.board_view_top .file_wrap > li > a:hover{ text-decoration:underline}
.board_view_middle{ padding:3em 2em; border-bottom:1px solid #666;}
.board_view_middle.st_p{ padding:3em 0;}

/********회사소개 buildingAct************/
h2.company_ti1{font-size:1.250em; color:#000; margin-bottom:35px; position:relative; font-weight:500; padding-left:40px; display:block}
h2.company_ti1:after{content:""; position:absolute; top:50%; left:0%; margin-top:-10px; width:20px; height:20px; background:#1d2c5b;}

/*inc*/
.page_sec { margin-top:3.5em !important;}
.page_sec0{ margin-top:5px;}
.page_sec1{ margin-top:1.5em !important;}
.page_sec2{ margin-top:1em !important;}
.page_sec3{ margin-top:6em !important;}
.page_sec4{ margin-top:8em !important;}
.page_sec5{ margin-top:2em !important;}



.prd_intro_wrap_in .intro_tt_wrap .t1 {font-size:2em; font-weight:600; color:#4484bc;}
.prd_intro_wrap_in .intro_tt_wrap .t2 {font-size:1.2em; color:#888;}
.prd_intro_wrap_in .intro_tt_wrap .t3 {color:#333;font-size:1.25em;}
.prd_intro_wrap_in .intro_tt_wrap .t3.en {color:#888; font-size:1.125em;}

.page_con{ padding:5.5em 0 6em 0; box-sizing:border-box;}
.bgfix{ background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.bgfix.fix{ background-attachment:fixed;}

.page_txt_bn{}
.page_txt_bn > .list{ margin:0 0 -1em -1em;}
.page_txt_bn > .list.flexW2 > li{ flex:1 1 50%;}
.page_txt_bn > .list.flexW3 > li{ flex:1 1 33.33%;}
.page_txt_bn > .list.flexW4 > li{ flex:1 1 25%;}
.page_txt_bn > .list.flexW100 > li{ flex:1 1 100%;}
.page_txt_bn > .list > li{ flex:1;}
.page_txt_bn > .list > li .in{ flex:1; margin:0 0 1em 1em; padding:1.5em 1.75em; border:1px solid rgba(255,255,255,.6); border-radius:.313em; color:#fff;}
.page_txt_bn > .list > li .in .icon{ margin:.875em 0;}
.page_txt_bn > .list > li .in .icon:first-child{ margin-top:0;}
.page_txt_bn > .list > li .in .icon:last-child { margin-bottom:0;}
.page_txt_bn > .list > li .in .icon img{ width:3.5em;}
.page_txt_bn > .list > li .in .icon.line{ width:5.5em; height:5.5em; background:#f2f2f2; border-radius:100%;}
.page_txt_bn > .list > li .in .icon.line img{ width:2.75em;}
.page_txt_bn > .list > li .in .txt{ padding:.25em 0;}
.page_txt_bn > .list > li .in .txt.line{ padding-bottom:.75em; border-bottom:1px solid #d4dade;}
.page_txt_bn > .list > li .in .txt.line + .txt{ padding-top:.75em;}
.page_txt_bn > .list > li .in .txt .tt{ line-height:1.4;}
.page_txt_bn > .list > li .in .txt .tt b{ display:inline; vertical-align:baseline; font-weight:700;}
.page_txt_bn > .list > li .in .txt .t0{ line-height:1.7;}
.page_txt_bn > .list > li .in .txt .t1{ font-size:1.125em; font-weight:700;}
.page_txt_bn > .list > li .in .txt .t2{ font-size:.875em; line-height:1.6;}
.page_txt_bn > .list > li .in .txt .t3{ font-size:1.750em; color:#000;}
.page_txt_bn > .list > li .in .txt.flex .tt + .tt{ flex:1; margin-left:1em;}
.page_txt_bn.cw > .list > li .in{ background:#fff; border:#fff; box-shadow:2px 2px .5em rgba(0,0,0,.15); color:#333;}
.page_txt_bn.cw > .list > li .in .txt .t1{ color:#364973;}
.page_txt_bn.cw > .list > li .in .txt .t1.st2 {color:#4484bc; line-height:1.1;}

 
/*new*/
.prod_wrap{ margin:-2em 0 0 -2em}
.prod_wrap > li{ width:33.333%}
.prod_wrap.st2 > li{ width:25%}
.prod_wrap.st2 > li .in {cursor:inherit; padding:0;}
.prod_wrap > li .in{ margin:2em 0 0 2em; border:1px solid #ddd; padding:1em 1em 2em 1em; text-align:center; cursor:pointer}
.prod_wrap > li .in .img .re {overflow:hidden;}
.prod_wrap > li .in .img img{transform:scale(.9,.9); transition:.6s}
.prod_wrap > li .in .tit{ font-size:1.25em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:1em 0 .5em 0; border-top:1px solid #ddd;font-weight:500;}
.prod_wrap > li .in .img.resize{ padding-bottom:65%; margin-bottom:15px;}
.prod_wrap > li .in .more{ position:relative; width:1.5em; height:1.5em; line-height:1.7em; font-size:1em;}
.prod_wrap > li .in .more:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #ddd; background:#f5f5f5; transform:rotate(45deg); transition:.3s}
.prod_wrap > li .in .more:after{ content:"\e9c5"; position:relative}
.prod_wrap.st2 > li .in .info {height:3.5em;}
.prod_wrap > li .in .info > li{ margin-bottom:1em}
.prod_wrap > li .in .info .t1{ float:left; text-align:center; width:100%; color:#777; font-size:.938em}
/*.prod_wrap > li .in .info .t1:after{ content:" :"; margin-left:1em;}*/
.prod_wrap > li .in .info .t2{ float:right; text-align:left; width:55%; color:#777; font-size:.938em;
text-overflow:ellipsis; withe-space:nowrap; overflow:hidden; white-space:normal; height:20px;display:inline-block; word-wrap:break-word;}/*height값 고정으로줘야됨(번역때문에)*/
.prod_wrap > li .in:hover .img img{transform:scale(1,1)}
.prod_wrap > li .in:hover .more{ color:#fff}
.prod_wrap > li .in:hover .more:before{transform:rotate(135deg); background:linear-gradient(135deg,#3f45c2 0,#24a1ba 100%); border-color:transparent;}
.board_icon.new .xi:before{vertical-align:middle; padding-left:.25em;}
.prod_wrap > li .in .img .prodLogo{ position:absolute; top:0; right:0; z-index:1111111;}


/*sub tit*/
.sub_TiT {font-size:1.3em; padding-left:1.8em; margin-top:2em; background:url(../images/inc/main_tit_icon.png) no-repeat center left 4px; }
.sub_TiT.mg_no {margin-top:0;}

.noti_tt {color:#1d2c5b;}

.backslash {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="100%" y2="100%" stroke="black" /></svg>') ; background-repeat:no-repeat;
}
.slash, .backslash { text-align: left; }
.slash div, .backslash div { text-align: right; }

.palette_tit { margin: 2em 0; }
.guide_wrap {border:1px solid #ddd; padding:3em; box-sizing:border-box; background:#f4f4f4; border-top:3px solid #1d2c5b;}

.board_gallery.cert.color > li {width:20%}
.board_gallery.cert.color > li .in .img_wrap {padding:0;}

.board_gallery.color > li .in{cursor:inherit;}

.board_gallery.color > li .in:hover .img_wrap .img{ transform:inherit}
.table_notice{font-size:.875em; color:#555; display:none; margin-top:1em;}