@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;}
#container {width: 100%; margin:0px auto; text-align:center;top:80px;position: relative;}

/********************************************
	HEADER
********************************************/
#header{width: 100%;height:80px;margin:0 auto; position:fixed; background:#fff;border-bottom:1px solid #ebebeb; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;z-index: 2; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
#header .headWrap {margin:0 auto; width:1200px; position: relative;}
#header .logo{position: absolute; width:150px;text-align:left; padding:20px 0px 0px 0px;z-index:3;}
#header .logo h1{text-indent: -9999px;width:0; height:0; line-height:0;}
.gnb{position: absolute; right:0px; text-align:right; z-index:3;}
.gnb nav{width:100%; margin:0px auto;  box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.gnb nav > ul{display:inline-block;text-align:right;}
.gnb nav > ul > li{display:inline-block;text-align:left; position:relative;height:80px; padding:30px 40px 0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.gnb nav > ul > li:first-child{}
.gnb nav > ul > li > a{display:block;height:50px;font-family: 'NotoSansKR';font-style: normal;font-weight: 400; font-size:18px; letter-spacing:-0.05em; color:#323232; text-align:center;}
.gnb nav > ul > li.first > a{border-left:0}
.gnb nav > ul > li:hover{color:#fff;background:rgba(46,49,146,0.8); }
.gnb nav > ul > li:hover a{color:#fff; }
.gnb nav > ul > li.on{color:#fff;background:rgba(46,49,146,0.8); }
.gnb nav > ul > li.on > a{color:#fff;}
.gnb nav > ul > li.on .two-depth{display:block}
.gnb nav > ul > li.off .two-depth{display:none}

/* .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} */
.two-depth{position: absolute; display:block; z-index:5; display:none; top:80px; left:50%; transform:translateX(-50%); padding:0px 0px; border:0px solid #225ea4;background:rgba(46,49,146,0.8); width:100%; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.two-depth > li{display:inline-block; width:100%;text-align:center; padding:10px 0px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;cursor:pointer;}
.two-depth > li a{line-height:1; font-size:16px; color:#fff; font-family: 'NotoSansKR';font-style: normal;font-weight:200;letter-spacing:-0.05em; }
.two-depth > li.on a{color:rgba(255,255,255,0.6); }
.two-depth > li a:hover{color:rgba(255,255,255,0.6);}
.two-depth > li:first-child{border-top:0px dotted #ebebeb; }
.two-depth > li:hover{color:rgba(255,255,255,0.6);background:rgba(46,49,146,1);}
.two-depth > li:hover a{color:rgba(255,255,255,0.6);background:rgba(46,49,146,1);}

.fixed{background-color:rgba(255,255,255,1.0); border-bottom:1px solid #ebebeb; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.logo_m{display:none;float:left; width:50%; text-align:left;padding:7px 0px 0px 20px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.m_open{display:none;float:right;text-align:right; width:50%;padding:10px 20px 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%;}

#container {transition:transform 1s;transform: translateX(0%);-webkit-transform: translateX(0%);-webkit-transition: -webkit-transform 1.0s;}
#header .util{transition:transform 0.5s;transform: translateX(0%);-webkit-transform: translateX(0%);-webkit-transition: -webkit-transform 0.5s;}


/* 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:5px;left:5px; z-index:202;} /* add */

.mMenu {display:none; position: fixed; right:-80%; top:0; width:80%; padding:0px; background:#fff; z-index:202; -webkit-overflow-scrolling: touch; overflow-y: auto;height:100%;}
.mMenu .mclose { position:absolute;  top:25px;right:15px; }
.mMenu .mtitle {display:block; text-align:center; padding:25px 15px; background:#eceff2;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.mMenu .mtitle a{color:#1a1a1a;font-family: 'NotoSansKR';font-style: normal;font-weight:400;font-size:16px;}
.mMenu .mtitle img{max-width:100%;}

.mMenu .list {padding:0px 0px 0px 0px; background:#fff;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; background: #fff;border-bottom: 1px solid #d1d1d1;}
.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:400;letter-spacing:-0.05em;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) 95% 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:#333; font-size: 15px;line-height:1; padding: 12px 15px;} /* 1depth */
/*.lnav > li > a {color:#424242; font-size:14px;line-height:1;font-family: 'NotoSansKR';font-style: normal;font-weight:200;letter-spacing:-0.05em; padding: 15px 20px;}*/
.lnav > li li a {padding: 10px 15px 10px 20px;background-color: rgba(212, 212, 212, 0.15); color:#1a1a1a; font-size:13px;line-height:1;font-family: 'NotoSansKR';font-style: normal;font-weight:200;letter-spacing:-0.05em;border-top:1px dotted #ccc; }
.lnav > li li li a {padding: 10px 10px 10px 35px; 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:200;letter-spacing:-0.05em;}
.lnav li.open {background-color: #fff;}
.lnav li.open a{color:#000;}
.lnav li.open li a {color:#1a1a1a;}
.lnav li.active a{color:#000;}
.lnav li li.active a{color:#000;}

/* �ٵ� ��ũ�� ���� ��� */
.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:5px;bottom:5px;display:none;padding:0px;width:64px; height:64px; background:url(/img/top.png) right bottom no-repeat;z-index:100;cursor:pointer;/*filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;*/}

/********************************************
	MAIN
********************************************/

.swiper-container{position:relative;width:100%;height:auto;margin-left:auto;margin-right:auto;}
.swiper-slide{text-align:center; /*background:#fff */;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;width:100%;height:auto;}
.swiper-slide img{width:100%; height:auto;}
.swiper-pagination{position: absolute;text-align:center;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;z-index:2;}

.swiper-button-prev.swiper-button-olibu{
	background-image:url("../img/prev.png");
	left:-10px;
	right:auto;
}
.swiper-button-next.swiper-button-olibu{
	background-image:url("../img/next.png");
	right:-10px;
	left:auto;
}


.roll{display:block;width: 100%;height:400px;padding:0px; margin:0px auto; text-align:center; overflow: hidden;position: relative;-webkit-background-size: cover;-moz-background-size: cover;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.rollbg01{background: url("/img/visual1.jpg") no-repeat center center / cover rgb(0, 0, 0);}
.rollbg02{background: url("/img/visual2.jpg") no-repeat center center / cover rgb(0, 0, 0);}

.mtxt{position:absolute; width:1200px; left:50%;  top:20%; transform:translateX(-50%); text-align:left;z-index:2}
.mtxt h2{font-family: 'NotoSansKR';font-style: normal;font-weight:400;color:#fff; font-size:30px;line-height:1.3;letter-spacing:-0.05em;margin-bottom:10px;text-shadow: 1px 1px 1px rgba(0,0,0,0.5); /* ����, ����, �׸��� */}
.mtxt h3{font-family: 'NotoSansKR';font-style: normal;font-weight:500;color:#fff; font-size:65px;line-height:1.3;letter-spacing:-0.05em;margin-bottom:20px;text-shadow: 1px 1px 1px rgba(0,0,0,0.5); /* ����, ����, �׸��� */}
.mtxt p{font-family: 'NotoSansKR';font-style: normal;font-weight:400;color:#fff; font-size:20px;line-height:1.5;letter-spacing:-0.05em;text-shadow: 1px 1px 1px rgba(0,0,0,0.5); /* ����, ����, �׸��� */}
.mtxt_b{position:absolute; width:1200px; left:50%;  top:20%; transform:translateX(-50%); text-align:left;z-index:2}
.mtxt_b h2{font-family: 'NotoSansKR';font-style: normal;font-weight:400;color:#323232; font-size:30px;line-height:1.3;letter-spacing:-0.05em;margin-bottom:10px;}
.mtxt_b h3{font-family: 'NotoSansKR';font-style: normal;font-weight:500;color:#000; font-size:65px;line-height:1.3;letter-spacing:-0.05em;margin-bottom:20px;text-shadow: 2px 2px 2px rgba(0,0,0,0.3); /* ����, ����, �׸��� */}
.mtxt_b p{font-family: 'NotoSansKR';font-style: normal;font-weight:400;color:#323232; font-size:20px;line-height:1.5;letter-spacing:-0.05em;}

/* footer */
.footer_wrap{clear: both; position:relative;width:100%; top:80px;margin:0px auto; overflow:hidden;background:#272f3c;padding:20px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.footer{display:block;width:100%;max-width:1200px;margin:0px auto;text-align:left;}
.footer .footer_menu{float:left; width:calc(100% - 150px); padding-left:140px;background:url(/img/flogo.png) left 5px no-repeat;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.footer .footer_menu p{font-family: 'NotoSansKR';font-style: normal;font-weight:400;  font-size:12px;line-height:1.4;letter-spacing:-0.05em;color:#fafafa;margin-bottom:5px;}
.footer .footer_menu p span{display: inline-block; margin-right:10px;}
.footer .footer_menu a{font-size:12px;color:#fff; margin-right:10px;}
.footer .familysite{float:right; width:140px;text-align:right;}

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

.section{width:100%; margin:20px auto 0px;padding:0px; text-align:center; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.section .inner{width:1200px; padding:0px; margin:0px auto; text-align:center;}
.section_bg{background:#f0f1f6;}

.section01{display: inline-block; width:1200px; padding:25px 0px 0px; margin:0px auto; text-align:left; font-size:0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.section01 .tit{display: inline-block; width:250px;}
.section01 .tit > h2{font-family: 'NotoSansKR';font-style: normal;font-weight:400;line-height:1;letter-spacing:-0.05em;color:#007dc6;font-size:30px;padding-top:20px;background:url(/img/tit_bar_blue.png) left top no-repeat;margin-bottom:20px;}
.section01 .tit > p{font-family: 'NotoSansKR';font-style: normal;font-weight:200;line-height:1.4;letter-spacing:-0.05em;color:#323232;font-size:24px;}
.section01 .tit .btn_area{display: inline-block; width:100%; margin-top:25px;}
.section01 .cont{display: inline-block; width:calc(100% - 250px); position: relative; padding:0 30px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.product_roll{display: inline-block; width:100%;}
.product_roll .thumb{display: inline-block; width:100%;border:1px solid #ebebeb;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.product_roll .txt{display: inline-block; width:100%;margin-top:15px; text-align:center; padding:0 10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.product_roll .txt h2{font-size:20px;color:#323232;line-height:1;letter-spacing: -0.05em;font-family: 'NotoSansKR';font-style: normal;font-weight:400;margin-bottom:5px;}
.product_roll .txt p{font-size:14px;color:#828282;line-height:1.3;letter-spacing: -0.05em;font-family: 'NotoSansKR';font-style: normal;font-weight:200;}

.arr-btn{width:100%; position:absolute; left:0px;  top:40%;}
.arr-btn .customPrevBtn{width:19px; height:45px; text-indent:-9999px; background:url(/img/p_prev.png) 0 no-repeat; position:absolute; left:0px; top:0px; cursor:pointer; z-index:100;filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;opacity:1.0;}
.arr-btn .customNextBtn{width:19px; height:45px; text-indent:-9999px; background:url(/img/p_next.png) 0 no-repeat; position:absolute; right:0px; top:0px; cursor:pointer; z-index:100;filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;opacity:1.0;}
.arr-btn .customPrevBtn:hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}
.arr-btn .customNextBtn:hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}

.btn_more{display:none; width:100%;text-align:center; margin:15px auto 0px;}

.section02{display: inline-block; width:100%; max-width:1200px; padding:0px 0px 10px; margin:0 auto; text-align:left; font-size:0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.section02 ul{font-size:0;}
.section02 ul > li{display: inline-block; width:50%; text-align:left;  vertical-align: top;}
.section02 ul > li:first-child{border-right:1px solid #1d1d1d;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.guide_wrap{display: inline-block; width:100%;font-size:0;}
.guide_wrap .g01{display: inline-block; width:16%;text-align:left; color:#000;font-size:30px;line-height:1.2;letter-spacing: -0.05em;font-family: 'NotoSansKR';font-style: normal;font-weight:400;}
.guide_wrap .g02{display: inline-block; width:21%;text-align:center;padding:0px 5px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.guide_wrap .g02 img{max-width:100%;vertical-align: top;}
.guide_wrap .g02 p{text-align:center;margin-top:10px;font-size:14px;line-height:1;letter-spacing: -0.05em;font-family: 'NotoSansKR';font-style: normal;font-weight:400; color:#030551}

.cs_wrap{display: inline-block; width:100%;font-size:0; padding-left:8%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.cs_wrap .csbox{display: inline-block; width:50%;text-align:center;}
.cs_wrap .csbox h2{display: inline-block; width:100%; text-align:left;font-size:16px;line-height:1;letter-spacing: -0.05em;font-family: 'NotoSansKR';font-style: normal;font-weight:400; color:#646464; margin-top:0;}
.cs_wrap .csbox h3{display: inline-block; width:100%; text-align:left;font-size:24px;line-height:1;font-family: 'NotoSansKR';font-style: normal;font-weight:400; color:#030551; margin-top:6px;}
.cs_wrap .csbox h4{display: inline-block; width:100%; text-align:left;font-size:16px;line-height:1;font-family: 'NotoSansKR';font-style: normal;font-weight:200; color:#646464; margin-top:7px;}

.section03{display: inline-block; width:100%; max-width:1200px; padding:30px 0px; margin:0px auto; text-align:left; font-size:0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.section03 .tit{display: inline-block; width:140px;}
.section03 .tit > p{display: inline-block; background:#2e3192; font-size:20px;line-height:1;letter-spacing: -0.05em;font-family: 'NotoSansKR';font-style: normal;font-weight:400; color:#fff; padding:30px 10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.section03 .cont{display: inline-block; width:calc(100% - 140px); position: relative; padding:0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.wbox{display: inline-block; width:100%;font-size:0;}
.wbox ul{font-size:0;}
.wbox ul > li{display: inline-block; width:30%;margin-left:5%; background:#fff; text-align:left; vertical-align: top;padding:14px 20px;cursor:pointer;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.wbox li:first-child{margin-left:0%;}
.wbox h2{font-size:20px;letter-spacing: -0.05em;font-family: 'NotoSansKR';font-style: normal;font-weight:400; color:#323232;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; /* ���μ� */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em;height: 1.2em;}
.wbox h3{font-size:14px;line-height:1;letter-spacing: -0.05em;font-family: 'NotoSansKR';font-style: normal;font-weight:200; color:#646464; margin-top:13px;}
.wbox li:hover{background:#2e3192;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.wbox li:hover h2{color:#fff;}
.wbox li:hover h3{color:#fff;}


/* ---------------------- sub ----------------------------- */

.stop_bg{width:100%;padding: 60px 0px; margin:0px auto; overflow: hidden;position: relative;-webkit-background-size: cover;-moz-background-size: cover;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.stop_bg h2{font-family: 'NotoSansKR';font-style: normal;font-weight:400;color:#fff; font-size:44px;line-height:1;letter-spacing:-0.05em;margin-bottom:14px;}
.stop_bg p{font-family: 'NotoSansKR';font-style: normal;font-weight:200;color:#fff; font-size:24px;line-height:1.3;letter-spacing:-0.05em;}
.topbg01{background: url("/img/topbg01.jpg") no-repeat center / cover rgb(0, 0, 0);}
.topbg02{background: url("/img/topbg02.jpg") no-repeat 20% center / cover rgb(0, 0, 0);}
.topbg03{background: url("/img/topbg03.jpg") no-repeat center / cover rgb(0, 0, 0);}
.topbg04{background: url("/img/topbg04.jpg") no-repeat center / cover rgb(0, 0, 0);}
.topbg05{background: url("/img/topbg05.jpg") no-repeat center / cover rgb(0, 0, 0);}

.location{display:none; width:100%;}
.location li{float:left; padding:0px 15px;color:#ebebeb; font-size:13px;line-height:1;font-family: 'NotoSansKR';font-style: normal;font-weight:200;background:url(/img/arrow.png) left 50% no-repeat;}
.location li:first-child{background:none;}
.location li.lo01{color:#fafafa; }
.location li img{padding:0px;background-color: transparent;}

.stab_wrap{display: inline-block;width:100%;height: 45px;background:#ebebeb;border-bottom:1px solid #dcdcdc;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.stab_type1{display:block;width:100%; max-width:1200px; margin:0px auto;}
.stab_type1::after {clear: both; display: block; content: "";}
.stab_type1 li {margin-left: -1px; margin-bottom:0px; float: left;}
.stab_type1 li a {border: 1px solid #dcdcdc; height: 45px; text-align: center; color: #323232; padding:0px 40px; line-height:42px; font-size: 16px;font-family: 'NotoSansKR'; font-style: normal; font-weight:400;display: block; background:#ebebeb;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.stab_type1 li a:hover {background:#fff;border: 1px solid #fff;}
.stab_type1 li.active a {background:#fff;border: 1px solid #fff;}
.stab_type1 li:first-child{margin-left:0px; }

.stab_wrap2{display: inline-block;width:100%;height: 45px;background:#ebebeb;border-bottom:1px solid #dcdcdc;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.stab_type2{display:block;width:100%; max-width:1200px; margin:0px auto;}
.stab_type2::after {clear: both; display: block; content: "";}
.stab_type2 li {width:12.5%; margin-left: -1px; margin-top:0px; float: left;}
.stab_type2 li a {border: 1px solid #dcdcdc; height: 45px; text-align: center; color: #323232; padding:0px; line-height:42px; font-size: 16px;font-family: 'NotoSansKR'; font-style: normal; font-weight:400;display: block; background:#ebebeb;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.stab_type2 li a:hover {background:#fff;border: 1px solid #fff;}
.stab_type2 li.active a {background:#fff;border: 1px solid #fff;}
.stab_type2 li:first-child{margin-left:0px;margin-top:0px; }


.subcontainer{display: inline-block;width:1200px;min-height:600px; margin:40px auto; overflow: hidden;zoom: 1;}
.subcontainer:after { content:""; display:block; clear:both; height:0;}

.title {display: inline-block;width:100%; text-align:center;font-family: 'NotoSansKR';font-style: normal;font-weight:400; color:#000; FONT-SIZE:40px;line-height:1; border-bottom:1px solid #646464; padding-bottom:24px;margin-bottom:40px;}


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


/*company */
.company_wrap{display: inline-block;width:100%;}
.company_wrap ul{font-size:0;}
.company_wrap ul > li{display: inline-block;text-align:left; vertical-align: top;}
.company_wrap .company_txt{width:60%;}
.company_wrap .company_img{width:35%;margin-left:5%;}
.company_wrap .company_img img{width:100%;}
.company_wrap h2{font-family: 'NotoSansKR';font-style: normal;font-weight:400; color:#000; FONT-SIZE:32px;line-height:1.3;margin-bottom:30px;}
.company_wrap p{font-family: 'NotoSansKR';font-style: normal;font-weight:200; color:#505050; FONT-SIZE:18px;line-height:1.3;margin-top:20px; margin-bottom:20px;}
.company_wrap h3{font-family: 'NotoSansKR';font-style: normal;font-weight:400; color:#505050; FONT-SIZE:22px;line-height:1.3;margin-top:10px;}
.company_wrap h3:first-child{margin-top:0px;}

.s_tit{display: inline-block;width:100%; margin-top:40px;text-align:left;}
.s_tit > h2{background:url(../img/ico_b.png) left 4px no-repeat;min-height:20px; padding-left:25px; font-family: 'NotoSansKR';font-style: normal;font-weight:400; color:#000; FONT-SIZE:24px;line-height:1;margin-bottom:20px;}
.s_tit > p{background:url(../img/ico_gr.png) 25px 8px no-repeat; padding-left:35px; font-family: 'NotoSansKR';font-style: normal;font-weight:200; color:#505050; FONT-SIZE:16px;line-height:1.3;margin-bottom:5px;}
.p_tit{display: inline-block;width:100%;text-align:left;background:url(../img/ico_gr.png) left 12px no-repeat; padding-left:10px; font-family: 'NotoSansKR';font-style: normal;font-weight:200; color:#505050; FONT-SIZE:18px;line-height:1.3;margin-bottom:5px;}

.small_txt {display: inline-block;width:100%;margin-top:15px;}
.small_txt p{text-align:left;font-family: 'NotoSansKR';font-style: normal;font-weight:200; color:#646464; FONT-SIZE:14px;line-height:1.2;margin-bottom:10px;}

.infoimg{display: inline-block;width:100%;}
.infoimg img{width:100%;margin-bottom:20px;}
.infoimg_m{display: none;width:100%;margin-bottom:20px;}
.infoimg_m img{width:100%;}


#map{display: inline-block;width:100%; height:500px; border:1px solid #ebebeb;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
#map img{width:100%; height:100%;}
.contacts {width:100%;margin:20px 0px;  border-top:1px solid #505050;font-size:0; }
.contacts ul{display: inline-block;width:100%;}
.contacts li{display: inline-block;width:50%;border-bottom:1px solid #dcdcdc;background:#fafafa;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.contacts li:first-child{border-right:1px solid #dcdcdc;}
.contacts .c_title{display:inline-block;width:100px;padding:10px;text-align:center;font-size:16px;color:#323232;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.contacts .c_content{display:inline-block;width:calc(100% - 100px);text-align:left;color:#646464;font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;font-size:16px;line-height:1;background:#fff;border-left:1px solid #dcdcdc;padding:10px 10px 10px 20px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

/* board list-tb */
.list-tb {table-layout:fixed; width:100%;margin:0px auto 40px; border-top:1px solid #000; border-bottom:1px solid #d9d9d9;  box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.list-tb th {padding:15px 0px; font-size:16px;color:#323232;line-height:1;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;text-align: center;background-color: #fafafa;border-bottom: 1px solid #d9d9d9;}
.list-tb tr {background-color: #fff;}
.list-tb tr:hover {background-color: rgba(228,228,228,.2);}
.list-tb td {font-size:16px;color:#323232;line-height:1;font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;padding:12px 10px; text-align: center;vertical-align:middle;border-bottom: 1px solid #d9d9d9;}
.list-tb td img{vertical-align:middle;}
.list-tb td.left {text-align: left; }
.list-tb td.date {font-size:16px;color:#323232;letter-spacing:-0.05em;}
.list-tb span{display: inline-block; margin-left:10px;}
.list-tb span img{vertical-align:middle;}
.list-tb td:first-child, .list-tb th:first-child {border-left: none;}
.list-tb input[type="checkbox"],.list-tb input[type="radio"]{width:14px; height:14px;vertical-align:middle;border:1px solid #ddd; margin:0; padding:0; cursor:pointer;}
.list-tb .nbg{background-color:#f3f8fc;}
.list-tb td.name, .list-tb th.name {}

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

/* pagination --------------------------------------------- */
.paging {position:relative;clear:both;text-align:center;vertical-align:middle;z-index:1;}
.paging span {vertical-align:middle;display:inline-block;width:32px;height:32px;line-height:30px; text-align:center;color:#424242;font-size:12px; font-family:'Futura Book';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:#424242;font-size:12px; font-family:'Futura Book';}
.paging span.on {vertical-align:middle;background:#2e3192; border:1px solid #2e3192;color:#fff;font-family:'Futura Medium';}
.paging span.on a {color:#000;font-family:'Futura Medium';}
.paging span:first-child {margin-left:0px;}

/* boardView */
.boardtb {width:100%;margin:0px auto 0px; border-top:1px solid #505050; overflow: hidden; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; font-size:0;}
.boardtb .subj_box {display: inline-block;width:100%;padding:15px 20px; background:#fafafa; border-bottom:1px solid #e6e6e6;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.boardtb .subj_box .subj{float:left; width: 70%;font-size:16px;color:#323232;line-height:1;font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;text-align:left;}
.boardtb .subj_box .date{float:right; width: 30%;font-size:16px;color:#323232;line-height:1;font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;text-align:right;}
.boardtb .subj_box span{display: inline-block; margin-left:20px;}
.boardtb .file_box{display: inline-block;width:100%;padding:10px 20px; background:#fff; border-bottom:1px solid #e6e6e6;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.boardtb .file_box p{background: url(/img/icon_file.png) left center no-repeat;min-height:13px;padding-left:20px;font-size:12px;color:#828282;line-height:1;font-family: 'NotoSansKR'; font-style: normal; font-weight: 200; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.boardtb .content_box{display: inline-block; width:100%; padding:30px 20px; min-height:300px; text-align:left; font-size:14px;color:#646464;line-height:1.4;font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;border-bottom:1px solid #e6e6e6;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.boardtb .content_box .imgbox{display: inline-block; width:100%; margin:20px 0px;  text-align:center;}
.boardtb .content_box img{max-width:100%;}

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

.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:20%; background:#fafafa; font-size:13px;text-align:center;color:#323232;line-height:1;font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;padding:10px 0px; 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:80%; text-align:left;font-size:13px; color:#646464;line-height:1;font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;padding:10px 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;}

.box_wrap{display: inline-block; width:100%;}
.box_wrap li{float:left; width:22%; margin: 0 1.5% 20px 1.5%;}
.box_wrap .thumb{display: inline-block; width:100%;cursor:pointer; border:1px solid #dcdcdc; background:#fff; padding:4px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.box_wrap .thumb img{width:100%;transition:all .2s ease;-webkit-transition:all .2s ease;}
.box_wrap p{padding:10px 20px;text-align:center;font-size: 16px;line-height:1;font-family: 'NotoSansKR';font-style: normal;font-weight:200;color: #323232;letter-spacing:-0.05em;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.box_wrap li:hover .thumb img{transform:scale(1.05); }



.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:#fff; height:150px; padding:10px; white-space: pre-wrap; color:#666; font-size: 13px;line-height:1.3;font-family: 'NotoSansKR'; font-style: normal; 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:#007dc6}
.wr_box .agree_box{display: inline-block; width:100%; text-align:center; margin:10px auto 0px;}


.wr_type01{width:100%; margin:20px auto; border-top:1px solid #000; border-bottom:1px solid #ddd;  box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-size:0;}
.wr_type01 ul{font-size:0;width:100%; border-top:1px solid #e6e6e6; background:#fafafa; }
.wr_type01 ul > li{display: inline-block;text-align:left; vertical-align: top;}
/*.wr_type01 ul{display: inline-block; width:100%; border-top:1px solid #d9d9d9; padding:10px 0px;font-size: 14px;color:#1a1a1a;letter-spacing:-0.05em;font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;}*/
.wr_type01 .wr_left{display: inline-block;width:150px;background:url(/img/i_check.png) 15px 20px no-repeat #fafafa;  padding:10px 15px 10px 25px; text-align:left; font-size: 16px;color:#646464;line-height:30px;letter-spacing:-0.05em;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; }
.wr_type01 .wr_right{display: inline-block;width:calc(100% - 150px);background:#fff;  padding:10px 15px;border-left:1px solid #e6e6e6; text-align:left;color:#646464; font-size: 14px;line-height:30px;letter-spacing:-0.05em;font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.wr_type01 input{ height:30px;background:#fff;border:1px solid #d9d9d9; border-radius:0px;transition: all 0.3s ease-out; padding:0px 5px;margin:0;font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;FONT-SIZE: 13px; COLOR: #666;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.wr_type01 input:focus {outline: none;border-radius:0px;border-color:#007dc6}
.wr_type01 input[type="file"] {border: 0;}
.wr_type01 .input01{ width:30%}
.wr_type01 .input02{ width:30%}
.wr_type01 .input03{ width:30%}
.wr_type01 .input100{ width:100%}
.wr_type01 textArea{display: inline-block;width:100%;border:1px solid #d9d9d9;height:200px; padding: 10px;color:#666; font-size: 13px;line-height:1.3;font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.wr_type01 textArea:focus {outline: none;border-color:#007dc6}
.wr_type01 span{display: inline-block; margin:0px 5px;}
.wr_type01 .first{display: inline-block; margin:0px 10px 0px 0px;}
.wr_type01 .wr_left img{margin-right:5px; vertical-align:middle;}
.wr_type01 p{margin-top:10px;font-size: 12px;color:#666;line-height:1.3;letter-spacing:-0.08em;}
.wr_type01 em{display: inline-block; margin-left:10px;font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;FONT-SIZE: 13px; COLOR: #ed5858;letter-spacing:-0.05em;}
.wr_type01 .select{display:inline-block;vertical-align:middle;height:30px;position:relative;border:1px solid #d9d9d9;background:#fff;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.wr_type01 .select:after{content:'';display:block;width:0;height:0;border-top:8px solid #8492a9;border-bottom:8px solid transparent;border-right:5px solid transparent;border-left:5px solid transparent;position:absolute;right:1em;top:40%;}
.wr_type01 select{height:30px;padding:0 10px;width:100%;font-size:13px;font-family: 'NotoSansKR';font-style: normal;font-weight:200;line-height:30px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.wr_type01 select::-ms-expand {display: none;}


.product_wrap{display: inline-block; width:100%;}
.product_wrap .textbox{float:left;text-align:left;width:60%;  }
.product_wrap .imgbox{float:right;text-align:left;width:35%;margin-left:5%; border:1px solid #e6e6e6;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.product_wrap .imgbox img{width:100%;}
.product_wrap h3{font-size: 18px;color:#323232; line-height:1.3;letter-spacing:-0.05em;font-family: 'NotoSansKR'; font-style: normal; font-weight: 200; margin-bottom:12px;}
.product_wrap p{font-size: 20px;color:#007dc6; line-height:1.3;letter-spacing:-0.05em;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;margin-bottom:12px;}

.textbox_m{display: none;text-align:left;width:100%;margin-bottom:20px;}
.textbox_pc{display: inline-block;text-align:left;width:100%;  }

.product-tb {table-layout:fixed; width:100%;margin:0px auto; border-top:1px solid #000; border-bottom:1px solid #d9d9d9;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.product-tb th {padding:12px 10px; font-size:16px;color:#323232;line-height:1;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;text-align: center;vertical-align:middle;background-color: #fafafa;border-left: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;}
.product-tb tr {background: #fff;}
.product-tb td {font-size:16px;color:#646464;line-height:1.2;font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;padding:12px 10px; text-align: center;vertical-align:middle;border-bottom: 1px solid #d9d9d9;border-left: 1px solid #d9d9d9;}
.product-tb td img{vertical-align:middle;}
.product-tb td.left {text-align: left; }
.product-tb td.date {font-size:16px;color:#323232;letter-spacing:-0.05em;}
.product-tb span{display: inline-block; margin-left:10px;}
.product-tb span img{vertical-align:middle;}
.product-tb td:first-child, .product-tb th:first-child {border-left: none;}
.product-tb .nbg{background-color:#fafafa;}
.product-tb td.lborder {border-left: 1px solid #d9d9d9;}
.product-tb th.vbg {background-color:#6b6db1; color:#fff;}
.product-tb td > h4{margin-bottom:5px;font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;}

.product_box{display: inline-block; width:100%; font-size:0;text-align:left;}
.product_box ul{font-size:0;}
.product_box ul > li{display: inline-block;vertical-align:middle;}
.product_box h2{text-align:left;font-size:20px;color:#2e3192;line-height:1.3;letter-spacing:-0.05em;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;margin-top:20px; margin-bottom:10px;}
.product_box p{text-align:left;font-size:16px;color:#646464;line-height:1.3;letter-spacing:-0.05em;font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;margin-bottom:20px;}
.pbox1{display: inline-block; width:30%; margin:0 1.5% 2%;border:1px solid #dcdcdc; padding:0px 25px; overflow: hidden; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.pbox2{display: inline-block; width:30%; margin:0 1.5% 2%;border:1px solid #dcdcdc; padding:0px 25px; overflow: hidden; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.pbox3{display: inline-block; width:47%; margin:0 1.5% 2%;border:1px solid #dcdcdc; padding:0px 25px; overflow: hidden; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.pbox4{display: inline-block; width:47%; margin:0 1.5% 2%;border:1px solid #dcdcdc; padding:0px 25px; overflow: hidden; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.product_imgbox{display: inline-block; width:47%; margin:0 1.5% 2%;border:1px solid #dcdcdc; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.product_imgbox img{width:100%;}

.product_box ul > li.product8_img{display: inline-block; width:35%;margin-right:5%; text-align:center; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.product_box ul > li.product8_img img{max-width:100%; }
.product_box ul > li.product8_tb{display: inline-block; width:60%; }



.scontent_center{display: inline-block;width:100%; text-align:center; margin:30px auto;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.scontent_left{display: inline-block;width:100%; text-align:left;margin:30px auto;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.terms{width:100%; margin:0px;  text-align:left; border:1px solid #ebebeb; padding:25px; background:#fafafa; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.terms h2{color: #1a1a1a;font-size:14px;line-height:1;font-family: 'NotoSansKR'; font-style: normal; font-weight:400;margin-bottom:10px;}
.terms p{color: #666;font-size:13px;line-height:1.4;font-family: 'NotoSansKR'; font-style: normal; font-weight:200;margin-bottom:5px;}
.terms p span {color: #000;font-size:14px;line-height:1.8;font-family: 'NotoSansKR'; font-style: normal; font-weight:400;margin-bottom:5px;}






.col_a{width:auto;}
.col5{width:5%;}
.col10{width:10%;}
.col12{width:12%;}
.col14{width:14%;}
.col15{width:15%;}
.col16{width:16%;}
.col18{width:18%;}
.col35{width:35%;}
.col30{width:30%;}
.col20{width:20%;}
.col25{width:25%;}
.col30_p{width:30px;}
.col60_p{width:60px;}
.col_w1{width:100px;}
.col120_p{width:120px;}
.col40{width:40%;}




.page a {
	display:inline-block;
	width:28px;
	height:29px;
	line-height:27px;
	border:solid 1px #eaeaea;
	font-size:13px;
	text-align:center;


}
.page a.br_n {
	border-right:none;
}
.page a.on {
	background:#005cb9;
	color:#fff;
	font-weight:;
	text-align:center;
}