@charset "utf-8";
/* CSS Document */
/**
 * custom css 입니다. 추가적인 css 는 여기에 작성을 해주세요.
 */

/* 인기상품 노출 설정 */
#wrap .popular-wrap{position:relative; left:0; top:0; width:220px;}
#wrap .popular-line .rank_top_box{width:100px;}
/* 스크롤 게시글 시작 */
#wrap .notice_rolling{position:absolute !important; bottom:10px; left:0;}
/*메인 배너 사이드 버튼 때문에 재정의 */
.txt-manual {text-align: center;}


/* ------------- 하단 디자인 ------------- */
/* 컨텐츠 하단 */
.content_info_wrap{border-bottom:1px solid #e3e3e3;}
.content_info{overflow:hidden; padding:50px 0 40px 0;}
.content_info h3{padding:0 0 5px 0;color:#222222; font-size:14px;}
/* cs center */
.content_info .cs_center{float:left; width:31%;}
.content_info .cs_center strong{display:block; padding:0 0 7px 0; color:#333; font-size:18px;}
.content_info .cs_center p{color:#777777;}
/* bank info */
.content_info .bank_info{float:left; width:31%; padding:0 40px;}
.content_info .bank_info strong{display:block; padding:0 0 7px 0; color:#333; font-size:18px;}
.content_info .bank_info em{font-weight:bold;}
/* notice */
.content_info .notice_list{float:left; width:31%;}
.content_info .notice_list h3 > a{color:#222222;}
.content_info .notice_list h3 > a:hover{text-decoration:none;}
.content_info .notice_list ul{padding:0 0 0 0;}
.content_info .notice_list li{padding:2px 0 1px 0;}
.content_info .notice_list a{display:inline-block; overflow:hidden; width:95%; color:#717171; text-overflow:ellipsis; white-space:nowrap; word-wrap:break-word;}
.content_info .notice_list a:hover{text-decoration:underline;}
.content_info .notice_list span{display:inline-block;}


#footer_wrap{position:relative; padding:0 10% 0px 0;}
#footer{overflow:hidden;text-align:left; line-height:32px!important;padding:2% 0 2% 28%; font-size:11px;}
#footer > div {display:inline-block;float:left; font-size:11px;} 
#footer > div {font-size:9px;}
#footer h3 {font-size:9px;}

/* 풋터 메뉴 */
.foot_list{line-height:1;width:20%;}
.foot_list ul{}
.foot_list ul li{display:inline-block;float:left; padding:10px 0 0px 0;width:100%;}
.foot_list ul li a{padding:0 0px 0 0px;  }
.foot_list ul li:first-child a{padding-left:0; border-left:0 none;}

/* 고객센터 */
.foot_cs {line-height:20px;width:20%;font-size:11px!important;}
.foot_cs p {font-size:9px!important;}
.foot_list p {display:inline-block;float:left; padding:15px 0 0px 0;width:100%;}

/* 풋터sns */
.foot_sns{position:fixed;bottom:6%;line-height:1;z-index:99999999999999999999999999999999999999999999;}
.foot_sns ul{}
.foot_sns ul li{display:inline-block;float:left; padding:10px 0 0px 10px;width:100%;}
.foot_sns ul li a{padding:0 0px 0 0px;  }
.foot_sns ul li:first-child a{padding-left:0; border-left:0 none;}



/* 회사 정보 */
.foot_cont{overflow:hidden; padding:0 0 35px 0;  line-height:1.8;}
.foot_cont .foot_logo{display:inline-block; float:left; width:200px; padding:25px 0 0 0;}
.foot_cont .foot_info{display:inline-block; float:left;}
.foot_cont .foot_info, .foot_info_list{overflow:hidden; width:100%;}
.foot_cont .foot_info,.foot_info_list dl{float:left;}
.foot_cont .foot_info,.foot_info_list dt{float:left;}
.foot_cont .foot_info,.foot_info_list dd{float:left; padding:0 15px 0 3px;}
.foot_cont .copyright{float:left; width:100%;font-size:9px;}
/* 사용자정보확인 */
.btn_licensee_info{color:#333; font-size:9px;}
.btn_email:hover{text-decoration:underline;}
/* 공정거래 위원회 */
.foot_certify{overflow:hidden; padding:5px 0 15px 0; text-align:right;}
.foot_certify span{display:inline-block; padding:0 10px 0 10px;}
.foot_certify span:first-child{padding:0 10px 0 0}



.main_visual{overflow:hidden;width:1200px; margin:0px auto 0;}
.fa-instagram {color: #000;font-size: 11px;padding-right: 20px;vertical-align: middle;}
.fa {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.board > ul > li > a {display: block;padding: 5px 10px 0px 20px;color: #000;text-align: left;}
.board > ul > li > a:hover {color: #999;}

h2 {font-weight:normal!important;font-size: 12px!important;font-weight: 400;line-height: 1.6em;}
h3 {font-weight:normal!important;font-size: 12px!important;font-weight: 400;line-height: 1.6em;}
.item_photo_box img {width: 100%!important;}
.goods_pick_list {display: none;}
.exchange_cont {width:60%; margin:20px 0 50px; border:1px solid #fff;line-height:20px;font-size:11px; min-height: 0px!important;}


/*검색창모달*/
.w3-teal, .w3-hover-teal:hover {color: #fff!important;background-color: #333!important;height:50px;}
.w3-black, .w3-hover-blac{font-size:15px;}
.w3-black, .w3-hover-black:hover {color: #000!important;background:rgba(0, 0, 0, 0)!important;}
.w3-modal-content {margin:0 auto;background-color: #fff;position: relative;padding: 0;outline: 0;border-radius:5px!important;font-size:23px!important;}

.header_search_cont h2 {font-size:14px!important;margin:0px 0 10px;letter-spacing:1px;}
.header_top_cont{margin:0 0 20px;}
.top_member_box li{float:left;}



#w3-wrap { position: fixed;top: 10px;right: 0;}
.goods_list_item_tit { text-align:center;}.btn_write {z-index: 999999999999999999999999999999;}
#smart_editor2{width:100%!important;}
.item_add_option_box .chosen-container {width: 180px!important;}


.accordion {width: 100%;max-width: 360px;margin: 30px auto 20px;-webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px;height: 100vh;}
.accordion .link {cursor: pointer;display: block;padding: 10px 15px 0px 20px;color: #000;font-size: 12px;font-weight: 700;/* border-bottom: 1px solid #CCC; */position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordion li:last-child .link { border-bottom: 0; }
.accordion li i {position: absolute;top: 16px;left: 12px;font-size: 18px;color: #595959; -webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease; transition: all 0.4s ease;}
.accordion li i.fa-chevron-down { right: 12px;left: auto;font-size: 16px;}
.accordion li.open .link { color: #000; }
.accordion li.open i { color: #000; }
.accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}


/*아코디언 서브메뉴*/
.submenu {display: none;margin:15px 0;font-size: 12px;}
.submenu .left-cs {margin: 0 0 0 20px;}
.submenu a {display: block;text-decoration: none;color: #000;padding: 5px;padding-left: 30px;-webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;}
.submenu a:hover {color: #333;}


/* header */
.header ul {margin: 0;padding: 0;list-style: none;overflow:hidden;}
.header li a {display: block;text-decoration: none;}
.header .logo {display: block;float: left;font-size: 2em;padding: 10px 20px;text-decoration: none;}

/* menu */
.header .menu {clear: both;max-height: 0;transition: max-height .2s ease-out;position: absolute;height: 100vh;}

/* menu icon */
.header .menu-icon {cursor: pointer;display: inline-block;float: left;padding: 20px 20px;position: absolute;user-select: none;z-index:9999999999999999;width:30px;height:30px;top:20px;}
.header .menu-icon .navicon {background: #333;display: block;height: 2px;position: relative;transition: background .2s ease-out;width: 18px;}
.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {background: #333;content: '';display: block;height: 100%;position: absolute;transition: all .2s ease-out;width: 100%;}
.header .menu-icon .navicon:before {top: 5px;}
.header .menu-icon .navicon:after {top: -5px;}

/* menu btn */
.header .menu-btn {display: none;}
.header .menu-btn:checked ~ .menu {max-height: 100vh;}
.header .menu-btn:checked ~ .menu-icon .navicon {background: transparent;}
.header .menu-btn:checked ~ .menu-icon .navicon:before {transform: rotate(-45deg);}
.header .menu-btn:checked ~ .menu-icon .navicon:after {transform: rotate(45deg);}
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {top: 0;}

/*모바일,패드버전*/
@media screen and (max-width:1200px) {
.sub_content {padding: 0px 5% 0 200px;}
.join_base_wrap .member_cont {width: 100%;}
}


/*모바일버전*/

@media screen and (max-width:1200px) {

.header {position:relative;z-index: 3;}
.header ul { background:#fff;}
.header_side_cont {padding: 50px 10px 0;}
.header .menu {top:0;}
.header_top_cont {margin: 80px 0 20px;}
.header .menu {width: 100vh;height: 100vh;min-width:1200px;}

.side_cont {width:100%;left:0px;}
.sub_content {padding: 5% 2% 0 2%;}

.h1_logo {margin: 0 auto;text-align: center;padding: 15px 30px;width:50%;}
.h1_logo img {max-width:120px;}

.base_info_sec table td {padding: 15px 0 15px 0;}
.addition_zone img {width:100%!important;}
.payment_progress_list dt {padding: 0 0 10px 0;}
.cash_receipt_box .cash_receipt_list dt {padding: 5px 0 10px 0px;}
.left_table_type th {padding: 6px 2px 7px 2px;}
.exchange_cont {width: 100%;}
h3 {font-size: 13px!important;font-weight: normal!important; clear:both;}
.cart_hide {display:none;}
.benefit_list { display: inline-block; min-width: 100%; text-align: center;}
.payment_final_total dd { ont-size: 20px;}
.js_detail img{width:100%;}
.add_goods_layer .scroll_box { height:100%;}


.join_agreement_wrap .member_cont {width: 100%;margin: 0 auto;border: none;}
.join_base_wrap .member_cont { width: 100%;}


.goods_list_cont ul li {min-width:100%;display:block;}

.item_photo_view_box {width: 100%;}
.item_photo_info_sec {padding: 0 0 0 0;width: 100%;}
.item_info_box {margin: 0 0 0 0px;width:100%;}
.item_choice_list .count { display: inline-block; padding:0 2px; width:80px;}

.member_cont .nonmember_order_box .order_input_sec input {width: 100%;}
.member_cont .nonmember_order_box .order_input_sec button {float: left;margin: 15px 0 0 2%;}
.member_cont .btn_login_box li:first-child { width: 100%; }
.member_cont .member_login_box .login_input_sec input { width: 100%;}
.member_cont {padding: 0 0 ;}
.member_cont .member_login_box .login_input_sec button {float: left;margin: 15px 0 0 2%;}
.member_cont {padding:0 0;}
.member_wrap {width: 100%;}
.member_cont .btn_login_box li { width: 100%; margin: 10px 0 0 0px;}
.member_sns_login img {width: 100%;}
.member_cont .member_login_box .login_input_sec > div {width: 49%;}
.member_cont .nonmember_order_box .order_input_sec > div {width: 49%;}
.member_cont .nonmember_order_box .order_input_sec button {width:49%}
.member_cont .member_login_box .login_input_sec button {width:48%; height: 88px; margin: 15px 0 10px 2%;}



.sub_menu_cont dt { font-size: 12px; }
.sub_menu_cont .mypage_menu_box dl { padding: 0 0 0 1%;}
.sub_menu_cont {padding: 30px 0px;}
.sub_menu_cont .mypage_menu_box dl {width: 50%;display: block;height: 180px;text-align: center;}



.date_check_list {float: left;display: none;}
.date_check_calendar {position: relative; float: left;margin: 10px 10px 10px 0px;}
.date_check_calendar .anniversary {width: 100%;}
.date_check_calendar {width: 100%;margin: 10px 0;}
.date_check_calendar { margin: 5px 10px 5px 0;}
.date_check_calendar { position: relative; float: left; margin: 0 10px 0 0px!important;}
.date_check_list {display: none;}

.base_info_sec .member_email input[type="text"] {width: 70%;}
.base_info_sec .member_email select {width: 70%;margin: 10px 0 0;}

.chosen-container {position: relative;display: inline-block;vertical-align: middle;font-size: 13px; width: 20%!important;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.item_detail_tit h3 {width: 100%;font-size: 18px;word-break: break-all;}
.item_photo_big {width: 100%;height: 100%;}

.chosen-container-single .chosen-single {width: 80px;}
.chosen-container-single .chosen-drop {width: 150px;}

.pay_bankbook_box ul li select { width: 50%; }
.general_payment dd { min-width: 10%;}

#contents .member_address .address_input input:first-child {width: 100%;}
#contents .member_address .address_postcode input {float: left;width: 70%;margin: 0 0 10px;}
#contents .member_address .address_input input {margin: 10px 0 10px 0;}
#scroll_right {position: fixed;top: 20px;right: 0;}
#footer{padding:5% 5%;}



.search_again_box {padding: 15px 0 20px;}
.search_again_box .chosen-container {width: 75px !important;}
.search_again_box .form_element { display: block;text-align: center; margin: 0 0 10px 0;}
.search_again_box .form_element input { left: auto; margin-left: 2px;}
.search_again_box .keyword_input {width: 110px;}


.order_wrap .order_tit h2 {text-align: center;}
.order_wrap .order_tit h2 { float: none;}
.order_wrap .order_tit li span > img { padding: 0 8px;}
.order_table_type .cart_hide{display:none;}
.order_table_type .td_benefit{display:none;}
.order_table_type .td_delivery{display:none;}
.order_table_type td {border-bottom: 1px solid #fff;}
.order_table_type .table_left td.member_email input[type="text"] { width: 200px !important;}
.order_cont .member_email select { width: 120px;}
.order_end_completion img {width:50px;}
.order_end_completion strong { font-size: 15px;}
.order_table_type .table_left th { display: block; border-bottom: 0; padding: 8px 20px;}
.order_table_type .table_left td { display: block;height: auto; padding: 8px 15px;}
.order_table_type td {   padding: 15px 10px 14px 20px;}
.order_table_type th {}
.order_table_type .pick_add_cont { display: inline-block;}
.order_table_type .td_order_amount .order_goods_num strong { width: 60px;}
.order_table_type th {padding: 9px 2px 10px 2px;font-size: 11px;letter-spacing: 0px;text-align: center;}
.order_money_use .form_element {padding: 10px 0 0 0px;}
.order_cont .table_left th { padding: 0 0 0 0;}
.order_payment_sum {font-size: 13px;}
.order_table_type .pick_add_cont .pick_add_info {display: inline;}

.price_sum_cont .price_sum_list span { display: none;}
.price_sum_cont .price_sum_list dl { display: block; width: 100%; float: left;}
.price_sum_cont .price_sum_list dt { float: left;}
.price_sum_cont .price_sum_list dd { float: right;}
.price_sum_cont .price_sum_list dl {padding: 0 0 0 0px; }
.price_sum { padding: 5px 5px;}
.price_sum_cont .price_sum_list dd strong {font-weight: 400;font-size: 12px;color: #000;}
.price_sum_cont .tobe_mileage {font-size: 11px;}

.btn_left_box button + button, .btn_right_box button + button { margin-left: 0px;}
.btn_order_choice_del {display: inline; min-width: 49%;height: 42px; padding: 0 0px 0 0px; color: #000;border: 1px solid #a3a3a3; text-align: center;line-height: 28px; float:left; font-size:12px;}
.btn_order_choice_wish { display: inline; min-width: 49%; height: 42px; padding: 0 0px 0 0px; color: #000; border: 1px solid #a3a3a3; text-align: center;line-height: 28px; float:right; font-size:12px;}
.btn_order_box .btn_left_box {width: 100%;}
.btn_order_choice_buy { display: inline; min-width: 49%; height: 42px; padding: 0 0px 0 0px; color: #000; border: 1px solid #a3a3a3; text-align: center;line-height: 28px; float:left; font-size:12px;}
.btn_order_whole_buy { display: inline; min-width: 49%; height: 42px; padding: 0 0px 0 0px; color: #fff; border: 1px solid #000; background: #000; text-align: center;line-height: 28px; float:right; font-size:12px;}
.btn_right_box { width: 100%;}
.btn_order_choice_buy { min-width: 100%;}
.btn_order_whole_buy {min-width: 100%;}
.btn_write { position: absolute;top:15px;}
.btn_add_cart {padding: 0 0 0 0px;}
.btn_add_wish {padding: 0 0px 0 0;}
.btn_add_cart, .btn_add_wish { display: inline-block; float: left; width: 100%; height: 40px; margin: 10px 0 0 0px; color: #000;font-size: 14px; border: 1px solid #000;text-align: center;}
.btn_add_shipping { position: relative;top: auto; right: auto; clear: both; display: block; margin: 10px auto 0;}
.btn_gray_list a span, .btn_gray_list button span {padding: 0px 2px 0 0;}
.btn_gray_list a, .btn_gray_list button {padding: 0 0 0 1px;}
.btn_gray_list .btn_gray_small {font-size: 10px;}
.btn_wish_cart {padding: 3px 2px 4px 2px;}
.btn_wish_del {padding: 3px 2px 4px 2px;}
.btn_member_join { width: 100%;}
.btn_member_white {width: 100%;}
.btn_order_box .btn_right_box {float: left;padding: 10px 0 20px;text-align: left;}
.btn_right_box button + button {margin: 0 0 0 0;}
.btn_center_box button {margin: 0px 0px 0 0px;}
.btn_member_id {float: left;}
.btn_goods_search { min-width: 60px;}

.cart_cont_list .order_cart_tit { display: none!important;}

.pick_list_day { font-size: 12px;}
.base_info_sec table td { display: block; border-bottom: 1px solid #fff;}
.delivery_add_layer .layer_wrap_cont { width: 100%;}
.delivery_add_list_layer .layer_wrap_cont {width: 100%;}

.mypage_table_type th { text-align: center;}
.mypage_order_info_cont ol li { display: block; min-width: auto; width: 100%; padding: 0 !important; line-height: 20px;}
.mypage_order_info_cont ol li b { display: inline-block; padding: 0 0 2px 0; width: 50%; font-size: 12px;}
.mypage_order_info_cont ol li strong { display: inline-block; width: 12px; height: 12px; padding: 0px 0 0 0;color: #000; font-size: 12px; background: none; text-align: center; vertical-align: middle; float: right; clear: both;}
.mypage_order_info_cont ol { width: 50%; border-right: 1px solid #fff;}
.mypage_order_info_cont .order_case_list {width: 40%;}
.my_page_password .id_pw_cont { padding: 20px 5px; margin: 10px 10px 30px;}
.my_page_password .id_pw_cont dl { display: block; text-align: left; padding: 5px 0px 5px 0;}
.my_page_password .id_pw_cont dt { width: 100px;}
.my_page_password .id_pw_cont dt { padding: 5px 10px 0 4px; font-size: 12px;}
.my_page_password .mypage_zone_tit {font-size: 12px;}
.my_page_password strong {font-weight:normal!important;}
.mypage_top_wallet li span img { display: none;}
.mypage_top_wallet ul li { display: block; width: 100%;font-size: 12px; border-left: 1px solid #fff;}
.mypage_top_wallet li em {display: inline; padding: 0px 0 0px 0; font-weight: bold;float: none;line-height: 22px;}
.mypage_top_wallet li strong { font-size: 14px;}
.mypage_breakdown_tab li { min-width: 20%;}
.mypage_table_type .table_left th {width: 30%;}
.mypage_order_info_cont .active strong { background: none;}
.mypage_table_type .pick_add_cont .pick_add_img img {width: 50px;}
.mypage_table_type .pick_add_cont .pick_add_img { display: block;}
.mypage_table_type .pick_add_cont .pick_add_info { display: block; padding: 0 0 0 0px;}
.mypage_table_type .order_num_link {font-size: 7px;letter-spacing: -1px;}
.mypage_table_type th {padding: 9px 2px 10px 2px;}
.mypage_table_type td {font-size: 11px;letter-spacing: 0px;}
.mypage_table_type td {padding: 15px 0px 14px 0;}
.mypage_table_type .td_phone span {width: 100%;}
.mypage_table_type .pick_add_cont .pick_add_info em {width: 60%;}
.mypage_table_type .td_left {width: 20%!important;}
.mypage_lately_info .btn_board_more {position: relative;}


.board_write_table th { display: block; border-bottom: 0; padding: 8px 20px;}
.board_write_table td { display: block; height: auto; padding: 8px 15px;}
.board_list_event .board_img { overflow: hidden; display: inline-block; position: relative; width: 100%; /* min-height: 200px; */ text-align: center; vertical-align: middle;}
.board_view_content img { max-width: 100%!important;}
.board_list_event .event_cont { display: inline;}
.board_search_box {padding: 10px 0px 10px 0px;}
.board_search_box input.text { width: 120px;}
.board_list_gallery ul li { display: inline; position: relative; min-height: 50px; margin: 0 0 40px 0;font-size: 12px; text-align: center;}
.board_list_table th { padding: 10px 5px 10px 5px;}
.board_list_table td { padding: 13px 3px 15px 3px; border-bottom: 1px solid #dbdbdb; text-align: center;}
.board_write_table th { padding: 13px 0 7px 0px;}
.board_list_gallery .board_img img{width:100%!important; height:auto;}

.layer_wrap .ly_tit h4 span { display: none;}
.layer_wrap.add_goods_layer { width: 90%; left: 200px!important; margin-top: -350px!important; z-index:99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;}
.layer_wrap.coupon_apply_layer .layer_wrap_cont { width: 70%;}
.layer_wrap.board_write_layer {width: 100%;height: 635px;z-index:999999999999999999999999999999999;}
.layer_wrap.add_goods_layer { width: 100%;}
.layer_wrap .layer_wrap_cont {
    width: 100% !important;
    left: 0 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ly_date_search_list input[type="text"] { width: 200px;}
.ly_date_search_list input[type="text"] { width: 100%;}
.ly_date_select_list .select_box { display: block;}

.file_upload_sec .btn_upload_box { padding: 10px 0 0 0px;}
.base_info_sec table th {display:block;background:#ddd;border-bottom: 1px solid #fff;}
.find_password_reset_box .login_input { width: 80%; padding: 30px 5px 0 5px;}
.find_password_reset_box .login_input input { width: 250px;}


.option_layer_cont { width: 100%;}
.option_tit_box dd { margin: 18px 0 0 0px; float: left; display: block;}
.option_tit_box dt { float: left; margin: 18px 0 0 20px; display: block;}
.option_select_box .option_chosen {border-top: 1px solid #fff;}


.foot_cs {width: 50%;font-size: 11px!important;padding: 10px 0 50px;}
.foot_list {width: 50%;}
.foot_certify img {float:right;padding:0 0 0 50px;}
.top_country_list0 { top: 5px;}
}





/*팝업창 모바일버전*/
@media screen and (max-width:767px) {
#popupCode_layer_1{padding: 10px 0px 0px!important;width: 90%!important;height:90%!important;top: 7%!important;left:5%!important; }
#popupCode_layer_1_form .box .view {width: 100%!important;height: auto!important;overflow: hidden;}
#popupCode_layer_1_form .box .view img {max-width: 100%!important;}

#popupCode_layer_2{padding: 10px 0px 0px!important;width: 90%!important;height:90%!important;top: 7%!important;left:5%!important; }
#popupCode_layer_2_form .box .view {width: 100%!important;height: auto!important;overflow: hidden;}
#popupCode_layer_2_form .box .view img {max-width: 100%!important;}

#popupCode_layer_3{padding: 10px 0px 0px!important;width: 100%!important;top: 10%!important;left:0px!important; }
#popupCode_layer_3_form .box .view {width: 100%!important;height: auto!important;overflow: hidden;left:1%!imoprtant;}
#popupCode_layer_3_form .box .view img {max-width: 100%!important;}

#popupCode_layer_4{padding: 10px 0px 0px!important;width: 100%!important;top: 10%!important;left:0px!important; }
#popupCode_layer_4_form .box .view {width: 100%!important;height: auto!important;overflow: hidden;}
#popupCode_layer_4_form .box .view img {max-width: 100%!important;}


#popupCode_layer_5{padding: 10px 0px 0px!important;width: 100%!important;top: 10%!important; left:0px!important;}
#popupCode_layer_5_form .box .view {width: 100%!important;height: auto!important;overflow: hidden;}
#popupCode_layer_5_form .box .view img {max-width: 100%!important;}

#popupCode_layer_6{padding: 10px 0px 0px!important;width: 100%!important;top: 10%!important;left:0px!important; }
#popupCode_layer_6_form .box .view {width: 100%!important;height: auto!important;overflow: hidden;}
#popupCode_layer_6_form .box .view img {max-width: 100%!important;}

#popupCode_layer_7{padding: 10px 0px 0px!important;width: 100%!important;top: 10%!important;left:0px!important; }
#popupCode_layer_7_form .box .view {width: 100%!important;height: auto!important;overflow: hidden;}
#popupCode_layer_7_form .box .view img {max-width: 100%!important;}

.sys_pop .box {width: 100%!important;}
}


#popupCode_layer_1{z-index:999999999999999999999999999999999999999999999999999999999999999999999999999999999999!important;}
#popupCode_layer_2{z-index:999999999999999999999999999999999999999999999999999999999999999999999999999999999999!important;}
#popupCode_layer_3{z-index:999999999999999999999999999999999999999999999999999999999999999999999999999999999999!important;}
#popupCode_layer_4{z-index:999999999999999999999999999999999999999999999999999999999999999999999999999999999999!important;}
#popupCode_layer_5{z-index:999999999999999999999999999999999999999999999999999999999999999999999999999999999999!important;}
#popupCode_layer_6{z-index:999999999999999999999999999999999999999999999999999999999999999999999999999999999999!important;}
#popupCode_layer_7{z-index:999999999999999999999999999999999999999999999999999999999999999999999999999999999999!important;}
#popupCode_layer_8{z-index:999999999999999999999999999999999999999999999999999999999999999999999999999999999999!important;}
#popupCode_layer_9{z-index:999999999999999999999999999999999999999999999999999999999999999999999999999999999999!important;}
#popupCode_layer_10{z-index:999999999999999999999999999999999999999999999999999999999999999999999999999999999999!important;}

/*팝업창 모바일버전end*/

/*피씨버전*/
@media screen and (min-width:1200px){
.header ul { background:#none;}
.header {position: fixed;z-index: 3;}
.header .menu-icon {top: -20px;}
.board_list_gallery ul li { float: left;}
.board_list_gallery .board_img img{width:100%!important; height:auto;}
.h1_logo img:hover { opacity: 0.5;}
.top_country_list0 { left: 25px;}
}






/* 48em = 768px */

@media (min-width: 1200px) {
  .header .menu { clear: none;float: left; max-height: none; width: 260px; }
  .header .menu-icon { display: none; }
}