.wrap{height:100%;}
.sub_container{min-height:60%;}

/* CLASS */
.cf:after{display:block;content:'';clear:both;}
.fl{float:left;}
.fr{float:right;}
.w_p100{width:100%;}
.txt_ell{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/* COLOR */
.txt_yw{color:#fed700;}
.txt_org{color:#fea500;}
.txt_blue{color:#4775d2;}
.txt_green{color:#6ec855;}
.txt_red{color:#f10202;}
.txt_mint{color:#3d9e9e;}
.txt_gray{color:#999}

/* COLOR */
.bg_green{margin:0 5px;padding:5px 10px;background-color:#6ec855;color:#fff;}

/* BUTTON */

/* BTN HOVER (ORANGE) */
.btn_hover{overflow:hidden;position:relative;display:inline-block;height:31px;padding:0 20px;line-height:31px;border-radius:31px;border:1px solid #fea500;cursor:pointer;}
.btn_hover .txt{position:relative;transition:color .25s ease-out;-webkit-transition:color .5s ease-out;-moz-transition:color .5s ease-out;color:#fea500;}
.btn_hover .hover{position:absolute;top:0;left:0;display:block;width:100%;height:100%;transform:scale(1,0);-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-ms-transform:scale(1,0);transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;-ms-transform-origin:center top;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;background:#fea500;}

.btn_hover:hover{border-color:#fea500;}
.btn_hover:hover .txt{color:#fff}
.btn_hover:hover .hover{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);}

/* BTN HOVER (GRAY) */
.btn_gray{border:1px solid #ddd;}
.btn_gray .txt{color:#555}
.btn_gray .hover{background-color:#555;}
.btn_gray:hover{border-color:#555;}

/* BTN HOVER (blue) */
.btn_blue{border:1px solid #4775d2;}
.btn_blue .txt{color:#4775d2}
.btn_blue .hover{background-color:#4775d2;}
.btn_blue:hover{border-color:#4775d2;}

/* BTN HOVER (GREEN) */
.btn_green{border:1px solid #6ec855;}
.btn_green .txt{color:#6ec855}
.btn_green .hover{background-color:#6ec855;}
.btn_green:hover{border-color:#6ec855;}

/* Header */
.header{position:relative;z-index:1000;width:100%;background-color:#fff;border-bottom:1px solid #ddd}
.header_inner{width:1140px;margin:auto;}

.header h1{float:left;}
.header h1 a{display:block;/* margin:23px 0; */width:200px;height:100px;background:url(../images/logo.png) 0 0 no-repeat;text-indent:-9999px;}

.tnb_wrap{display:none;}
.drop_menu_bg{display:none;}

.tnb_left2{border-bottom:1px solid #ddd;}
.tnb_left2 li{float:left;padding:13px 10px;}
.tnb_left2:after{display:block;content:'';clear:both;}

.tnb_right2{float:right;}


/* Gnb */
.gnb .dep_01 > a{display:block;font-weight:500;color:#333;font-size:22px;}
.gnb .dep_02{display:none;}
.gnb .dep_02 li a{display:block;font-size:14px;color:#555;}

/* Footer */
.footer{position:relative;z-index:500;background-color:#ededed}
.footer_inner{position:relative;width:1140px;margin:0 auto;}

.foot_logo{position:absolute;top:0;left:0;width:230px;height:100%;background-color:#e3e3e3;text-align:center;background:#e3e3e3 url(../images/f_logo.png) 50% 50% no-repeat;text-indent:-9999px;}


.ul_foot li{line-height:1.8em;font-size:17px;color:#979797}
.ul_foot li span{margin-right:10px;}
.ul_foot li a{color:#979797}
.ul_foot li a:hover{color:#4775d2}
.ul_foot li strong{margin-right:5px;padding-right:5px;color:#777;}
.ul_foot li.link_wrap a{margin-right:5px;padding-right:5px;font-weight:500;}
.ul_foot li.link_wrap a:first-child{color:#4775d2;}

/* quick */
.scrollup{width:70px;height:28px;opacity:1;position:fixed;bottom:2%;right:2%;text-indent:-9999px;background:url('images/top.png') no-repeat;z-index:999;}

/* Mobile & Tablet */
@media (max-width:1279px){

html, body{overflow-x:hidden;height:100%;}

/* Header */
.header{}
.header_inner{width:auto;padding:10px;background-color:#fff;border-bottom:1px solid #ddd}

.header h1{float:none;}
.header h1 a{display:block;width:144px;height:50px;margin:auto;/* background:url(../images/m_logo.png) 0 0 no-repeat; */background-size:100%;}
.header .btn_menu_toggle{display:block;position:absolute;right:10px;top:10px;z-index:200;width:50px;height:50px;background:url(../images/m_btn_menu_toggle.png?v=2) 50% 50% no-repeat;background-size:22px;text-indent:-9999px;}
.header .btn_back{display:block;position:absolute;left:4px;top:10px;z-index:200;width:50px;height:50px;background:url(../images/m_btn_back.png) 50% 50% no-repeat;background-size:14px;text-indent:-9999px;}

/* GNB */
.gnb_wrap{display:none;position:absolute;top:0;left:0;z-index:100;width:100%;height:100%;padding-top:71px;/* padding-right:53px; */box-sizing:border-box}
.gnb{width:100%;height:100%;box-sizing:border-box;background-color:#fff;}
.gnb .dep_01{border-bottom:1px solid #ddd}
.gnb .dep_01 > a{padding:13px 10px;background:url(../images/m_gnb_arrow_off.png) 97% 50% no-repeat;background-size:14px 6px;font-size:20px;}
.gnb .dep_01.on > a{background:url(../images/m_gnb_arrow_on.png) 97% 50% no-repeat;background-size:14px 6px;}

.gnb .dep_02{border-top:1px solid #ddd;background-color:#f6f6f6}
.gnb .dep_02 li a{padding:7px 10px;padding-left:37px;background:url(../images/m_gnb_bul.png) 30px 18px no-repeat;background-size:2px;font-size:17px;}

/* Menu open */
.header.on{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2000;height:100%;background-color:rgba(0,0,0,0.7);}
.header.on .btn_menu_toggle{background:#FFF url(../images/m_btn_toggle_close.png) 50% 50% no-repeat;background-size:20px;}
.header.on .gnb_wrap{display:block;}

.scrollup{display:none;}

}

/* Mobile */
@media(max-width:768px){

.tnb_wrap{display:block;}
.tnb_wrap li{display:none;}
.tnb_right li:nth-child(3){display:block;position:absolute;top:20px;z-index:500;}

/* Footer */
.footer_inner{width:100%;}
.foot_logo{display:none;}
.ul_foot{float:none;margin-left:0;padding:10px 20px;}
.ul_foot li{text-align:left;font-size:15px;}
.ul_foot li span{display:block;margin-right:0;}
.footer .link_wrap{float:none;width:223px;margin:10px auto 0;text-align:center;}

}

/* Tablet */
@media (min-width:768px) and (max-width:1279px){

.gnb{width:70%;}
.footer_inner{width:100%}

.tnb_wrap{display:block;}
.tnb_wrap li{display:none;}
.tnb_right li:nth-child(3){display:block;position:absolute;top:20px;z-index:500;}

.ul_foot{float:left;padding:15px 0;}
.ul_foot.no_01{width:70%;margin-left:260px;box-sizing:border-box;}
.ul_foot.no_02{width:70%;margin-left:260px;box-sizing:border-box;}
}

/* PC */
@media (min-width:1280px){

/* Header */
.header{}
.btn_menu_toggle{display:none;}
.header .btn_back{display:none;}

/* Tnb */
.tnb_wrap{display:block;}
.tnb{display:block;padding:10px 0;}
.tnb:after{display:block;content:'';clear:both;}
.tnb li{float:left;margin-right:5px;}
.tnb li a{font-size:15px;color:#888;}

.tnb_left{float:left;}
.tnb_left li a{}


.tnb_right{float:right;}
.tnb_right li{height:33px;line-height:33px;}
.tnb_right li a{margin-right:5px;}
.tnb_right li a:hover{color:#4775d2}
.tnb_right li:last-child{margin-right:0;}
.tnb_right li:last-child a:after{display:none;}
.tnb_right li .btn_facebook{padding-left:15px;background:url(../images/btn_facebook.png) 0 50% no-repeat;}
.tnb_right li .btn_band{padding-left:19px;background:url(../images/btn_band.png) 0 50% no-repeat;}
.tnb_right li a:after{display:inline-block;width:1px;height:12px;margin-left:10px;content:'';border-right:1px solid #ddd}
.tnb_right li:last-child a{margin-right:0;}

.tnb_left2{display:none;}


/* Gnb */
.gnb_wrap{float:right;position:relative;}
.gnb .dep_01{float:left;/* position:relative;z-index:300; */}
.gnb .dep_01:last-child > a{padding-right:0;}
.gnb .dep_01 > a{position:relative;display:inline-block;height:43px;padding:32.5px 28px;line-height:43px;text-align:center;}
.gnb .dep_01 > a:after{display:none;content:'';width:100%;height:3px;background-color:#fea500;transform:scale3d(0,1,1);transform-origin:center center;transition:transform .3s;}
.gnb .dep_01:nth-child(3n-1) > a:after{background-color:#4775d2;}
.gnb .dep_01:nth-child(3n) > a:after{background-color:#6ec855;}
.gnb .dep_01.on > a:after{display:block;transform:scale3d(1,1,1);}
	
.gnb .dep_02{position:absolute;top:154px;left:40px;z-index:500;/* width:100%; */padding:5px 10px;box-sizing:border-box;}
.gnb .dep_01.on .dep_02{display:block;}
.gnb .dep_02:after{display:block;clear:both;content:'';}

.gnb .dep_02 ul{float:left;min-width:194px;padding:0 30px;box-sizing:border-box;border-right:1px solid #ddd}
.gnb .dep_02 ul:first-child{/* border-left:none; */}
.gnb .dep_02 ul:last-child{border-right:none;}
.gnb .dep_02 ul li a{padding:5px 0;font-size:17px;}
.gnb .dep_02 ul li a:hover{color:#fea500;}
.gnb .dep_01:nth-child(3n-1) .dep_02 ul li a:hover{color:#4775d2;}
.gnb .dep_01:nth-child(3n) .dep_02 ul li a:hover{color:#6ec855;}

/* Drop Down Memu */
.drop_menu_bg{position:absolute;top:166px;z-index:200;width:100%;height:200px;background-color:#fff;border-bottom:1px solid #ddd;}
.drop_inner{width:1140px;margin:50px auto 0;padding-bottom:50px;}
.drop_inner .txt_wrap{display:none;width:420px;background:url(../images/drop_bg_01.png) 100% 100% no-repeat;}
.drop_inner .txt_wrap span{display:block;}
.drop_inner .txt_wrap .tit{margin-bottom:10px;font-size:22px;font-weight:400;}
.drop_inner .txt_wrap .con{font-size:17px;color:#555;}


.ul_foot{float:left;padding:30px 0;}
.ul_foot.no_01{width:60%;margin-left:260px;box-sizing:border-box;}
.ul_foot.no_02{width:15%;margin-left:5%;box-sizing:border-box;}

}