@charset "utf-8";

/*
 * Layout Style
 *
 */

.wide-display{position:absolute; left:-9999px; top:-9999px}
.mobile-display{position:absolute; left:-9999px; top:-9999px}


#wrap {width:100%; margin:0 auto;}
.main1{width:100%;min-width:1200px;text-align:center; }
.main1 img{max-width:100%;}
.main2{width:100%;min-width:1900px;height:1445px; margin:0px auto; text-align:center;background:url(/img/mainB.jpg) center top no-repeat;}


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

#m-header{width: 100%;margin:0px auto; position:fixed; border-bottom:0px solid #ebebeb; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;z-index: 3; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-size:0;}
#m-header .logo{position: absolute; width:300px;left:3%; top:30px;min-height:62px; text-align:left; background:url(../img/logo_wh.png) 0 0 no-repeat;background-size:auto 62px;text-indent: -9999px;z-index:5;}
#m-header .util{position: absolute; right:3%;top:45px;min-height:11px;text-align:right; background:url(../img/navi.png) 100% 0 no-repeat;background-size:auto 11px;text-indent: -9999px;z-index:5;}
/*#m-header .util a{display:inline-block;margin-left:15px;font-family: 'Roboto'; font-style: normal; font-weight: 400;font-size:12px; letter-spacing:0em; color:#fff;}
#m-header .util a:hover{color:#d21217;}*/

.m-gnb{position: absolute; width:100%; /*left:50%; transform:translateX(-50%);*/ right:3%; text-align:right; margin-top:40px; z-index:4;}
.m-gnb nav{width:100%; margin:0px auto; padding-right:60px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.m-gnb nav > ul{display:inline-block;text-align:center;}
.m-gnb nav > ul > li{display:inline-block;text-align:center;padding:0px 30px; position:relative;}
.m-gnb nav > ul > li:first-child{}
.m-gnb nav > ul > li > a{display:block; height:40px;font-family: 'NotoSansKR'; font-style: normal;font-weight:400;font-size:18px; letter-spacing:-0.03em; color:rgba(255, 255, 255, .8); text-align:center;text-transform:uppercase;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-transition: -webkit-transform .65s ease; transition: transform .65s ease;}
.m-gnb nav > ul > li > a:hover{color:#fff; border-bottom:1px solid #fff;padding-top:5px;transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.m-gnb nav > ul > li.on > a{color:#fff; border-bottom:1px solid #fff;padding-top:5px;transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.m-gnb nav > ul > li.on .two-depth{display:block; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.m-gnb nav > ul > li img{vertical-align:middle; margin-left:5px;}
.m-gnb nav > ul > li.off .two-depth{display:none; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}

#header{display:none; width: 100%;height:60px;margin:0 auto; position:fixed; border-bottom:1px solid #ddd; background:#fff; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;z-index: 3; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-size:0;}
#header .logo{position: absolute; width:200px; left:3%; top:8px; min-height:43px;text-align:left;background:url(../img/logo.png) 0 0px no-repeat;background-size:auto 43px;text-indent: -9999px; z-index:5;}
#header .util{position: absolute; right:3%;top:25px;min-height:11px;text-align:right; background:url(../img/navi_black.png) 100% 0px no-repeat;background-size:auto 11px;text-indent: -9999px;z-index:5;}
/*#header .util a{display:inline-block;margin-left:15px;font-family: 'Roboto'; font-style: normal; font-weight: 400;font-size:12px; letter-spacing:0em; color:#5b5b5b;}
#header .util a:hover{color:#d21217;} */

.gnb{position: absolute; width:100%; /*left:50%; transform:translateX(-50%);*/ right:3%; text-align:right; margin-top:20px; z-index:4;}
.gnb nav{width:100%; margin:0px auto; padding-right:60px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.gnb nav > ul{display:inline-block;text-align:center;}
.gnb nav > ul > li{display:inline-block;text-align:center;padding:0px 30px; position:relative;}
.gnb nav > ul > li:first-child{}
.gnb nav > ul > li > a{display:block; height:40px;font-family: 'NotoSansKR'; font-style: normal;font-weight: 400;font-size:16px; letter-spacing:-0.03em; color:#333; text-align:center;text-transform:uppercase;/*text-transform:capitalize;*/box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-transition: -webkit-transform .65s ease; transition: transform .65s ease;}
.gnb nav > ul > li > a:hover{color:#00aeef; border-bottom:1px solid #00aeef;padding-top:0px;transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.gnb nav > ul > li.on > a{color:#00aeef; border-bottom:1px solid #00aeef;padding-top:0px;transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.gnb nav > ul > li.on .two-depth{display:block; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.gnb nav > ul > li img{vertical-align:middle; margin-left:5px;}
.gnb nav > ul > li.off .two-depth{display:none; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}

/* .two-depth-bg{width:100%; height:35px; position:absolute; left:0; top:75px; background:#12a8d9; opacity: 0.9; filter: alpha(opacity=90); display:block; z-index:4; display:none} */
.m-gnb .two-depth{position: absolute; display:block; z-index:10; display:none; top:40px; left:50%; transform:translateX(-50%);padding:0px 0px; border:0px solid #ebebeb;background:rgba(255,255,255,.9);width:150px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-shadow: 1px 1px 6px rgba(0,0,0,0.2);}
.gnb .two-depth{position: absolute; display:block; z-index:10; display:none; top:40px; left:50%; transform:translateX(-50%);padding:0px 0px; border:0px solid #ebebeb;background:rgba(255,255,255,.9);width:150px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-shadow: 1px 1px 6px rgba(0,0,0,0.2);}
.m-gnb .two-depth.w01{width:190px;}
.gnb .two-depth.w01{width:190px;}
.two-depth > li{display:inline-block; width:100%;text-align:center; padding:12px 0px 14px;border-top:1px solid rgba(124,124,124,.1); box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.two-depth > li a{line-height:1; font-size:14px; color:#666;font-family: 'NotoSansKR'; font-style: normal;font-weight: 400;letter-spacing:0em; }
.two-depth > li.on a{color:#fff;background:#00aeef;}
.two-depth > li a:hover{color:#fff;}
.two-depth > li:first-child{border-top:0px dotted #ebebeb; }
.two-depth > li:hover{color:#fff;background:#00aeef;}
.two-depth > li:hover a{color:#fff;}

#header .logo_m{display:none;width:60%; text-align:left;padding:10px 0px 0px 5%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
#header .m_open{display:none;text-align:right; width:40%;padding:20px 5% 0px 0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

#m-header .logo_m{display:none;width:60%; text-align:left;padding:20px 0px 0px 5%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
#m-header .m_open{display:none;text-align:right; width:40%;padding:30px 5% 0px 0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.logo_m img{max-width:100%;}
.m_open img{max-width:100%;}

/* 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:90%; padding:0px; background-color:rgba(29,32,36,1); z-index:202; -webkit-overflow-scrolling: touch; overflow-y: auto;height:100%;}
.mMenu .mclose { position:absolute;  top:15px;right:15px; }
.mMenu .mtitle {display:block; text-align:center; padding:40px 20px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.mMenu .mtitle .logo{display: inline-block;width:30%;margin:0px 35% 20px;text-align:center;}
.mMenu .mtitle .logo img{width:100%;}

.mMenu .list {padding:0px 0px 0px 0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.lnav{width:100%;-webkit-transition: all .25s ease-in;transition: all .25s ease-in;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.lnav, .lnav ul, .lnav li {list-style: none;}
.lnav ul {margin: 0 0 0 0px;/* background-color: #fff; */}
.lnav {padding: 0px;margin: 0px;}
.lnav > li {margin: 0px 0; border-bottom:1px solid; border-color:rgba(255,255,255,.1);}
.lnav > li li {margin: 0px 0;}
.lnav > li li li{margin: 0px 0;}
.lnav a {line-height:1;font-family: 'NotoSansKR'; font-style: normal;font-weight: 500;letter-spacing:-0.05em;text-transform:capitalize;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:2px;margin-left: 2px;}
.lnav li.open > a > .caret {border-top: none;background:url(/img/lmenu_on.png) right center no-repeat;-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.lnav li a {color:#ebebeb; font-size: 18px;line-height:1.3; padding: 14px 20px;} 
.lnav > li li a {padding: 14px 10px 14px 30px;color:#ebebeb;  font-size:16px;line-height:1;font-family: 'NotoSansKR'; font-style: normal;font-weight: 400;border-top:0px dotted #ddd; }
/* .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 {}
.lnav li.open a{color:#00aeef;}
.lnav li.open li a {color:#fff;}
.lnav li.active a{color:#00aeef;}
.lnav li li.active a{color:#fff;}
.lnav li.off a{margin-right:35px;}
.lnav > li li.last{padding-bottom:10px;}
/* 2 depth 여백 추가 */
.lnav li li{background:#00aeef;}
.lnav li li:first-child{padding-top:10px;}
.lnav li li:last-child{padding-bottom:14px;}

/* Msearch */
.Msearch {display:none; bottom:0; height:80px; position:fixed; top:-500px; width:100%; margin:0 auto; z-index:2; background:#fff;-webkit-overflow-scrolling: touch; box-shadow: 1px 1px 10px rgba(0,0,0,0.1);}
.Msearch .mclose {position:absolute;  top:25px;right:15px; }
.Msearch .mclose img{max-width:100%;}
.Msearch .snsbox{display:inline-block; width: 100%; text-align:center; padding:30px 10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.Msearch .snsbox li{display:inline-block; text-align:ceter; padding:0px 15px;}
.Msearch .snsbox li img{max-width:100%;}

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

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

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:40px;display:none;padding:0px;width:50px; height:50px; background:url(/img/top.png) right bottom no-repeat;z-index:100;cursor:pointer;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}

/* footer  */

.footer{clear:both; width:100%; margin:0px auto; background:#242529; padding:40px 5%;/*overflow:hidden;*/box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.footer:after { content:""; display:block; clear:both; height:0;}
.footer .f_logo{display: inline-block;width:100%;min-height:75px;margin-bottom:15px;background:url(../img/f_logo.png) 50% 0 no-repeat;background-size:auto 75px;}
.footer .add{text-align:center; font-weight: 200;color:#dfdfdf; font-size:13px;line-height:1.45;letter-spacing:-0.03em;}


/********************************************
	MAIN
********************************************/
.mainroll{width:100%;/*height:100vh;*/height:100%; margin:0px; background:#fff; text-align:left; overflow:hidden; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;z-index:1;position:relative;}
/* slick animation 적용 */
.slider{width:100%;/*height:100vh;*/height:100%;}
.bnr_imgslideA {position: relative;width:100%;/*height:100vh;*/height:100vh; margin:0px;overflow:hidden; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-transition:background-size 1s;-moz-transition:background-size 1s;transition:background-size 1s;}
.bnr_imgslideA .slide_img {position: relative;width: 100%;height:100%;overflow: hidden;}
.bnr_imgslideA .slide_img img {/*position: absolute; left:50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);width: 100%;height:100%; text-align: center;opacity: 1 !important; -webkit-animation-duration: 3s; animation-duration: 3s; transition: all 1s ease;*/width: 100%;height:100%; text-align: center;opacity: 1 !important; -webkit-animation-duration: 5s; animation-duration: 5s; transition: all 1s ease;}

.bnr_imgslideA .slide_img_m {display:none; position: relative;width: 100%;height:100%;overflow: hidden;}
.bnr_imgslideA .slide_img_m img {width: 100%;height:100%; text-align: center;opacity: 1 !important; -webkit-animation-duration: 5s; animation-duration: 5s; transition: all 1s ease;}

.bnr_imgslideA .slide_content_headings {position: absolute; width:100%; text-align: center; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);padding:0 5%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;z-index:3; }
.bnr_imgslideA .txt1{font-family: 'GmarketSansBold';font-size:100px;color:#fff;line-height:1;letter-spacing:0em; text-transform:uppercase;text-shadow: 1px 1px 8px rgba(0, 0, 0, .2); margin-bottom:10px;}
.bnr_imgslideA .txt2{font-family: 'NotoSansKR';font-style: normal;font-weight:400;font-size:20px;color:#fff;line-height:1.4;letter-spacing:-0.01em; text-shadow: 1px 1px 8px rgba(0, 0, 0, .2);word-wrap: break-word;word-break: keep-all;}

.bnr_imgslideA .view{display:inline-block;border:1px solid #fff;font-family: 'GmarketSansMedium';font-size:14px;color:#fff;padding:10px 40px 12px;margin-top:30px; margin-bottom:20px; box-shadow: 0px 0px 8px rgba(0, 0, 0, .1);}
.bnr_imgslideA .view:hover{border:1px solid #1baf5b;background:#1baf5b;color:#fff;}

.slide_content_headings .animated {transition: all 0.5s ease; -webkit-animation-duration: 3s; animation-duration: 3s;}

.bnr_imgslideA .slide_content {position: absolute; top:0;left:0;-webkit-transition:background-size 1s;-moz-transition:background-size 1s;background:url("/new/img/pan_bg.png") no-repeat right top;background-size:100% 100%; width:60%;height:100%;/* transform: skew(-25deg);margin-left:-50%; */z-index:2;}
.bnr_imgslideA .slide_content .animated {transition: all 0.5s ease; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; }

.slider [data-animation-in] {opacity: 0;-webkit-animation-duration: 1.5s;animation-duration: 1.5s;transition: opacity 0.5s ease 0.3s;}
.slick-dotted .slick-slider { margin-bottom: 0px;}
.slick-dots { position: absolute;bottom: 80px;list-style: none;display: block;text-align: center;padding: 0;margin: 0; width: 100%;}
.slick-dots li { position: relative; display: inline-block; margin: 0 5px;padding: 0;cursor: pointer;}
.slick-dots li button { border: 0; display: block;outline: none;line-height: 0px;font-size: 0px;color: transparent;padding: 5px;cursor: pointer;transition: all 0.3s ease;}
.slick-dots li button:hover,
.slick-dots li button:focus {outline: none;}

.simple-dots .slick-dots li { width: 14px; height: 14px;}
.simple-dots .slick-dots li button { border-radius: 50%;background-color: white;opacity: 0.8;width: 14px;height: 14px;}
.simple-dots .slick-dots li button:hover,
.simple-dots .slick-dots li button:focus { opacity: 1;}
.simple-dots .slick-dots li.slick-active button {opacity: 1;background:#00aeef; }

.stick-dots .slick-dots li { height: 3px;width: 50px;}
.stick-dots .slick-dots li button { position: relative; background-color: white;opacity: 0.5; width: 50px; height: 3px;padding: 0;}
.stick-dots .slick-dots li button:hover,
.stick-dots .slick-dots li button:focus {opacity: 1;}
.stick-dots .slick-dots li.slick-active button {color: white;opacity: 1;}
.stick-dots .slick-dots li.slick-active button:hover,
.stick-dots .slick-dots li.slick-active button:focus {opacity: 1;}

.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: 20px;} 
	25%{bottom: 30px;} 
	50%{bottom: 20px;} 
	75%{bottom: 30px;} 
	100%{bottom: 20px;} 
}
@-webkit-keyframes scrollAni{
	0%{bottom: 20px;} 
	25%{bottom: 30px;} 
	50%{bottom: 20px;} 
	75%{bottom: 30px;} 
	100%{bottom: 20px;} 
}
@-moz-keyframes scrollAni{
	0%{bottom: 20px;} 
	25%{bottom: 30px;} 
	50%{bottom: 20px;} 
	75%{bottom: 30px;} 
	100%{bottom: 20px;} 
}


/* /////////// IMAGE ZOOM /////////// */
@-webkit-keyframes zoomInImage {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  to {
    -webkit-transform: scale3d(1.15, 1.15, 1.15);
            transform: scale3d(1.15, 1.15, 1.15);
  }
}
@keyframes zoomInImage {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  to {
    -webkit-transform: scale3d(1.15, 1.15, 1.15);
            transform: scale3d(1.15, 1.15, 1.15);
  }
}
.zoomInImage {
  -webkit-animation-name: zoomInImage;
          animation-name: zoomInImage;
}
@-webkit-keyframes zoomOutImage {
  from {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes zoomOutImage {
  from {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
.zoomOutImage { -webkit-animation-name: zoomOutImage; animation-name: zoomOutImage;}

.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 */} 

.title_sec{display: inline-block;width:100%;text-align:center;margin-bottom:50px;font-family: 'GmarketSansBold';font-size:30px;color:#1a1a1a;line-height:1;letter-spacing:0em; text-transform:uppercase}

.sec1{display:block;width:100%;padding:80px 5% 0px; margin:0px auto; overflow: hidden; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.sec1 .sec_inner{display:block;width:100%; max-width:1200px;padding:0px; margin:0px auto;font-size:0;}
.sec1 .sec_inner li{display: inline-block;vertical-align:middle;}
.sec1 .pimg{width:50%;text-align:left;}
.sec1 .pimg img{width:100%;max-width:100%;}
.sec1 .txtArea{width:50%;text-align:left;padding:0px 0px 0px 50px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.sec1 .tit{display: inline-block;width:100%;font-family: 'GmarketSansBold';font-size:50px;color:#1a1a1a;line-height:1;letter-spacing:-0.03em;text-transform:uppercase;margin-bottom:20px; }
.sec1 .txt1{font-family: 'GmarketSansMedium';font-size:26px;color:#222;line-height:1.45;letter-spacing:-0.03em;margin-bottom:30px; }
.sec1 .txt2{font-weight: 400;font-size:16px;color:#333;line-height:1.45;letter-spacing:-0.03em;margin-bottom:20px; word-wrap: break-word;word-break: keep-all;}

.sec1 .btnArea{display: inline-block;width:100%;text-align:left; margin-top:10px;}
.sec1 .btnArea > a{display: inline-block;height:40px;line-height:38px; padding:0 40px;border:1px solid #d1d1d1;text-align:center;font-family: 'Roboto'; font-style: normal; font-weight: 400;color:#333; font-size:14px;letter-spacing:-0.03em;text-transform:uppercase;}
.sec1 .btnArea > a:hover{border:1px solid #00aeef;color:#00aeef; }
 
.sec2{display:block;width:100%; margin:0px auto;padding:100px 5%;background:url("/img/sec2_bg.jpg") center top no-repeat;text-align:center; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.sec2 .sec_inner{display:block;width:100%;max-width:1000px;margin:0px auto;text-align:center;}
.sec2 .txt{display:inline-block;text-align:center;min-height:34px;background:url("/img/sec2_img.png") left top no-repeat;padding-left:70px;padding-top:15px;font-weight:400;font-size:18px;color:#fff;letter-spacing:-0.03em;line-height:1.5;word-wrap: break-word;word-break: keep-all;}

.sec3{display:block;width:100%; margin:0px auto;padding:80px 0% 80px 5%;font-size:0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
/* swiper slider */
/* 다중 스와이퍼1 */ 
.swiper_s1 {display:block;width:100%; margin:0 auto; padding-top:0px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.swiper_s1 .swiper-slide {display:inline-block; width:auto;box-sizing:border-box;  -webkit-box-sizing:border-box; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

/* 스와이퍼1 버튼관련 */ 
.swiper_s1 .swiper-button-prev,  
.swiper_s1 .swiper-button-next{position:absolute; top:20px;  width:38px; height: 14px; background-size: 38px auto;} /*크기*/
.swiper_s1 .swiper-button-prev{background-image: url(/img/prev.png); right:85px;} /*이미지,위치*/
.swiper_s1 .swiper-button-next{background-image: url(/img/next.png); right:20px; }

.swiper_s1 .swiper-pagination-bullet {width:12px;height:12px;margin:0px 4px 0px;display:inline-block;border-radius:100%;background:#fff;opacity:1;border:1px solid #fff;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.swiper_s1 .swiper-pagination-bullet-active {opacity:1;background:#66d1fe;border:1px solid #66d1fe;}

.partner_roll{display: inline-block;width:100%;text-align:center; border:0px solid #dfdfdf; background:#fff;padding:8px 10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.partner_roll img{max-width:100%;}

.mov{display:block;width:100%; margin:0px auto;padding:80px 5% 80px;background:#f7f7f7;font-size:0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.mov .mov_inner{display:block;width:100%; max-width:960px;padding:0px 0px; margin:0px auto;}

/* 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}


.img_fix {width: 100%;height: auto;}
.img_max {width: 100%;}
.img_max img{max-width:100%;}

/* ---------------------- sub ----------------------------- */
/*  SUB LAYOUT :: 비주얼 */
#visual{overflow:hidden; position:relative; width:100%;background-size:cover !important;}
/* #visual:before{position:absolute; top:100px; left:100px; width:100%; height:1px; background-color:#fff; opacity:0.12;filter:Alpha(opacity=12); content:""; z-index:1; }
#visual:after{position:absolute; top:100px; left:100px; width:1px; height:250px; background-color:#fff; opacity:0.12;filter:Alpha(opacity=12); content:""; z-index:1; } */
#visual .visual-img-con{
	position:absolute; left:0; width:100%; height:100%; 
	-ms-transform: scale(1.1,1.1) rotate(0.0001deg);
    -o-transform: scale(1.1,1.1) rotate(0.0001deg);
    -moz-transform: scale(1.1,1.1) rotate(0.0001deg);
    -webkit-transform: scale(1.1,1.1) rotate(0.0001deg);
     transform: scale(1.1,1.1) rotate(0.0001deg);
	-webkit-transition:transform 5s  ease-in-out ;
	-moz-transition:transform 5s ease-in-out ;
	-o-transition:transform 5s ease-in-out ;
	-ms-transition:transform 5s ease-in-out ;
    transition:transform 5s ease-in-out ;	
}
#visual .visual-txt-con{position:relative; width:100%; max-width:1000px; margin:0 auto; height:100%; text-align:center; color:#fff; padding:180px 5% 100px; z-index:2;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
#visual .visual-tit{font-weight: 500;color:#fff; font-size:60px;line-height:1;letter-spacing:-0.01em;text-shadow: 0px 1px 1px rgba(0,0,0,0.2);margin-bottom:70px;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
#visual .visual-sub-txt{font-weight: 400; color:#fff;font-size:19px;line-height:1.45;letter-spacing:-0.01em;text-shadow: 0px 1px 1px rgba(0,0,0,0.2);margin-bottom:30px;word-wrap: break-word;word-break: keep-all; }
/* #visual .visual-sub-txt br{display:none;} */
#visual .visual-tit, #visual .visual-sub-txt{position:relative; opacity:0;filter:Alpha(opacity=0); visibility:hidden;
	-moz-transition:transform 0.8s, opacity 1.0s;
	-ms-transition:transform 0.8s, opacity 1.0s;
	-webkit-transition:transform 0.8s, opacity 1.0s;
	-o-transition:transform 0.8s, opacity 1.0s;
	transition:transform 0.8s, opacity 1.0s;
	/* -ms-transform: translateX(-50px) rotate(0.0001deg); 
    -o-transform: translateX(-50px) rotate(0.0001deg); 
    -moz-transform: translateX(-50px) rotate(0.0001deg);
    -webkit-transform: translateX(-50px) rotate(0.0001deg); 
     transform: translateX(-50px) rotate(0.0001deg); */
}
/* Active */
#visual.active .visual-img-con{
	-ms-transform: scale(1.0,1.0) rotate(0.0001deg);
    -o-transform: scale(1.0,1.0) rotate(0.0001deg);
    -moz-transform: scale(1.0,1.0) rotate(0.0001deg);
    -webkit-transform: scale(1.0,1.0) rotate(0.0001deg);
     transform: scale(1.0,1.0) rotate(0.0001deg);
}
#visual.active .visual-tit, #visual.active .visual-sub-txt{
	opacity:1.0;filter:Alpha(opacity=100); visibility:visible;
	-ms-transform: translateX(0) rotate(0.0001deg);
    -o-transform: translateX(0) rotate(0.0001deg);
    -moz-transform: translateX(0) rotate(0.0001deg);
    -webkit-transform: translateX(0) rotate(0.0001deg);
     transform: translateX(0) rotate(0.0001deg); 
}
#visual.active .visual-tit{-webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; -o-transition-delay:0.3s; -ms-transition-delay:0.3s; transition-delay:0.3s}
#visual.active .visual-sub-txt{-webkit-transition-delay:0.6s; -moz-transition-delay:0.6s; -o-transition-delay:0.6s; -ms-transition-delay:0.6s; transition-delay:0.6s}

.topbg01{background: url("/img/topbg1.jpg") no-repeat center / cover rgb(255, 255, 255);}
.topbg02{background: url("/img/topbg2.jpg") no-repeat center / cover rgb(255, 255, 255);}
.topbg03{background: url("/img/topbg3.jpg") no-repeat center / cover rgb(255, 255, 255);}

.container {display:block;width:100%; min-height:500px; margin:50px auto; overflow: hidden; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.container_1200 {display:block;width:100%; max-width:1200px; min-height:500px; margin:50px auto; overflow: hidden; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.title{/*position: relative;*/display: inline-block;width:100%;text-align:left;font-weight: 500;font-size:40px;color:#1a1a1a;line-height:1;letter-spacing:0.0em;/*padding-bottom:20px;*/margin-bottom:40px;}
 /* .title:after{content:'';display:block;width:35px;height:1px;background:#aaa;position:absolute;left:50%;bottom:0px;transform:translateX(-50%);} */

/* sticky tab 추가 */
.sectionTab {width:100%;z-index:2;position: relative;margin:0px auto;padding:0px;}

.tabMenu{z-index: 5;width: 100%;background: #fff;height:40px;border-bottom:1px solid #dfdfdf;/* box-shadow: 1px 1px 10px rgba(0,0,0,0.2); */}
.tabMenu .tab_inner{width:100%;max-width:1200px;height:40px;padding:0;margin: 0 auto;text-align: center;transition: .4s ease-in;}
.tab_inner a{display: inline-block;height:40px;padding:0px 40px; margin:0px 0px;text-align: center;text-decoration: none;font-weight:400;font-size: 16px;line-height:36px;color: #333;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;transition: .5s ease-in-out;}
.tab_inner a:hover {color:#00aeef;border-bottom:1px solid #00aeef;/*background:#00aeef;*/}
.tab_inner .active {color:#00aeef;border-bottom:1px solid #00aeef;/*background:#00aeef;*/}
.tab_inner.fix {
	top:0px;
}
.tabMenu.fix {
	background: #fff;
	position: fixed;
	top:60px;
	height:40px;
	border-bottom:1px solid #ebebeb;
	/*box-shadow: 0 3px 4px rgba(26,188,156,.2); */
	z-index: 6;
}

.inner{width: 100%;max-width:1200px;padding:100px 5%;margin:0px auto; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-size:0;}
.sub-nav{width:0; height:0;text-indent: -9999px;}

.sub01_wrap{width: 100%; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-size:0;}

.sub01_wrap .leftArea{display: inline-block;width:50%;text-align:left; }
.sub01_wrap .rightArea{display: inline-block;width:50%;text-align:left; padding:0 50px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.sub01_wrap .inner > ul > li{ display: inline-block;vertical-align:middle;}
.sub01_wrap .imgArea{width:50%;text-align:center; padding:0 50px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.sub01_wrap .imgArea img{max-width:100%;}
.sub01_wrap .txtArea{width:50%;text-align:left; }
.sub01_wrap .imgArea_100{display: inline-block;width:100%;margin-bottom:40px;text-align:center; padding:0 50px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.sub01_wrap .imgArea_100 img{max-width:100%;}
.sub01_wrap .txtArea_100{display: inline-block;width:100%;text-align:center; }
.sub01_txtBox{display: inline-block;width:100%;text-align:left;font-size:0;}
.sub01_txtBox ul{display: inline-block;width:100%;margin-top:20px;}
.sub01_txtBox ul:first-child{margin-top:0px;}
.sub01_txtBox .tit{display: inline-block;width:30%;font-weight:400;font-size:18px;color: #fff;}
.sub01_txtBox .txt{display: inline-block;width:70%;font-weight:400;font-size:18px;color: #d1d1d1;}
.mid_text{text-align:center;font-weight:400;font-size:16px;color:#1a1a1a;line-height:1.45;letter-spacing:-0.01em;margin-bottom:15px;}

.bg01-1{background: #282b2f;}
.bg01-2{background: #fafafa;}

.title_sty1 {display: inline-block;width:100%;text-align:left;margin-bottom:20px;}
.title_sty1 > p{display: inline-block;text-align:center;padding:6px 20px;background:#282b2f; border-radius:16px;font-weight: 400;font-size:14px;color:#fff;line-height:1;letter-spacing:-0.03em;}
.title_sty2 {position: relative;display: inline-block;width:100%;text-align:left;font-weight:500;font-size:20px;color:#1a1a1a;line-height:1;letter-spacing:-0.03em;/*text-transform:uppercase;*/padding-top:10px;margin-bottom:20px;}
.title_sty2:after{content:'';display:block;width:24px;height:1px;background:#666;position:absolute;left:0%;top:0px;}

.box_06{display: inline-block; width:100%; margin:0 auto 30px;text-align:left;font-size:0;}
.box_06 li{display: inline-block;width:15.66666%;text-align:center; margin:0 0.5% 1%;border:1px solid #dfdfdf; background:#fff;padding:10px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.box_06 li img{max-width:100%; }
.box_06 h3{font-size: 16px;line-height:1;color: #3b3b3b;font-family: 'NotoSansKR';font-style: normal;font-weight:400;padding:5px 0px;}
.box_06 p{font-size: 14px;line-height:1.4;font-weight:200;color: #86898d;}

.textTypeA{display: inline-block;width:100%;margin-bottom:40px;}
.textTypeA .tit1{text-align:left;font-weight:500;font-size:24px;color:#1a1a1a;line-height:1;letter-spacing:-0.01em;margin-bottom:20px;}
.textTypeA .txt1{text-align:left;font-weight:200;font-size:16px;color:#1a1a1a;line-height:1.45;letter-spacing:-0.01em;margin-bottom:10px;word-wrap: break-word;word-break: keep-all;}

.sub02_wrap{width: 100%;background: url("/img/biz_bg.jpg") no-repeat center / cover rgb(0, 0, 0);-webkit-background-size: cover;-moz-background-size: cover;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.sub02_wrap .txt1{text-align:center;font-weight:400;font-size:20px;color:#fff;line-height:1.45;letter-spacing:-0.01em;word-wrap: break-word;word-break: keep-all;margin-top:30px;margin-bottom:20px;}
.sub02_wrap .txt2{text-align:center;font-weight:400;font-size:16px;color:#fff;line-height:1.45;letter-spacing:-0.01em;word-wrap: break-word;word-break: keep-all;}

#map{display: block;width:90%; height:600px; border:1px solid #dfdfdf; margin:60px auto 0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
#map iframe{width:100%; height:550px;}
.contacts {width:100%;max-width:1200px;padding:0px 5%;margin:40px auto;font-size:0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.contacts ul{display: inline-block;width:100%; padding:15px 0px; border-bottom:1px solid #f1f1f1;}
.contacts ul:first-child{padding:0px 0px 15px;}
.contacts .c_title{display: inline-block;width:100px;text-align:left;font-family: 'NotoSansKR'; font-style: normal;font-weight: 500; font-size:16px;color:#1a1a1a;letter-spacing: -0.03em;line-height:1.4;word-wrap: break-word;word-break: keep-all;}
.contacts .c_content{display: inline-block;width:calc(100% - 100px);text-align:left;font-family: 'NotoSansKR'; font-style: normal;font-weight: 400; color:#666;font-size:16px;letter-spacing: -0.03em;line-height:1.4;word-wrap: break-word;word-break: keep-all;}
.contacts .c_content > p{margin-bottom:10px;}



















.location{display: none;width:100%;text-align: right; background:#fff;height:40px; padding-top:12px;padding-right:20px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.location > ul{display: inline-block;width:100%; text-align: right;}
.location > ul > li{display: inline-block;text-align:left; padding-left:15px;margin-left:10px;color:#fafafa; font-size:13px;line-height:1;font-weight:200;background:url(/img_new/arrow_1.png) left 50% no-repeat;}
.location > ul > li:first-child{background:none;}
.location li.lo01{color:#fff; }
.location li img{max-width:100%;padding:0px;background-color: transparent;}

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



.txt_pre{display: inline-block;width:100%;text-align:left;white-space: pre-wrap;font-family: 'NotoSansKR'; font-style: normal;font-weight: 400;color:#444; font-size: 13px;line-height:1.4;}
.txt_preBox{display: inline-block;width:100%;text-align:left;white-space: pre-wrap;font-family: 'NotoSansKR'; font-style: normal;font-weight: 400;color:#444; font-size: 13px;line-height:1.4;border:1px solid #dfdfdf; background:#fafafa; padding:30px;box-sizing: border-box;}

/* 공지사항 */
.search_area {display: inline-block; width: 100%; text-align:center;margin-bottom:20px; padding:15px; border:1px solid #dcdcdc;background: #fafafa;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.search_area ul{display: inline-block;}
.search_area li.select_type_seach {float:left; width:300px;height:36px; margin-right:10px;}
.search_area li.select_type_seach select{display: inline-block;background: url(/img/select_arrow.png) right center no-repeat #fff; border-radius: 0px; border:1px solid #d9d9d9;height:36px;padding:0 0 0 10px;width:100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-family: 'NotoSansKR'; font-style: normal;font-weight: 400;FONT-SIZE: 14px; COLOR: #666;cursor:pointer;}
.search_area li.select_type_seach select::-ms-expand {display: none;}
.search_area li.sbox{float:left; color:#5b5b5b;width: 400px; height:36px; text-align:left; border:1px solid #d9d9d9;background: #fff;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; position:relative;}
.search_area li img{margin:0px;padding-top:0px;}
.search_area .input01{margin:0px; width: 340px;height:34px;vertical-align:middle;font-family: 'NotoSansKR'; font-style: normal;font-weight: 400;FONT-SIZE: 14px; COLOR: #666; padding:0px 0px 0px 10px;border:0px solid #d4d4d5;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.search_area .input_btn{ position: absolute;right:0px;border:0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.search_area li.ltxt {float:left; font-family: 'NotoSansKR'; font-style: normal;font-weight: 500;FONT-SIZE: 14px; COLOR: #424242;line-height:32px; margin-right:10px;}

/* board list-tb */

.list-type1 {width:100%;margin:0px auto 40px; border-top:1px solid #333;font-size:0; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.list-type1 ul {border-bottom: 1px solid #d9d9d9;}
.list-type1 ul:hover {background-color: rgba(243,248,252,.9);}
.list-type1 li{padding:0px 10px; border-left:0px solid #d9d9d9;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.list-type1 .tit_no{display: inline-block;width:10%;font-size:14px;color:#333;line-height:1;font-family: 'NotoSansKR'; font-style: normal;font-weight: 500;}
.list-type1 .tit_cont{display: inline-block;width:50%;font-size:14px;color:#333;line-height:1;font-family: 'NotoSansKR'; font-style: normal;font-weight: 500;}
.list-type1 .tit_date{display: inline-block;width:15%;font-size:14px;color:#333;line-height:1;font-family: 'NotoSansKR'; font-style: normal;font-weight: 500;}
.list-type1 .tit_name{display: inline-block;width:15%;font-size:14px;color:#333;line-height:1;font-family: 'NotoSansKR'; font-style: normal;font-weight: 500;}
.list-type1 .tit_file{display: inline-block;width:15%;font-size:14px;color:#333;line-height:1;font-family: 'NotoSansKR'; font-style: normal;font-weight: 500;}
.list-type1 .tit_hit{display: inline-block;width:10%;font-size:14px;color:#333;line-height:1;font-family: 'NotoSansKR'; font-style: normal;font-weight: 500;}
.list-type1 .no{display: inline-block;width:10%; text-align: center;font-size:13px;color:#444;line-height:1;font-family: 'NotoSansKR'; font-style: normal;font-weight: 400;letter-spacing:-0.03em;text-align: center;}
.list-type1 .cont{display: inline-block;width:50%;text-align:left;font-size:14px;color:#333;line-height:1.3;font-family: 'NotoSansKR'; font-style: normal;font-weight: 400;letter-spacing:-0.03em;word-break: break-all;}
.list-type1 .name{display: inline-block;width:15%;text-align: center;font-size:13px;color:#666;line-height:1;font-family: 'NotoSansKR'; font-style: normal;font-weight: 400;letter-spacing:-0.03em;word-break: break-all;}
.list-type1 .file{display: inline-block;width:15%;text-align: center;font-size:13px;color:#666;line-height:1;font-family: 'NotoSansKR'; font-style: normal;font-weight: 400;letter-spacing:-0.03em;word-break: break-all;}
.list-type1 .date{display: inline-block;width:15%;text-align: center;font-size:13px;color:#666;line-height:1;font-family: 'NotoSansKR'; font-style: normal;font-weight: 400;letter-spacing:-0.03em;word-break: break-all;}
.list-type1 .hit{display: inline-block;width:10%;text-align: center;font-size:13px;color:#666;line-height:1;font-family: 'NotoSansKR'; font-style: normal;font-weight: 400;letter-spacing:-0.03em;word-break: break-all;}
.list-type1 span{display: inline-block; margin-right:5px;}
.list-type1 span img{vertical-align:middle;}
.list-type1 li:first-child {border-left: none;}
.list-type1 input[type="checkbox"],.list-type1 input[type="radio"]{width:14px; height:14px;vertical-align:middle;border:1px solid #ddd; margin:0; padding:0; cursor:pointer;}
.list-type1 .nbg{background-color:#f3f8fc;}
.list-type1 .list-head{text-align: center;background-color: #fafafa;padding:12px 0px;}
.list-type1 .list-body{background-color: #fff;padding:10px 0px;}
.list-type1 .nodata{display: inline-block;width:100%;text-align: center;font-size:14px;color:#333;line-height:1;font-family: 'NotoSansKR'; font-style: normal;font-weight: 400;background-color: #fff;padding:80px 0px;}

.total{display: inline-block; width: 100%; text-align:left; margin-bottom:10px;font-size:14px;color:#555;line-height:1;font-family: 'NotoSansKR'; font-style: normal;font-weight: 500;}
.total span{display: inline-block; margin-left:5px;font-size:14px;color:#000;line-height:1;font-family: 'NotoSansKR'; font-style: normal;font-weight: 500;}

/* pagination --------------------------------------------- */
.paging {position:relative;clear:both;text-align:center;vertical-align:middle;margin-top:20px; z-index:1;}
.paging span {vertical-align:middle;display:inline-block;width:32px;height:32px;line-height:30px; text-align:center;color:#444;font-size:12px;font-family: 'Roboto'; font-style: normal; font-weight: 400;margin-left:2px;border:1px solid #dcdcdc;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.paging span img {vertical-align:middle; max-width:100%;border:0px solid #ccc;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.paging span a {vertical-align:middle;display:block;width:30px;height:30px;color:#86898d;font-size:12px;font-family: 'Roboto'; font-style: normal; font-weight: 400;}
.paging span.on {vertical-align:middle;border-bottom:2px solid #22317e;color:#22317e;font-family: 'Roboto'; font-style: normal; font-weight: 500;}
.paging span.on a {color:#000;font-family: 'Roboto'; font-style: normal; font-weight: 500;}
.paging span:first-child {margin-left:0px;}

/* boardView */
.boardtb {width:100%;margin:0px auto; border-top:0px solid #b1adad; overflow: hidden; }
.boardtb .tit{text-align:left;font-family: 'NotoSansKR'; font-style: normal;font-weight: 500; font-size:20px;color: #333;line-height:1; padding:0px 20px 0px;}
.boardtb .txt{text-align:left;font-family: 'NotoSansKR'; font-style: normal;font-weight: 400; font-size:18px;color: #555;line-height:1.3; padding:0px 20px 0px;margin-top:10px;}
.boardtb .time_wrap{display: inline-block; width:100%; text-align:right; border-bottom:1px solid #ebebeb; padding:15px 20px 15px 0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.boardtb .time_wrap .time{display: inline-block; background:url(/img/i_time.png) left 50% no-repeat;min-height:14px;padding-left:24px; font-size: 13px;line-height:1;color: #86898d;font-weight:200; margin-right:20px;}
.boardtb .time_wrap .hit{display: inline-block; background:url(/img/i_hit.png) left 50% no-repeat;min-height:14px;padding-left:24px; font-size: 13px;line-height:1;color: #86898d;font-weight:200;}
.boardtb .content_box{display: inline-block; width:100%; padding:20px; min-height:300px; text-align:left; font-size:14px;color:#666;line-height:1.4; font-family: 'NotoSansKR'; font-style: normal;font-weight: 400;border-bottom:1px solid #e6e6e6;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;word-wrap: break-word;word-break: keep-all;}
.boardtb .content_box .imgbox{display: inline-block; width:100%; text-align:center;}
.boardtb .content_box img{max-width:100%;margin:20px 0px;}
.boardtb .content_box table{max-width:100%; margin-top:10px;border-top:1px solid #333;}
.boardtb .content_box table td{padding:12px 5px;vertical-align:middle;border-bottom:1px solid #d1d1d1;border-left:1px solid #d1d1d1;border-right:1px solid #d1d1d1;word-wrap: break-word;word-break: keep-all;}
.boardtb .content_box .txt1{text-align:left;font-family: 'NotoSansKR'; font-style: normal;font-weight: 400; font-size:16px;color: #333;line-height:1.45; margin-bottom:10px;}
.boardtb .content_box .txt2{text-align:left;font-family: 'NotoSansKR'; font-style: normal;font-weight: 200; font-size:14px;color: #333;line-height:1.45; margin-bottom:10px;}

.boardtb .file_box{display: inline-block;width:100%;padding:10px 20px 4px;text-align:left; background:#fff; /* border-bottom:1px solid #ebebeb; */ box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.boardtb .file_box p{background: url(/img/ico_file.png) left center no-repeat;min-height:17px;padding-left:30px;font-family: 'NotoSansKR'; font-style: normal;font-weight: 400;font-size:12px;color:#828282;line-height:17px; margin-bottom:10px;}

.board_line{width:100%; border-top:1px solid #e6e6e6;margin:10px 0px; }

.page_move {width:100%;margin-top:20px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; font-size:0}
.page_move ul{display:block;border-top:1px solid #e6e6e6;}
.page_move li.prev{display: inline-block; width:15%; background:#fafafa; font-size:13px;text-align:left;color:#333;line-height:1;font-family: 'NotoSansKR'; font-style: normal;font-weight: 400;padding:14px 10px 14px 20px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.page_move li.prev img{margin-left:10px;margin-top:5px;}
.page_move li.prev_tit{display: inline-block; width:85%; text-align:left;font-size:13px; color:#646464;line-height:1;font-family: 'NotoSansKR'; font-style: normal;font-weight: 400;padding:14px 20px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;/*text-overflow:ellipsis-word;*/}
.page_move ul:first-child{border-top:0px solid #e6e6e6;}

.form_sty1{width:100%;font-size:0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.form_sty1 ul{width:100%;margin-top:0px;border-top:1px solid #ebebeb;padding:10px 0px;}
.form_sty1 ul:first-child{border-top:1px solid #666;}
.form_sty1 li{display: inline-block;}
.form_sty1 .col100{display: inline-block;width:100%;margin-bottom:10px;}
.form_sty1 .tit{display: inline-block;width:100px;text-align:left;font-weight: 400;font-size: 13px;color: #333;line-height:35px;letter-spacing:-0.03em;}
.form_sty1 .cont{display: inline-block;width:calc(100% - 100px);text-align:left;padding-left:10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.form_sty1 .tit_1{display: inline-block;width:200px;text-align:left;font-weight: 400;font-size: 13px;color: #333;line-height:35px;letter-spacing:-0.03em;}
.form_sty1 .cont_1{display: inline-block;width:calc(100% - 200px);text-align:left;padding-left:10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.form_sty1 .tit_2{display: inline-block;width:200px;text-align:left;font-weight: 400;font-size: 13px;color: #333;line-height:1.3;letter-spacing:-0.03em;}
.form_sty1 .cont_2{display: inline-block;width:calc(100% - 200px);text-align:left;font-weight: 200;font-size: 13px;color: #555;line-height:1.3;letter-spacing:-0.03em;padding-left:10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.form_sty1 .txt1{display: inline-block;color:#666; font-size:12px;line-height:35px;font-weight: 200;margin:0 10px;}
.form_sty1 .txt2{display: inline-block;color:#c20831; font-size:13px;line-height:35px;font-weight: 400;margin:0 10px;}
.form_sty1 .txt3{display: inline-block;color:#666; font-size:13px;line-height:35px;font-weight: 400;margin:5px 5px 0px;}
.form_sty1 img{max-width:100%;vertical-align:middle;margin-left:5px;}

.form_sty1  .textArea01{display: inline-block;width:100%;border:1px solid #d1d1d1;height:200px; padding: 10px;color:#666; font-size: 13px;line-height:1.3;font-weight: 200;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.form_sty1  textArea:focus {outline: none;border-color:#b1b1b1}
.form_sty1 .bg01{background:#f9f9ed  !important;}

.wr_box{display: inline-block; width:100%; margin:0px auto 15px;text-align:center; }
.wr_box textArea{display: inline-block;width:100%;border:1px solid #d9d9d9;background:#fafafa; height:150px; padding:10px; white-space: pre-wrap; color:#444; font-size: 13px;line-height:1.3;font-weight:200;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.wr_box textArea:focus {outline: none;border-color:#b1b1b1}
.rightBox{display: inline-block; width:100%; text-align:right; margin:0px auto 20px;}

.filebox_s {position: relative; display:inline-block;width:100%; margin-bottom:10px;} /* input 내부에 찾기버튼 */
.filebox_s input[type="file"] {position: absolute; width: 1px;height: 1px;padding: 0; margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.filebox_s label {position: absolute;right:0; top:0; display: inline-block;width:100px;height:35px;text-align:center;line-height:32px;font-size:14px; color: #fff;font-weight: 400;vertical-align: middle;background: #a8abb5;cursor: pointer;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius:0px;transition:all 0.3s;}
.filebox_s .upload-name {display: inline-block;width:100%;height:35px;padding:0px 100px 0px 10px;font-size:13px; line-height:1;color: #333;font-weight: 200;vertical-align: middle;background:#fff; border:1px solid #d1d1d1; -webkit-appearance: none;-moz-appearance: none;appearance: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;border-radius:0px;}

.filebox_k {display:inline-block;}
.filebox_k input[type="file"] {position: absolute; width: 1px;height: 1px;padding: 0; margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.filebox_k label {display: inline-block;padding:0px 15px;height:35px;text-align:center;line-height:32px;font-size:14px; color: #fff;font-weight: 400;vertical-align: middle;background: #a8abb5;cursor: pointer;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius:0px;transition:all 0.3s;}
/* named upload */
/*.filebox_k .upload-box {position:relative;display: inline-block;width:100%; height:40px;background:#fff;margin-bottom:10px; border:1px solid #ebebeb;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}*/
.filebox_k .upload-name {display: inline-block;width:300px; height:35px;padding:0px 5px;font-size:13px; line-height:1;color: #424242;font-weight: 200;vertical-align: middle;background:#fff; border:1px solid #d1d1d1; -webkit-appearance: none;-moz-appearance: none;appearance: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;border-radius:0px;margin-right:5px;}
.filebox_k .upload-del{position: absolute;right:0;top:8px;text-align:right;  width:13px;height:13px;border:1px solid #b1b0b0;background:url(/img/li-close.png) no-repeat center; z-index:2}

.id_wrap{width:100%;margin-bottom:10px;padding:0px; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;font-size:0}
.id_wrap p{font-weight: 400;line-height: 16px;font-size:13px;color: #666;letter-spacing:-0.05em;}
.id_wrap label {display: block;width: 100%;color: #424242;font-size:15px;line-height:15px;font-weight: 400;margin-bottom:8px;}
.id_wrap input{display: inline-block;box-sizing: border-box;border:1px solid #d1d1d1;background:#fff;width:100%; height: 40px;padding: 5px;color:#858585;font-size:12px;font-weight: 200;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;margin-bottom:15px;}
.id_wrap input:focus {outline: none;background:#fff;border-color:#b1b1b1}

.photoBox{display: inline-block; width:100%;font-size:0;}
.photoBox .boxA{display: inline-block; width:30.3333%;margin:0 0% 3% 4.5%;}
.photoBox li.boxA:nth-child(3n-2){margin:0 0% 3% 0%;}
.photoBox .boxB{display: inline-block; width:22%;margin:0 0% 4% 4%;}
.photoBox li.boxB:nth-child(4n-3){margin:0 0% 3% 0%;}


.zoom-list{display: inline-block; width:100%;text-align:center;border:1px solid #ebebeb;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.zoom-list-item{display:block; position:relative; overflow: hidden; /* padding-top:140%;*/ padding-top:56%; height:0; }
.zoom-list-item .zoom-thum{overflow:hidden; display:block; position:absolute; top:0px; left:0px; width:100%; height:100%;border:1px solid #ebebeb;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.zoom-list-item .zoom-thum img{width:100%; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.zoom-list-item .play{display:block; position:absolute; top:50%; left:50%; width:50px; height:50px; line-height:50px; margin:-25px 0 0 -25px; text-align:center; background:url(/img/i_play.png) 50% 50% no-repeat;z-index:2;}

.zoom-list .zoom-tit{display:block; padding:20px 10px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; }
.zoom-list .zoom-tit .tit{text-align:left;font-family: 'NotoSansKR'; font-style: normal;font-weight: 400;letter-spacing:-0.03em;/* color:#4c84c4;*/ color:#333; font-size:14px;line-height:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;/* overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.4em;height: 2.8em;*/ }
.zoom-list .zoom-tit .txt{text-align:left;font-family: 'NotoSansKR'; font-style: normal;font-weight: 200;letter-spacing:-0.03em;color:#666;font-size:13px;line-height:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;margin-top:8px;}
.zoom-list .time_wrap{display: inline-block; width:100%; text-align:right; padding:0px 20px 15px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.zoom-list .time_wrap .time{display: inline-block; background:url(/img/i_time.png) left 50% no-repeat;min-height:14px;padding-left:24px; font-family:'Nanum Gothic';font-size: 13px;line-height:1;color: #86898d;}
.zoom-list .zoom-tit > a{display:block; position:relative; overflow: hidden; padding-top:0%; height:auto; }

/* over style */
.zoom-list-item .over-thum{position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.7);opacity:0;filter:Alpha(opacity=0);-webkit-transition: all 0.35s;transition: all 0.35s;}
.zoom-list-item .over-thum::before,
.zoom-list-item .over-thum::after {position: absolute;top: 5%;right: 5%;bottom: 5%;left: 5%;content: '';opacity: 0;-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;transition: opacity 0.5s, transform 0.5s;}
.zoom-list-item .over-thum::before {border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: scale(0,1);transform: scale(0,1);}
.zoom-list-item .over-thum::after {border-right: 1px solid #fff;border-left: 1px solid #fff;-webkit-transform: scale(1,0);transform: scale(1,0);}
.zoom-list-item .over-thum span{display:block; position:absolute; top:50%; left:50%; width:55px; height:32px; line-height:32px; margin:-16px 0 0 -27px; text-align:center; color:#fff; font-size:14px; font-weight:600;-webkit-transform: translateY(30px);transform: translateY(30px);-webkit-transition: all 0.35s;transition: all 0.35s;border-top:1px solid rgba(255,255,255,0.7);border-bottom:1px solid rgba(255,255,255,0.7);}
.zoom-list-item:hover .over-thum{opacity:1.0;filter:Alpha(opacity=100);}
.zoom-list-item:hover .over-thum::before,
.zoom-list-item:hover .over-thum::after {opacity: 0.5;-webkit-transform: scale(1);transform: scale(1);}
.zoom-list-item:hover .over-thum span{-webkit-transform: translateY(0);transform: translateY(0);}
.zoom-list-item:hover .zoom-thum img{-webkit-transform: scale(1.1) rotate(0.02deg); -moz-transform: scale(1.1) rotate(0.02deg); -ms-transform: scale(1.1) rotate(0.02deg); -o-transform: scale(1.1) rotate(0.02deg); transform: scale(1.1) rotate(0.02deg);}

.zoom-list-item:hover .play{display: none;}

.zoom-image {position: absolute;top: 0;left: 0; height: 100%;width: 100%;background-size: cover; transition: transform 0.3s ease-in-out;}
.zoom-image:hover { transform: scale(1.1);transition-duration: 0.5s;}

/** faq list **/
.list_faq {border-top:1px solid #949494;background: #fff;margin-bottom:10px;}
.list_faq .item_faq {border-bottom:1px solid #dfdfdf;}
/* [D] .area_question 클릭시 부모 .item_faq에 on 추가 (열기버튼이 닫기버튼으로 바뀜) */
.item_faq.on .area_question:after {background-image:url(/img/acc_menu_on.png); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
/* 질문, 답변 공통 */
.list_faq .area_question,
.list_faq .area_answer {position:relative;}
.list_faq .txt_q,
.list_faq .txt_a {position:absolute; text-align:center;}
.list_faq .desc_question,
.list_faq .desc_answer {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
/* 질문영역 */
.list_faq .area_question {padding:15px 20px 15px 40px; cursor:pointer;}
.list_faq .area_question:after {position:absolute; top:15px; right:5px; width:15px; height:8px; background:url(/img/acc_menu.png) no-repeat 0 0; content:''; -webkit-transition: -webkit-transform .65s ease; transition: transform .65s ease;}
.list_faq .txt_q {top:10px; left:0; width:40px;font-weight: 400;font-size:20px; line-height:1.3; color:#666;}
.list_faq .desc_question {font-weight: 400;color: #333;font-size: 16px;line-height:1.3;letter-spacing:-0.03em;}
.list_faq .category {display: inline-block;width:100%;font-weight:200;color: #333;font-size:12px;line-height:1;letter-spacing:-0.03em;margin-bottom:5px;}
/* 답변영역 */
.list_faq .area_answer {display:none; padding:15px 20px 20px 40px; border-top:1px solid #dfdfdf; background-color:#f9f9f9;}
.list_faq .txt_a {top:10px; left:10px; width:22px; height:22px; background-color:#55575a; border-radius:50%;font-weight:400;font-size:13px; line-height:20px; color:#fff;}
.list_faq .desc_answer {font-weight:200;color: #444;font-size: 14px;line-height:1.4;letter-spacing:-0.03em;}
.list_faq .desc_answer > p{margin-bottom:15px;}
.list_faq .desc_answer .pl{display: inline-block; padding-left:12px;}
/* 등록된 글이 없을 경우 */
.item_faq.nodata {padding:100px 20px; text-align:center; font-size:16px;}

.round_tabA {display: inline-block; width: 100%;margin:0px auto 30px;text-align: center;font-size:0; }
.round_tabA::after {clear: both; display: block; content: "";}
.round_tabA li {margin:0px 1px 5px;display: inline-block;}
.round_tabA li a {border: 1px solid #dfdfdf;background:#fff; text-align: center; padding:8px 30px 10px;font-weight: 500;font-size: 16px; color: #666;line-height:1;letter-spacing:-0.01em;text-transform:uppercase;display: block; border-radius:16px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.round_tabA li a:hover {color: #fff;border: 1px solid #d21217;background:#d21217}
.round_tabA li.active a {color: #fff;border: 1px solid #d21217;background:#d21217}
.round_tabA li:first-child{margin-left:0px;}

.sub02_bg{display: inline-block; width: 100%;margin:0px auto;background:#f7f7f7;}
.sub02_2{display:block;width:100%; max-width:1200px;margin:60px auto;text-align: center; padding:0 5%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.sub02_2 .logo_3rd{display: inline-block; width: 100%;min-height:160px;background: url(/img/logo_3rd.png) center 10px no-repeat;background-size:auto 150px; margin-bottom:40px;}
.sub02_2 .logo_3rd_tit{display: inline-block; width: 100%;font-weight:500;font-size:35px;color:#1a1a1a;line-height:1;letter-spacing:-0.03em;margin-bottom:15px;}
.sub02_2 .logo_3rd_tit br{display: none;}
.sub02_2 .logo_3rd_stit{display: inline-block; width: 100%;font-weight:400;font-size:24px;color:#333;line-height:1;letter-spacing:-0.03em;margin-bottom:25px;}
.sub02_2 .logo_3rd_txt{display: inline-block; width: 100%;font-weight:200;font-size:16px;color:#444;line-height:1.45;letter-spacing:-0.03em;margin-bottom:25px;}
.sub02_2 .logo_3rd_stxt{display: inline-block; width: 100%;font-weight:200;font-size:14px;color:#000;line-height:1.45;letter-spacing:-0.03em;}


.textTypeB{display: inline-block;width:100%;margin:0px auto 30px;}
.textTypeB .tit1{font-family: 'Roboto'; font-style: normal;font-weight:500;font-size:24px;color:#1a1a1a;line-height:1;letter-spacing:-0.03em;margin-bottom:14px;}
.textTypeB .txt1{font-family: 'Roboto'; font-style: normal;font-weight:300;font-size:16px;color:#1a1a1a;line-height:1.45;letter-spacing:-0.03em;margin-bottom:10px;}
.textTypeB .txt2{font-family: 'Roboto'; font-style: normal;font-weight:400;font-size:17px;color:#1a4b9c;line-height:1.45;letter-spacing:-0.03em;margin-bottom:10px;}
.textTypeB .txt3{font-family: 'Roboto'; font-style: normal;font-weight:400;font-size:16px;color:#333;line-height:1.3;letter-spacing:-0.03em;margin-bottom:10px;background: url(/img/bullet_s.png) 10px 9px no-repeat;padding:0px 0px 0px 20px;}
.textTypeB .txt3 > span{display: inline-block;width:100%;font-family: 'Roboto'; font-style: normal;font-weight:300;font-size:15px;color:#555;line-height:1.3;letter-spacing:-0.03em;margin-top:6px;}
.textTypeB .txt4{font-family: 'Roboto'; font-style: normal;font-weight:300;font-size:14px;color:#333;line-height:1.45;letter-spacing:-0.03em;}
.textTypeB .txt5{font-family: 'Roboto'; font-style: normal;font-weight:400;font-size:16px;color:#333;line-height:1.3;letter-spacing:-0.03em;margin-bottom:10px;background: url(/img/bullet_s.png) left 9px no-repeat;padding:0px 0px 0px 10px;}
.textTypeB .txt5 > span{display: inline-block;width:100%;font-family: 'Roboto'; font-style: normal;font-weight:300;font-size:15px;color:#444;line-height:1.3;letter-spacing:-0.03em;margin-top:6px;}


/* table */
.table {/* table-layout:fixed;*/ width:100%;margin:10px auto;-webkit-overflow-scrolling: touch; }
.table.type1{border-top:1px solid #333;border-bottom:1px solid #d1d1d1;/* overflow:auto; */ }
.table.type1 th{background-color: #fafafa;text-align:center;padding:12px 5px;vertical-align:middle;border-bottom:1px solid #dfdfdf;border-left:1px solid #dfdfdf;font-size:16px;color: #333;font-weight: 400;line-height:1.3;letter-spacing:-0.03em;}
.table.type1 td{padding:15px;vertical-align:middle;border-top:1px solid #dfdfdf;border-left:1px solid #dfdfdf;text-align:left;font-size:14px;color: #333;font-weight:200;line-height:1.4;letter-spacing:-0.03em;word-break: break-all;}
/* .table.type1 tbody tr:nth-child(even) {background-color: #fafafa;} */
.table.type1 tr th:first-child,
.table.type1 tr td:first-child{border-left:0;}
.table.type1 tbody tr:hover{background:#fafafa;}
.table.type1 .point_bg{background-color:#f0fafd !important;}
.table.type1 .center{text-align:center;}
.table.type1 .non{border-left:0px solid #dfdfdf !important;}
.table.type1 .rborder{border-right:1px solid #d1d1d1;}

.btn_download{display: inline-block;height:40px;line-height:38px;border:1px solid #555;padding:0 20px 0 45px;background: url(/img/i_filedown.png) 20px center no-repeat #fff;text-align:center;font-family: 'NotoSansKR'; font-style: normal;font-weight: 500;color:#333; font-size:15px;letter-spacing:-0.03em;/*text-transform:uppercase;*/}
.btn_download:hover{border:1px solid #1a1a1a; background: url(/img/i_filedown_wh.png) 20px center no-repeat #1a1a1a;color:#fff; }

/*발자취*/
.sub04-1{display:block;width:100%; max-width:1000px;padding:0px; margin:0px auto;font-size:0; overflow: hidden;}
.sub04-1 ul{display: inline-block;width:100%;}
.sub04-1 li.left{float:left;width:50%;text-align:left;padding:60px 20px 0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.sub04-1 li.right{float:right;width:50%;text-align:center; padding:0 60px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.sub04-1 .tit{font-weight: 500;color:#1a1a1a; font-size:24px;line-height:1.45;letter-spacing:-0.03em;margin-bottom:20px;}
.sub04-1 .txt1{font-weight: 200;color:#333; font-size:16px;line-height:1.45;letter-spacing:-0.03em;margin-bottom:15px;}
.sub04-1 .txt2{font-weight: 200;color:#5b5b5b; font-size:14px;line-height:1.45;letter-spacing:-0.03em;}

.sub04-2{display:block;width:100%; margin:0px auto;padding:60px 5% 30px;background:#fafafa;font-size:0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.sub04-3{display:block;max-width:1000px;margin:0px auto;font-size:0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.peopleBox{display:block;width:100%; max-width:1000px;padding:0px; margin:0px auto 40px;font-size:0;}
/*.peopleBox .boxA{display: inline-block; width:29.3333%;margin:0 0% 3% 6%;}
.peopleBox li.boxA:nth-child(3n-2){margin:0 0% 3% 0%;}*/
.peopleBox .boxA{display: inline-block; width:30.3333%;margin:0 0% 3% 4.5%;}
.peopleBox li.boxA:nth-child(3n-2){margin:0 0% 3% 0%;}

/* list_box */
.list_box{position: relative; display: inline-block; width:100%;text-align:left;}
.list_box .thumbArea{display: inline-block; width:100%;padding:0 15%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.list_box .thumb{position: relative; display: inline-block; width:100%;padding-top:120%;overflow: hidden; border:1px solid #ebebeb;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;cursor:pointer;}
/* .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 .textArea{display: inline-block; width:100%;margin-top:20px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.list_box .p_name{font-weight: 400;color:#1a1a1a;font-size:16px;line-height:1;letter-spacing:-0.03em;margin-bottom:15px;}
.list_box .p_txt{font-weight: 200;color:#444;font-size:14px;line-height:1.3;letter-spacing:-0.03em;margin-bottom:6px;background: url(/img/line-a.png) left 8px no-repeat;padding:0px 0px 0px 10px;}

.download{display:block;width:100%;max-width:900px; text-align: center; margin:0px auto; font-size:0;}
.download li{display: inline-block; width:47%;margin-left:6%; margin-bottom:30px; border:1px solid #dfdfdf; padding:40px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.download li:first-child{margin-left:0%;}
.download .tit_kor{font-weight: 400;letter-spacing:-0.03em;color:#333; font-size:20px;line-height:1;margin-bottom:15px;}
.download .tit_eng{font-family: 'Roboto'; font-style: normal;font-weight:400;letter-spacing:-0.03em;color:#333; font-size:20px;line-height:1;margin-bottom:15px;}

.download a{display: inline-block;width:100%;height:40px;border:1px solid #555; text-align:center;font-family: 'NotoSansKR'; font-style: normal;font-weight: 500;color:#555; font-size:15px;letter-spacing:-0.03em;line-height:38px;margin-top:15px;}
.download span{display: inline-block;padding:0 20px 0 45px;background: url(/img/i_filedown.png) 20px center no-repeat #fff;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.download a:hover{border:1px solid #1a1a1a;color:#fff;background:#1a1a1a;}
.download a:hover span{background: url(/img/i_filedown_wh.png) 20px center no-repeat #1a1a1a;}


.prepare{display:block;width:100%;max-width:800px; margin:50px auto;text-align:center;}
.prepare .imgArea{display: inline-block;width:70%;margin:0 15%;}
.prepare .imgArea img {max-width:100%;}
.prepare .txt{font-family: 'NotoSansKR'; font-style: normal;font-weight: 400;color:#444; font-size:15px;letter-spacing:-0.03em;line-height:1.45;margin-top:20px;}


.intro{display:block;width:100%;max-width:1000px;margin:0px auto;font-size:0;background:#fff;}
.intro .emblem{display: inline-block;width:100%;margin-bottom:30px; min-height:120px;background: url(/img/logo_black.png) center top no-repeat;background-size:auto 120px;text-indent: -9999px;}
.intro .emblem_txt{display: inline-block;width:100%;text-align:center;font-weight: 400;color:#333; font-size:16px;line-height:1.45;letter-spacing:-0.03em;margin-bottom:60px; }
/* .intro .emblem_txt_eng{display: inline-block;width:100%;text-align:center;font-family: 'Roboto'; font-style: normal; font-weight: 400;color:#333; font-size:16px;line-height:1.45;letter-spacing:-0.03em;margin-bottom:60px; } */
.intro .emblem_txt br{}
.intro > ul{display: inline-block;width:100%;background:#fff;}
.intro li.left{float:left;width:50%;text-align:left;padding:50px 40px 0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.intro li.right{float:right;width:50%;text-align:center; padding:0 40px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.intro li.right img{width:100%;border:1px solid #dfdfdf;}
.intro .tit{font-weight: 500;color:#1a1a1a; font-size:30px;text-transform:uppercase;line-height:1;letter-spacing:-0.03em;margin-bottom:10px;}
.intro .tit_eng{font-family: 'Roboto'; font-style: normal; font-weight:400;color:#1a1a1a; font-size:18px;line-height:1;letter-spacing:-0.03em;margin-bottom:15px;}
.intro .date{font-weight: 400;color:#d4181d; font-size:24px;text-transform:uppercase;line-height:1;letter-spacing:-0.03em;margin-bottom:25px;}

.intro .txtArea{display: inline-block;width:100%;font-size:0;margin-bottom:15px;}
.intro .txtArea .txt1{display: inline-block;width:90px;font-weight:400;color:#444; font-size:16px;line-height:1;letter-spacing:-0.03em;}
.intro .txtArea .txt2{display: inline-block;width:calc(100% - 90px);font-weight:400;color:#444; font-size:16px;line-height:1;letter-spacing:-0.03em;}

.intro .thumbArea{display: inline-block;width:100%;text-align:left; margin:20px auto;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.intro .thumbArea > a{display: inline-block;width:33%; margin-left:4%; border:1px solid #d4181d;}
.intro .thumbArea > a img{width:100%;}
.intro .thumbArea > a:first-child{margin-left:0px; }