@charset "utf-8";

/* ----------------------------------------
 * Created : 2018 v01
 	최신수정  윤보경 202102
 --------------------------------------- */

/* gnb */
/* header #btn_type{opacity:0;transition:all 0.6s ease} */
.con_box #btn_type:hover{opacity:0.8}
.con_box #btn_type > li{padding:0 3px}
.con_box #btn_type > li > a{display:block;opacity:1;font-size:12px;color:#222;padding:0 15px;height:26px;line-height:24px;border:1px solid #222;border-radius:26px}

header{min-width: auto;}
header article{width:100%}

.gnb{position:relative;margin:0 auto; min-height:46px;padding-top:0px;z-index:51;max-width:1280px;margin:0 auto;text-align:right}
.gnb > ul {overflow:visible;transition:all 0.5s ease;display:inline-block;}
.gnb > ul > li{position:static;display: inline-block;padding:0 0 0 50px;/*float:left; transition:all 0.5s ease; */}
.gnb > ul > li > a{display:table;width: 100%;padding:0;font-size:15px;color:#fff;font-weight:600; text-align:center;height:60px;transition:all 0.5s ease;}
.gnb > ul > li > a span{display:table-cell;height:100%;text-align: center;width:100%;vertical-align:middle}
.gnb > ul > li > a.on{color:#4fc8f4;}
.gnb > ul > li.first > .sub_2{border-left:none;}
.gnb > ul > li > .sub_2{overflow:hidden;width:100%;height:0;z-index:51;transition:all 0.5s ease;background: transparent;text-align:left;}
.gnb > ul > li > .sub_2.is-active{height:auto;padding-top:15px;}
.gnb > ul > li > .sub_2 > ul > li{padding:0 5px 0 0; text-align:left;}
.gnb > ul > li > .sub_2 > ul > li > a{display:inline-block;padding:10px 0 5px 5px;text-indent:-4px; line-height: 1.2em; color:#444444;font-size:13px;letter-spacing:-0.5px}
.gnb > ul > li > .sub_2 > ul > li.on > a{color:#519d9e;}
.gnb > ul > li > .sub_2 > ul > li > a.on{color:#519d9e;}
.bg_gnb{position:absolute;background:#fff;top:0;left:0;width:100%}
.bg_gnb .bg_gnb_box{display:none}

.btn_close{opacity:0;position:absolute;right:0;bottom:-89px;width:30px;height:0;z-index:55;background:#519D9E}
.btn_close i{display:block;width:25px;height:2px;margin:6px auto 0;background:#fff;transition: transform .5s,opacity .3s;}
.btn_close i:first-child{margin-top:23px;}
.btn_close i{position:relative;left:3px;width:18px;margin:4px auto 0;background:#fff;}
.btn_close i:first-child{margin-top:9px;}
.btn_close i:nth-child(1){-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;}
.btn_close i:nth-child(2){opacity:0;}
.btn_close i:nth-child(3){-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transform-origin: bottom left;-ms-transform-origin: bottom left;transform-origin: bottom left;}
.btn_close span{display:none}
.btn_close.on{opacity:1;height:30px}

/* type00 */
.type00 .gnb .sub_2,
.type00 .gnb .sub_3,
.type00 .gnb .sub_4,
.type00 .btn_close,
.type00 .bg_gnb,
.type00 .bg_gnb .bg_gnb_box,
.type00 .dimlnb_bg{display:none}

/* type01 */
.type01 .bg_gnb.is-active,
.type01 .gnb .sub_3,
.type01 .gnb .sub_4{display:none}
.type01 .gnb > ul > li{position:relative}
.type01 .gnb > ul > li > .sub_2{display:none;position:absolute;padding:0;left:10px;overflow:inherit;min-width:100px;width:auto;left:50%;transform:translateX(-50%);-ms-transfor:translateX(-50%)}
.type01 .gnb > ul > li > .sub_2 > ul{padding:0;background:#fff;border:1px solid #ddd;border-top:0;}
.type01 .gnb > ul > li > .sub_2 > ul > li{padding:0}
.type01 .gnb > ul > li > .sub_2 > ul > li:first-child{padding-top:10px;}
.type01 .gnb > ul > li > .sub_2 > ul > li:last-child{padding-bottom:10px;}
.type01 .gnb > ul > li > .sub_2 > ul > li > a{padding:6px 12px;line-height:1.2;text-indent:0;position:relative;display:block}
.type01 .gnb > ul > li > .sub_2 > ul > li > a:before{display:none}
.type01 .gnb > ul > li.hover > .sub_2{display:block}

/* type02 */
.type02 .gnb{border-left:none;}
.type02 .gnb .sub_3,
.type02 .gnb .sub_4{display:none}
.type02 .gnb > ul > li {position: relative;}
.type02 .gnb > ul > li > .sub_2{display:none;height:auto;min-height:330px;padding-top:15px;}
.type02 .gnb > ul > li > .sub_2 > ul > li{padding:0}
.type02 .gnb > ul > li > .sub_2 > ul > li > a{padding:6px 0 6px 2px;line-height:1.2;text-indent:0;position:relative}
.type02 .gnb > ul > li > .sub_2 > ul > li > a:before{display:none}
.type02 .gnb > ul > li.hover > .sub_2{display:block;min-height:150px;}
.type02 .bg_gnb.is-active .bg_gnb_box{display:block;padding-top:30px}
.type02 .bg_gnb.is-active{height:330px !important}

/* type03 */
.type03 .bg_gnb.is-active,
.type03 .gnb > ul > li > .sub_2.is-active,
.type03 .gnb > ul > li > .sub_2 > ul,
.type03 .gnb .sub_3,
.type03 .gnb .sub_4{height:auto;min-height:410px}
.type03 .btn_close,
.type03 .btn_close.on{bottom:-439px}
.type03 .bg_gnb.is-active{border-bottom:1px solid #ddd;height:auto !important}
.type03 .bg_gnb.is-active .bg_gnb_box{display:block;padding-top:30px}
.type03 .gnb > ul > li > .sub_2{position:absolute;left:0;top:46px;padding:0;margin-left:230px;width:calc(100% - 230px);box-sizing:border-box;transition:none}
.type03 .gnb > ul > li > .sub_2.is-active{height:100%;border:1px solid #ddd;border-top:0}
.type03 .gnb > ul > li > .sub_2 > ul{position:relative;width:34%;border-right:1px solid #ddd;background:#fff}
.type03 .gnb > ul > li > .sub_2 > ul li{padding:0;border-bottom:1px solid #ddd}
.type03 .gnb > ul > li > .sub_2 > ul > li a{display:block;padding:0 20px;height:40px;line-height:38px}
.type03 .gnb > ul > li > .sub_2 > ul > li.on > a,
.type03 .gnb > ul > li > .sub_2 > ul > li > a.on{background:#519D9E;color:#fff}
.type03 .gnb > ul > li > .sub_2 > ul > li > a{color:#333}
.type03 .gnb > ul > li > .sub_2.is-active > ul > li > a.on{background:#519D9E;color:#fff}
.type03 .gnb > ul > li > .sub_2 > ul > li > .sub_3 > li > a.on{background:#e2f1f1}
.type03 .gnb > ul > li > .sub_2 > ul > li > .sub_3,
.type03 .gnb > ul > li > .sub_2 > ul > li > .sub_3 > li > .sub_4{display:none;position:absolute;right:-100%;width:100%;top:0;overflow: hidden;}
.type03 .gnb > ul > li > .sub_2 > ul > li > .sub_3{border-right:1px solid #ddd;}
.type03 .gnb > ul > li > .sub_2 > ul > li > .sub_3 > li > .sub_4 li a{position:relative}
.type03 .gnb > ul > li > .sub_2 > ul > li > .sub_3.on{display:block;overflow: inherit;}
.type03 .gnb > ul > li > .sub_2 > ul > li > .sub_3 > li > .sub_4.on{display:block}

 /* type04 */
.type04 .gnb .sub_3,
.type04 .gnb .sub_4,
.type04 .bg_gnb_box,
.type04 .dimlnb_bg{display:none}
.type04 .bg_gnb{display:none;height:60px;border-bottom:1px solid #ddd}
.type04 .bg_gnb.is-active{display:block;height:60px !important}
.type04 .gnb > ul > li{position:static}
.type04 .gnb > ul > li > .sub_2 {display:none;height:auto;padding:0;position:absolute;max-width:1280px;margin:0 auto;top:auto;bottom:-60px;right:0;text-align:right}
.type04 .gnb > ul > li > .sub_2.is-active{display:block}
.type04 .gnb > ul > li > .sub_2 > ul > li{text-align:left;display:inline-block;padding:0 5px 0 30px;}
.type04 .gnb > ul > li > .sub_2 > ul > li > a{padding:0;height:60px;line-height:60px;text-indent:0;position:relative}
.type04 .gnb > ul > li > .sub_2 > ul > li > a:before{display:none}
.type04 .gnb > ul > li > .sub_2 > ul > li > a.on:after{content:"";display:block;position:absolute;right:0;bottom:0;background:#519d9e;width:100%;height:2px}
 
 /* type05 */
.type05 .bg_gnb.is-active,
.type05 .gnb .sub_4{display:none}
.type05 .gnb > ul > li.hover > a{}
.type05 .gnb > ul > li > .sub_2{position:absolute;left:0;top:46px;padding:0;background:#fff}
.type05 .gnb > ul > li > .sub_2.is-active{height:auto}
.type05 .gnb > ul > li > .sub_2 > ul{float:left;width:100%}
.type05 .gnb > ul > li > .sub_2 > ul > li{padding:0;position:relative}
.type05 .gnb > ul > li > .sub_2 > ul > li + li{border-top:1px solid #ddd}
.type05 .gnb > ul > li > .sub_2 > ul > li.on > a,
.type05 .gnb > ul > li > .sub_2 > ul > li > a.on,
.type05 .gnb > ul > li > .sub_2 > ul > li > a{color:#333;font-weight:600}
.type05 .gnb > ul > li > .sub_2 > ul > li > a{width:230px;padding:0 20px 0 30px;height:50px;line-height:50px;background:#ececec}
.type05 .gnb > ul > li > .sub_2 > ul > li .sub_3{position:absolute;left:230px;width:calc(100% - 230px);top:0;padding:0 0 0 30px}
.type05 .gnb > ul > li > .sub_2 > ul > li .sub_3 li{display:inline-block;position:relative;padding-right:32px}
.type05 .gnb > ul > li > .sub_2 > ul > li .sub_3 li + li:after{content:"";display:block;width:1px;height:10px;background:#ddd;position:absolute;left:-18px;top:22px}
.type05 .gnb > ul > li > .sub_2 > ul > li .sub_3 li a{position:relative;height:50px;line-height:50px;}
 
 /* layout01*/
.layout01 header{border-bottom:1px solid #e2e2e2}
.layout01 header .gnb > ul{height:144px;}
.layout01 header .gnb > ul li.gnb_1dep{position:static;height:100%}
.layout01 header .gnb > ul > li > a{line-height:1.2}
.layout01 header .bg_gnb{top:100%;margin-top:1px}
.layout01 header .bg_gnb.is-active .bg_gnb_box{max-width:100%;width:100%;padding-left:30px}

/* type01 */
.layout01 .type01 .gnb{border-left:none;}
.layout01 .type01 .gnb > ul li.gnb_1dep{}
.layout01 .type01 .gnb > ul > li > .sub_2{background:#fff;border:1px solid #e2e2e2;border-right:0;left:0;right:auto;height:55px;width:100%;overflow:hidden;transform: translateX(0);-ms-transfor: translateX(0);}
.layout01 .type01 .gnb > ul > li > .sub_2 > ul{height:55px;border:0;padding:0 15px}
.layout01 .type01 .gnb > ul > li > .sub_2 > ul > li{padding:0;display:inline-block}
.layout01 .type01 .gnb > ul > li > .sub_2 > ul > li > a{padding:0 15px;height:55px;line-height:55px}

/* type02 */
.layout01 .type02 .gnb > ul li.gnb_1dep{position:relative}
.layout01 .type02 .gnb > ul > li > .sub_2{padding-top:20px;}
.layout01 .type02 .gnb > ul > li > .sub_2 > ul > li{text-align:center}

/* type03 */
.layout01 .type03 .gnb > ul > li > .sub_2,
.layout01 .type05 .gnb > ul > li > .sub_2{top:100%;margin:0;margin-top:1px;width:100%}
 
 /* type04 */
.layout01 .type04{}
.layout01 .type04 .gnb{border-bottom:1px solid #c0c0c0}
.layout01 .type04 .gnb > ul li.gnb_1dep a.on + .sub_2{display:block}
.layout01 .type04 .gnb > ul > li > .sub_2{left:0;right:auto;height:45px;width:100%;bottom:0;text-align:left;overflow:hidden;}
.layout01 .type04 .gnb > ul > li > .sub_2 > ul{height:45px;background:transparent;border:0;padding:0 15px}
.layout01 .type04 .gnb > ul > li > .sub_2 > ul > li{padding:0;display:inline-block}
.layout01 .type04 .gnb > ul > li > .sub_2 > ul > li > a{padding:0 15px;height:45px;line-height:47px}

.layout01 .gnb{max-width:none;}
.layout03 .gnb > ul > li{padding:0 25px;}
.layout03 .gnb {height:60px;}
.layout03 .gnb > ul > li > .sub_2{top:60px;}