@charset "utf-8";

/********************************************
	HEADER
********************************************/

#header{position: absolute;top:0;width: 100%; margin:0 auto;transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;z-index: 3; }

/* 상단 레이아웃 white버전 - 스크롤 반응시 상단 메뉴 */
#header.bg_on{position:fixed;height:70px; background-color: rgba(255,255,255,1);border-bottom:1px solid #ebebeb;}
#header.bg_on  .logo{}

#header.bg_on #gnb {margin:10px auto 0px;}
#header.bg_on #gnb #gnb1_ul:before{top: 0px;background-color: rgba(255,255,255,1);border-bottom:1px solid #ebebeb;}
#header.bg_on #gnb.on #gnb1_ul:before{ height: 200px; opacity: 1; }
#header.bg_on #gnb .gnb1_li {line-height:45px; }
#header.bg_on .gnb2_ul {top:60px; padding-top:0px;}
#header.bg_on .gnb2_ul li{top: 0px;}
#header.bg_on #gnb .gnb1_li:hover > a{ color:#0e6eb8; }
#header.bg_on #gnb .gnb1_li > a:after{background-color: #0e6eb8;  } 
#header.bg_on .gnb1_a {color:#333;}
#header.bg_on #gnb .logo{top:5px;background:url(/img/logo_s.png) left top no-repeat;}
#header.bg_on #gnb .m_open{}

/* sub일경우 유지 */
#header.fixed_on{position:fixed;height:70px; background-color: rgba(255,255,255,1);border-bottom:1px solid #ebebeb;}
#header.fixed_on #gnb {margin:10px auto 0px;}
#header.fixed_on #gnb #gnb1_ul:before{top: 0px;background-color: rgba(255,255,255,1);border-bottom:1px solid #ebebeb;}
#header.fixed_on #gnb.on #gnb1_ul:before{ height: 200px; opacity: 1; }
#header.fixed_on #gnb .gnb1_li {line-height:45px; }
#header.fixed_on .gnb2_ul {top:60px; padding-top:0px;}
#header.fixed_on .gnb2_ul li{top: 0px;}
#header.fixed_on #gnb .gnb1_li:hover > a{ color:#0e6eb8; }
#header.fixed_on #gnb .gnb1_li > a:after{background-color: #0e6eb8;  } 
#header.fixed_on .gnb1_a {color:#333;}
#header.fixed_on #gnb .logo{top:5px;background:url(/img/logo_s.png) left top no-repeat;}


/* 메인메뉴 */
#gnb {/* position:absolute; left:0; top:0px;*/ position: relative; z-index:4; width: 100%;/*max-width:1260px;*/margin:40px auto 0px;padding:0px 5%;box-sizing: border-box; }
#gnb .logo{position: absolute; left:5%; top:0px; width:200px;min-height:110px;background:url(/img/logo_main.png) left top no-repeat;text-indent: -9999px;z-index:6;}
#gnb.on .logo{width:200px;min-height:40px;background:url(/img/logo_s.png) left top no-repeat;}
#gnb .m_open{display:none;position: absolute; right:5%;top:5px;text-align:right;}

#gnb .util{width:100px; text-align:right;transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;z-index: 4;}
#gnb .util a{display:inline-block;min-height:14px;background:url(/img/ico_arrow1.png) 0% 50% no-repeat; padding-left:17px;margin-left:10px;font-family: 'Roboto';font-style: normal;font-weight: 400;font-size: 13px; letter-spacing:-0.02em;line-height:1;color:#888;}
#gnb .util a:first-child{background:none; padding-left:0px;margin-left:0px;}
#gnb .util a.on{color:#000; font-weight: 500;}

#gnb > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap {margin:0px auto;position:relative;   display:flex;justify-content:flex-end; align-items: center;}
#gnb .gnb_wrap:hover, #gnb .gnb_wrap:focus, #gnb .gnb_wrap:active{z-index:4}
#gnb #gnb1_ul { width: 100%; text-align: right; transition: 0.3s; position: relative; }
#gnb #gnb1_ul:before{ content: ""; display: block; width: 100%; height: 0; background-color: rgba(255,255,255,1); border-bottom:1px solid #ebebeb;position: fixed; width: 100%; left: 0; top: 0; z-index: -2; opacity: 0; transition: 0.3s; }
#gnb.on #gnb1_ul:before{ height:220px; opacity: 1; }

#gnb:after{ content: ""; display: block; position: absolute; width: 100%; height: 0px; left: 0; right: 0; margin: 0 auto; bottom: 0px; background-color:#fff; z-index: 5; opacity: 0; transition: 0.3s; }
#gnb:hover:after{ opacity: 1; }
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb1_li {display: inline-block; line-height:45px;position:relative; padding: 0 40px 0 45px;}
#gnb .gnb1_li::before {content: ' '; position: absolute; left:0;top:50%;transform: translateY(-50%); width:5px; height:5px; border-radius: 50%; background:#0e6eb8;}
#gnb .gnb1_li:first-child::before {width:0px; height:0px;}
#gnb .gnb1_li .bg{ display: none; }

.gnb1_a {display:block;font-weight: 700;color:#333; text-decoration:none; font-size:1.8rem;letter-spacing:-0.01em;text-transform:uppercase;}
.gnb1_li .gnb1_a{ position: relative; display: block; }
.gnb2_li:first-child {border:0}
.gnb2_ul {display: none; position:absolute;top:60px; padding-top:0px;  width: 100%; left: 0; right: 0; opacity: 0; }
.gnb2_ul li{ position: relative; top: 0px; opacity: 0; }

#gnb .gnb1_li > a{ position: relative; transition: 0.3s;cursor: pointer; z-index: 6;}
#gnb.on .gnb1_a{ color:#333;}
#gnb .gnb1_li:hover > a{ color: #0e6eb8; }
#gnb .gnb1_li > a:after{ content: ""; display: block; width: 100%; height: 2px; background-color: #0e6eb8; position: absolute; left: 50%; bottom:0px; opacity: 0; transform: scale(0) translate(-50%,0); z-index: 50; } 
#gnb .gnb1_li:hover > a:after{ opacity: 1; transition: 0.5s; transform: scale(1) translate(-50%,0); transition-delay: 0.1s; }

.gnb2_ul .gnb2_ul_box { border-top:0;padding:0; }
.gnb2_a {display:block;padding:8px 0px;font-weight:400;font-size: 1.6rem; letter-spacing:-0.01em;line-height:1.3;color:#333;text-align:center;text-decoration:none;position: relative; z-index: 1;}
a.gnb2_a:hover{ color: #0e6eb8;font-weight: 500;}

.gnb2_ul.on{ opacity: 1; }
.gnb2_ul.on li:nth-child(1){ opacity: 1; top: 0; /* transition: 1.0s;  */}
.gnb2_ul.on li:nth-child(2){ opacity: 1; top: 0; /*transition: 1.0s; transition-delay: 0.2s;*/ }
.gnb2_ul.on li:nth-child(3){ opacity: 1; top: 0; /*transition: 1.0s; transition-delay: 0.4s;*/ }

.gnb2_a:focus, .gnb2_a:hover {color:#0e6eb8}

/* 모바일메뉴 */
/* hamburger */
.hamburger { margin-right: 0;margin-left: auto;overflow: visible;cursor: pointer;z-index: 7;border: 0; transition-timing-function: linear;transition-duration: .3s ease;transition-property: opacity, -webkit-filter;transition-property: opacity, filter;transition-property: opacity, filter, -webkit-filter;}
.hamburger-box {position: relative;display: inline-block;width: 27px; height: 21px;vertical-align: middle;}
.hamburger-inner {display: block;top: 0;}

.hamburger-inner:after,
.hamburger-inner:before {display: block;content: '';}
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {position: absolute; width: 27px; height: 3px; background-color: #333;transition: transform .3s ease .2s, background-color .3s ease .2s, opacity .3s ease .3s;}
.hamburger-inner:before { top: 9px; left: -8px;}
.hamburger-inner:after { top: 18px;   width: 26px;}

.hamburger-active { margin-right: 0;margin-left: auto;overflow: visible;cursor: pointer;z-index: 7;border: 0; transition-timing-function: linear;transition-duration: .3s ease;transition-property: opacity, -webkit-filter;transition-property: opacity, filter;transition-property: opacity, filter, -webkit-filter;}
.hamburger-active .hamburger-box {position: relative;display: inline-block;width:30px; height:30px;vertical-align: middle;}
.hamburger-active .hamburger-inner,
.hamburger-active .hamburger-inner:after { position: absolute; width: 27px; height: 3px;background-color: #333;transition-delay: .1s;}
.hamburger-active .hamburger-inner { -webkit-transform: translate3d(0, 9px, 0) rotate(45deg); transform: translate3d(0, 9px, 0) rotate(45deg);}
.hamburger-active .hamburger-inner:before {opacity: 0; transition: opacity .3s ease 0s}
.hamburger-active .hamburger-inner:after {width: 27px;-webkit-transform: translate3d(0, -18px, 0) rotate(-90deg); transform: translate3d(0, -18px, 0) rotate(-90deg);}

/* mMenu */
.mask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; padding:0px; z-index:198; background:#000;  -ms-filter: alpha(opacity=80); filter: alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}
.mask .close{position:absolute;  top:10px;left:10px; z-index:202;} /* add */

.mMenu {display:none; position: fixed; right:-100%; top:0; width:100%; padding:0px; background-color:rgba(255,255,255,1); z-index:202; -webkit-overflow-scrolling: touch; overflow-y: auto;height:100%;}
.mMenu .mclose { position:absolute;  top:30px;right:30px; }
.mMenu .mTop {display:block;text-align:center;  padding:40px; border-bottom:1px solid #e5e5e5; box-sizing: border-box;}
.mMenu .mTop .logo_s{display:inline-block; width:100%;}
.mMenu .mTop .logo_s img{height:30px;}

.mMenu .mTop .language_area{display:inline-block; width:100%; margin-top:20px;}
.mMenu .mTop .language_area a{position: relative;display:inline-block;margin-left:10px;/*padding-left:20px;*/ border:2px solid #aaa; padding:4px 16px; border-radius:16px;font-weight: 400;font-size:14px;color: #aaa;line-height:1;}
/*
.mMenu .mTop .language_area a:before{position:absolute; left:0px; top:50%;transform:translateY(-50%);content: ' ';width:1px;height:80%;background: #888;z-index:-1;}*/
.mMenu .mTop .language_area a:first-child{margin-left:0px;/* padding-left:0px;*/}
.mMenu .mTop .language_area a:first-child:before{width:0px;}
.mMenu .mTop .language_area a.on{font-weight: 500;color: #000;line-height:1;border:2px solid #333;}

.mMenu .list {/* margin-top:80px; padding:60px 40px 40px 40px;border-top:1px solid #e5e5e5;*/padding:30px; box-sizing: border-box;}
.lnav{width:100%;-webkit-transition: all .25s ease-in;transition: all .25s ease-in;}
.lnav, .lnav ul, .lnav li {list-style: none;}
.lnav ul {margin:0px;}
.lnav {padding: 0px;margin: 0px;}
.lnav > li {margin: 0px 0 30px;overflow:hidden;position: relative;}
.lnav > li li {margin: 0px;}
.lnav > li ul {padding: 20px 0px;}
.lnav > li li li{margin: 0px;}
.lnav a {line-height:1;font-weight:700;letter-spacing:-0.01em;display: block;outline: none;text-decoration: none;}
.lnav a .caret {float: right;width:13px;height:10px;display: inline-block;vertical-align: top;background:url(/img/lmenu.png) right center no-repeat;-webkit-transition: -webkit-transform .65s ease; transition: transform .65s ease;margin-top:0px;margin-left: 2px;}
.lnav li.open > a > .caret{background:url(/img/lmenu_on.png) center center no-repeat;-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}

.lnav li a {color:#333; font-size:20px;line-height:1; padding:5px 0px;} 
.lnav > li li a {color:#333;  font-size:16px;line-height:1;font-weight: 400;padding:15px 0px;}
/* .lnav > li li li a {padding: 10px 10px 10px 45px; background:url(/img/licon02.png) 25px center no-repeat #f1f1f1; color:#424242; font-size:13px;line-height:1;font-family: 'NotoSansKR'; font-style: normal;font-weight: 500;} */
.lnav li.open {border-left:0px solid #e5e5e5;}
.lnav li.open a{color:#0e6eb8;}
.lnav li.open > a{border-left:0px solid #ee1c25;}
.lnav li.open li a {color:#333;}
.lnav li.open li a:hover{color:#0e6eb8;}
.lnav li.active a{color:#0e6eb8;}
.lnav li li.active a{color:#0e6eb8;}
.lnav li.off a{}

.lnav > li li a:active{color:#0e6eb8;}





/* 2 depth 여백 추가 */
.lnav > li li{float:left;width:100%;  /* width:50%;*/}
/* .lnav li li:last-child{padding-bottom:14px;} */


/* 바디에 스크롤 막는 방법 */
.not_scroll{
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.not_scroll .cont {
    position: relative;
    top: 0;
}

/* 모바일메뉴 END */

A.roll img{display:inline; border:0; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
A.roll img.over { display:none; }
A.roll:hover {border:0; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
A.roll:hover img { display:none; }
A.roll:hover img.over { display:inline;}

.btn_up_layer {position:fixed; right:10px;bottom:60px;display:none;padding:0px;width:50px; height:50px; background:url(/img/top.png) right bottom no-repeat;z-index:100;cursor:pointer;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}

/* footer  */
.footer{clear:both;width:100%; margin:0px auto;border-top:1px solid #ebebeb;padding:40px 5%;text-align:center; box-sizing: border-box;}
.footer:after { content:""; display:block; clear:both; height:0;}
.footer .f_inner{position:relative;display:block;width:100%;max-width:1260px;margin:0px auto;background:url(/img/logo_s.png) left top no-repeat;padding:0px 0px 0px 250px;box-sizing: border-box;}

.footer .f_copy{display:inline-block;width:100%;}
.footer .f_copy h3{font-weight:200;color:rgba(20,20,20, .8); font-size:1.5rem;line-height:1.4;letter-spacing:-0.01em;}
.footer .f_copy p{font-weight: 200;color:rgba(20,20,20, .6); font-size:1.4rem;line-height:1;letter-spacing:-0.01em;margin-top:10px;}

.footer .f_menu{display:inline-block;width:100%;margin-bottom:30px;}
.footer .f_menu ul{display:inline-block;width:100%;}
.footer .f_menu li{display:inline-block;margin-left:40px;}
.footer .f_menu li > a{font-family: 'NotoSansKR'; font-style: normal;font-weight:400;color:rgba(20,20,20, .6); font-size:1.6rem;line-height:1;letter-spacing:-0.01em;}
.footer .f_menu li > a:hover{color:#0e6eb8;}
.footer .f_menu li:first-child{margin-left:0px;}
.footer .f_menu li > a > em{color:rgba(20,20,20, 1); }

.flex-wrap {display: flex;justify-content: center;align-content: center;align-items: center;}
.flex-wrap li {flex: 0 1 auto;align-self: auto;}
.flex-wrap.rows {flex-direction: row;}
/*.flex-wrap.rows li + li {border-left: 1px solid #efefef;}*/
.flex-wrap.columns {flex-direction: column;}

.ellipsis02{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em;height: 2.6em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */}
.ellipsis03{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em;height: 3.9em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */} 
.ellipsis04{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 4; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em;height: 5.2em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */} 

/*img 관련 */
.imgMax{max-width:100%;}
.imgFix{width:100%;}
.fullsize{display: inline-block;width: 100%;}
.fullsize img{width: 100%;}

/* 팝업 Basic */
.popupWrap_A{position:relative;display: inline-block; width: 100%;/*background:#fff;*/margin:0;padding:0;}
.popupWrap_round{position:relative;display: inline-block; width: 100%;background:#fff;margin:0;padding:0;border-radius:16px;}
.popupWrap_round button{color:inherit;}
.popupWrap_A img, .popupWrap_round img{max-width: 100%;}
.bg_black{background:#1a1a1a !important;}
.icon-close-black{position: absolute;right:25px;top:25px;width:21px; height:21px;background:url(../images/layout/close_black.png) 50% 50% no-repeat;text-indent: -9999px; z-index:2}
.icon-close-white{position: absolute;right:25px;top:25px;width:21px; height:21px;background:url(../images/layout/close_white.png) 50% 50% no-repeat;text-indent: -9999px; z-index:2}
.icon-close-circle{position: absolute;right:25px;top:25px;width:70px; height:70px;background:url(../images/layout/i_close_14.png) 50% 50% no-repeat #07367b;border-radius:50%;text-indent: -9999px; z-index:2}

/* video 사용할 경우 */
.video_wrap{position: relative; margin:0px auto; padding-bottom: 56.25%;height: 0;overflow: hidden;}
.youtubeP{position: absolute;top: 0;left: 0;width: 100%; height: 100%;}

.content-video{position:relative; width:100%; margin:0 auto; text-align:center; background-color: #000; overflow:hidden; vertical-align:top; padding: 0px;}
.content-video:after {clear:both;display:block;height:0;overflow:hidden;visibility:hidden;content:"";} 
.content-video-txt{z-index: 2; position:absolute; top:50%;transform:translateY(-50%);text-align:center; }
.content-video video{background-color: #000;opacity:1;vertical-align:top;max-width:100%;height:auto}

.pc_only{display: inline-block;}
.mo_only{display: none;}


/********************************************
	topimg
********************************************/
/*  Main LAYOUT :: 비주얼 */
#main_visual{position:relative; overflow:hidden;width:100%;height:100%;height: 100vh;background:#f6f6f6;font-size:0;}
#main_visual .mainTxt{position: absolute; top:50%;transform: translateY(-50%); left:10%; }
#main_visual .main_phone{display: inline-block;margin-left:50%; width:45%;height:100vh; background:url(/img/main_phone2.png) 0% 100% no-repeat;background-size:82% auto;}
.main_stit{font-weight: 700;font-size:3.4rem;color:#5b5b5b;line-height:1.3;letter-spacing:-0.03em;margin-bottom:15px;}
.main_stit > span{font-weight: 900;color:#0e6eb8;}
.main_img{display: inline-block;width:100%;min-height:165px;background:url(/img/main_img2.png) 0% 0% no-repeat;background-size:auto 165px;margin-top:30px;}
.main_txt{font-weight: 200;font-size:2.3rem;color:#0e6eb8;line-height:1;letter-spacing:-0.01em;}

.down_top {bottom:20px;width: 100%; margin:0px auto; overflow: hidden;position: absolute;z-index: 100;text-align: center;}
.down_top {animation: scrollAni 2.0s ease-in-out reverse; animation-iteration-count: infinite; 
	-webkit-animation: scrollAni 2.0s ease-in-out reverse; -webkit-animation-iteration-count: infinite; 
	-moz-animation: scrollAni 2.0s ease-in-out reverse; -moz-animation-iteration-count: infinite; 
}
 @keyframes scrollAni{
	0%{bottom: 10px;} 
	25%{bottom: 20px;} 
	50%{bottom: 10px;} 
	75%{bottom: 20px;} 
	100%{bottom: 10px;} 
}
@-webkit-keyframes scrollAni{
	0%{bottom: 10px;} 
	25%{bottom: 20px;} 
	50%{bottom: 10px;} 
	75%{bottom: 20px;} 
	100%{bottom: 10px;}
}
@-moz-keyframes scrollAni{
	0%{bottom: 10px;} 
	25%{bottom: 20px;} 
	50%{bottom: 10px;} 
	75%{bottom: 20px;} 
	100%{bottom: 10px;}
}

/*  SUB LAYOUT  */

.location{display:none; position:absolute; left:-9999em; overflow:hidden; width:0; height:0; line-height:0;}

/* list style */
.bullet-list{display: inline-block;width:100%;padding-left:14px;font-weight:200;font-size:1.8rem;color:#333;letter-spacing:-0.02em;line-height:1.5;margin-bottom:8px;box-sizing: border-box;}
.bullet-list::before {content: ' '; display: inline-block; vertical-align: top;width:6px; height:6px; margin-top: 10px;margin-left:-14px;margin-right:8px;border-radius: 50%; background: currentcolor;}

/* textType  */
.tit_big{position:relative;text-align:center; font-weight: 700;font-size:8.0rem;line-height:1;letter-spacing:-0.02em;color:#000; padding-bottom:30px;margin-bottom:30px;text-transform:uppercase;} 
.tit_big::before{content:'';display:block;position:absolute; bottom:0;left:50%;transform: translateX(-50%);width:50px; height:1px; background:#0e6eb8; z-index: 2;}
.tit_big_desc{text-align:center; font-weight:400;font-size:2.4rem;line-height:1.3;letter-spacing:-0.02em;color:#777; margin-bottom:100px;} 

.tit_lg{position:relative;text-align:center; font-weight:700;font-size:5.0rem;line-height:1.4;letter-spacing:-0.02em;color:#000; padding-bottom:20px;margin-bottom:80px;text-transform:uppercase;} 
.tit_lg::before{content:'';display:block;position:absolute;bottom:0;left:50%;transform: translateX(-50%);width:50px; height:1px; background:#0e6eb8;}

.tit_mid{font-weight:700;text-align:center; font-size:6.0rem;line-height:1.4;letter-spacing:-0.02em;color:#000;text-transform:uppercase;margin-bottom:80px;}
.tit_mid > span{display: inline-block;width:100%;font-weight:400;font-size:1.8rem;line-height:1.3;letter-spacing:-0.02em;color:#777; margin-top:30px;} 

.inner{display:block;width:100%;max-width:1260px; margin:0px auto; text-align:center; overflow: hidden; box-sizing: border-box;}
.section{width:100%;margin:150px auto 0px;padding:0px;box-sizing: border-box;}
.section_sub{width:100%;margin:100px auto 0px;padding:0px;box-sizing: border-box;}

.sec1{width:100%;padding:140px 0px;text-align:center;background:url(/img/brand-1.png) center top no-repeat;background-size:cover;box-sizing: border-box;}
.sec1 .bi{width:100%;min-height:120px;background:url(/img/bi-wh2.png) center top no-repeat;background-size:auto 120px;margin-bottom:0px;}
.sec1 > p{font-weight:500;font-size:2.6rem;color:#fff;letter-spacing:-0.02em;line-height:1.4;margin-top:10px; }
.sec1 > p:first-child{margin-top:0px; }
.sec1 > p br{display:none;}

.sec2{display: flex;width:100%;max-width:1260px; /* flex-wrap: wrap; flex-direction: column; */justify-content: center;align-content: center;align-items: center;margin:auto;padding:140px 0px;font-size:0;}
.sec2 .imgArea{width:50%;padding:0 50px;order:1;text-align:center;box-sizing: border-box;}
.sec2 .textArea{width:50%;padding:0 50px;order:2;text-align:center;box-sizing: border-box;}
.sec2 .tit{font-weight:700;font-size:3.2rem;line-height:1.4;letter-spacing:-0.02em;color:#000;margin-bottom:40px;}
.sec2 .txt{font-weight:400;font-size:1.8rem;line-height:1.4;letter-spacing:-0.02em;color:#333;}
.sec2 .txt br{display:none;}
.sec2 .iconArea{display: flex;width:100%;justify-content:space-between;margin-top:80px;}
.sec2 .iconArea li{flex:1;padding:0 10px;}
.sec2 .circleArea{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.sec2 .circleArea .circle{width:100px;height:100px;border-radius:50%;}
.sec2 .circleArea .desc{margin-top:20px;font-weight:200;font-size:1.7rem;line-height:1.3;letter-spacing:-0.03em;color:#333;}

.brand-icon1{background:url(/img/brand-icon1.png) center center no-repeat #28a7e1;background-size:auto 50%;}
.brand-icon2{background:url(/img/brand-icon2.png) center center no-repeat #28a7e1;background-size:auto 50%;}
.brand-icon3{background:url(/img/brand-icon3.png) center center no-repeat #28a7e1;background-size:auto 50%;}

.sec3{width:100%;padding:100px 5%;background:#0e6eb8;box-sizing: border-box;}
.sec3 .sec3_inner{display: flex;width:100%;max-width:1260px;/* flex-wrap: wrap; flex-direction: column; */justify-content: center;align-content: center;align-items: center; margin:0px auto;}
.sec3 .sec3_inner .textArea{width:50%;padding:0 0px 0px 100px;order:1;}
.sec3 .sec3_inner .textArea > p{font-weight:500;font-size:3.0rem;line-height:1.4;letter-spacing:-0.02em;color:#fff;}
.sec3 .sec3_inner .appArea{width:50%;padding:0 50px;order:2;text-align:center;box-sizing: border-box;}

.sec4{width:100%;padding:100px 5%;box-sizing: border-box;}
.sec4 .sec4_inner{display:block;width:100%;max-width:1260px;margin:0px auto;font-size:0;}
.sec4 ul{display:block;width:100%;}
.sec4 li{display: inline-block;width:31.3333%;margin:0 0% 3% 3%;}
.sec4 li:nth-child(3n-2){margin:0 0% 3% 0%;}

.sec5{width:100%;padding:140px 5%;background:url(/img/brand-2.png) center top no-repeat;background-size:cover;box-sizing: border-box;}
.sec5 .sec5_inner{display:block;width:100%;max-width:1260px;margin:0px auto;}
.sec5 .stit{font-weight:400;font-size:2.0rem;color:#fff;letter-spacing:-0.02em;line-height:1.4;margin-bottom:25px;}
.sec5 .tit{font-weight:700;font-size:6.0rem;color:#fff;letter-spacing:-0.02em;line-height:1.4;margin-bottom:80px;}
.sec5 .txt{font-weight:400;font-size:2.4rem;color:#fff;letter-spacing:-0.02em;line-height:1.5;}
.sec5 .txt br{display:none;}

.sec6{width:100%;margin:0px auto;padding:100px 5% 0px;background:#0e6eb8;box-sizing: border-box;}
.sec6 .sec6_inner{display: flex;width:100%;max-width:1260px;/* flex-wrap: wrap; flex-direction: column; */justify-content: center;align-content: center;align-items: center;margin:auto;}
.sec6 .imgArea{width:50%;padding:0 50px;order:1;text-align:center;box-sizing: border-box;}
.sec6 .textArea{width:50%;padding:0px;order:2;box-sizing: border-box;}
.sec6 .txt{font-weight:400;font-size:2.4rem;line-height:1.4;letter-spacing:-0.02em;color:#fff;}

.subMenu_A{ position: relative;width:100%; margin-top:70px; padding:15px 5% 0px;background:#f9f9f9;text-align:center; overflow: hidden;box-sizing: border-box;z-index:2;}
.subMenu_A::before {content: ' ';position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: #ddd;}
.subMenu_A .inner{width:100%; max-width:1260px;margin:0 auto;text-align:center;box-sizing: border-box;}

.subMenu_A ul {font-size: 0;white-space: nowrap;text-align:center;}
.subMenu_A ul li{display: inline-block;text-align:center;height:35px; margin: 0px 30px;}
.subMenu_A ul a{display: block;height:35px;text-align:center;font-weight:500;font-size:1.7rem;line-height:1;color:#333;letter-spacing:-0.02em;box-sizing: border-box;}
.subMenu_A ul a:hover {border-bottom:2px solid #2699d6;color:#2699d6;}
.subMenu_A ul a.active {border-bottom:2px solid #2699d6;color:#2699d6;}

.sub_sec1{display:block;width:100%;max-width:1260px;padding:100px 0px;margin:0px auto;text-align:center;box-sizing: border-box;}
.sub_sec1 .tit{font-weight:700;font-size:3.4rem;color:#333;letter-spacing:-0.02em;line-height:1.5;margin-bottom:40px;}
.sub_sec1 .txt{font-weight:200;font-size:2.0rem;color:#333;letter-spacing:-0.02em;line-height:1.5;}
.sub_sec1 .bi{width:100%;min-height:250px;background:url(/img/bi2.png) center top no-repeat;background-size:auto 250px;margin:80px 0px;}
.sub_sec1 .stit{font-weight:500;font-size:2.4rem;color:#777;letter-spacing:-0.02em;line-height:1.5;margin-top:40px;}

.sub_sec2{display:block;width:100%;padding:100px 5%;margin:0px auto;background:#f9f9f9;text-align:center;box-sizing: border-box;}
.sub_sec2 .inner{display:block;width:100%;max-width:1260px;margin:0px auto;font-size:0;}
.sub_sec2 .tit{font-weight:700;font-size:2.6rem;color:#333;letter-spacing:-0.02em;line-height:1.5;}
.sub_sec2 .txt{font-weight:200;font-size:2.0rem;color:#333;letter-spacing:-0.02em;line-height:1;margin-bottom:15px;}
.sub_sec2 .txtArea{position:relative;width:100%;margin:60px 0px;padding:100px 0px;font-weight:400;font-size:2.0rem;color:#333;letter-spacing:-0.02em;line-height:1.7;}
.sub_sec2 .txtArea::before{content:'';display:block;position:absolute; top:0;left:50%;transform: translateX(-50%);width:100%; height:70px; background:url(/img/c1.png) center top no-repeat;z-index: 2;}
.sub_sec2 .txtArea::after{content:'';display:block;position:absolute; bottom:0;left:50%;transform: translateX(-50%);width:100%; height:70px; background:url(/img/c2.png) center top no-repeat;z-index: 2;}

.sub_sec3{display:block;width:100%;max-width:1260px;padding:80px 0%;margin:0px auto;box-sizing: border-box;}
.sub_sec3 .tit{font-weight:700;font-size:3rem;color:#333;letter-spacing:-0.02em;line-height:1.4;margin-bottom:30px;}
.sub_sec3 .tit br{display:none;}
.sub_sec3 .txt{font-weight:200;font-size:1.6rem;color:#666;letter-spacing:-0.02em;line-height:1.4;margin-bottom:40px;}
.sub_sec3 .imgArea{text-align:center;margin-bottom:60px; border:1px solid #ddd; padding:40px;box-sizing: border-box;}
.sub_sec3 .imgArea img{max-width:100%;}
.sub_sec3 .imgArea_pc{text-align:center;margin-bottom:60px; border:1px solid #ddd; padding:40px;box-sizing: border-box;}
.sub_sec3 .imgArea_pc img{max-width:100%;}
.sub_sec3 .imgArea_m{display:none;text-align:center;margin-bottom:50px; border:1px solid #ddd; padding:30px;box-sizing: border-box;}
.sub_sec3 .imgArea_m img{max-width:100%;}
.sub_sec3 .tbArea{width:100%;}
.sub_sec3 .tbArea ul{display: flex;width:100%;/* flex-wrap: wrap; flex-direction: column; */}
.sub_sec3 .tbArea li{flex:1; margin-left:40px;}
.sub_sec3 .tbArea li:first-child{margin-left:0px;}
.sub_sec3 .tbArea .thumbArea{width:100%; margin-bottom:20px;}
.sub_sec3 .tbArea .txtArea{width:100%; }
.sub_sec3 .tbArea .stit{font-weight:500;font-size:1.9rem;color:#333;letter-spacing:-0.02em;line-height:1;margin-bottom:10px;}
.sub_sec3 .tbArea .stxt{font-weight:200;font-size:1.5rem;color:#333;letter-spacing:-0.02em;line-height:1.4;text-indent:-10px; padding-left:10px;margin-bottom:5px;}

.tit-bullet{display: inline-block;width:100%;padding-left:14px;font-weight:700;font-size:2.2rem;color:#333;letter-spacing:-0.02em;line-height:1.5;margin-bottom:15px;box-sizing: border-box;}
.tit-bullet::before {content: ' '; display: inline-block; vertical-align: top;width:6px; height:6px; margin-top: 14px;margin-left:-14px;margin-right:8px;border-radius: 50%; background:#0e6eb8;}

.thumbWrap{position: relative; display: inline-block; width:100%; /* padding-top:56.25%;*/ padding-top:75%;overflow: hidden; border:1px solid #ebebeb;box-sizing: border-box;}
.thumbWrap-1{position: relative; display: inline-block; width:100%; padding-top:56.25%;overflow: hidden; border:1px solid #ebebeb;box-sizing: border-box;}

.sub_sec4{display:block;width:100%;padding:80px 5%;margin:0px auto;background:#f9f9f9;box-sizing: border-box;}
.sub_sec4 .sub_inner{display:block;width:100%;max-width:1260px;margin:0px auto;text-align:left;font-size:0;}
.sub_sec4 .tit{font-weight:700;font-size:3rem;color:#333;letter-spacing:-0.03em;line-height:1.4;margin-bottom:30px;}
.sub_sec4 .tit br{display:none;}
.sub_sec4 .imgArea{text-align:center;margin-bottom:20px; box-sizing: border-box;}
.sub_sec4 .imgArea img{width:100%;}
.sub_sec4 .tbArea{width:100%;margin-top:40px;}
.sub_sec4 .stit{font-weight:700;font-size:2.2rem;color:#0e6eb8;letter-spacing:-0.02em;line-height:1;text-transform:uppercase;margin-bottom:10px;}
.sub_sec4 .stxt{font-weight:200;font-size:1.7rem;color:#333;letter-spacing:-0.02em;line-height:1.4;text-indent:-10px; padding-left:10px;margin-bottom:5px;}
.sub_sec4 .sub_imgArea{text-align:center;border:1px solid #ddd; padding:40px;box-sizing: border-box;margin-top:30px;}
.sub_sec4 .sub_imgArea img{max-width:100%;}

.sub_sec5{display:block;width:100%;max-width:1260px;padding:80px 0%;margin:0px auto;box-sizing: border-box;}
.sub_sec5 .tit{font-weight:700;font-size:3rem;color:#333;letter-spacing:-0.02em;line-height:1.4;margin-bottom:30px;}
.sub_sec5 .tit br{display:none;}
.sub_sec5 .tbArea{width:100%;}
.sub_sec5 .tbArea ul{display: flex;width:100%;/* flex-wrap: wrap; flex-direction: column; */}
.sub_sec5 .tbArea li{flex:1; margin-left:40px;}
.sub_sec5 .tbArea li:first-child{margin-left:0px;}
.sub_sec5 .tbArea .thumbArea{width:100%; margin-bottom:20px;}
.sub_sec5 .tbArea .txtArea{width:100%; }
.sub_sec5 .tbArea .stit{font-weight:500;font-size:1.9rem;color:#333;letter-spacing:-0.02em;line-height:1;margin-bottom:10px;}
.sub_sec5 .tbArea .stit-point{font-weight:400;font-size:1.6rem;color:#0e6eb8;letter-spacing:-0.02em;line-height:1;margin-bottom:15px;}
.sub_sec5 .tbArea .stxt{font-weight:200;font-size:1.5rem;color:#333;letter-spacing:-0.02em;line-height:1.4;text-indent:-10px; padding-left:10px;margin-bottom:5px;}
.sub_sec5 .tbArea .mtit{border:1px solid #0e6eb8;text-align:center; padding:10px;font-weight:700;font-size:1.6rem;color:#0e6eb8;letter-spacing:-0.02em;line-height:1;margin-top:20px;box-sizing: border-box;}
.sub_sec5 .tbArea .mtit-arrow{display:block;width:100%;height:30px;background:url(/img/arrow-down.png) center bottom no-repeat;}
.sub_sec5 .tbArea .point-box{background:#0e6eb8;text-align:center; padding:20px 10px;font-weight:700;font-size:1.8rem;color:#fff;letter-spacing:-0.02em;line-height:1;margin-top:20px;box-sizing: border-box;}

.sub_sec5 .tbArea .mtit-m{display:none;border:1px solid #0e6eb8;text-align:center; padding:15px 10px;font-weight:700;font-size:1.6rem;color:#0e6eb8;letter-spacing:-0.02em;line-height:1;margin-top:20px;box-sizing: border-box;}
.sub_sec5 .tbArea .mtit-arrow-m{display:none;width:100%;height:30px;background:url(/img/arrow-down.png) center bottom no-repeat;}

/* form */
.form-wrap{display:block;width:100%;max-width:1260px;padding:100px 0px;margin:0px auto;box-sizing: border-box;}
.sub-title-1{display:block;font-weight:500;font-size:18px;color:#444;line-height:1;letter-spacing:0em;min-height:14px;background: url(/img/i_doc.png) 0 0px no-repeat;background-size:auto 14px; padding-left:20px; margin-bottom:15px;}
  
.form_sty{width:100%;margin:15px 0px 40px;border-top:1px solid #666; box-sizing: border-box;}
.form_sty ul{display: flex;align-items: center; width:100%;margin-top:0px;border-bottom:1px solid #dfdfdf;padding:10px 0px;}
.form_sty li.top{vertical-align:top;padding-top:10px;  align-self:flex-start;}
.form_sty li{padding:0 12px;min-height:40px;display:inline-flex;align-items: center;}
.form_sty .tit{flex:0 0 150px;}
.form_sty .tit > span{position:relative;display: inline-block;font-weight:500;font-size: 16px;color: #333;line-height:1;letter-spacing:-0.02rem;}
.form_sty .tit > span.required{padding-right:10px;}
.form_sty .tit > span.required::before{position:absolute; right:0; top:0;content: '*';width:6px;height:6px;border-radius: 0%;font-size:14px;color: #ff0000;}
.form_sty .tit.sm{flex:0 0 100px;  }
.form_sty .tit.lg{flex:0 0 180px;  }

.form_sty .cont{flex:1;font-size:14px;/* color: #545454; */ }
.form_sty .txt{font-weight:400;font-size:14px;color: #333;line-height:1;letter-spacing:-0.02rem;}
.form_sty .txt-bold{font-weight:700;font-size:16px;color: #333;line-height:1;letter-spacing:-0.02rem;}
.form_sty .txt-bold > span{font-weight:400;font-size: 14px;color: #666;line-height:1;letter-spacing:-0.02rem;}
.form_sty a{vertical-align:middle;}
.form_sty .cont-txt{display:flex;align-items: center; min-height:40px; font-weight:400;font-size:16px;color: #333;line-height:1.2;letter-spacing:-0.02rem;}
.col--dflex{display: flex;align-items: center; gap:10px;}
.form_sty .tit-full{flex:0 0 100%; margin-bottom:10px;}
.form_sty .cont-full{flex:0 0 100%;}

.file--name{display:inline-block;margin-left:10px;font-weight: 400;font-size:13px;line-height:20px;color:#666;}
.file--del{font-weight: 400;font-size:13px;line-height:1;color:#666;background:url(/img/btn_close_14.png) 0 50% no-repeat;padding-left:20px;margin-top:10px;box-sizing: border-box;}

/* file upload */
.inputfile-wrap {position: relative;display: flex; width: 100%;}
.inputfile-wrap input[type="file"] {position: absolute;width: 1px;height: 1px;margin: -1px; padding: 0; border: 0; overflow: hidden;clip: rect(0, 0, 0, 0);}
.inputfile-wrap label.btn {display: block;width: 100px;height:40px;margin-left: 10px; color:#fff;border:0px solid #262729;background:#a3a5aa;line-height:40px;padding:0px 5px;text-align:center; font-size:14px;font-weight: 400;border-radius:4px;box-sizing: border-box;}
.inputfile-wrap input{width:100%;height:40px;padding:0 10px;border:1px solid #dfdfdf;background:#fff;color:#666; border-radius:4px; font-size:14px;box-sizing:border-box;transition: border-color 0.15s ease-in-out;}
.inputfile-wrap input:focus {outline: none;background-color:#fff;border-color:var(--concept-color);}

.wr_box{display: inline-block; width:100%;border:1px solid #dfdfdf;background:#fafafa;white-space: pre-wrap; color:#444; font-size: 13px;line-height:1.3;font-weight:400; margin:0px auto 10px; max-height:150px; padding:25px;box-sizing: border-box;
	overflow: auto; 
	scrollbar-arrow-color: #fff; /* IE 6+ scroll styles */
	scrollbar-face-color: #999;
	scrollbar-shadow-color: #333;
	scrollbar-highlight-color: #000;
	scrollbar-darkshadow-color: #000;
	scrollbar-track-color: #ddd; /* Last IE 6+ scroll styles */
	scrollbar-color: #999 #ddd; /* Firefox 64+ */
	scrollbar-width: thin; /* Firefox 64+ */
 }

 .wr_box::-webkit-scrollbar {width: 6px;height: 6px;}
 .wr_box::-webkit-scrollbar-track {background: padding-box #ddd;border-radius: 4px;}
 .wr_box::-webkit-scrollbar-thumb {background: padding-box #999;border-radius: 4px;}
 .wr_box::-webkit-scrollbar-thumb:hover { background: padding-box #aaa;}
 .wr_box::-webkit-scrollbar-thumb:active {background: padding-box #333;box-shadow: inset 0 0 3px rgba(192, 192, 192, 0.5);}

.wr_box textArea{display: inline-block;width:100%;border:1px solid #dfdfdf;background:#fafafa; height:150px; padding:10px; white-space: pre-wrap; color:#444; font-size: 13px;line-height:1.3;font-weight:400;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.wr_box textArea:focus {outline: none;border-color:#b1b1b1}


.right-chkBox{display:flex;justify-content:flex-end;align-items: center;gap:10px; margin:0px auto 20px;}

.f-group-A {display:flex;width:100%;margin:0px;align-items:center;}
.f-group-A > * {margin-left:10px;}
.f-group-A > *:first-child { margin-left: 0;}
.f-group-A .select-w{width:30%;} /* 모바일 100% */
.f-group-A .w1{width:50%;}
.f-group-A .w2{width:100px;}
.f-group-A .input-w{flex: 1;}
.f-group-A .sm{min-width:10px;text-align:center;font-weight:400;font-size:14px;color:#333;}
.f-group-A .input-tel{flex:0 0 100px;}























.text-b{font-weight:500;font-size:3.4rem;color:#333;letter-spacing:-0.02em;line-height:1.5;margin-bottom:40px;}
.text-m{font-weight:400;font-size:2.4rem;color:#777;letter-spacing:-0.02em;line-height:1.5;}
.text-s{font-weight:200;font-size:2.0rem;color:#333;letter-spacing:-0.02em;line-height:1.5;margin-bottom:40px;}

.tit_sm{font-weight:900;font-size:5.0rem;line-height:1.4;letter-spacing:-0.02em;color:#000;margin-bottom:60px;text-transform:uppercase;} 
.text-list{font-weight:200;font-size:1.8rem;color:#333;letter-spacing:-0.02em;line-height:1.5; text-indent:-14px; padding-left:14px; margin-bottom:8px;box-sizing: border-box;}
.bg_gray{background:#f9f9f9;}

.process-content{display:block;width:100%;padding:0px; font-size:0;overflow: hidden;box-sizing: border-box;}
.process-content li{display:flex;width:100%;justify-content: center;align-items:center;padding:100px 8%; overflow: hidden;box-sizing: border-box;}
.process-content li:nth-child(odd){background:#f6f7f7;} /* 홀수 */
.process-content li:nth-child(odd) .textContent{order:2;width:600px;text-align:left;padding-left:60px;box-sizing: border-box;}
.process-content li:nth-child(odd) .imgContent{order:1;width:600px;}
.process-content .productImg{position: relative;display: inline-block; width:100%; height:100%;/*padding-top:130%;*/overflow: hidden;border:0px solid #ebebeb; background-size: cover; background:#fff;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.process-content .productImg img{position: absolute; top: 0; left: 0; right: 0; bottom: 0;width:100%; height:100%; }

.process-content li:nth-child(even){} /* 짝수 */
.process-content li:nth-child(even) .textContent{order:1;width:600px;text-align:left;padding-right:60px;box-sizing: border-box;}
.process-content li:nth-child(even) .imgContent{order:2;width:600px;}

.process-content h3{margin-bottom:30px;}
.process-content p{margin-bottom:20px;}
.process-content h4{margin-bottom:10px;}
.process-content .tit_eng{font-weight:400;font-size:20rem;color:#333;letter-spacing:-0.02em;line-height:1.3;margin-bottom:30px;}

/* list-type */
.list-typeA{display:block;width:100%;text-align:left;margin:0px auto;font-size:0;}
.list-typeA li{display: inline-block;width:31.3333%;margin:0 0% 3% 3%;}
.list-typeA li:nth-child(3n-2){margin:0 0% 3% 0%;}

.list-typeB{display:block;width:100%;text-align:left;margin:0px auto;font-size:0;}
.list-typeB li{display: inline-block;width:23.5%;margin:0 0% 2% 2%;text-align:center;background:#f5f5f5;padding:10px;box-sizing: border-box;}
.list-typeB li:nth-child(4n-3){margin:0 0% 2% 0%;}

.secTb{display: inline-block;width:100%;margin-bottom:80px;}

.textTb{display: inline-block; width:100%;margin-bottom:30px;text-align:left;}
.textTb .tit1{display: inline-block; width:100%;font-weight: 700;color:#333;font-size:18px;line-height:1.45;letter-spacing:-0.01em;word-wrap: break-word;word-break: keep-all;margin-bottom:10px;}
.textTb .txt1{display: inline-block; width:100%;color:#555;font-size:16px;line-height:1.45;letter-spacing:-0.01em;word-wrap: break-word;word-break: keep-all;}
.textTb .txt2{display: inline-block; width:100%;color:#555;font-size:16px;line-height:1.45;letter-spacing:-0.01em;word-wrap: break-word;word-break: keep-all;margin-bottom:20px;}
.textTb .txt3{display: inline-block; width:100%;color:#555;font-size:16px;line-height:1.45;letter-spacing:-0.01em;word-wrap: break-word;word-break: keep-all;padding-left:20px;margin-bottom:10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.textTb .txt4{display: inline-block; width:100%;color:#555;font-size:16px;line-height:1.45;letter-spacing:-0.01em;word-wrap: break-word;word-break: keep-all;padding-left:40px;margin-bottom:10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.textTb .txt_b{font-weight: 500;}

.list_type1{display:block;width:100%;text-align:left; padding:0px 0%; margin:0px auto; font-size:0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.list_type1 .tit{display: inline-block; width:100%;text-align:center;font-family: 'NotoSansKR'; font-style: normal;font-weight: 400;color:#444; font-size: 14px;line-height:1.4;}
.list_type1 li{display: inline-block;width:23%; margin:0 1% 4%;}
.list_type1 li.nodata{display: inline-block;width:100%;margin:0;text-align: center;font-size:14px;color:#333;line-height:1;font-family: 'NotoSansKR'; font-style: normal;font-weight: 400;border:1px solid #ebebeb;padding:80px 0px;}

.list_box{position: relative; display: inline-block; width:100%;}
.list_box .thumb{position: relative; display: inline-block; width:100%; /* padding-top:56.25%;padding-top:75%;*/ padding-top:100%;overflow: hidden; border:1px solid #ebebeb;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
/* .list_box .thumb img{position: absolute; top: 0; left: 0; right: 0; bottom: 0;width:100%; height:auto;transition:all .2s ease;-webkit-transition:all .2s ease;} */
.list_box .zoom-image {position: absolute;top: 0;left: 0; height: 100%;width: 100%;background-size: cover; transition: transform 0.3s ease-in-out;}
.list_box .zoom-image:hover { transform: scale(1.05);transition-duration: 0.5s;}
.list_box .subject{text-align:left;font-family: 'NotoSansKR'; font-style: normal;font-weight: 400;color:#444; font-size: 16px;margin-bottom:10px;line-height:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  /*2줄 overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em;height: 2.6em; */ margin-top:15px; word-break: keep-all;}
.list_box .name{position: relative; font-family: 'NotoSansKR'; font-style: normal;font-weight:400;line-height:1;letter-spacing:0em;color:#333;font-size:13px;padding-top:8px;}
.list_box .name:after{content:'';display:block;width:20px;height:1px;background:#666;position:absolute;left:0;top:0px;}