@charset "utf-8";
/* CSS Document */

@import url("/font/NotoKR-Bold/stylesheet.css");
@import url("/font/NotoKR-DemiLight/stylesheet.css"); 
@import url("/font/NotoKR-Light/stylesheet.css");
@import url("/font/NotoKR-Medium/stylesheet.css");
@import url("/font/NotoKR-Regular/stylesheet.css");
@import url("/font/NotoKR-Thin/stylesheet.css");
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900');




html, body {
  font-family: 'NotoKR-Regular',sans-serif; font-weight: 400;
}

/* 초기화 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;line-height:125%;letter-spacing:normal} 
body,html{width:100%; line-height:100%; font-size:14px; color:#666; height:100%;}
*{font-family:"NotoKR-Regular",sans-serif; }
ol,ul,li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0; font-size:14px;}
table caption {overflow:hidden; font-size:0; line-height:0; font-size:14px; display:none;}
dt{display:block;}
hr{display:none;}
a{cursor:pointer;text-decoration:none;color:#666;}
address{font-style:normal;}
strong,em {font-weight:normal; font-style:normal;}

.input_search {border:0; background:none; height:20px; width:155px; font-size:13px; color:#aaa;}
img,fieldset {border:none; vertical-align:middle;}
img{max-width:100%;}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle; border:none;}
/*input,select {vertical-align:middle; border:none;}*/
input:focus, textarea:focus, button:focus {outline:none;}  /* 크롬에서 커서 클릭시 파란색 테두리 제외*/

/* Web Content Accessibility TTS(Text To Speech) Code */
.blind {position:absolute; top:0px; left:0px; overflow:hidden; display:inline-block !important; width:1px !important; height:1px !important; margin:0 !important; font-size:0 !important; line-height:0 !important;}

/* 바로가기 */
#accessibilityMenu {position:absolute; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}


/* 점선없애기 */
a:hover {text-decoration:none;}
a {blr:expression(this.onFocus=this.blur());}
area:focus {outline:none;}
area {blr:expression(this.onFocus=this.blur());}
input:focus, img:focus, embed:focus, map:focus {outline:none;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset; } /* 크롬에서 인풋박스 노란배경 안나오게 */

.overflow-auto {overflow: auto;}
.overflow-hidden {overflow: hidden;}
.overflow-visible {overflow: visible;}
.overflow-scroll {  overflow: scroll; }
.overflow-x-auto {overflow-x: auto;}
.overflow-y-auto {  overflow-y: auto; }

table .scroll {border-collapse: collapse; width:  100%; overflow-x: scroll; display: block;}

.table-responsive-sm {
        display: block;
        width: 100%;
		max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

/*datepicer 버튼 롤오버 시 손가락 모양 표시*/
	.ui-datepicker-trigger {
		cursor: pointer;
	}
	/*datepicer input 롤오버 시 손가락 모양 표시*/
	.hasDatepicker {
		cursor: pointer;
	}

.js-scrollmagic {opacity:0;}
.js-scrollmagic.non-hide {opacity:1;}


.clear {clear: both;}
.left {text-align: left !important;}
.center {text-align: center !important;}
.right {text-align: right !important;}


.ls0{letter-spacing:0 !important; }
.ls1{letter-spacing:-1pt !important; }
.ls2{letter-spacing:-1.5pt !important; }
.ls3{letter-spacing:-2pt !important; }
.ls4{letter-spacing:-2.5pt !important; }

.fs0{font-size: 40px !important;}

.mt05{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}

.mt-10{margin-top: -10px !important;}
.mt-20{margin-top: -20px !important;}
.mt-30{margin-top: -30px !important;}
.mt-40{margin-top: -40px !important;}
.mt-45{margin-top: -45px !important;}

.mb-05{margin-bottom: 5px !important}
.mb-15{margin-bottom: 15px !important}
.mb-20{margin-bottom: 20px !important}
.mb-25{margin-bottom: 25px !important}
.mb-30{margin-bottom: 30px !important}
.mb-35{margin-bottom: 35px !important}
.mb-40{margin-bottom: 40px !important}

.pt05{padding-top: 5px !important;}
.pt10{padding-top: 10px !important;}
.pt15{padding-top: 15px !important;}
.pt20{padding-top: 20px !important;}

.pt-10{padding-top: -10px !important;}
.pt-20{padding-top: -20px !important;}
.pt-30{padding-top: -30px !important;}
.pt-40{padding-top: -40px !important;}
.pt-45{padding-top: -45px !important;}

.pb-05{padding-bottom: 5px !important}
.pb-15{padding-bottom: 15px !important}
.pb-20{padding-bottom: 20px !important}
.pb-25{padding-bottom: 25px !important}
.pb-30{padding-bottom: 30px !important}

.fw10{font-weight: 100 !important; font-family:'NotoKR-Thin',sans-serif !important; }
.fw20{font-weight: 200 !important; font-family:'NotoKR-Light',sans-serif !important; }
.fw30{font-weight: 300 !important;}
.fw40{font-weight: 400 !important; font-family:"NotoKR-Regular", Sans-serif !important;}
.fw50{font-weight: 500 !important; font-family: 'NotoKR-Medium', sans-serif !important;}
.fw60{font-weight: 600 !important; font-family:'NotoKR-Bold',sans-serif !important;}
.fw70{font-weight: 700 !important;}
.fw80{font-weight: 800 !important;}

.mont {font-family: 'Montserrat', sans-serif !important;}

.pointBlack{color:#000 !important;}
.pointBlue{color:#0c2551 !important;}
.pointSblue{color:#0083fc !important;}
.pointGblue{color:#01afd5 !important;}



.tpad_10{padding-top:10px}
.tpad_20{padding-top:20px}
.tpad_35{padding-top:35px}
.bpad_5{padding-bottom:5px}
.bpad_10{padding-bottom:10px}
.bpad_20{padding-bottom:20px}
.bpad_25{padding-bottom:25px}
.bpad_30{padding-bottom:30px}
.bpad_40{padding-bottom:40px}
.bpad_50{padding-bottom:50px}




.font_sel {transform:skew(-0.001deg);} /*폰트깨짐*/

/* Common */
.line_bg{height:2px; background-color:#f5f5f5}
.img_bor{border:1px solid #ddd}

h4{font-size:38px; font-weight:700; letter-spacing:-2.2pt; line-height:120%; color:#303030; }



h4.con_tit {color:#333; font-size:16px; padding-bottom:10px;}	
.sky {color:#2072d4;}
/*.blue {color:#004c98 !important;}*/
.blue {color:#3300cc !important;}
.blue_l {color:#0033FF;}
.green{color:#78bc0f;}
.red{color:#c40210 !important;}
.darkred{color: #881317 !important;}
.puple {color: #251f46 !important;}
.yellow {color: #f4771f !important;}
.darkyellow {color: #8a3f0b !important;}

.lightsky{color:#00b9e1;}
.white {color: #fff !important;}


.va{vertical-align: middle;}


.cont_1170 {width:1170px; margin:0 auto;}



/* pc, 모바일 상태에 따라 숨김처리 */ 
.pc {display:block;}
.mobile1 {display:none;}
.header_pc {display:block;}
.header_mobile {display:none;}



/* 메뉴 : 슬라이드 메뉴 */
#menuArea {max-width:500px; min-width:220px; height:100%; position:fixed; right:0; top:0; z-index:9999; overflow-x:hidden;overflow-y:auto;display:none;}
#menuArea .mlogo{background:#fff; overflow:hidden; clear:both; padding:15px;border-top:3px solid #af070d; border-bottom: 1px solid #ddd; text-align: left;}
#menuArea .mlogo img{width: 90%;/* width:160px;*/}

#menuArea .menuList {width:40%; max-width:500px; min-width:220px; min-height:100%;  background: #fff; position:absolute; right:-528px; box-sizing:border-box;overflow-y:auto; box-shadow:-2px 0 2px rgba(0,0,0,0.8);}
#menuArea .menuList>.list {background-color:#fff;}
#menuArea .menuList>.list>li {background:#fff;}
#menuArea .menuList>.list>li.active>a{    background: url('../images/main/mallcate_up.png') no-repeat right 18px center, #af070d!important;
color: #fff !important;font-family: "NotoKR-Bold", sans-serif;border-bottom: 1px solid #ddd;}
#menuArea .menuList>.list>li>a { padding: 0 0 0 18px; background: url('../images/main/mallcate_li.gif') no-repeat right 18px center, #fff; padding:13px 0 13px 15px; display:block; font-size:14px; line-height:100%; border-bottom:1px solid #ddd; color:#666; letter-spacing:-0.5pt;}
#menuArea .menuList>.list>li.icon02>a {background:#fff;}
#menuArea .menuList>.list .sMenu {background-color: #f9f9f9; position: relative;  width: 100%;  padding:14px 0 14px 15px; display:none;  border-bottom:1px solid #ddd;}
#menuArea .menuList>.list .sMenu>li {}
#menuArea .menuList>.list .sMenu>li>a {display:block; background:url('../images/main/menudot2.gif') left center no-repeat; padding:2px 0 2px 12px; border:none; font-size:13px; letter-spacing:-0.5pt; color:#666;}
#menuArea .menuList .btnMenu_mClose {display:block; width:96%; line-height:130%; padding:10px 0; text-align:center; font-size:13px; background:#333; color:#fff; letter-spacing:-0.75pt; margin:10px auto; border:none;}
#menuArea .menuList>.list>li.icon05 img{width:60px;}
#grayLayer {width:100%; height:100% !important; background:rgba(30,30,30,0.8); position:fixed; left:0; top:0; z-index:999; overflow-x:hidden;overflow-y:auto;display:none;}
#grayLayer > a {display:block;width:100%;height:100%}
.sMeun_in{position:relative; margin-left:13px}
.sMeun_in a{color:#888; font-size: 12px;}


/* 전체메뉴 버튼 */
button.menu-trigger{padding:0; width:45px; height:45px; background-color: transparent; line-height:45px; position: relative; border:none; cursor: pointer;}










/* 레이아웃 */
#wrap {position:relative; width:100%; height:100%; min-width:1200px;}

/* Header ON*/
#header {position:absolute;  z-index:999; width:100%;  box-sizing:border-box;clear:both; /*opacity:0;top:-30px; */ }
#header2 { display:none;clear:both; /*opacity:0;top:-30px; */  }
	#header2 .gnbDiv .gnbWrap .gnb .oneDep {color:#444 !important; }

	#header2 .gnbDiv .gnbWrap .gnb ul li.header_btn {display: none;}
	#header2 .gnbDiv .gnbWrap .gnb ul li.header_btn .btn_menu{ color:#444 !important; border: 1px solid #ddd !important; background: url('../images/main/sitemap2.png') 20px center no-repeat !important;}
	

	

	.header_wrap {position:relative; width:100%; height:98px; border-bottom:1px solid rgba(255,255,255,0.2); box-sizing:border-box; /* 21.01.19 background 추가 */ background: #fff;z-index: 999999;}
	.header_in {position:relative; width:1170px; margin:0 auto;z-index:999999999;}
	.header_in .tlogo {float:left; padding-top:42px; z-index:999999999;}
	




#header2 .gnbDiv .gnbWrap .gnb ul li.header_btn {display: none;}
	.header_btn .btn_menu{ color:#444 !important; border: 1px solid #ddd !important; background: url('../images/main/sitemap2.png') 20px center no-repeat !important;}

	.header_btn { display: block;float:left; padding-right:0; position:absolute; top:38px; right:0;}
	.header_btn .btn_menu_up{display: block;}
	.header_btn .btn_menu{display: block; background:url('../images/main/sitemap.png') 20px center no-repeat; display: block; text-align:center; width:110px; box-sizing: border-box; padding: 10px 0 10px 20px; border:1px solid rgba(255,255,255,0.4); border-radius:50px; color:#333; line-height:100%; font-size:13px; letter-spacing:-0.5px; }
	.header_btn .btn_menu img{padding-right:8px;}





/* TOP 메뉴 오버*/
#menu {position:absolute; width:100%; top:0; height:98px; z-index:1000;border-bottom: 1px solid #ddd !important; }





/* header  20210119 추가 */
/*header { width: 100%; height: 98px; position: fixed; background: #fff; z-index: 9999;}*/
.hd { width: 1170px; margin: 0 auto; height: 98px;z-index: 9999; }
.hd h1 { float: left; margin-top: 42px;}

.hdNav { float: right; height: 98px;}

.gnb { height: 98px; float: left;}
.gnb > li { font-family:"NotoKR-Medium", sans-serif; font-weight: 500;  font-size: 20px; margin-left: 66px; position: relative; float: left;}
.gnb > li > a { display: block; line-height: 92px; color: #333; padding-top: 6px; }
.gnb > li > a:hover , .gnb li.on a{color: #af070d;}	

.snb { display: none; overflow: hidden;  background: #fff; width: 150px; position: absolute; top: 99px; left: 50%; margin-left: -74px; padding: 15px 0 15px; z-index: 999;}
.snb li { font-family:"NotoKR-Regular", Sans-serif; font-size: 15px; letter-spacing: -0.5pt; font-weight:500;  text-align: center;}
.snb li a { display: block; line-height: 35px; color: #666;letter-spacing: -0.5pt; }
.snb li:hover a, .snb li.on a { background: #af070d; color: #fff;letter-spacing: -0.5pt;font-family:"NotoKR-Medium", sans-serif; }


/*==================== 관리자 GNB ===============*/
.hd02 { width: 1170px; margin: 0 auto; height: 98px;z-index: 9999; }
.hd02 h1 { float: left; margin-top: 42px;}

.hd02 .gnb { height: 98px; float: left;}
.hd02 .gnb > li { font-family:"NotoKR-Medium", sans-serif; font-weight: 500;  font-size: 18px; margin-left: 46px; /*margin-left: 66px;*/ position: relative; float: left;}
.hd02 .gnb > li > a { display: block; line-height: 92px; color: #333; padding-top: 6px; }
.hd02 .gnb > li > a:hover , .hd02 .gnb li.on a{color: #af070d;}	

.hd02 .snb { display: none; overflow: hidden;  background: #fff; width: 150px; position: absolute; top: 99px; left: 50%; margin-left: -74px; padding: 15px 0 15px; z-index: 999;}
.hd02 .snb li { font-family:"NotoKR-Regular", Sans-serif; font-size: 15px; letter-spacing: -0.5pt; font-weight:500;  text-align: center;}
.hd02 .snb li a { display: block; line-height: 35px; color: #666;letter-spacing: -0.5pt; }
.hd02 .snb li:hover a, .hd02 .snb li.on a { background: #af070d; color: #fff;letter-spacing: -0.5pt;font-family:"NotoKR-Medium", sans-serif; }

.hd02	.header_btn { display: block;float:left; padding-right:0; position:absolute; top:38px; right:0;}
.hd02	.header_btn .btn_menu_up{display: block;}
.hd02	.header_btn .btn_menu{display: block; background:url('../images/main/sitemap.png') 20px center no-repeat; display: block; text-align:center; width:110px; box-sizing: border-box; padding: 10px 0 10px 20px; border:1px solid rgba(255,255,255,0.4); border-radius:50px; color:#333; line-height:100%; font-size:13px; letter-spacing:-0.5px; }
.hd02	.header_btn .btn_menu img{padding-right:8px;}
/*==================== //관리자 GNB ===============*/

/*
.gnbDiv {width:100%; height:372px; overflow:hidden; position:absolute; top:0; left:0; z-index:10000;}
.gnbDiv .gnbWrap {position:absolute; top:0; z-index:10000; margin: 0 auto; overflow: hidden; position: relative; width:1170px; z-index: 10000;} 
.gnbDiv .gnbWrap h1{position:absolute; padding:42px 0 0 0; z-index:9999999; display:none}
.gnbDiv .gnbWrap .gnb {width:880px;z-index:10000; height:372px; float:right; margin-right: -80px;}
.gnbDiv .gnbWrap .gnb .oneDep {font-family:"NotoKR-Medium", sans-serif; line-height:100%; font-size:19px; height:67px; color:#333; letter-spacing:-0.5pt; padding-top:44px; text-align:left;}
.gnbDiv .gnbWrap .gnb ul{overflow:hidden; width:100%; height:352px;}
.gnbDiv .gnbWrap .gnb ul li{  height: 390px; position:relative; float:left; text-align:left; line-height:100%; padding-right:3%}	

.gnbDiv .gnbWrap .gnb ul li.one{width:130px;} 
.gnbDiv .gnbWrap .gnb ul li.two{width:130px;}  
.gnbDiv .gnbWrap .gnb ul li.three{width:130px;} 
.gnbDiv .gnbWrap .gnb ul li.four{width:130px; padding-right:0} 

.gnbDiv .gnbWrap .gnb ul li.header_btn { display: block;float:left; padding-right:0; position:absolute; top:36px; right:0;}
.gnbDiv .gnbWrap .gnb ul li.header_btn .btn_menu_up{display: block;}
.gnbDiv .gnbWrap .gnb ul li.header_btn .btn_menu{display: block; background:url('../images/main/sitemap.png') 20px center no-repeat; display: block; text-align:center; width:110px; box-sizing: border-box; padding: 10px 0 10px 20px; border:1px solid rgba(255,255,255,0.4); border-radius:50px; color:#333; line-height:100%; font-size:13px; letter-spacing:-0.5px; }
.gnbDiv .gnbWrap .gnb ul li.header_btn .btn_menu img{padding-right:8px;}




.gnbDiv .gnbWrap .gnb ul li a.oneDep{display:block; position:relative; color:#333; text-decoration:none !important;  background:center 68px ; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.gnbDiv .gnbWrap .gnb ul li.on {}
.gnbDiv .gnbWrap .gnb ul li.on a.oneDep {color:#1e4faf!important; text-decoration:none; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.gnbDiv .gnbWrap .gnb ul li.five.on a.oneDep {background:none;}
.gnbDiv .gnbWrap .gnb ul li.six.on a.oneDep {background:none;}
.gnbDiv .gnbWrap .gnb ul li.seven.on a.oneDep {background:none;}
.gnbDiv .gnbWrap .gnb ul li.header_btn.on {}
.gnbDiv .gnbWrap .gnb ul li.on a.oneDep:hover{color:#1e4faf!important; text-decoration:none;}



.gnbDiv .gnbWrap .twoDep {display:block; padding-top:14px; box-sizing:border-box; position:relative; visibility: visible;}
.gnbDiv .gnbWrap li.on .twoDep{}
.gnbDiv .gnbWrap li.on .twoDep a.off:hover{color:#1e4faf; vertical-align:top;}
.gnbDiv .gnbWrap li .twoDep a.on{color:#1e4faf; vertical-align:top;}
.gnbDiv .gnbWrap li .twoDep a {display:block; color:#777; line-height:100%; letter-spacing:-0.5pt; font-size:15px; padding:5px 0; margin-bottom:3px; text-align:left;}
.disB{display:block;}
.gnbDiv .gnbWrap li.one .twoDep{ box-sizing:border-box;}
.twoDbg{display:; background:#fff; border-top:1px solid #ddd; border-bottom:4px solid #1e4faf; position:absolute; top:98px; left:0; height:268px; width:100%; z-index:9999; line-height:100%;}
.twoDbg .twoDbg_bg{}
*/



.accordion, .accordion * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}

.accordion {overflow: hidden;}

.accordion-section-header {width:100%; position:relative; display: inline-block; font-size: 15px; letter-spacing: -0.5pt; line-height:19px; padding: 3px 0;margin-bottom: 3px;}
.accordion-section-header:hover{color:#1e4faf;}
.accordion-section-header span{line-height: 100%; position:absolute;top:5px; right:0px; display:inline-block; border:1px solid #ddd; width:15px; height:15px;background:url('../images/main/plus2.gif') center no-repeat;}
.accordion-section-header.active{color:#1e4faf;}
.accordion-section-header.active span{display:inline-block; border:1px solid #ddd; width:15px; height:15px;background:url('../images/main/plus.gif') center no-repeat;}
.accordion-section-content { display: none;}
.accordion-section-content dl{margin-top:8px; position: relative;  margin-bottom:10px}
.accordion-section-content dd{margin-bottom:7px}
.accordion-section-content dd a{line-height:16px; display:block; text-align:left; border:none; font-size:13px; letter-spacing: -0.5pt; color:#666; padding-left:5px; box-sizing:border-box;}
.accordion-section-content dd a:hover{color:#1e4faf; text-decoration: underline;}
.accordion-section-content dd.last{margin-bottom:0}





/* 하단 */
#footer {position:relative; width:100%; clear:both; overflow:hidden; background: #2d3133;}
#footer .foot_in {position:relative; margin:0 auto; max-width:1170px; overflow:hidden; padding:40px 0 10px 0;}
#footer .foot_in .flogo{position:relative; overflow:hidden;float:left; width:190px; top:5px;}
#footer .foot_in .info{float:left; position:relative; overflow:hidden; margin-left:0px; margin-left:40px;width: calc(100% - 310px);}

#footer .copy{position:relative; overflow:hidden; clear:both; }
#footer .copy ul{}
#footer .copy li{line-height:25px; color:#aaa; font-size:15px;}
#footer .copy li span{line-height:25px; margin-right:20px;  letter-spacing:-0.3px;}
#footer .copy li span.bold{color:#ccc;}
#footer .copy li span.bold2{margin-right:0; color:#ccc;}
#footer .copy li span img{padding-right:5px; padding-bottom: 3px;}
#footer .copy li a {color:#ccc;}
#footer .copy li a:hover {color:#ccc;}
#footer .copy li.copyright{color:#777; font-size:13px; padding:10px 0; text-transform: uppercase;}
#footer .copy li.copyright .policy{margin-left:10px; line-height:100%; font-size:13px; letter-spacing: -0.5pt; border:1px solid #ddd; padding:5px}


/* 게시판 페이징 */
.page_num { position: relative; width: 100%; text-align: center; padding: 15px 0 0 0 }
.page_num ul.pagination { display: inline-block; padding: 0; margin: 0 }
.page_num ul.pagination li { display: inline }
.page_num ul.pagination li a { color: #666; float: left; padding: 6px 12px; text-decoration: none; border: 1px solid #CBCBCB; margin: 0 1px }
.page_num ul.pagination li a.active { background: #484C57; color: #FFF; border: 1px solid #484C57 }










/*탑 버튼*/

div.topBtn { position:fixed; right:30px; bottom:30px; z-index:999; }
div.topBtn #scroll {display:block; background:url('../images/main/top.png') center no-repeat, #e01921; border-radius: 57px; width:57px; height:57px; box-shadow:5px 5px 20px rgb(0,0,0,0.2);
}
div.topBtn #scroll:hover{background:url('../images/main/top.png') center no-repeat, #af070d; }




/* ==검색 - 팝업 modal==  */
.modal {width:82px;}
/* 전체화면 - 팝업 modal  */
#mask2 {position:absolute; left:0; top:0; z-index:999999999 !important; background:#000 !important ; display:none; width:100%;opacity: .75;}
#boxes2 .window2 {position:fixed; top:20%; margin-top:0px; right:50%; margin-right:-450px; width:900px; height:360px; display:none; z-index:9999999999999999999 !important; background:#fff; box-sizing:border-box; border-radius: .25rem; box-shadow:#555 0 0 40px;}
/*
#boxes2 .window2 {position:fixed; top:20%; margin-top:-200px; right:50%; margin-right:-450px; width:900px; height:360px; display:none; z-index:9999999999999999999 !important; background:#fff; box-sizing:border-box;
    border-radius: .25rem}
*/
#boxes2 .window2 .modal {position:relative; width:100%; height:320px; padding:50px 30px 45px 50px; box-sizing:border-box;}

#boxes2 .window2 .modal p { text-align:left;}
#boxes2 .window2 .modal p a:link, 
#boxes2 .window2 .modal a:visited {font-size:13px; color:#666; font-weight:500; display:block; padding-bottom:8px; letter-spacing:-0.5pt;}
#boxes2 .window2 a.close2 {position:absolute; right:0; top:10px; display:block; width:45px; height:45px; line-height:normal; text-indent:-999999px; background:url('../images/sub/close.jpg') no-repeat;}

/* ==검색 - 팝업 modal==  */
.bg-fixed {background-attachment: fixed;}
.bg-local {background-attachment: local;}
.bg-scroll {  background-attachment: scroll; }
.overflow-auto {overflow: auto;}
.overflow-hidden {overflow: hidden;}
.overflow-visible {overflow: visible;}
.overflow-scroll {  overflow: scroll; }
.overflow-x-auto {overflow-x: auto;}
.overflow-y-auto {  overflow-y: auto; }

/** 팝업 **/
 .popup { position:relative; margin:20px 0 0px;  width:100%;background: #fff; border-top: 2px solid #000;}
.popup .titleArea { min-height:30px; margin:0; border-bottom:0; }
.popup .titleArea h3 { display:block; clear:both; margin:30px 0 5px; border-bottom:0; text-align:center; font-family:"NotoKR-Regular", Sans-serif; font-size:30px; font-weight:400; color:#333; letter-spacing:-0.03em; }
.popup .titleArea h2 { display:block; clear:both; margin:40px 0 5px; border-bottom:0; text-align:center; font-family:"NotoKR-Regular", Sans-serif; font-size:26px; font-weight:400; color:#333; letter-spacing:-0.03em; }
.popup .titleArea span { display:block; clear:both; margin:0 0 20px; text-align:center; font-size:12px; font-weight:400; color:#999; letter-spacing:-0.03em; }
/* 팝업 */



/*******************************************************************************
	@media 1024px~1200px
*******************************************************************************/
@media all and (max-width:1169px){


#wrap {position:relative; width:100%; min-width:100%; }
	.header_in{position:relative; margin:0 auto; width:96%;}
	.header_in h1{position:absolute; float:left; z-index:99999; }
	
	#header .top_in{width:96%;}
	
	.gnbDiv .gnbWrap {top:0; z-index:10000; margin: 0 auto; overflow: hidden; position: relative; width:100%; z-index: 10000;} 



.header_pc {display:none;}
.header_mobile {display:inline-block;}
.header_in #top_box{display:none;}
.all_cate{position:relative; z-index:99999; top:-3px;}
.all_cate button{background:none; cursor:pointer}
	
.intra{position: absolute; top: 32px;right: 135px; padding-left: 12px;}
.intra a{color:#fff !important ; line-height:100%; font-size:15px;font-family: 'Montserrat', sans-serif; font-weight: 700;}
	
.englink{position: absolute; top: 32px;right: 50px; background: url('../images/main/line.png') left 1px no-repeat;padding-left: 12px;}
.englink a{color:#fff !important ; line-height:100%; font-size:15px;font-family: 'Montserrat', sans-serif; font-weight: 700;}
.englink a img{width:27px; padding-right:5px;}

.englink2{    position: absolute;    top: 32px;right: 50px; background: url('../images/main/line.png') left 1px no-repeat;padding-left: 12px;}
.englink2 a{color:#fff !important ; line-height:100%; font-size:15px}
.englink2 a img{width:27px; padding-right:5px;}
	

#header {height:80px;}
.header_wrap {height:80px}
.header_in .tlogo {padding-top:30px; width:55%;}
.header_in .tlogo img {max-width:100%; width: 250px;}
#menu {display:none;}
.header_mobile {display:block; float:right;}
.header_mobile .top_search {float:left; padding-right:0;position:absolute; top:28px; z-index:999999; right:134px;}
.header_mobile .top_search a{width:18px; height:18px; background:url('../images/main/btn_search.png') center no-repeat; display:inline-block;}
.header_mobile .header_btn {width:38px; height:38px; background:url('../images/main/sitemap.png') center no-repeat; border: 1px solid #ddd !important;/*border: 1px solid rgba(255,255,255,0.4);*/ display:inline-block; border-radius: 50px; float:left;  position:absolute; top:20px; right:0; cursor:pointer;}
	
#header2 .intra{}
#header2 .intra a{color:#444 !important;}	
#header2 .englink{background: url(../images/main/line2.gif) left 1px no-repeat;}
#header2 .englink a{color:#444 !important;}
#header2 .englink2{background: url(../images/main/line2.gif) left 1px no-repeat;}
#header2 .englink2 a{color:#444 !important;}	
	
#header2 .header_mobile .header_btn{border: 1px solid #ddd !important; background:url('../images/main/sitemap2.png') center no-repeat !important}
/*#header2 .header_mobile .top_search a{width:18px; height:18px; background:url('../images/main/btn_search2.png') center no-repeat; display:inline-block;}


.topbox{top:25px}
.topbox .btnMenu_m img{margin:0; width:44px; height:44px; border:1px solid #333;}
.searchZone2{display:none;}
.searchZone{top:-3px; right:44px; display:block;  border:1px solid #333;}
.topbox .lan{top:8px}
*/	

/* 탑버튼 */
div.topBtn{right:2%; bottom:2%}


#wrap {position:relative; width:100%; -moz-transition: all 0.3s ease;  -o-transition: all 0.3s ease;  -webkit-transition: all 0.3s ease;  padding-right: 0; -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;}
#wrap.toggled { margin:0 ; }
#wrap.toggled #sidebar-wrapper { width: 200px;}


.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none; }
.dropdown-menu li a{padding:6px 0 6px 15px; background:#f9f9f9; border:none; font-size:13px; letter-spacing:-0.5pt; }
.dropdown-menu li a:hover{background:#f9f9f9 !important; text-decoration:none; }
.open>.dropdown-menu{display:block}
.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;z-index:1030}


.hamburger { border: none;  display: block;}






/* 풋터 */
#footer{margin:0 auto}
#footer .foot_in{width:96%; }


}


/*******************************************************************************
	@media ~1024pxpx
*******************************************************************************/
@media all and (max-width:1024px){

/* 전체화면 - 팝업 modal  */

#boxes2 .window2 {position:fixed; top:20%; margin-top:0px; right:50%; margin-right:-45%; width:90%; height:360px;  box-shadow:#555 0 0 40px;}

#boxes2 .window2 .modal {position:relative; width:100%; height:320px; padding:50px 30px 45px 50px; box-sizing:border-box;}

#boxes2 .window2 .modal p { text-align:left;}
#boxes2 .window2 .modal p a:link, 
#boxes2 .window2 .modal a:visited {font-size:13px; color:#666; font-weight:500; display:block; padding-bottom:8px; letter-spacing:-0.5pt;}
#boxes2 .window2 a.close2 {position:absolute; right:0; top:10px; display:block; width:45px; height:45px; line-height:normal; text-indent:-999999px; background:url('../images/sub/close.jpg') no-repeat;}


/** 팝업 **/
 .popup { position:relative; margin:20px 0 0px;  width:100%;background: #fff; border-top: 2px solid #000;}
.popup .titleArea { min-height:30px; margin:0; border-bottom:0; }
.popup .titleArea h3 {margin:30px 0 5px;font-size:30px;}
.popup .titleArea h2 { margin:40px 0 5px;font-size:26px;}
.popup .titleArea span {  margin:0 0 20px;font-size:12px;}
/* 팝업 */	
	
	
}


/*******************************************************************************
	@media 768~980px
*******************************************************************************/
@media all and (max-width:980px){







/* 풋터 */
#footer .copy li{font-size:13px; line-height:20px}
#footer .foot_in{padding:30px 0}
#footer .foot_in .flogo{display:none;}
#footer .copy li span{display:inline-block;line-height:20px }
#footer .foot_in .info{width:100%; margin-left:0}
#footer .copy li.copyright{font-size:12px; line-height:18px;}
#footer .copy li.copyright .policy{ font-size:12px ;display:block; margin-left:0; margin-top:10px; width:90px; text-align:center;}

}

/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

.header_in .tlogo {padding-top:28px; width:55%;}
.header_in .tlogo img {width: 200px;}
	
.header_wrap{height:70px}
.header_in .logo{width:150px; }
.header_mobile .header_btn{top:15px}
.intra{top:28px;right: 105px; }
.intra a{font-size:14px}	
.englink{top:28px;}
.englink a{  font-size:14px}
.englink span{display: none;}
	
.englink2{top:28px;}
.englink2 a{font-size:14px}	
.header_mobile .top_search{top:25px; right:132px;}



/* 풋터 */
#footer{margin:0 auto}
#footer .foot_in{width:94%; padding:20px 0}
div.topBtn #scroll{width:50px; height:50px}
#footer .copy li span.bold{display:block}

	
/* 전체화면 - 팝업 modal  */

#boxes2 .window2 {position:fixed; top:20%; margin-top:0px; right:50%; margin-right:-45%; width:90%; height:300px;  box-shadow:#555 0 0 40px;}

#boxes2 .window2 .modal {position:relative; width:100%; height:320px; padding:30px 20px 25px 20px; box-sizing:border-box;}

#boxes2 .window2 a.close2 {position:absolute; right:0; top:10px; display:block; width:45px; height:45px; line-height:normal; text-indent:-999999px; background:url('../images/sub/close.jpg') no-repeat;}


/** 팝업 **/
 .popup { position:relative; margin:15px 0 0px;  width:100%;background: #fff; border-top: 2px solid #000;}
.popup .titleArea { min-height:28px; margin:0; border-bottom:0; }
.popup .titleArea h3 {margin:30px 0 5px;font-size:26px;}
.popup .titleArea h2 { margin:30px 0 5px;font-size:24px;}
.popup .titleArea span {  margin:0 0 20px;font-size:12px;}
/* 팝업 */	
		
	
}


/*******************************************************************************
	@media ~480px
*******************************************************************************/
@media all and (max-width:480px){

/* 전체화면 - 팝업 modal  */

#boxes2 .window2 {top:20%; margin-top:0px; right:50%; margin-right:-45%; width:90%; height:270px;  box-shadow:#555 0 0 40px;}

#boxes2 .window2 .modal {position:relative; width:100%; height:270px; padding:30px 20px 25px 20px; box-sizing:border-box;}


/** 팝업 **/
 .popup {margin:15px 0 0px;}
.popup .titleArea { min-height:28px; margin:0; border-bottom:0; }
.popup .titleArea h3 {margin:25px 0 5px;font-size:24px;}
.popup .titleArea h2 { margin:15px 0 5px;font-size:20px;}
.popup .titleArea span {  margin:0 0 20px;font-size:12px;}
/* 팝업 *
	
}


/*******************************************************************************
	@media ~375px
*******************************************************************************/
@media all and (max-width:375px){

.header_mobile .header_btn{width:35px; height:35px;}
.intra{top:25px;right:93px}
.intra a{font-size:13px}
.englink a{font-size:13px}
.englink a img{width:23px;}
.englink{right:42px}	
	
.header_mobile .top_search{right:116px;}
}

/*******************************************************************************
	@media ~320px
*******************************************************************************/
@media all and (max-width:320px){

.header_mobile .header_btn{width:35px; height:35px;}
.intra{top:25px;right:85px}
.intra a{font-size:12px}
.englink a{font-size:12px}
.englink a img{width:20px;}
.englink{right:38px}
	
.header_mobile .top_search{right:116px;}

	
#footer .copy li.copyright{font-size:10px; line-height:18px;}	

}