@charset "utf-8";
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body {font-family: 'Nanum Barun Gothic', sans-serif;}
/*익스8에서 textarea 크기 일그러지는것을 방지 */
textarea.form-control {min-height:80px;}

.ctm-hidden{
	position: fixed;
	left: -100000px;
}

/* 동영상 스트리밍 반응형으로 // 그림자효과 넣어주기 */
#bo_v_con iframe {
width:100%;
    -moz-box-shadow: inset 0 0 10px #666; 
    -webkit-box-shadow: 0 0 10px #666; 
    -o-box-shadow: inset 0 0 10px #666; 
    box-shadow: 0 0 10px #666;
	}

#bo_v_con iframe {
width:100%;
    -moz-box-shadow: inset 0 0 10px #666; 
    -webkit-box-shadow: 0 0 10px #666; 
    -o-box-shadow: inset 0 0 10px #666; 
    box-shadow: 0 0 10px #666;
	}

p {word-break: break-all;}

/*익스에서 모달창 가운데 정렬 */
.modal.in .modal-dialog {max-width:600px; margin:30px auto;}

/* 팝업레이어 */
#pop_wrap { width:100%; position:fixed; top:50px; left:0; z-index:20000; }
#hd_pop {position:relative;margin:0 auto;max-width:970px;height:0; line-height:0;  padding:0 15px;}
#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}

/* 익스에서 모달창 크기 조정 */
.modal-dialog {max-width:600px; margin:50px auto;}

/* 게시판 영문내용이 테두리를 벗어나는것을 스크롤로 처리 */
#bo_v .panel-body {overflow: auto;}

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

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* 필수입력 */
.required, textarea.required {background:url('../img/wrest.gif') #fff top right no-repeat !important}

/* 자바스크립트 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}

/* 회원사진 */
.mb_photo {border-radius: 6px;}
.mb_nophoto {padding: 15px;border-radius: 6px;width: 50px;background: #ddd;line-height: 20px;text-align: center;font-size: 16px;display: inline-block;}

/* 스크롤TOP 버튼 */
body .back-to-top {position: fixed; bottom:0em; right: 10px; padding: 1em; display: none; z-index:99;}

/* 글쓴이 사이드 */
a.sv_member:hover {text-decoration:none; color:#cc0000;}



/* SNS LOGIN */
.login-sns{padding-bottom:10px;margin-top:5px;border: 1px solid #d2d9e6;border-bottom: 1px solid #c1ccda;clear:both;background:#fff;}
.login-sns h3{padding-top:10px;text-align:center;color:#777;font-weight:normal}
.sns-wrap {margin:10px 0 0;text-align:center}
.sns-icon {display:inline-block;vertical-align:middle;text-decoration:none}
.sns-icon:hover {text-decoration:none}
.sns-icon .ico {display:block;vertical-align:middle}
/*.sns-icon .txt {position:absolute;line-height:0;font-size:0;vertical-align:middle;overflow:hidden}*/
.sns-icon .txt i {font-style:normal}

#fregisterform .form_01 .reg-form {margin-bottom:20px}
#fregisterform .form_01 .reg-form .sns-wrap {margin:10px 0 0;text-align:left}
.reg-form .sns-icon {display:inline-block;vertical-align:middle;text-decoration:none;border-width:1px;border-style:solid;overflow:hidden;margin:0 1px}
.reg-form .sns-icon:hover {text-decoration:none}
.reg-form .sns-icon .ico {display:block;background:url('./img/sns_logo.png') no-repeat;vertical-align:middle;width:24px;height:24px}
.reg-form .sns-icon-not .ico {display:block;background:url('./img/sns_logo_not.png') no-repeat;vertical-align:middle}
.reg-form .sns-icon .txt {position:absolute;line-height:0;font-size:0;vertical-align:middle;overflow:hidden}
.reg-form .sns-icon .txt i {font-style:normal}

.sns-wrap-reg .sns-naver {border-color:#18a400;background:#2db400}
.sns-wrap-reg .sns-naver .ico {background-position:-29px 0; }
.sns-wrap-reg .sns-google {border-color:#ca2c19;background:#dd5443}
.sns-wrap-reg .sns-google .ico {background-position:-58px 0}
.sns-wrap-reg .sns-facebook {border-color:#2e5393;background:#3a5897}
.sns-wrap-reg .sns-facebook .ico {background-position:0 0 }

.sns-wrap-reg .sns-icon {border-color:#dcdcdc}
.sns-wrap-reg .sns-icon-not {border-color:#8b8b8b}
.sns-wrap-reg .sns-naver{border-color:#18a400}
.sns-wrap-reg .sns-naver .ico {background-position:-29px 0; }
.sns-wrap-reg .sns-google .ico {background-position:-58px 0}
.sns-wrap-reg .sns-google {border-color:#ca2c19}
.sns-wrap-reg .sns-facebook .ico {background-position:0 0 }
.sns-wrap-reg .sns-facebook {border-color:#2e5393}
.sns-wrap-reg .sns-kakao .ico {background-position:-87px 0}
.sns-wrap-reg .sns-twitter {border-color:#488FC9}
.sns-wrap-reg .sns-twitter .ico {background-position:-145px 0}
.sns-wrap-reg .sns-payco {border-color:#C44646}
.sns-wrap-reg .sns-payco .ico {background-position:-116px 0}
.sns-wrap-reg .sns-kakao {border-color:#f2df00}

/* SNS by COLOR */
.sns-wrap-over .sns-naver{background:url('../img/sns_naver_s.png') no-repeat}
.sns-wrap-over .sns-google {background:url('../img/sns_gp_s.png') no-repeat}
.sns-wrap-over .sns-facebook {background:url('../img/sns_fb_s.png') no-repeat}
.sns-wrap-over .sns-twitter {background:url('../img/sns_twitter_s.png') no-repeat}
.sns-wrap-over .sns-payco {background:url('../img/sns_payco_s.png') no-repeat}
.sns-wrap-over .sns-kakao {background:url('../img/sns_kakao_s.png') no-repeat}
.reg-form .sns-icon-not {border-color:#8b8b8b}

.social-login-loading{width:100%;height:auto;text-align:center}
.social-login-loading p{display:inline-block;margin-top:10px;padding:40px 0 0;line-height:30px}

/* 아웃로그인 */
#sns_outlogin .sns-icon {overflow:hidden;margin:0 1px}
#sns_outlogin .sns-icon .txt {position:absolute;line-height:0;font-size:0;vertical-align:middle;overflow:hidden}
#sns_outlogin .sns-icon .ico {width:30px;height:30px}

/*로그인 */
#sns_login{border:0;border-top:1px solid #edeaea}
#sns_login h3{;padding:10px 0 0;text-align:left;font-weight:bold}
#sns_login .sns-icon{display:block; float:left; height:40px;line-height:40px;width:48%;margin:1%;padding-left:40px;text-align:left;color:#fff;border-radius:2px}
#sns_login .sns-naver{background-color:#1fc800;background-position:5px 5px;border-bottom:1px solid #1ea505}
#sns_login .sns-kakao{background-color:#ffeb00;background-position:5px 5px;border-bottom:1px solid #e2c10a}
#sns_login .sns-kakao {color:#3c1e1e}
#sns_login .sns-facebook{background-color:#3b579d;background-position:5px 5px;border-bottom:1px solid #28458f}
#sns_login .sns-google{background-color:#db4a3a;background-position:5px 5px;border-bottom:1px solid #c03121}
#sns_login .sns-twitter{background-color:#1ea1f2;background-position:5px 5px;border-bottom:1px solid #1e82c0}
#sns_login .sns-payco{background-color:#df0b00;background-position:5px 5px;border-bottom:1px solid #9d0800}
#sns_login .txt{text-align:left;padding-left:10px;border-left:1px solid rgba(0,0,0,0.1);display:block;}
#sns_login .txt:hover{background:rgba(0,0,0,0.07)}

.quick { position:fixed;right:-118px;bottom:calc(50% - 255px);width:118px;height:auto;border-left:0px solid #303030;background:#333333;z-index:4000;z-index:10000;transition: 0.3s; }
.quick .off { border:none;width:27px;height:56px;position:absolute;right:100%;margin-right:0px;top:225px;text-indent:-9999px;background:url(/img/quick-on.png) no-repeat;font-size:0; }
.quick .on { border:none;width:27px;height:56px;position:absolute;right:100%;margin-right:0px;top:225px;text-indent:-9999px;background:url(/img/quick-on.png) no-repeat;font-size:0; }
.quick.active { right:40px; }
.quick .desc { height:auto; }
.quick .desc img { max-width:100%; }
.quick .box { width:100%;height:85px;display:block;text-align:center;box-sizing:border-box;border:0px solid #303030; }
.quick .box:first-child { border-top:none; }
.quick .box:before { content:"";display:inline-block;vertical-align:middle;width:0;height:100%; }
.quick .box .in { display:inline-block;vertical-align:middle; }
.quick .box .in em,
.quick .box .in strong { display:block;font-size:13px;letter-spacing:-0.05em;color:#fff; }
.quick .box .in strong { font-weight:normal; }
.quick .box1 { background:#5faad7; }
.quick .box2 { background:#00479d; }
.quick .box3 { background:#0cbb1e; }
.quick .box4 { background:#e60c13; }
.quick .box5 { background:#a0181c; }
.quick .box6 { background:#191919;cursor:pointer; }
.quick .box5 .in strong {  }
.quick .box10 { cursor:pointer; }
@media (max-width: 1279px) {
.quick .desc img {width:45px;}
.quick {position:fixed;right:0px;bottom:0px;width:100%;background:#333333;z-index:4000;z-index:998;transition: 0.3s;}
.quick .box { float:left;width:16.66%;height:85px;display:block;text-align:center;box-sizing:border-box;border:0px solid #303030; }
.quick.active {right:0px;}
}

@media (max-width: 455px) {
.quick .box .in strong { font-size:12px;letter-spacing:-0.17em; }
}

.popup-control .btn-close {position:relative;z-index:9999;}