@import url('font.css'); /* 폰트임 */
@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Cabin:400,700&display=swap');
 @font-face{ font-family:NG; src:url('/font/NanumGothic.eot'); src:local(※), url('/font/NanumGothic.woff') format('woff');}
 @font-face{ font-family:NGEN; src:url('/font/NanumGothicBold.eot'); src:local(※), url('/font/NanumGothicBold.woff') format('woff');}

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,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:155%;letter-spacing:normal} /* delete vertical-align,font:inherit; */
body,html{width:100%; font-size:13px; color:#666; font-family:'Rubik', 'Noto Sans KR', NanumGothic, 나눔고딕, NG, Tahoma, Geneva, sans-serif;}
*{font-family:'Rubik', 'Noto Sans KR', NanumGothic,'NanumGothic', 나눔고딕, NG, Tahoma, Geneva, 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:separate;border-spacing:0; font-size:13px;}
table caption {overflow:hidden; font-size:0; line-height:0; font-size:13px;}
tbody,tfoot,thead,tr,th,td {margin:0;line-height:155%;letter-spacing:normal;}
dt{display:block;}
hr{display:none;}
a{cursor:pointer;text-decoration:none;color:#666;}
address{font-style:normal;}
input,select,img{vertical-align:middle;}
input:focus, textarea:focus, button:focus {outline:none;}  /* 크롬에서 커서 클릭시 파란색 테두리 제외*/
.input_search {border:0; background:none; height:20px; width:155px; font-size:12px; color:#909496; font-family:'Rubik', 'Noto Sans KR', NanumGothic, 나눔고딕, NG, Tahoma, Geneva, sans-serif;}

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

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

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

#sticker{z-index: 111 !important;}
.hey #header{background:#fff; height:71px; box-shadow:0px 5px 10px rgba(0,0,0,0.1)}
.hey .header_in h1{background:url('/img/logo2.png') center no-repeat }
.hey .header_in{margin: 14px auto 0 auto;}
.hey #header .btnMenu_m{top:11px; background: url('/img/menu2.png') no-repeat;}
.hey .header_in{height:57px}
.hey .topbox .lan a{color: rgba(51,51,51,0.4); }
.hey .topbox .lan a.on{color:#333; border-bottom: 2px solid #333;}
.hey .topbox .lan{top:7px;}
.hey .topbox .searchZone a{background: url('/img/search_btn2.png') no-repeat; background-size:20px;}
.hey .topbox .searchZone{top:9px}


#header{position:absolute; z-index:999; width:100%; clear:both; }
	.header_in{position:relative; margin:37px auto 0 auto; width:1200px; height:71px;}
	.header_in h1{margin:0 auto; position:relative; width:212px; height:37px; text-align:center;  background:url('/img/logo.png')  no-repeat }
	.header_in h1 a{display:block; width: 212px;  height: 37px;}

	#header .topUtil{position:relative; overflow:hidden; width:100%; height:41px; border-bottom:1px solid #5b6165}
	.topUtil_in{position:relative; margin:0 auto; width:1020px;}
	.topUtil ul{float:right; padding:14px 0 0 0;}
	.topUtil li{float:left; padding:0 8px 0 8px; background:url('../../img/top_line.gif') right 8px no-repeat; line-height:12px;}
	.topUtil li img{margin:0 8px 2px 0}
	.topUtil li.last{padding:0 20px 0 8px; background:none;}
	.topUtil li a:link, .topUtil li a:visited{font-size:12px; letter-spacing:0; line-height:12px; font-family:PT sans; font-weight:400; color:#909496}
	.topUtil li a:hover{text-decoration:none; color:#fff}
	.topUtil dl{float:right; position:relative; overflow:hidden; width:227px; height:41px; border-left:1px solid #5b6165; border-right:1px solid #5b6165}
		.topUtil dd{float:left; padding:9px 0 0 10px}
		.topUtil dt{float:right; border-left:1px solid #5b6165;}

.topbox{position: absolute; top: 0px; right: 0;z-index: 9999;}
.topbox .lan{position: absolute; right:45px; top:0px;}
.topbox .lan a{font-size:15px; color:rgba(255,255,255,0.4); font-size:15px; margin-right:15px;}
.topbox .lan a:last-child{margin-right:0}
.topbox .lan a.on{color:#fff; border-bottom:2px solid #fff;}
#header .btnMenu_m{position: absolute; display:block; width:21px; height:20px; top:5px; cursor: pointer; z-index:5; background:url('/img/menu.png') no-repeat}


.searchZone2{width:300px; position:absolute;top:0px; right:0px; z-index:9999;}
		.searchZone2 .menu{}
		.searchZone2 .search {display:none;position:absolute; right:40px; top:-9px; z-index:9999;}
		.searchZone2 .lookBtn {z-index:9999;}
		.searchZone2 .inputB2{width:190px; position:relative; overflow:hidden; background:#fff;border:1px solid #ddd; z-index:9999;}
		.searchZone2 .inputB2:hover{transition: all .3s ease; border:1px solid #c8c8c8;}
			.inputB2 dd{float:left; padding:13px 2px 0 2px;}
			.inputB2 dt{float:right;}
			.inputB2 dt img{width:60px !important;}
			.inputB2 dt input{cursor: pointer; padding:10px 8px 0 0}
		.searchZone2 .lookBtn{position:absolute; top:2px; right:0px; width:21px; height:25px;z-index:9999;}
		.searchZone2 .lookBtn:hover{transition: all .3s ease; }
		.searchZone2 .lookBtn a{width:45px; height:45px}
		.input_search {border:0; background-color:#fff; width:125px; font-size:13px; color:#666; padding:0px 5px 10px;}
		.img_btn{}
		
	#header .topUtil{position:relative; overflow:hidden; width:100%; height:41px; border-bottom:1px solid #5b6165}
	.topUtil_in{position:relative; margin:0 auto; width:1020px;}


.searchZone{ position:absolute; top:2px;right:0px; z-index:89;}
.searchZone a{background:url('/img/search_btn.png') no-repeat; width:20px; height:20px; display:inline-block; background-size:20px; }
.mask {position:absolute; left:0; top:0; z-index:9999; background-color:#3c4247; display:none;}
.window {display: none; z-index:99995; width:80%; max-width:1000px; height:55px; background:#fff; border-radius:8px; box-sizing:border-box; padding:10px 15px; margin-left:-3%;}
.window .close{display:block; font-size:20px; color:#fff; position:absolute; top:-30px; right:8px; height:19px; width:19px; z-index:99999; cursor:pointer; }
.inputB{width:100%; overflow:hidden; clear:both; }
.inputB dd{float:left; width:70%; overflow:hidden; }
.input_search2{border:none !important;  letter-spacing:0; width:100%; font-size:14px; color:#777; letter-spacing:0; padding:8px 0}
.inputB dt{float:right; padding:7px 0 0px 15px;  }
.inputB dt input{cursor:pointer;}

input::-webkit-input-placeholder { color:#999; font-size:13px;}
input::-moz-placeholder { color:#999; font-size:13px;}
input:-ms-input-placeholder { color:#999; font-size:13px;}






 /* 메뉴 : 슬라이드 메뉴 */
#menuArea ul, #menuArea ol, #menuArea li{list-style:none;}
#menuArea { width:100%;  height:630px; position:fixed; top:0; z-index:9999; overflow-x:hidden; display:none;}
#menuArea h2 {padding:40px 0 0 48px;}
#menuArea h2 img{width:115px;}
#menuArea .menu_top{margin:37px auto 0 auto; padding-bottom:37px; position: relative; border-bottom:1px solid #ddd;}
#menuArea .menu_top h1{text-align:center;}
#menuArea .menu_top .lan{position: absolute;right: 0; top: 8px;}
#menuArea .menu_top .lan a{font-size: 15px; color:rgba(51,51,51,0.4); font-size: 15px; margin-right: 15px;}
#menuArea .menu_top .lan a:last-child{margin-right:0}
#menuArea .menu_top .lan a.on{color:#333; border-bottom: 2px solid #333;}

#menuArea .menuList {background:#fff; width:100%; margin: auto; min-height:100%; position:relative; top:-100%; box-sizing:border-box;overflow-y:auto;}
#menuArea .menuList .menu_in{max-width:1200px; position:relative; margin:0 auto }
#menuArea .menuList .list{display:none;}
#menuArea .menuList>.list {margin:0 3%; padding:70px 0 0 0 !important; list-style:none; }
#menuArea .menuList>.list>li {list-style:none; border-bottom:1px solid #ddd; }
#menuArea .menuList>.list>li>a {position: relative; display:block;font-weight: 700; font-size:20px; color:#333;letter-spacing:0; line-height:42px; width:100%; box-sizing:border-box; margin:0; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
#menuArea .menuList>.list>li>a:after{    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -6px;
    width: 12px;
    height: 12px;
    background: url('/img/plus.png') no-repeat center;
    background-size: 100%}
#menuArea .menuList>.list>li.active>a:after{background: url('/img/plus2.png') no-repeat center;
    background-size: 100%;}
#menuArea .menuList>.list>li>a:hover{color:#cf0a2c; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
#menuArea .menuList>.list>li.active>a{color:#cf0a2c;}

#menuArea .menuList>.list .sMenu {position: relative;  width: 100%;  padding:5px 0 14px 0; display:none;}
#menuArea .menuList>.list .sMenu>li {}
#menuArea .menuList>.list .sMenu>li>a {display:block; letter-spacing:0;padding:3px 0 3px 15px; border:none; font-size:16px;}

#menuArea .menuList .btnMenu_mClose {position: absolute; display:block;  top:8px; left:0px; }
#menuArea .menuList .sq{display: table-cell; vertical-align: middle; background:url('/img/close.gif') center no-repeat; width:22px; height: 22px;}
#menuArea .menuList .sqt{padding-left:10px; color:#fff;  font-size:12px;   display: table-cell; vertical-align: middle;}

#grayLayer {width:100%; height:100%; background:rgba(0,0,0,.6); position:fixed; left:0; top:0; z-index:1000; overflow-x:hidden;overflow-y:auto;display:none;}
#grayLayer > a {display:block;width:100%;height:100%}

#menuArea .mlist_wrap{position: relative; overflow:hidden; max-width:1000px;  margin:80px auto 0 auto;}
#menuArea .mlist_wrap dl{display:table; position: relative; overflow:hidden; margin-bottom:40px;}
#menuArea .mlist_wrap dt{letter-spacing:0; width:300px; position: relative; display:table-cell;color:#fff; font-weight:700; font-size:28px; line-height:130%; font-family: 'Montserrat', sans-serif; }
#menuArea .mlist_wrap dt a{z-index:1; position: relative; letter-spacing:0; font-weight:700; font-size:20px; line-height:130%; color:#333; }
#menuArea .mlist_wrap dt a:before{content:''; display:block; position:absolute; top:16px; left:0; width:0; height:3px; background:rgba(255,255,255,0.5); transition:all 0.5s; z-index:-1}
#menuArea .mlist_wrap dt a:hover:before{width:100%}

#menuArea .mlist_wrap dd{position: relative;display:table-cell; vertical-align: middle; }
#menuArea .mlist_wrap dd a{z-index:1; position: relative;letter-spacing:0; margin-right:20px;  color:#666; line-height:130%; font-size:16px;}
#menuArea .mlist_wrap dd:last-child a{margin-right:0}
#menuArea .mlist_wrap dd a:before{content:''; display:block; position:absolute; bottom:-2px; left:0; width:0; height:1px; background:#ee1d23; transition:all 0.5s; z-index:-1}
#menuArea .mlist_wrap dd a:hover:before{width:100%}
#menuArea .mlist_wrap dd a:hover{color:#ee1d23}


/* 하단 */
#footer {position:relative; width:100%; clear:both; overflow:hidden; background:#313131;}
#footer .foot_in {position:relative; margin:0 auto; max-width:1200px; overflow:hidden; padding:25px 0 50px 0;}
#footer .foot_bn{position:relative; overflow:hidden; border-top:1px solid #4b4b4b; border-bottom:1px solid #4b4b4b;}
#footer .foot_bn .in{max-width:1200px; margin:0 auto}
#footer .foot_bn ul{padding: 20px 0;
    float: left;
    position: relative;
    overflow: hidden;
    max-width: 1200px;
    margin: 0 auto;}
	.foot_bn li{float:left; padding:0 16px;}
	.foot_bn li strong{font-weight:600}
	.foot_bn li.first{padding:0 16px 0 0}
	.foot_bn li.last{background:none; padding:0 0 0 16px}
	.foot_bn li a{position:relative; letter-spacing:0; line-height: 130%;  font-size:14px; color:rgba(255,255,255,0.6)}
	.foot_bn li a:hover{text-decoration:none}
	.foot_bn li a:after{content: "";
    display: inline-block;
    width: 1px;
    height: 13px;
    background: #4b4b4b;
    position: absolute;
    right: -17px;
    top: 2px;}
	.foot_bn li:last-child a:after{display:none;}
#footer .copy{position:relative; overflow:hidden; float:left; width:75%}
#footer .copy ul{position:relative; overflow:hidden;}
#footer .copy li{line-height:18px; font-size:14px; color:rgba(255,255,255,0.6); margin-bottom:3px;}
#footer .copy li.bl{font-weight:700; font-size:16px; margin-bottom:10px;}
#footer .copy li span a{color:rgba(255,255,255,0.6);text-decoration: none !important;}
#footer .copy li span{margin-right:20px;}
#footer .copy li strong{font-weight:600}
#footer .copy a:link, .copy a:visited{line-height:22px; text-decoration:underline}
#footer .copy li.copyright{font-size:14px;color:rgba(255,255,255,0.3); padding-top:10px}
#footer .fo_link{color: rgba(255,255,255,0.6); overflow: hidden;

    font-size: 14px;
    letter-spacing:0; float: right;
    position: relative; border-left:1px solid #4b4b4b;  border-right:1px solid #4b4b4b;} 
#footer .fo_link a{ transition:all 0.8s, color 0.2s 0.2s; position: relative; color:rgba(255,255,255,0.6); display:block;     padding: 21px 20px;}
#footer .fo_link a span:after{ display:inline-block; 
    content: "";
    width: 13px;
    height: 13px;
    background: url('/img/link.png') no-repeat; background-size:13px;
    transition: all .8s ease;
	margin-left:10px; 
}
#footer .fo_link a:hover{box-shadow:0 84px 0 0 #cf0a2c inset, 0 -84px 0 0 #cf0a2c inset; color:#fff; border-color:#cf0a2c}
#footer .fo_link a:hover span:after{ width: 13px;
    height: 13px;
    background: url('/img/link2.png') no-repeat; background-size:13px;}



#footer .foot_select{float: right; position: relative; border-top: none;  border-bottom: none;border-color: #4b4b4b; overflow: hidden; padding: 21px 10px;font-size: 14px;
letter-spacing:0; color:rgba(255,255,255,0.6);background: #313131;}
#footer .flogo{float:left; width:17.9166666667%; margin-right:7.08333333333%}
#footer .flogo img{}

#loc_btn{display:none;}


/* 게시판 페이징 */
.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 }


/** 에러페이지 **/
#error {position:absolute; border:1px solid #ddd; width:500px; padding:200px 50px 50px 50px; text-align:center; background:url('/img/warning_icon.gif') center 50px no-repeat; left:50%; margin-left:-300px; top:49%; margin-top:-203px; box-shadow:0px 5px 0 #f6f6f6;} /*  -moz-transform:translateY(-49%); -ms-transform:translateY(-49%); -webkit-transform:translateY(-49%); transform:translateY(-49%); */
#error h1 {color:#333; font-family:"NanumGothic", "NG", MalgunGothic, Dotum, Arial, sans-serif; margin:0; letter-spacing:0;}
#error h1 span {color:#cc141d;}
#error div {color:#666; font-size:18px; letter-spacing:0; margin-top:30px; padding-top:30px; line-height:150%; border-top:1px dashed #ccc;}





/* client_warp */
#client_warp{position: relative; overflow: hidden; border-top:1px solid #ddd;}
#client_warp .in{position: relative; overflow: hidden; max-width:1200px; margin:20px auto;}
#client_warp .slider {width:100%;}
#client_warp .slick-slide {overflow: hidden;position:relative; margin:0 7.5px;}
#client_warp .slick-slide .img{overflow: hidden;position:relative;}
#client_warp .slick-slide img{width:100%}
#client_warp .slick-slide .in{position:relative;}
#client_warp .slick-slide .it_title{position:relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position:relative; color:#333; padding-top:25px; font-size:17px; line-height:24px; font-family:NotoKR-Light; letter-spacing:0;}



/* Arrows */
#client_warp .slick-prev, #client_warp .slick-next{position: absolute; display: block; top:-27%; width:22px;height:42px; padding: 0;  -webkit-transform: translate(0, -27%);    -ms-transform: translate(0, -27%);
	transform: translate(0, -27%);cursor: pointer;  color: transparent; border: none; outline: none; background: transparent; z-index:999; font-size:0}
#client_warp .slick-prev{left:0px; background:url('/img/arrow_l.png') no-repeat left center;}
#client_warp .slick-next{right:0px; background:url('/img/arrow_r.png') no-repeat right center;}
#client_warp .slick-slider{ position: relative;display: block;box-sizing: border-box;
	-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;
		touch-action: pan-y;-webkit-tap-highlight-color: transparent;	}
#client_warp .slick-list{position: relative;display: block;overflow: hidden;}
#client_warp .slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
#client_warp .slick-initialized .slick-slide{display: block;}


/* 사이트맵 */
#fsitemap_warp{position: relative; overflow: hidden; background:#3c3c3c;}
#fsitemap_warp ul{position: relative; overflow: hidden; max-width:1200px; margin:45px auto;}
#fsitemap_warp li{float:left; width:18.6666666667%; margin-right:1.66666666667%}
#fsitemap_warp li:last-child{margin-right:0}
#fsitemap_warp dl{position: relative; overflow: hidden;}
#fsitemap_warp dt{color:#fff; font-size:16px; font-weight:500; line-height:130%; letter-spacing:0; margin-bottom:20px;}
#fsitemap_warp dd{ margin-bottom:15px;}
#fsitemap_warp dd:last-child{margin-bottom:0}
#fsitemap_warp dd a{color:rgba(255,255,255,0.5); line-height:130%; font-size:15px; letter-spacing:0;}





/*탑 버튼*/

div.topBtn { position:fixed; right:30px; bottom:30px; z-index:999; }
div.topBtn #scroll {display:block; background:url('/img/top.gif') center no-repeat, #cf0a2c; border-radius: 50px; width:50px; height:50px; box-shadow:3px 3px 10px rgb(0,0,0,0.1);}


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


}


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

#menuArea .menu_top{margin:20px auto 0 auto; width: 94%; padding-bottom:20px}


.header_in{ position: relative; margin:20px auto 0 auto; width: 94%;}
.all_cate{position:relative; z-index:99999; top:42px;}
.all_cate:after{    content: "";
    display: inline-block;
    width: 1px;
    height: 20px;
    background: #ddd;
    position: absolute;
    right: 39px;
    top: -1px;}
.all_cate button{background:none; cursor:pointer}
.searchZone2{display:none;}
.searchZone{display:block; top:3px}


#fsitemap_warp ul{max-width:94%}
#footer .foot_bn{}
#footer .foot_in{max-width:94%}
#footer .copy{}
#footer .foot_bn ul{margin-left:3%}

#client_warp h2{display:none;}
#client_warp{width:100%}
#client_warp .slick-slider{float:none; width:100%}
#client_warp .in{margin:10px auto}

}


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

.header_in h1{}
#header .btnMenu_m{top:8px}
.searchZone{top:12px}
.topbox .lan{top:10px;}

#menuArea{height:100%}
#menuArea .mlist_wrap{display:none;}
#menuArea .menuList>.list{display:block; padding-top:30px !important}


#fsitemap_warp ul{margin:35px auto}
#fsitemap_warp dt{font-size:15px;}
#fsitemap_warp dd a{font-size:14px;}


#footer .flogo{display:none;}
.foot_bn li a{font-size:14px;}
#footer .copy li{font-size:14px; margin-bottom:5px}
#footer .copy li span.fin1{display:block; margin-bottom:5px}
/*#footer .foot_bn{padding:15px 0}*/
#footer .copy{width:100%}
#footer .copy li.copyright{font-size:14px; }
#footer .foot_bn ul{padding:15px 0px}
#footer .copy li .add{display:block; margin-bottom:5px;}
#footer .foot_select{padding:14px 10px 18px 10px; font-size:14px}
#footer .fo_link a{padding:14px 20px 14px 20px; font-size:13px}



}

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

.header_in{height:90px}
.header_in h1{background-size:150px; height:26px; width:150px;}
.header_in h1 a{width:150px; height:26px; }
.header_in h1 img{width:150px}
.topbox .lan{right:34px; top:3px}
.topbox .lan a{font-size:14px;}
.searchZone{top:5px}
.searchZone .img_btn{width:18px;}
.searchZone a{background-size:18px; height:18px; width:18px}
#header .btnMenu_m{background-size:16px;}

.hey #header{height:58px;}
.hey .header_in{height:44px;}
.hey .header_in h1{background-size:150px; height:26px; width:150px;}
.hey #header .btnMenu_m{background-size:16px; top:7px}
.hey .topbox .lan{top:3px}
.hey .topbox .searchZone a{background-size:18px}
.hey .topbox .searchZone{top:4px}

#menuArea .menu_top h1 img{width:150px;}
#menuArea .menuList .btnMenu_mClose{top:2px;}
#menuArea .menuList .sq{background-size:16px;}
#menuArea .menu_top .lan{top:0}

#menuArea .menuList>.list>li>a{font-size:18px}
#menuArea .menuList>.list .sMenu>li>a{font-size:14px;}

.page_num ul.pagination li a{font-size:11px; padding:4px 8px;}


#fsitemap_warp{display:none;}


/*#footer .foot_bn{padding:12px 0}*/
#footer .foot_bn ul{width:94%}
.foot_bn li a{font-size:13px; }
#footer .foot_bn .extlink{top:3px}
#footer .foot_bn .extlink a{font-size:13px}
#footer .copy li{font-size:13px; line-height:18px; text-align:center;}
#footer .copy li span{line-height:18px; margin-right:15px;}
#footer .copy li .cnum{margin-right:0}
#footer .copy li .add{margin-right:0}
#footer .copy li .fax{margin-right:0}
#footer .copy li.copyright{font-size:12px; }
#footer .foot_in{padding:25px 0 30px 0}

#footer .iata{position: relative; text-align:center;}
#footer .iata img{width:60px;}

#footer .foot_select{display:none;}

#footer .fo_link{display:block; float:none; width:100%; border-top:1px solid #4b4b4b; border-right:0; border-left:0}
#footer .fo_link a{padding:12px 3%}

/* 협력사 */

#loc_btn{display:block; position:relative; overflow:hidden; padding:12px 3%; background: #313131; border-bottom:1px solid #4b4b4b;}
#loc_btn a{position:relative; overflow:hidden; color:rgba(255,255,255,0.6); font-size:13px;letter-spacing:0;  line-height: 23px; background:url('/img/farrow.png') right center no-repeat;
background-size:10px; display:block;}
#loc_box{position:relative; overflow:hidden; padding:12px 3%; border-bottom:1px solid #4b4b4b; background:#313131}
#loc_box ul{position:relative; overflow:hidden;}
#loc_box li a{color:rgba(255,255,255,0.6); letter-spacing:0; line-height: 23px;}


div.topBtn #scroll{width:40px; height:40px; background-size:12px;}
div.topBtn{bottom:20px; right:20px;}

}


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

.header_in{width:94%; height:72px}
.header_in h1 {background-size:120px;height:22px; width:120px;}
.header_in h1 img{width:120px;}
.header_in h1 a{width:120px; height:22px;}
.all_cate button img{width:18px}
.all_cate{top:32px}
#header .btnMenu_m{top:3px}
.topbox .lan {right: 30px;     top: 2px;}
.topbox .lan a{font-size:13px; margin-right:10px ;}
.searchZone{top:3px;}

.hey .header_in h1{background-size:120px; height:22px; width:120px;}
.hey #header{height:53px;}
.hey #header .btnMenu_m{top:5px}
.hey .topbox .lan{top:0}

#menuArea .menu_top{margin-top:14px; padding-bottom:14px; }
#menuArea .menu_top h1 img{width:120px;}
#menuArea .menu_top .lan a{font-size:13px; margin-right:10px}
#menuArea .menuList .btnMenu_mClose{top:0}
#menuArea .menuList .sq{width:16px; height:16px}

#footer .copy li.bl{font-size:14px;}
#footer .copy li.copyright{font-size:12px; }
.foot_bn li.first{padding:0 12px 0 0}
.foot_bn li{padding:0 12px;}
.foot_bn li a:after{right: -14px;}
#footer .foot_bn ul{  margin-left:3% }
#footer .copy li {display:block;}
#footer .copy li .owner{margin-right:0}
#footer .copy li .cnum{display:block;}
/*#footer .foot_bn ul{    width: auto; display: table;margin-right: auto;margin-left: auto;}*/
#footer .foot_bn .extlink{margin-top:8px;  position: relative;
    text-align: center; top:
	auto}

#loc_btn{padding:12px 3%}
}


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




}