@charset "utf-8";

@import url('../css/web.css');
@import url('../css/mobile.css');


/* default */
* {margin:0;padding:0;}
html {width:100%;height:100%;}
body {width:100%;height:100%;margin:0px;padding:0px;font-family:"맑은 고딕", "Malgun Gothic", sans-serif;font-weight:normal;overflow-Y:scroll; *overflow-Y:;background-color:#ececec;}
div, p, ul, li, table, th, td, textarea, input,  form, h1, h2, h3, h4, h5, h6, dt, dl, dd, em, address, cite {margin:0px;padding:0px;font-family:"맑은 고딕", "Malgun Gothic", sans-serif; font-weight:normal;}
span{margin:0px;padding:0px;}
ul, ol, dl, dd, dt, li {list-style-type:none;margin:0;padding:0px;line-height:18px;}
table {width:100%;table-layout:fixed;}
* {-webkit-text-size-adjust:none;}
/* table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse;border-spacing:0;table-layout:fixed;} */


select {font-family:"돋움", "Dotum";font-size:14px;border:1px solid #cecece;color:#4d4d4d;background : #fff;} 
fieldset {border:0;margin:0px;padding:0px;}
legend {display:none;position:absolute;visibility:hidden;}
caption {visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px;display:none;}
img {border:0;vertical-align:top;}
optgroup {font-style:normal;font-size:0px;height:0px;line-height:0px;}
input,select {margin:0;vertical-align:middle;}
button {padding:0;margin:0;font-family:"돋움", "Dotum";line-height:16px;font-size:14px;cursor:pointer;border:none;background:none;vertical-align:middle;}
address {font-style:normal;}


/* 링크 */
a {text-decoration:none;/*color:#333333;*/margin:0px;padding:0px;}
a:link, a:visited {text-decoration:none;/*color:#333333;*/}
a:hover, a:focus, a:active {text-decoration:none;}
a:focus, img:focus {outline:none;}


/* 인풋
input[type="text"]{font-size:14px;padding:4px 10px 3px 0px;border:none;color:#4d4d4d;background:#ffffff;border:1px solid #b2b2b2;text-indent:6px;border-radius:4px;}
input[type="radio"] {width:14px;height:14px;margin-bottom:1px;}
input[type="checkbox"] {width:14px;height:14px;margin-bottom:2px;}
input[type="login"],input[type="password"] {height:30px;padding:4px 0px 3px 0px;font-size:16px;color:#ffffff;font-weight:bold;background:#6e8ab9;border:0px solid #cfcfcf;text-indent:10px;border-radius:4px;}
 */

/* 컨텐츠 셀렉트박스 */
.sel_type01 {display:inline-block;vertical-align:middle;}
.sel_type01 .jq_sel {display:block;height:29px;background:url('../images/type01_selbox.gif') no-repeat 0 0;position:relative;} 
.sel_type01 .jq_sel span {position:absolute;left:0;top:5px; height:22px;line-height:22px;text-align:left;text-indent:8px;color:#6a6a6a;overflow:hidden;cursor:pointer;}
.sel_type01 .jq_sel a.jqTransformSelectOpen {display:block;position:absolute;right:-3px;width:30px;height:30px;background:url('../images/type01_selbox.gif') no-repeat 100% 0;}

.sel_type01 .jq_sel ul {overflow:auto;position:absolute;z-index:9999;top:28px;left:0px;max-height:130px;width:100%;list-style:none;border-top:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0;background:#FFFFFF;display:none;overflow:auto;overflow-y:auto;z-index:10;white-space:nowrap}

.sel_type01 .jq_sel li {border-left:1px solid #c0c0c0;border-right:1px solid #c0c0c0;float:none;}
.sel_type01 .jq_sel ul a {display:block;padding:6px 0px 0px 8px;text-decoration:none;color:#6a6a6a;text-align:left;}
.sel_type01 .jq_sel ul a:hover {background-color:#f8f8f8;}
.sel_type01 .jq_sel ul a.selected {}
.sel_type01 .jq_sel_hide {display:none}

.sel_type01.plus01 .jq_sel {display:block;height:18px;background:url('../img/type02_selbox.gif') no-repeat 0 0;position:relative;} 
.sel_type01.plus01 .jq_sel span {position:absolute;left:0;top:2px;white-space:nowrap;height:18px;width:100%;_width:auto;line-height:16px;text-align:left;text-indent:8px;color:#6a6a6a;overflow:hidden;cursor:pointer;}
.sel_type01.plus01 .jq_sel a.jqTransformSelectOpen {display:block;position:absolute;right:0px;width:21px;height:18px;background:url('../img/type02_selbox.gif') no-repeat 100% 0;}
.sel_type01.plus01 .jq_sel ul {overflow:auto;position:absolute;z-index:9999;top:18px;left:0px;max-height:130px;width:100%;list-style:none;border-top:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0;background:#FFFFFF;display:none;overflow:auto;overflow-y:auto;z-index:10;white-space:nowrap}
.sel_type01.plus01 .jq_sel li {border-left:1px solid #c0c0c0;border-right:1px solid #c0c0c0;float:none;background:none;}
.sel_type01.plus01 .jq_sel ul a {display:block;padding:2px 2px 1px 0px;text-decoration:none;color:#6a6a6a;text-align:left;}
.sel_type01.plus01 .jq_sel ul a:hover {background-color:#f8f8f8;}
.sel_type01.plus01 .jq_sel ul a.selected {}

#skipnavi {font-size:0;height:0;}
#skipnavi li {font-size:0;height:0;}


/* vertical-align */
.vat {vertical-align:top !important;}
.vam {vertical-align:middle !important;}
.vab {vertical-align:bottom !important;}


/* border */
.border_01{border:1px solid #ccc}


/* margin */
.margin10 { margin:10px 0 10px 0; !important;}
.margin15 { margin: 0 14px 10px 0; !important;}

.mgt05{margin-top:5px;}
.mgt08{margin-top:8px;}
.mgt10{margin-top:10px;}
.mgt15{margin-top:15px;}
.mgt20{margin-top:20px;}
.mgt25{margin-top:25px;}
.mgt30{margin-top:30px;}
.mgt40{margin-top:40px;}
.mgt50{margin-top:50px;}
.mgt60{margin-top:60px;}
.mgt70{margin-top:70px;}
.mgt80{margin-top:80px;}
.mgt90{margin-top:90px;}
.mgt100{margin-top:100px;}
.mgt200{margin-top:200px;}

.mgl05{margin-left:5px;}
.mgl10{margin-left:10px;}
.mgl15{margin-left:15px;}
.mgl20{margin-left:20px;}
.mgl24{margin-left:24px;}
.mgl30{margin-left:30px;}
.mgl40{margin-left:40px;}
.mgl50{margin-left:50px;}
.mgl60{margin-left:60px;}
.mgl70{margin-left:70px;}
.mgl100{margin-left:100px;}

.mgr05{margin-right:5px;}
.mgr08{margin-right:8px;}
.mgr10{margin-right:10px;}
.mgr15{margin-right:15px;}
.mgr20{margin-right:20px;}
.mgr30{margin-right:30px;}
.mgr36{margin-right:36px;}
.mgr40{margin-right:40px;}
.mgr50{margin-right:50px;}
.mgr60{margin-right:60px;}
.mgr70{margin-right:70px;}
.mgr77{margin-right:77px;}
.mgr80{margin-right:80px;}
.mgr100{margin-right:100px;}
.mgr105{margin-right:105px;}
.mgr110{margin-right:110px;}

.mgb05{margin-bottom:5px}
.mgb10{margin-bottom:10px}
.mgb20{margin-bottom:20px}
.mgb30{margin-bottom:30px}
.mgb40{margin-bottom:40px}
.mgb50{margin-bottom:50px}
.mgb60{margin-bottom:60px}
.mgb70{margin-bottom:70px}
.mgb80{margin-bottom:80px}
.mgb90{margin-bottom:90px}
.mgb100{margin-bottom:100px}


/* 정렬 */
.floatL{float:left}
.floatR{float:right}
.floatC{float:center}

.txtC{text-align:center !important;}
.txtL{text-align:left !important;}
.txtR{text-align:right !important;}

.clear{clear:both}

.ellipsis {width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

/* 폰트 */
.bold{font-weight:bold;}

.yel{color:#fcff00;}
.red{color:#ff4124;}
.blu{color:#0575b8;}
.org{color:#333333;}
.org_2{color:#009acd;}

.price {font-size:23px; font-weight:bold; color:#ea8826;}

.gry_14 {font-size:14px;color:#444444;}

.red_b_12 {font-size:12px;font-weight:bold;color:#ff4124;}
.red_b_14 {font-size:14px;font-weight:bold;color:#ff4124;}

.popup {overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); display: none; position: fixed; z-index: 1; top: 0;left: 0; width: 100%; height: 100%; }
.popup_cont { background-color: #fff; margin: 35% auto; border-radius: 10px; width: 75%; padding: 30px 25px; letter-spacing:-1px; border: 1px solid #f0f0f0;}
.title{font-weight: 600; font-size: 20px; color: #222; text-align: center;}
.popup_bar{width: 100%; height: 1px; background-color: #f0f0f0; margin: 20px 0;}
.popup_infor{font-weight: 400; font-size: 15px; line-height: 30px; color: #222; text-align: center;}
.close_btn2{width: 100%;  margin: 35px auto 0 auto; background-color: #5A26F5; height: 60px; border-radius: 30px; line-height: 60px; color: #fff; font-size: 18px; text-align: center;}
.popup_img{width: 30%; margin: 0 auto; margin-bottom: 20px;}
.popup_img img{width: 100%;}


@media all and (min-width:641px) {
   #popup_pc{width: 100%; display: none;}
    .popup{display:flex; justify-content:center; align-items:center;}
    .popup_cont { background-color: #fff;  border-radius: 10px; max-width: 580px; padding: 30px; letter-spacing:-1px; border: 1px solid #f0f0f0;}
    .popup_infor{font-weight: 400; font-size: 18px; line-height: 34px; color: #222; text-align: center;}
}