html {overflow-y:scroll}
pre {overflow-x:scroll;font-size:1.1em}
body {margin:0;padding:0;font-size:13px;font-family:'Futura TS', Arial, 돋움, Montserrat, 'Noto Sans KR', sans-serif; background:#fff; color:#222; min-width:320px;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img, p {font-family:'Futura TS', Arial, 돋움, Montserrat, 'Noto Sans KR', sans-serif; margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Futura TS', Arial, 돋움, Montserrat, 'Noto Sans KR', sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
#loading{position:fixed; left:0px; top:0px; width:100%; height:100%; background:URL(/img/load_logo.gif) no-repeat center center #fff; z-index:998; text-align:center;}
img {
  max-width: 100%;
}
.btn-title{color:#222;font-size:25px;letter-spacing:2px;}

.btn-stitle{color:#777;font-size:16px;letter-spacing:2px; font-style:italic;}


#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
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}
input, button {margin:0;padding:0;font-family:dotum;font-size:1em}
button {cursor:pointer}

p {margin:0;padding:0;word-break:break-all}
textarea, select {font-family:dotum;font-size:1em; color:#999;}
select {margin:0}

a:link, a:visited {color:#666;text-decoration:none}
a:hover, a:focus, a:active {color:#333;text-decoration:none}

.btn_new {font-size: 15px; white-space:nowrap; width:100%;padding:.6em 0 .6em 0;  font-family:'Futura TS', Arial, 돋움, Montserrat, 'Noto Sans KR', sans-serif; line-height:18px; display: inline-block;zoom: 1; color: #fff; text-align: center; position:relative; -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear;}

.btn_new.btn-dark{color:#ffffff; background-color: #222222; border-color: #222222; -webkit-box-shadow: 0 0px 0 #080c0f; box-shadow: 0 0px 0 #080c0f;text-decoration:none}
.btn_new.btn-dark:hover{color:#ffffff;background-color:#000000;text-decoration:none}




.blind {position:absolute; left:-9999999px; top:-999999px;}

.clb{clear:both;color:#777;font-size:8px;font-family:'Futura TS', Arial, 돋움, Montserrat, 'Noto Sans KR', sans-serif;}

.clb a:link, a:visited {color:#000000;text-decoration:none}
.clb a:hover, a:focus, a:active {color:#000000;text-decoration:none}

.clb_sub{border-top:0px solid #f6f6f6; clear:both;color:#000;font-size:15px;font-family:'Futura TS', Arial, 돋움, Montserrat, 'Noto Sans KR', sans-serif; text-align:center;}

.clb_sub a:link, a:visited {color:#000000;text-decoration:none; text-align:center;}
.clb_sub a:hover, a:focus, a:active {color:#000000;text-decoration:none; text-align:center;}




@media(min-width: 1000px) {
#pc_web{ z-index: 9999999999999;}
#m-box {max-width:1800px;  padding: 0; margin:0 auto;}
#left-box {
    border: 1px solid #ffffff;
    width: 68%;
    background-color: white;
    text-align: left;
    float: left;
    line-height:180%;
    margin: 0 auto;
padding:0px;
}
#center-box {
    border: 1px solid #ffffff;
    width: 33.333%;
    text-align: left;
    background-color: white;
    margin: 0 auto;
    line-height:180%;
padding:0px;
}
#right-box {
    border: 1px solid #ffffff;
    width: 30%;
    background-color: white;
    float: right;
    text-align: left;
    line-height:180%;
    margin: 0 auto;
padding:0px;
}
}

@media(max-width: 999px) {
#pc_web{display:none}
#m-box {width:100%;  padding: 0px; margin:0 auto;}
#left-box {
position:relative;
    width: 100%;
    background-color: white;
    text-align: left;
    line-height:180%;
    margin: 0px auto 20px;
    border-bottom: solid 1px #eee;
    padding-bottom:20px;
    padding-left:0px;
    padding-right:0px;
}
#center-box {
position:relative;
    width: 100%;
    background-color: white;
    text-align: left;
    line-height:180%;
    margin: 0 auto;
    margin: 10px auto 20px;
    padding-left:0px;
    padding-right:0px;
}
#right-box {
position:relative;
    width: 100%;
    text-align: left;
    background-color: white;
    margin: 0 auto;
    line-height:180%;
    border-bottom: solid 1px #eee;
    padding-bottom:20px;
    padding-left:0px;
    padding-right:0px;
}
}










@media(min-width: 1000px) {
#contm-box {max-width:1800px;  padding: 0; margin:0 auto;}
#contleft-box {
    border: 1px solid #ffffff;
    width: 50%;
    background-color: white;
    text-align: left;
    float: left;
    line-height:180%;
    margin: 0 auto;
padding-top:100px;
}
#contcenter-box {
    border: 1px solid #ffffff;
    width: 33.333%;
    text-align: left;
    background-color: white;
    margin: 0 auto;
    line-height:180%;
padding:0px;
}
#contright-box {
    border: 1px solid #ffffff;
    width: 30%;
    background-color: white;
    float: right;
    text-align: left;
    line-height:180%;
    margin: 0 auto;
padding:0px;
}
}

@media(max-width: 999px) {
#contm-box {width:100%;  padding: 0px; margin:0 auto;}
#contleft-box {
position:relative;
    width: 100%;
    background-color: white;
    text-align: left;
    line-height:180%;
    margin: 0px auto 0px;
    border-bottom: solid 0px #eee;
    padding-bottom:0px;
    padding-left:0px;
    padding-right:0px;
}
#contcenter-box {
position:relative;
    width: 100%;
    background-color: white;
    text-align: left;
    line-height:180%;
    margin: 0 auto;
    margin: 10px auto 20px;
    padding-left:0px;
    padding-right:0px;
}

#contright-box {
position:relative;
    width: 100%;
    text-align: left;
    background-color: white;
    margin: 0 auto;
    line-height:180%;
    border-bottom: solid 0px #eee;
    padding-bottom:20px;
    padding-left:0px;
    padding-right:0px;
}
}






@media(min-width: 1000px) {
#contxm-box {max-width:1800px;  padding: 0; margin:0 auto;}
#contxleft-box {
    border: 0px solid #ffffff;
    width: 50%;
    background-color: white;
    text-align: left;
    float: left;
    line-height:180%;
    margin: 0 auto;
padding:0px;
}
#contxcenter-box {
    border: 0px solid #ffffff;
    width: 33.333%;
    text-align: left;
    background-color: white;
    margin: 0 auto;
    line-height:180%;
padding:0px;
}
#contxright-box {
    border: 0px solid #ffffff;
    width: 30%;
    background-color: white;
    float: right;
    text-align: left;
    line-height:180%;
    margin: 0 auto;
padding:0px;
}
}

@media(max-width: 999px) {
#contxm-box {width:100%;  padding: 0px; margin:0 auto;}
#contxleft-box {
position:relative;
    width: 100%;
    background-color: white;
    text-align: left;
    line-height:180%;
    margin: 0px auto 20px;
    border-bottom: solid 1px #eee;
    padding-bottom:20px;
    padding-left:0px;
    padding-right:0px;
}
#contxcenter-box {
position:relative;
    width: 100%;
    background-color: white;
    text-align: left;
    line-height:180%;
    margin: 0 auto;
    margin: 10px auto 20px;
    padding-left:0px;
    padding-right:0px;
}

#contxright-box {
position:relative;
    width: 100%;
    text-align: left;
    background-color: white;
    margin: 0 auto;
    line-height:180%;
    border-bottom: solid 0px #eee;
    padding-bottom:20px;
    padding-left:0px;
    padding-right:0px;
}
}










/* 상단 레이아웃 */




#hd {position:fixed;width:100%; height:0px;background:#000000; z-index:9999; margin:0 auto; border: 0px solid #ffffff;}
#hd_top {position:relative;width:100%;top:0px; max-width:95%;z-index:999; margin:0 auto;}
.hd_zindex {z-index:10 !important}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper {position:relative;z-index:999999; margin:0 auto;padding:0 0;zoom:1}
.pclogo{position:absolute; width:100%;padding:0px 0 0px 0; text-align:left;}
.pclogo img{ }
.pclogo_sub{position:absolute;padding:10px 0 0px 0; top:25px;text-align:center;}
.pclogo_sub img{}



/* 메인메뉴 */
#GNB {position:absolute;margin:0 auto; top:40px; right:0; text-align:center; z-index:999999999;clear:both; height:36px;}
#GNB h2 {position:absolute;font-size:0;line-height:0;overflow:hidden; left:0px; top:-9999px;}
#GNB ul.gnb{width:100%;height:36px;margin:0 auto; text-align:center;}
#GNB ul.gnb li.gnb1dli{position:relative;display:inline-block;}
#GNB ul.gnb li{ margin:0px; padding:0px;}
#GNB ul.gnb li a.gnb1d{color:#555;font-family:'Futura TS', Arial, 돋움, Montserrat, 'Noto Sans KR', sans-serif; float:left; cursor:pointer;display:block;width:100%;display:block; height:36px; line-height:36px; text-align:center; font-weight:normal; font-size:14px; padding:0 10px;transition:width 1s}


#GNB ul.gnb li span.gnb1d_bar{color:#666;font-family:'Futura TS', Arial, 돋움, Montserrat, 'Noto Sans KR', sans-serif; float:left; cursor:pointer;display:block;width:100%;display:block; height:36px; line-height:36px; text-align:center; font-weight:normal; font-size:11px; padding:0 10px;}


#GNB ul.gnb li a:link,
#GNB ul.gnb li a:visited{text-decoration:none; color:#555;}
#GNB ul.gnb li a:hover,
#GNB ul.gnb li a:active,
#GNB ul.gnb li a:focus{text-decoration:none; color:#594c43;}
#GNB ul.gnb li a.gnb1d span{display:inline-block;_float:left; padding:0 20px; height:36px; line-height:36px; font-weight:normal; font-size:15px; }
#GNB ul.gnb li.active a.gnb1d{background:#f4f4f4;color:#222;}

#GNB ul li .submenu{display:none; position:absolute;left:50%; margin-left:-72px; width:160px; top:36px; padding-top:0px; z-index:999999; background:#333333; text-align:left; border: 1px solid #111111;}
#GNB ul li .submenu ul{margin:0px; padding:10px;}
#GNB ul li .submenu ul li{margin:0px; padding:5px; width:100%;border-bottom: 1px solid #555555;}
#GNB ul li .submenu ul li a{display:block; font-family:'Roboto Condensed',Arial; font-weight:400; font-size:12px;text-align:left; }
#GNB ul li .submenu ul li a:link,
#GNB ul li .submenu ul li a:visited{background:none;}
#GNB ul li .submenu ul li a:focus,
#GNB ul li .submenu ul li a:active,
#GNB ul li .submenu ul li a:hover{display:block; font-family:'Roboto Condensed',Arial; font-weight:400; font-size:12px;text-align:left; }
#GNB ul li .submenu ul li a span{display:block; padding:3px;}
#GNB ul li .submenu ul li a:link span,
#GNB ul li .submenu ul li a:visited span{color:#eee !important;}
#GNB ul li .submenu ul li a:focus span,
#GNB ul li .submenu ul li a:active span,
#GNB ul li .submenu ul li a:hover span{color:#eee !important;}
#GNB ul li .submenu ul li span.ltsp-1{letter-spacing:0.06em;}

.arr_gnb_down{display:block; width:14px; height:6px; background:URL(../img/arr_gnb_down.gif) no-repeat; position:absolute; right:-20px; top:50%; margin-top:-3px;}

#gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em}
#gnb_empty a {text-decoration:underline}

.ico_lang{position:absolute; right:0px; top:0px; z-index:99;}


.ico_lang a.SLopen{display:block;padding:10px;}
.ico_lang a.SLopen img{width:26px;}
.ico_lang a.SLclose{display:none;padding:15px;}
.ico_lang a.SLclose img{width:16px;}

.selectLang{background:#333; position:absolute; right:0px; top:156px; width:120px;z-index:999;display:none;}
.selectLang a{display:block; padding:15px 20px; font-size:14px;}
.selectLang a:link,
.selectLang a:visited{ color:#fff;}
.selectLang a:active,
.selectLang a:focus,
.selectLang a:hover{background:#000; color:#a68b58; text-decoration:none;}

/* 중간 레이아웃 */
#wrapper {margin:0 auto;width:100%; max-width:1200px; position:relative; z-index:9;}






@media(min-width: 901px) {

#container_films {padding:0px 0px 0 0px;margin:0 auto;width:auto;height:auto !important;}
#container_gallery {padding:0px 0px 0 0px;margin:0 auto;width:auto;height:auto !important;}
#container_product {padding:0px 0px 0 0px;margin:0 auto;width:auto;height:auto !important;}
#container {padding:0px 0px 0 2px;margin:0 auto;width:auto;height:auto !important;}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin-bottom:20px;font-size:1.2em;font-weight:bold}

#wrapper_gallery_list {padding:10px;margin:0 auto;width:100%; position:relative; z-index:9;}
#wrapper_product_list {padding:10px;margin:0 auto;width:100%; position:relative; z-index:9;}

}
@media(max-width: 900px) {

#container_films {padding:0px 0px 0 0px;margin:0 auto;width:auto;height:auto !important;}
#container_gallery {padding:0px 0px 0 0px;margin:0 auto;width:auto;height:auto !important;}
#container {padding:40px 20px 0 20px;margin:0 auto;width:auto;height:auto !important;}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin-bottom:20px;font-size:1.2em;font-weight:bold}

#wrapper_gallery_list {padding-top:0px;margin:0 auto;width:100%; max-width:960px;  position:relative; z-index:9;}
#wrapper_product_list {padding-top:0px;margin:0 auto;width:100%; max-width:960px;  position:relative; z-index:9;}

}




/* 중간 레이아웃 */
#wrapper_gallery {margin:0 auto;width:100%; max-width:100%; position:relative; z-index:9;}

#wrapper_gallery_view {background:#000; padding-top:70px;padding-bottom:70px;padding-left:20px;padding-right:20px;margin:0px auto;width:100%; max-width:100%; position:relative; z-index:9;}


#wrapper_product {margin:0 auto;width:100%; max-width:100%; position:relative; z-index:9;}

#wrapper_product_view {background:#000; padding-top:70px;padding-bottom:70px;padding-left:20px;padding-right:20px;margin:0px auto;width:100%; max-width:100%; position:relative; z-index:9;}




.b_title {color:#666666; width:100%; text-align:center; padding:40px 0 30px 0; position:absolute; left:-99999999999999999px; top:-999999999999999999999999px;}
.b_title h2{font-family:Times New Roman,'나눔고딕';color:#666666; font-size:30px; line-height:1.2em;font-weight:bold; width:100%; text-align:center;text-transform:uppercase;}
.b_title p{font-family:dotum;color:#999; font-size:12px;font-weight:bold;line-height:2.2em; width:100%; text-align:center;}

/* 하단 레이아웃 */
#ft_wrap{width:100%; min-width:320px; overflow:hidden;margin:10px auto 30px auto;}
#ft {width:100%;}
#ft #ft_in{width:100%;margin:0 auto; position:relative;border-top:1px solid #ffffff; padding:30px 0;}
#ft #ft_logo {text-align:left; padding-bottom:5px; font-family:Times New Roman; font-size:16px; font-weight:bold;}
#ft #ft_copy { font-family:'Malgun Gothic','맑은고딕','나눔고딕','Nanum Gothic',dotum; font-size:14px; color:#8b8883;}
#ft #ft_copy a:link,
#ft #ft_copy a:visited,
#ft #ft_copy a:hover,
#ft #ft_copy a:focus,
#ft #ft_copy a:active{color:#8b8883;text-decoration:none;}

#ft #btn_top {position:absolute;right:10px; top:50%; margin-top:-20px;}
#ft #btn_top a img{filter:Alpha(opacity=30); opacity:0.3; -moz-opacity:0.3;
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
#ft #btn_top a:hover img{filter:Alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}

#ft_icon{text-align:center; display:none;}
#ft_icon a{display:inline-block;padding:0 15px;}
#ft_icon a b{display:block; font-family:'Malgun Gothic','맑은고딕','나눔고딕','Nanum Gothic',dotum; font-size:12px; color:#A78D58;}
#ft #ft_icon a:link,
#ft #ft_icon a:visited,
#ft #ft_icon a:hover,
#ft #ft_icon a:focus,
#ft #ft_icon a:active{color:#A78D58;text-decoration:none;}

.ftreservation_board #ft_icon{display:block !important;}
.ftreservation_board #ft_copy{display:none !important;}

/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}


/* 새창 기본 스타일 */
.new_win {}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #333;border-bottom:1px solid #dde4e9;background:#fff;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:dotum;font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:20px}

.new_win .win_btn {clear:both;padding:20px;text-align:center} /* 새창용 */
.new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;background:#3f3f3f;color:#fff;line-height:2em;cursor:pointer}
.new_win .win_btn input {padding:0 10px;height:30px;line-height:2em}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#3f3f3f;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}





/* 웹사이팅 유투브 반응형 코드 2015-10-01 */

.youtube_wrap { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; width:100%;} 
.youtube_wrap iframe, 
.youtube_wrap object, 
.youtube_wrap embed { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }


/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}
.headh{display:none;}
.mobilev{display:none !important;}
@media all and (min-width: 920px) 
{
	.headh{height:100px; width:100%; position:relative; z-index:-1; background:#000; display:block;}
	.headh_2{height:0px; width:100%; position:relative; z-index:-1; background:#000; display:block;}
	.headh_sub{height:100px; width:100%; position:relative; z-index:-1; background:#fff; display:block;}
	.headh_main{height:0px; width:100%; position:relative; z-index:-1; background:#fff; display:block;}
	.headh_sub2{height:110px; width:100%; position:relative; z-index:-1; background:#000; display:block;}
	.gnb_mobile_bg,
	.gnb_mobile,
	.gnb_mobile2{display:none !important;}
}
/* ~ 920px */
@media all and (max-width: 920px) 
{


.blind-no {position:absolute; left:50px; top:15px;color:#777;font-family:'나눔고딕','Nanum Gothic',dotum; font-size:13px;}
	
	.headh{height:100px; width:100%; position:relative; z-index:-1; background:#000; display:block;}

	.headh_2{height:20px; width:100%; position:relative; z-index:-1; background:#000; display:block;}

	.headh_main{height:40px; width:100%; position:relative; z-index:-1; background:#fff; display:block;}
	.headh_sub{height:70px; width:100%; position:relative; z-index:-1; background:#fff; display:block;}
	.headh_sub2{height:70px; width:100%; position:relative; z-index:-1; background:#000; display:block;}
	#hd {min-width:320px !important; height:50px;overflow:hidden;position:fixed !important;_position:absolute; left:0px; top:-1px;z-index:999999 !important; background:#000;border-bottom: 1px solid #111;}
	#hd_wrapper{width:100% !important;}

	.selectLang{top:50px;position:fixed;}
	

	#GNB {top:20px;height:50px; width:100%;}
	#GNB .logoli{width:100%;text-align:left;margin:0 auto;float:none;display:block; }
	#GNB .logoli a{display:block; text-align:left; margin-left:0px;}
	#GNB .logoli a img{margin:0 auto;}


.clb{margin-left:10px;margin-right:10px;clear:both;color:#777;font-size:8px;font-family:'Futura TS', Arial, 돋움, Montserrat, 'Noto Sans KR', sans-serif;}

.clb a:link, a:visited {color:#000000;text-decoration:none}
.clb a:hover, a:focus, a:active {color:#000000;text-decoration:none}



.clb_sub{border-top:0px solid #f6f6f6; margin-left:10px;margin-right:10px;clear:both;color:#000;font-size:14px;font-family:'Futura TS', Arial, 돋움, Montserrat, 'Noto Sans KR', sans-serif;}

.clb_sub a:link, a:visited {color:#000000;text-decoration:none}
.clb_sub a:hover, a:focus, a:active {color:#000000;text-decoration:none}

	
.ico_lang a.SLopen{display:block;padding:15px;}
.ico_lang a.SLopen img{width:20px;}
.ico_lang a.SLclose{display:none;padding:15px;}
.ico_lang a.SLclose img{width:20px;}


	#wrapper{padding:0; z-index:1;}
	#container {width:auto !important; padding:20px 10px 10px 10px !important;}

	.pcv{display:none !important;}
	.mobilev{display:block !important;}
	.mlist_info{padding-top:4px; font-size:11px; color:#999;}

	#bo_webzine .webzine_li a .list_img {width:25% !important;max-width:130px !important;min-width:60px !important; margin-right:10px !important;}
	#bo_webzine .webzine_li a .list_img img{width:100% !important;}
	#bo_webzine .webzine_li a:hover .list_img img,
	#bo_webzine .webzine_li a:active .list_img img,
	#bo_webzine .webzine_li a:focus .list_img img{ border:5px solid #f6f6f6 !important;}
	
	.tbl_frm01 textarea {width:93% !important;}

	#ft #ft_logo {position:static !important; width:100%; text-align:center;}
	#ft #ft_copy {text-align:center; padding:0 20px 20px 20px  !important; font-size:11px;}
	#ft #btn_top {position:static;width:100%; text-align:center; margin-top:0px;}


	#menuopen{position:absolute; top:-17px; right:0px; z-index:9999999999;}
	#menuopen a{display:block; font-family:'Futura TS', Arial, 돋움, Montserrat, 'Noto Sans KR', sans-serif; color:#b6b6b6; font-weight:bold; font-size:20px; vertical-align:middle; position:relative; padding:15px 10px 20px 10px;}
	#menuopen a:hover{text-decoration:none;}
	#menuopen a img{width:20px;float:left;margin-right:5px;}

	.gnb_mobile_bg{width:100%; position:fixed;_position:absolute; top:0px; right:0px; height:100%; background:#ffffff;filter:Alpha(opacity=70); opacity:0.7; -moz-opacity:0.7; z-index:999999999; display:none;}
	.gnb_mobile{width:260px;  position:fixed;_position:absolute; top:0px; left:-260px; height:100%; background:#222222; z-index:9999999999;}
	.gnb_in{width:100%; height:100%; position:relative;}

	.gnb_mobile .gnb_close{position:absolute; right:-50px; top:0px; display:none; padding:15px}
	.gnb_mobile .gnb_close img{width:20px;}
	.gnb_mobile .gnb{width:100%; text-align:left; height:100%; overflow:auto;}
	.gnb_mobile .gnb a:hover,
	.gnb_mobile .gnb a:active,
	.gnb_mobile .gnb a:focus{text-decoration:none; text-align:left;}
	.gnb_mobile .gnb ul{margin:0px; padding:0px; list-style:none;}
	.gnb_mobile .gnb ul li{margin:0px; padding:0px;}
	.gnb_mobile .gnb ul li.gnb_1li{ font-family: 'Futura TS', Arial, 돋움, Montserrat, 'Noto Sans KR', sans-serif; position:relative; letter-spacing:1px; border-bottom:1px solid #222222; text-align:left;}

	.gnb_mobile .gnb ul li.gnb_1li_action{background:#000000; font-family: 'Futura TS', Arial, 돋움, Montserrat, 'Noto Sans KR', sans-serif; position:relative;letter-spacing:1px; border-bottom:1px solid #222222; text-align:left;}
	.gnb_mobile .gnb ul li.gnb_1liHome{text-align:center;}
	.gnb_mobile .gnb ul li a.gnb_1da{display:block; padding:0; padding:10px 14px; font-size:13px; font-weight:400; letter-spacing:1px; color:#8b8883;text-align:left;}
	
	.gnb_mobile .gnb ul li a.gnb_1da:hover,
	.gnb_mobile .gnb ul li a.gnb_1da:active,
	.gnb_mobile .gnb ul li a.gnb_1da:focus{text-decoration:none; color:#ffffff; text-align:left;letter-spacing:1px;}


	.gnb_mobile .gnb ul li ul{}
	.gnb_mobile .gnb ul li ul li a{display:block; color:#8b8883; font-size:12px; padding:10px 14px;letter-spacing:1px;}
	.gnb_mobile .gnb ul li a.btn_home{ padding:16px 0;text-align:center;}
	.gnb_mobile .gnb ul li a.btn_home:hover,
.gnb_mobile .gnb ul li a.btn_home:active,
.gnb_mobile .gnb ul li a.btn_home:focus{ padding:16px 0;text-align:center;}

	.gnb_mobile .gnb ul li a.btn_home b img{height:40px;text-align:center;}
	.gnb_mobile .gnb ul li a.btn_home u{display:block;text-decoration:none; font-family:'Futura TS', Arial, 돋움, Montserrat, 'Noto Sans KR', sans-serif; font-size:9px; color:#a68b58;}
	.gnb_mobile .gnb ul.tnb li.btn_adm{width:100%;}
	.gnb_mobile .gnb_2dli_open{position:absolute; right:0px; top:0px;width:100%; height:40px; overflow:hidden;}
	.gnb_mobile .gnb_2dli_open i{display:block;float:right; width:60px; height:40px;}
	.hide .gnb_2dli_open i{background:URL(../../imgs_new/mgnbdown.gif) no-repeat center center #222 !important; background-size:15px !important;}
	.show .gnb_2dli_open i{background:URL(../../imgs_new/mgnbup.gif) no-repeat center center #222 !important; background-size:15px !important;}

	#bo_cate a{font-size:14px; padding:5px 9px;}
	#bo_v_title{font-size:20px;}
	#ft_icon a{padding:0 10px;}
	#ft_icon a img{width:40px;}
	#ft_icon a b{font-size:11px;}

}

@media all and (min-width: 600px) and (max-width: 900px) 
{
	#bo_gall .gall_li{width:33.3% !important;}
	.btn_cke_sc{display:none !important;}
}

@media all and (min-width: 1px) and (max-width: 599px) 
{
	#bo_gall .gall_li{width:50% !important;}
	.btn_cke_sc{display:none !important;}
}

	.btn_cke_sc{display:none !important;}


/* footer */




@media (max-width: 767px) { 
    .footer-section {padding-top: 50px !important;padding-bottom: 50px !important;}
    .player-caption>.item-caption {top: 20%;}
    .section-footer .footer-logo>img {margin: auto;}
    .section-footer .footer-info {margin: auto;text-align: center;}
    .section-footer .foot-copyright .pull-left,
    .section-footer .foot-copyright .pull-right {float: none !important;text-align: center;}
    .scroll-top {right: 10%;}
    .line-box:after {display: none;}
}

h1,h2,h3,h4,h5,h6{font-weight:700}body,html{margin:0;padding:0;width:100%;height:auto}
.h1,.h2,.h3,.h4,.h5,.h6{margin-top:0}

.h1{font-size:26px}.h2{font-size:22px}.h3{font-size:18px}.h4{font-size:16px}
.h5{font-size:14px}
.line-bottom{position:relative;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #ddd}
.line-span span{display:inline-block;padding-bottom:10px;margin-bottom:-1px;border-bottom:1px solid #666}#login-alert .alert,.skip{margin:0}
.line-bottom.line-span{padding-bottom:0}.line-circle span{display:inline-block;position:relative;bottom:-1px}
.line-circle span:after{content:"";display:block;position:absolute;left:0;bottom:-13px;width:8px;height:8px;background-color:#fff;border:1px solid #ddd;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%}.line-bottom.line-middle{border-bottom:0}.line-middle:after{display:block;content:'';position:absolute;left:0;top:10px;width:100%;border-bottom:1px solid #ddd}.line-middle span{position:relative;padding-right:10px;background-color:#fff;z-index:1}.line-middle span.text-right{padding-left:10px}.line-middle.text-center span{padding-left:10px;padding-right:10px}

.section-footer {font-size: 13px;}
.section-footer .line-bottom {margin-bottom: 20px;}
.section-footer .line-span span {padding-bottom: 15px;}
.section-footer .footer-info {padding-right: 0px;margin-top: 20px;}
.section-footer .about-info div {line-height: 1.8;}
.section-footer .contact-info li {margin-bottom: 7px;}
.footer-social a {display: inline-block;width: 25px;height: 25px;}
.footer-copyright {padding: 10px;font-size:12px;color:#ddd;}



/* 좌우쪼개기 */





@media(min-width: 960px) {
#hasu-box {max-width:960px;  padding: 0; margin:0 auto;}
#hasuleft-box {
    width: 400px;
    background-color: white;
    float: left;
    line-height:180%;
    margin: 0 auto;
}
#hasuright-box {
    width: 500px;
    background-color: white;
    float: right;
    line-height:180%;
    margin: 0 auto;
}
}

@media(max-width: 500px) {
#hasu-box {width:100%;  padding: 10px; margin:0 auto;}
#hasuleft-box {
    width: 100%;
    background-color: white;
    line-height:180%;
    margin: 10px auto 20px;
    border: solid 2px #f3f3f3;
    padding-bottom:20px;
overflow-y:scroll; 
height:150px;
}
#hasuright-box {
    width: 100%;
    background-color: white;
    line-height:180%;
    margin: 0 auto;
}
}












@media(min-width: 1000px) {
#hasu-box2 {width:1200px;  padding: 0; margin:0 auto;}
#hasuleft-box2 {
    width: 570px;
    background-color: white;
    float: left;
    line-height:180%;
    margin: 0 auto;
}
#hasuright-box2 {
    width: 570px;
    background-color: white;
    float: right;
    line-height:180%;
    margin: 0 auto;
}
#hasu-cleas {
        clear: both;
        padding: 30px;
      }
}

@media(max-width: 999px) {
#hasu-box2 {width:100%;  padding: 10px; margin:0 auto;}

#hasuleft-box2 {
    width: 100%;
    background-color: white;
    line-height:180%;
    margin: 10px auto 20px;
    border-bottom: solid 1px #fff;
    padding-bottom:20px;
}
#hasuright-box2 {
    width: 100%;
    background-color: white;
    line-height:180%;
    margin: 0 auto;
}
}





@media(min-width: 1000px) {
#hasubx-box {width:1200px;  padding: 0; margin:0 auto;}
#hasubxleft-box {
    width: 570px;
    background-color: white;
    float: left;
    line-height:180%;
    margin: 0 auto;
}
#hasubxright-box {
    width: 570px;
    background-color: white;
    float: right;
    line-height:180%;
    margin: 0 auto;
}
#hasubx-cleas {
        clear: both;
    background-color: white;
        padding: 20px;
      }
}

@media(max-width: 999px) {
#hasubx-box {width:100%;  padding: 10px; margin:0 auto;}
#hasubxleft-box {
    width: 100%;
    background-color: white;
    line-height:180%;
    margin: 0 auto;
    padding-bottom:20px;
}
#hasubxright-box {
    width: 100%;
    background-color: white;
    line-height:180%;
    margin: 0 auto;
}
}




.bx_title	{color:#999999;font-size:12px;text-decoration:none;}
.bx_memo {color:#222222;font-size:18px;text-decoration:none;}





.Flexible-container-main {
      position: relative;
      z-index: 9;
      padding-bottom: 56.25%;
      padding-top: 0px;
      height: 0px;
      overflow: hidden;
}

.Flexible-container-main iframe,
.Flexible-container-main object,
.Flexible-container-main embed {
      position: absolute;
      top: 0px;
      left: 0;
      width: 100%;
      height: 100%;
} 








.Flexible-container-wrap {
position: relative; left:10px; top: 470px; z-index: 9999;background:#f3f3f3
}






@media(min-width: 1000px) {
.Flexible-container2 {
      position: relative;
      padding-bottom: 56.25%;
      padding-top: 0px;
      height: 0;
      overflow: hidden;
}

.Flexible-container2 iframe,
.Flexible-container2 object,
.Flexible-container2 embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 1199px;
      height: 512px;
} 
}



@media(max-width: 999px) {
.Flexible-container2 {
      position: relative;
      padding-bottom: 56.25%;
      padding-top: 0px;
      height: 0;
      overflow: hidden;
}

.Flexible-container2 iframe,
.Flexible-container2 object,
.Flexible-container2 embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
} 
}






@media(min-width: 1000px) {
.Flexible-container3 {
      position: relative;
      padding-bottom: 675px;
      padding-top: 0px;
      height: 0;
      overflow: hidden;
}

.Flexible-container3 iframe,
.Flexible-container3 object,
.Flexible-container3 embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 1200px;
      height: 675px;
} 
}



@media(max-width: 999px) {
.Flexible-container3 {
      position: relative;
      padding-bottom: 56.25%;
      padding-top: 0px;
      height: 0;
      overflow: hidden;
}

.Flexible-container3 iframe,
.Flexible-container3 object,
.Flexible-container3 embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
} 
}




.btnBox > .btn { display:inline-block; width:150px; padding:0px; margin:0px auto; text-align:center;font-size:16px; border:2px solid #fff; height:40px; background-color:rgb(155,155,155); background-color:rgba(155,155,155,0.5); }
.btnBox > .btn:hover { background-color:rgb(155,155,155); background-color:rgba(0,0,0,0.5); }
.btnBox > .btn a { display:block; width:100%; height:100%; line-height:36px; color:#fff; }


 .td_out {
    width: 150px;
    border-right: 1px solid #444444;
    border-left: 1px solid #444444;
    padding: 3px;
  }
  .td_over {
    width: 150px;
    border-right: 1px solid #444444;
    border-left: 1px solid #444444;
    padding: 3px;
    background:#eeeeee;
  }