@header('charset: UTF-8');
@import url("./reset.css");
@import url("./board_ui.css");
@import url("./Layout.css");
@import url("./Header.css");
@import url("./Aside.css");
@import url("./Button.css");
@import url("./Text.css");
@import url("./Form.css");
@import url("./Gnb.css");
@import url("./Login.css");
@import url("./Paging.css");
@import url("./Table.css");
@import url("./Title.css");
@import url("./Footer.css");
@import url("./Nav_top.css");
@import url("./Nav_location.css");
@import url("./Nav_snb.css");
@import url("./Nav_panel-left.css");
@import url("./Box.css");
@import url("./Mypage.css");
@import url("./animate.css");
@import url("./jquery.confirm.css");
@import url("./Shop.css");

input[type="text"], input[type="password"], input[type="submit"], input[type="search"] { -webkit-appearance:none;} 
.blind { overflow:hidden; position:absolute; top:-99em; left:0; width:1px; height:1px; font-size:0; line-height:0; white-space:nowrap;}
#popup_layer .menu { padding:20px; vertical-align:top}
#popup_layer .menu li { display:inline-block; vertical-align:top; padding-right:20px; font-size:16px; font-weight:bold}
#popup_layer .menu li a { color:#000; padding:5px;}
#popup_layer .menu li li { display:block; font-size:14px; line-height:180%; font-weight:normal}
#popup_layer .menu .active { background:#eee;}

.top { position:relative}
#overlay { background-color: #000; bottom: 0; left: 0; opacity: 0.6; filter: alpha(opacity = 60); /* IE7 & 8 */ position: fixed; right: 0; top:122px; z-index: 99; display:none;}
#popup_layer { position:relative; width:980px; height:250px; background:#fff; position:absolute; top:48px; left:0; z-index:100; display:none;}
#popup_layer .close { position:absolute; top:20px; right:20px; width:31px; height:31px; background:url(img/close.png) no-repeat; cursor:pointer;}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:970px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 상단 회원가입 등 링크 */
#tnb {float:right;margin:0;padding:0;list-style:none;zoom:1}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {float:left;margin:0 0 0 10px}
#tnb a {display:inline-block;padding:0 10px;height:28px;color:#333;letter-spacing:-0.1em;line-height:2.4em}
#tnb a:focus, #tnb a:hover, #tnb a:active {text-decoration:none}
#tnb img {margin-right:3px}

/* 화면낭독기 사용자용 */
#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}

/* 캡챠 자동등록(입력)방지 기본 */
#captcha { display:inline-block; position:relative;}
#captcha legend { position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {position:absolute; top:0; left:0; width:120px; height:58px; border:1px solid #c0c4cb;padding:0; margin:0;}
#captcha #captcha_mp3 { position:absolute; left:121px; width:30px; height:29px; padding:0; border:1px solid #c0c4cb; border-bottom-right-radius:0; border-bottom-left-radius:0; background:#f8f8f8 url(../../../plugin/kcaptcha/img/icon_listen.png) no-repeat center center;}
#captcha #captcha_reload { top:28px; left:121px; width:30px; height:30px; padding:0; border:1px solid #c0c4cb; border-top-right-radius:0; border-top-left-radius:0; background:#f8f8f8 url(../../../plugin/kcaptcha/img/icon_refresh.png) no-repeat center center;}
#captcha #captcha_mp3 span, #captcha #captcha_reload span { overflow:hidden; position:absolute; top:-99em; left:0; width:1px; height:1px; font-size:0; line-height:0; white-space:nowrap;}
#captcha #captcha_key { width:132px; height:58px; margin-left:122px; padding:5px 10px; font-size:24px; background:#fff; color:#333; line-height:48px;}

#captcha #captcha_key::-webkit-input-placeholder { color:#bbb;} /* Chrome/Opera/Safari */
#captcha #captcha_key::-moz-placeholder { color:#bbb;} /* Firefox 19+ */
#captcha #captcha_key:-ms-input-placeholder { color:#bbb;} /* IE 10+ */
#captcha #captcha_key:-moz-placeholder { color:#bbb;} /* Firefox 18- */

#captcha #captcha_key:focus { font-size:24px;}
#captcha #captcha_info {display:block;margin:1px 0 5px;font-size:12px;letter-spacing:-1px}

/* 자료 없는 목록 */
.empty_table { padding:50px 0 !important;text-align:center}
.empty_list { padding:20px 0 !important;text-align:center}

/* 새창 기본 스타일 */
#copymove { background:#ddd; padding:10px;}
#copymove h1#win_title  { display:block; font-size:14px; font-weight:bold; letter-spacing:-1px; padding:5px 0; background:none; border:0;}
#copymove table td { background:#fff; text-transform:none;}
#copymove table .copymove_current { color:#00bbbb;}
#copymove .btnset { text-align:center; margin-top:10px;}
.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;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:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}

/* 내용관리 */
#ctt {margin:10px 0;padding:10px;border:1px solid #e9e9e9}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0}
.ctt_img {text-align:center}

/* 검색결과 색상 */
.sch_word {color:#ff3061}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
.sv_nojs .sv {display:block}

#bo_sns li { display:inline-block; padding-right:3px;}

/* write.skin에서 단축키 일람 안보이게 하기*/
.cke_sc { display:none;}


/* 메인페이지 */
.banner_main, .banner_bottom { position:relative;}
.banner_main .vidbg, .banner_bottom .vidbg { position:relative; height:600px;}
.banner_left, .banner_right { position:relative; float:left; width:50%;}
.banner_left .vidbg, .banner_right .vidbg { position:relative; height:600px;}
.banner_tag { position:absolute; top:0; left:0; bottom:0; right:0;}

.slide { text-align:center; margin:30px 35px;}
.slide h3 { padding-bottom:5px; font-size:22px;}
.slide h3 strong { color:#00bbbb;}

/* 리스트 하단 배너 */
.banner_foot ul { width:100%; margin-bottom:-1px}

.banner_foot ul:after { display:block; clear:both; content:'';}

.banner_foot ul li { float:left; width:33.3333%; height:auto; border-left:1px solid #fff; background:#333; font-size:0; line-height:0; box-sizing:border-box;}


.banner_foot ul li a { font-size:0; line-height:0;}
.banner_foot ul li img { width:100%; height:auto;}

@media screen and (max-width: 1200px){
	.banner_main .banner_tag div.area, .banner_bottom .banner_tag div.area { 
		max-width:100%; padding:0px;}
	.banner_left, .banner_right { float:none; width:600px; margin:0 auto;}
	.banner_right { border-top: 1px solid #fff;}
.banner_tag div.area img { width:100%; margin-bottom:-1px}
.banner_tag div.area img :after { display:block; clear:both; content:'';}
.banner_tag div.area img li img { width:100%; height:auto;}
}

@media screen and (max-width: 768px){
  #captcha { margin:3px 0;}
  #captcha label { display:none;}
  #captcha #captcha_img { position:static; float:left; width:115px; height:43px; padding:0; margin:3px 3px 0 0;}
   
  #captcha #captcha_mp3 { position:static; float:left; width:43px; height:43px; margin:3px 3px 0 0; padding:9px;}
  #captcha #captcha_audio { display:block; margin-bottom:5px;}
  #captcha #captcha_reload { position:static; float:left; width:43px; height:43px; margin:3px 0 0 0; padding:7px;}
  #captcha #captcha_key { float:left; width:115px !important; height:43px; margin:3px 0 0 3px !important; padding:5px 8px; font-size:16px;  color:#333; line-height:30px;}
  #captcha #captcha_info { display:none;}
.banner_tag div.area img { width:100%; margin-bottom:-1px}
.banner_tag div.area img :after { display:block; clear:both; content:'';}
.banner_tag div.area img li img { width:100%; height:auto;}
	
}

@media screen and (max-width: 600px){
	.banner_left, .banner_right { width:100%;}
	.banner_left .vidbg, .banner_right .vidbg { height:400px;}
	.banner_tag .area_text { height:200px; margin-top:200px; padding:10px;}
	.banner_tag .area_text>div { max-width:100%; width:auto; height:auto; margin:0 auto;}
	.banner_tag .area_text .title { position:static; font-size:30px; line-height:30px;}
	.banner_tag .area_text .title p { float:none;}
	.banner_left .banner_tag .title .active { font-size:32px; line-height:32px;}

	.banner_tag .area_text img, .banner_tag .area_text .info { display:none;}

.banner_tag div.area img { width:100%; margin-bottom:-1px}
.banner_tag div.area img :after { display:block; clear:both; content:'';}
.banner_tag div.area img li img { width:100%; height:auto;}
	
}

@media screen and (max-width: 500px){
	.banner_foot ul li { float:none; width:100%; border-left:0; border-top:1px solid #fff;}
	.banner_tag div.area>div { max-width:100%; width:auto; height:auto; margin:0 auto;}
	.banner_tag div.area .title { left:30px; font-size:30px; line-height:30px;}
	.banner_tag .title .active { font-size:40px; line-height:40px;}

.banner_tag div.area img { width:100%; margin-bottom:-1px}
.banner_tag div.area img :after { display:block; clear:both; content:'';}
.banner_tag div.area img li img { width:100%; height:auto;}


	
}