@charset "utf-8";
/* ────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
── Common ─────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────── */
body{font-family:'Pretendard', 'dotum', sans-serif;font-weight:400;color:#000;}
/* ----------------------------------------------------------------------------------------------------------------
-- basic ------------------------------------------------------------------------------------------------------- */
.td_empty{min-height:50px;text-align:center;}
/* 팝업레이어 */
#hd_pop{z-index:1000;position:absolute;left:0;top:0;margin:0 auto;width:100%;height:0}
#hd_pop h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops{position:absolute;background:#fff}
.hd_pops img{max-width:100%}
.hd_pops_con{border:solid 1px #ccc;}
.hd_pops_footer{display:flex;padding:0;background:#fff;border:solid 1px #eee;color:#333;text-align:left;position:relative}
.hd_pops_footer button{padding:10px;width:100%;background:#fff;border:none;color:#333}
.hd_pops_footer .hd_pops_reject{}
.hd_pops_footer .hd_pops_close{border-left:solid 1px #ccc;}
.hd_pops_footer .hd_pops_close i{display:none;}
/* 게시물 선택복사 선택이동 */
#copymove{}
#copymove .win_desc{text-align:center;display:block}
#copymove .tbl_wrap{margin:20px}
#copymove .win_btn{padding:0 20px 20px}
.copymove_current{float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}
.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;width:0;height: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}
/* 캡챠 자동등록(입력)방지 기본 -pc */
#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{height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3{margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../images/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload{margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../images/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key{margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info{display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio{display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img{width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block}
#captcha.m_captcha #captcha_reload{position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../images/captcha2.png') no-repeat 0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none}
#captcha.m_captcha #captcha_key{margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info{display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3{width:31px;height:31px;background:url('../../../images/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}
/* 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%}
/* ckeditor 태그 기본값 */
#bo_v_con ul{display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con ol{display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con li{display:list-item}
/* 버튼 */
#content a.btn,#content .btn{line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;font-size:1.4em;}
a.btn01{display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover{text-decoration:none}
button.btn01{display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02{display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover{text-decoration:none}
button.btn02{display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}
.btn_confirm{text-align:right} /* 서식단계 진행 */
.btn_submit{border:0;background:#274ea0;color:#fff;cursor:pointer;border-radius:3px}
.btn_submit:hover{background:#2375eb}
.btn_close{border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff}
a.btn_close{text-align:center;line-height:50px}
a.btn_cancel{display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
button.btn_cancel{display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover{background:#aaa}
a.btn_frmline, button.btn_frmline{display:inline-block;padding:0 20px;height:40px;border:0;background:rgb(49, 86, 164);border-radius:5px;color:#fff;text-decoration:none;vertical-align:top;white-space:nowrap;} /* 우편번호검색버튼 등 */
a.btn_frmline{}
button.btn_frmline{font-size:1em}
/* 게시판용 버튼 */
a.btn_b01,.btn_b01{display:inline-block;color:#bababa;text-decoration:none;vertical-align:middle;border:0;background:transparent}
.btn_b01:hover, .btn_b01:hover{color:#000}
a.btn_b02,.btn_b02{display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover{background:#0025eb}
a.btn_b03, .btn_b03{display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover{background:#ebedf6}
a.btn_b04, .btn_b04{display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover{color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin{display:inline-block;color:#d13f4a;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover{color:#ff3746}
/* 기본테이블 */
.tbl_wrap table{width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #ececec}
.tbl_wrap caption{padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01{margin:0 0 10px}
.tbl_head01 caption{padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead{background:#f8f9fa;border-bottom:2px solid #e9ecef;}
.tbl_head01 thead th{font-weight:normal;text-align:center;border-bottom:1px solid #ececec;height:50px;color:#495057;font-size:14px;}
.tbl_head01 thead th input{vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td{padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th{padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td{color:#666;padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;line-height:1.4em;height:60px;font-size:14px;word-break:break-all}
.tbl_head01 tbody tr:hover td{background:#fafafa}
.tbl_head01 a:hover{text-decoration:underline}
.tbl_head02{margin:0 0 10px}
.tbl_head02 caption{padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th{padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a{color:#383838}
.tbl_head02 thead th input{vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td{padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th{padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td{padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}
.tbl_head02 a{}
/* 폼 테이블 */
.tbl_frm01{margin:0 0 20px}
.tbl_frm01 table{width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th{width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td{padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,
.tbl_frm01 textarea,
.form_01 textarea,
.frm_input{border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;}
.tbl_frm01 textarea{padding:2px 2px 3px}
.frm_input{height:40px}
.full_input{width:100%}
.half_input{width:49.5%}
.twopart_input{width:385px;margin-right:10px}
.tbl_frm01 textarea,
.write_div textarea{width:100%;height:100px}
.tbl_frm01 a{text-decoration:none}
.tbl_frm01 .frm_file{display:block;margin-bottom:5px}
.tbl_frm01 .frm_info{display:block;padding:0 0 5px;line-height:1.4em}
/*기본 리스트*/
.list_01 ul{border-top:1px solid #ececec}
.list_01 li{border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative}
.list_01 li:nth-child(odd){background:#f6f6f6}
.list_01 li:after{display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover{background:#f9f9f9}
.list_01 li.empty_li{text-align:center;padding:20px 0;color:#666}
/*폼 리스트*/
.form_01 h2{font-size:1.167em}
.form_01 li{margin-bottom:10px}
.form_01 ul:after,
.form_01 li:after{display:block;visibility:hidden;clear:both;content:""}
.form_01 .left_input{float:left}
.form_01 .margin_input{margin-right:1%}
.form_01 textarea{height:100px;width:100%}
.form_01 .frm_label{display:inline-block;width:130px}
/* 자료 없는 목록 */
.empty_table{padding:50px 0 !important;text-align:center}
.empty_list{padding:20px 0 !important;color:#666;text-align:center}
/* 필수입력 */
.required, textarea.required{background-image:url('/images/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}
/* 테이블 항목별 정의 */
.td_board{width:80px;text-align:center}
.td_category{width:80px;text-align:center}
.td_chk{width:30px;text-align:center}
.td_date{width:60px;text-align:center}
.td_datetime{width:110px;text-align:center}
.td_group{width:80px;text-align:center}
.td_mb_id{width:100px;text-align:center}
.td_mng{width:80px;text-align:center}
.td_name{width:100px;text-align:left}
.td_nick{width:100px;text-align:center}
.td_num{width:50px;text-align:center}
.td_numbig{width:80px;text-align:center}
.td_stat{width:60px;text-align:center}
.txt_active{color:#5d910b}
.txt_done{color:#e8180c}
.txt_expired{color:#ccc}
.txt_rdy{color:#8abc2a}
/* 새창 기본 스타일 */
.new_win{position:relative}
.new_win .tbl_wrap{margin:0 20px}
.new_win #win_title{font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;}
.new_win #win_title .sv{font-size:0.75em;line-height:1.2em}
.new_win .win_ul{margin-bottom:15px;padding:0 20px}
.new_win .win_ul:after{display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li{float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}
.new_win .win_ul li:first-child{margin-left:0}
.new_win .win_ul li a{display:block;padding:8px 0;color:#6794d3}
.new_win .win_ul .selected{background:#274ea0;border-color:#274ea0;position:relative;z-index:5}
.new_win .win_ul .selected a{color:#fff;font-weight:bold}
.new_win .win_desc{position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i{font-size:1.2em;vertical-align:baseline}
.new_win .win_desc:after{content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}
.new_win .frm_info{font-size:0.92em;color:#919191}
.new_win .win_total{float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#274ea0;background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con{margin:20px 0;padding:20px}
.new_win .new_win_con:after{display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2{margin:20px 0}
.new_win .btn_confirm:after{display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn{text-align:center}
.new_win .cert_btn{margin-bottom:30px;text-align:center}
.new_win .btn_close{padding:0 20px;height:45px;overflow:hidden;cursor:pointer}
.new_win .btn_submit{padding:0 20px;height:45px;font-weight:bold;font-size:1.083em}
/* 검색결과 색상 */
.sch_word{color:#fff;background:#ff005a;padding:2px 5px 3px;line-height:18px;margin:0 2px}
/* 자바스크립트 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{position:relative;font-weight:normal}
.sv_wrap .sv{z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;}
.sv_wrap .sv:before{content:"";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent}
.sv_wrap .sv a{display:inline-block;margin:0;padding:0 10px;line-height:30px;width:100px;font-weight:normal;color:#bbb}
.sv_wrap .sv a:hover{background:#000;color:#fff}
.sv_member{color:#333}
.sv_on{display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv{display:block}
/* 페이징 */
.pg_wrap{clear:both;float:left;display:inline-block}
.pg_wrap:after{display:block;visibility:hidden;clear:both;content:""}
.pg{text-align:center}
.pg_page, .pg_current{display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee}
.pg a:focus, .pg a:hover{text-decoration:none}
.pg_page{color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px}
.pg_page:hover{background-color:#fafafa}
.pg_start{text-indent:-999px;overflow:hidden;background:url('/images/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_prev{text-indent:-999px;overflow:hidden;background:url('/images/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end{text-indent:-999px;overflow:hidden;background:url('/images/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_next{text-indent:-999px;overflow:hidden;background:url('/images/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{background-color:#fafafa}
.pg_current{display:inline-block;background:#274ea0;border:1px solid #274ea0;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px}
/* cheditor 이슈 */
.cheditor-popup-window *,
.cheditor-popup-window:after,
.cheditor-popup-window:before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
/* 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}
/* ────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
── Layout ─────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────── */
/* -- motion ------------------------------------------- */
.motion01{-webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;-o-transition:all 0.1s linear;-ms-transition:all 0.1s linear;transition:all 0.1s linear;}
.motion02{-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear;}
.motion10{-webkit-transition:all 1s linear;-moz-transition:all 1s linear;-o-transition:all 1s linear;-ms-transition:all 1s linear;transition:all 1s linear;}
/* --  ------------------------------------------- */
/*  */
.layeralert_wrap{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.2);z-index:999999999;}
.layeralert_wrap > .inner{position:absolute;left:50%;top:50%;padding:20px 40px;background:#f60;border-radius:100px;font-size:15px;color:#fff;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-webkit-transform-origin:-50% -50%;-webkit-box-shadow:5px 5px 5px rgba(0, 0, 0, .2);-moz-box-shadow:5px 5px 5px rgba(0, 0, 0, .2);box-shadow:5px 5px 5px rgba(0, 0, 0, .2);z-index:5;}
.layeralert_wrap.blue > .inner{background:#0066cc;}
/* -- wrap ------------------------------------------- */
#wrap{position:relative;left:0;top:0;min-width:100%;min-height:100vh;z-index:5;}
/* -- header ------------------------------------------- */
#header{position:fixed;left:0;top:0;width:100%;height:95px;background:#fff;border-bottom:solid 1px #dbdbdb;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear;z-index:20;}
#header > .inner{position:relative;left:0;top:0;margin:0 auto;width:93.75%;max-width:1600px;}
/* logo */
#header #logo{
    position:absolute;
    left:0;
    top:25px;
    z-index:10;
}
#header #logo a{
    overflow:visible;
    display:block;
    width:320px;
    height:45px;
    background:url("/gologo/1/lbasic?v=1.1") no-repeat left center;
    background-size:contain;
    text-indent:-1000em;
}
/* gnb */
#header #nv_gnb{
    position:absolute;
    left:0;
    top:40px;
    width:100%;
    z-index:15;
}
#header #nv_gnb > .inner{position:relative;left:0;top:0;margin:0 auto;width:93.75%;max-width:1200px;}
#header #nv_gnb .nv_gnb_1depth_ul{position:relative;left:0;top:0;z-index:5;}
#header #nv_gnb .nv_gnb_1depth_li{position:absolute;right:0;top:10px;}
#header #nv_gnb .nv_gnb_1depth_a{display:none;}
#header #nv_gnb .nv_gnb_1depth_li.nv_gnb_1depth_li_0{left:0;right:auto;}
    /*  */
#header #nv_gnb .nv_gnb_2depth_ul{display:flex;gap:33px;}
#header #nv_gnb .nv_gnb_2depth_li{}
#header #nv_gnb .nv_gnb_2depth_a{display:flex;align-items:center;height:60px;font-size:16px;font-size:1rem;font-weight:700;color:#000;}
    /*  */
#header #nv_gnb .nv_gnb_3depth_ul{display:none;position:absolute;left:100%;top:0;padding:10px 0;width:100%;background:rgba(0, 0, 0, .7);}
#header #nv_gnb .nv_gnb_3depth_li{}
#header #nv_gnb .nv_gnb_3depth_a{display:block;padding:15px 0;line-height:1.1;font-size:14px;font-size:0.875rem;color:#000;text-align:center;}
    /* hover */
#header #nv_gnb .nv_gnb_1depth_li:hover{z-index:5;}
    /* active */
#header #nv_gnb .nv_gnb_2depth_li.active .nv_gnb_2depth_a{color:#52DAD9;}
/* tnb */
#header #tnb{position:absolute;right:0;top:40px;z-index:10;}
    /* */
#header #tnb ul{display:flex;gap:28px;}
#header #tnb li{}
#header #tnb li a{display:flex;align-items:center;height:30px;font-size:18px;font-weight:500;}
    /* search */
#header #tnb .header_search{display:none;position:absolute;right:45px;top:30px;z-index:10;}
#header #tnb .header_search a{overflow:hidden;display:block;width:21px;height:21px;background:url("/cimg/wsoft/common/icon_search.png") no-repeat center center;background-size:100% auto;text-indent:-1000em;}
    /* menu button */
#header .header_menu_btn{display:none;cursor:pointer;overflow:hidden;position:absolute;right:0;top:30px;width:22px;height:22px;z-index:15;}
#header .header_menu_btn span{display:block;position:absolute;}
#header .header_menu_btn .txt{display:none;}
#header .header_menu_btn .icon{left:50%;top:0;margin-left:-10px;width:20px;height:100%;}
#header .header_menu_btn .icon span{left:0;top:50%;width:100%;height:3px;background:#595959;border-radius:100px;}
#header .header_menu_btn .icon1{margin-top:-9px;}
#header .header_menu_btn .icon2{margin-top:-2px;}
#header .header_menu_btn .icon3{margin-top:5px;}
    /* menu button on */
.header_menu_on #header .header_menu_btn .icon span{background:#fff;}
.header_menu_on #header .header_menu_btn .icon1{margin-top:-2px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);}
.header_menu_on #header .header_menu_btn .icon2{margin-top:-2px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.header_menu_on #header .header_menu_btn .icon3{opacity:0;}
/* mobile gnb */
.mobile_gnb{display:none;}
/* scrollBody */
.scrollBody #header{margin-top:-105px;}
/*  */
#bottom_banner{padding:25px 0;}
#bottom_banner > .inner{display:flex;gap:24px;margin:0 auto;width:93.75%;max-width:1200px;}
#bottom_banner .bnimg{}
#bottom_banner .bnimg img{width:auto;height:40px;}
#bottom_banner .bnimg a{}
/* -- quick ------------------------------------------- */
#quick{}
#quick .btn_floating{overflow:hidden;position:fixed;right:20px;bottom:80px;width:118px;height:118px;background:url("../images/common/btn_floating.png") no-repeat center center #fff;background-size:100% auto;border-radius:50%;color:#fff;box-shadow:5px 10px 15px rgba(0, 0, 0, .2);z-index:210;}
    /* button top */
#quick .btn_top{overflow:hidden;position:fixed;right:35px;bottom:20px;width:50px;height:50px;background:#000;border-radius:50%;color:#fff;box-shadow:2px 2px 6px rgba(0, 0, 0, .4);opacity:0;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear;z-index:220;}
#quick .btn_top span{display:block;position:absolute;left:50%;top:50%;}
#quick .btn_top .icon{margin-top:-3px;}
#quick .btn_top .icon > span{width:20px;height:5px;background:#fff;border-radius:5px;}
#quick .btn_top .icon1{margin-left:-4px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);}
#quick .btn_top .icon2{margin-left:-15px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
#quick .btn_top .txt{display:none;left:0;margin-top:3px;width:100%;font-size:13px;font-size:0.8125em;text-align:center;}
#quick .btn_top:focus,
#quick .btn_top:hover{background:#333;color:#fff !important;}
.scrollBody #quick .btn_top{opacity:1;}
/* -- etc ------------------------------------------- */
    /* all menu */
#allmenu_wrap{overflow:auto;display:none;position:fixed;left:0;top:0;padding:50px 0;width:100%;height:100%;z-index:9999;}
#allmenu_wrap > .inner{position:relative;left:0;top:0;margin:0 auto;padding-top:7vh;width:90vw;max-width:1600px;z-index:10;}
#allmenu_wrap .allmenu_1depth_ul{}
#allmenu_wrap .allmenu_1depth_ul:after{content:"";clear:both;display:block;}
#allmenu_wrap .allmenu_1depth_li{float:left;margin-bottom:30px;padding:0 10px;width:16.6666666666666666%;}
#allmenu_wrap .allmenu_1depth_a{display:block;position:relative;left:0;top:0;margin-bottom:10px;padding:25px 0;border-radius:5px;border:solid 1px #fff;font-size:24px;font-size:1.5rem;font-weight:500;color:#fff;text-align:center;text-transform:uppercase;}
#allmenu_wrap .allmenu_2depth_ul{}
#allmenu_wrap .allmenu_2depth_li{position:relative;left:0;top:0;}
#allmenu_wrap .allmenu_2depth_li:after{content:"";position:absolute;left:0;bottom:0;width:100%;border-bottom:solid 1px #fff;opacity:0.4;}
#allmenu_wrap .allmenu_2depth_a{overflow:hidden;display:block;clear:both;position:relative;left:0;top:0;padding:20px 0;width:100%;line-height:1.4;font-size:19px;font-size:1.1875em;font-weight:300;color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;}
#allmenu_wrap .allmenu_3depth_ul{padding-left:25px;}
#allmenu_wrap .allmenu_3depth_li{}
#allmenu_wrap .allmenu_3depth_a{display:block;margin-bottom:7px;padding:7px 0;border-bottom:solid 1px #999;color:#fff;}
#allmenu_wrap .allmenu_4depth_ul{}
#allmenu_wrap .allmenu_4depth_li{}
#allmenu_wrap .allmenu_4depth_a{line-height:1.6;font-size:13px;font-size:0.8125em;color:#fff;white-space:nowrap;opacity:0.7;}
#allmenu_wrap .allmenu_tnb{margin-bottom:7vh;}
#allmenu_wrap .allmenu_tnb ul{text-align:center;}
#allmenu_wrap .allmenu_tnb ul li{display:inline-block;}
#allmenu_wrap .allmenu_tnb ul li a{display:block;padding:0 30px;height:40px;line-height:40px;border:solid 1px #fff;border-radius:100px;font-size:17px;font-size:1.0625em;color:#fff;text-transform:uppercase;opacity:0.7;}
.realpc #allmenu_wrap .allmenu_1depth_li:hover .allmenu_1depth_a{background:#fff;color:#000!important;}
.realpc #allmenu_wrap .allmenu_2depth_li:hover .allmenu_2depth_a{color:#fff;z-index:5;}
.realpc #allmenu_wrap .allmenu_2depth_li:hover:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;opacity:0.3;}
.realpc #allmenu_wrap .allmenu_3depth_a:hover{color:#FEB732 !important;}
.realpc #allmenu_wrap .allmenu_4depth_a:hover{color:#fff !important;opacity:1;}
.realpc #allmenu_wrap .allmenu_global ul li a:hover{color:#fff !important;opacity:1;}
.realpc #allmenu_wrap .allmenu_tnb ul li a:hover{color:#fff !important;opacity:1;}
        /*  */
#allmenu_wrap .allmenu_btns{position:fixed;right:40px;top:0;z-index:20;}
#allmenu_wrap .allmenu_btns .btn_close{overflow:hidden;position:absolute;right:0;top:15px;width:50px;height:60px;background:none;border:none;}
#allmenu_wrap .allmenu_btns .btn_close span{display:block;position:absolute;left:0;top:50%;width:100%;height:3px;background:#fff;}
#allmenu_wrap .allmenu_btns .btn_close span.icon1{margin-top:-2px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);}
#allmenu_wrap .allmenu_btns .btn_close span.icon2{margin-top:-2px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
#allmenu_wrap .allmenu_btns .btn_close span.txt{display:none;}
#allmenu_wrap .allmenu_bg{position:fixed;left:0;top:0;width:100%;height:100%;background:#0E71B8;opacity:0.9;z-index:1;}
        /*  */
.header_menu_on #allmenu_wrap{display:block;}
/* etc */
.clear{display:block;float:none;clear:both;width:100%;height:0;font-size:0 !important;line-height:0 !important;overflow:hidden;margin:0 !important;padding:0 !important;}
.btn_goto_admin{position:fixed;left:20px;bottom:20px;z-index:999999;}
/* -- body ------------------------------------------- */
#container{position:relative;left:0;top:0;}
#contents{position:relative;left:0;top:0;z-index:10;}
    /* sub visual */
#svisual{height:110px;}
    /* sub title */
#contents #stitle{display:flex;justify-content:center;margin:0 auto;height:80px;text-align:center;}
#contents #stitle > .inner{padding-top:50px;}
#contents #stitle h3{width:100%;font-size:24px;font-size:1.5rem;font-weight:700;}
#contents #stitle p{margin-top:36px;font-size:17px;font-size:1.0625rem;letter-spacing:-0.01em;}
#contents #stitle p strong{font-weight:700;}
    /* breadcrumbs */
#breadcrumbs{margin:0 auto 25px;padding:25px 0;width:93.75%;max-width:1600px;}
#breadcrumbs ul{}
#breadcrumbs ul:after{content:"";clear:both;display:block;}
#breadcrumbs li{float:left;position:relative;left:0;top:0;padding-right:20px;font-weight:200;text-transform:uppercase;}
#breadcrumbs li:after{content:">";display:block;position:absolute;right:5px;top:0;}
#breadcrumbs li:last-child:after{content:"";}
#breadcrumbs li a{}
    /* snb */
#snbwrap{position:relative;left:0;top:0;background:#f6f6f6;z-index:20;}
#snbwrap > .inner{margin:0 auto;padding:10px 0;width:93.75%;max-width:1600px;}
#snbwrap .snb_ul{}
#snbwrap .snb_ul:after{clear:both;display:block;content:"";}
#snbwrap .snb_li{float:left;position:relative;left:0;top:0;}
#snbwrap .snb_li .snb_bc{display:block;position:relative;left:0;top:0;padding:0 10px;padding-right:50px;min-width:180px;height:40px;line-height:40px;font-size:16px;font-size:1rem;text-align:left;}
#snbwrap .snb_li .snb_bc:after{content:"";position:absolute;left:0;top:50%;margin-top:-9px;width:1px;height:18px;background:#d2d7de;}
#snbwrap .snb_li .snb_bc .icon{display:block;position:absolute;right:15px;top:12px;width:10px;height:7px;opacity:0.3;}
#snbwrap .snb_li .snb_bc .icon:after{content:"";display:block;position:absolute;left:50%;top:50%;margin:0 0 0 -5px;width:10px;height:10px;border-style:solid;border-color:#000 transparent transparent transparent;border-width:5px;}
#snbwrap .snb_li_home .snb_bc{overflow:hidden;position:relative;left:0;top:0;padding-left:25px;padding-right:20px;min-width:10px;}
#snbwrap .snb_li_home .snb_bc:after{content:"";position:absolute;left:0;top:50%;margin-top:-8px;width:15px;height:17px;background:url("../images/common/icon_home.png") no-repeat center center;background-size:100% auto;}
#snbwrap .snb_li_home .snb_bc .icon{display:none;}
#snbwrap .snb_li > div{position:absolute;left:0;top:40px;min-width:100%;white-space:nowrap;}
#snbwrap .snb_li ul{display:none;border:solid 1px #ccc;}
#snbwrap .snb_li ul li{border-bottom:solid 1px #ccc;}
#snbwrap .snb_li ul li:last-child{border-bottom:none;}
#snbwrap .snb_li ul a{display:block;padding:10px 20px;background:#fff;font-size:13px;font-size:0.8125em;}
#snbwrap .snb_li:hover .snb_bc .icon{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);opacity:0.5;}
#snbwrap .snb_li:hover .snb_bc .icon:after{margin-top:-5px;}
#snbwrap .snb_li:hover ul{display:block;}
#snbwrap .snb_li ul a:hover{background:#333;color:#fff !important;}
#snbwrap .snb_li ul a.active a{background:#0c365b;color:#fff;}
    /*  */
#contents #content{position:relative;left:0;top:0;margin:0 auto;width:93.75%;max-width:1680px;}
/* ────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
── Main ───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────── */
/* ────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
── Contents ───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────── */
/* 배송대행 */
.shipping_wrap{margin-top:80px;}
.shipping_wrap .shipping_head{
    padding:40px;
    border:1px solid var(--shipping-gray-light);
    border-radius:20px;
    line-height:normal;
    justify-content:left;
    box-shadow:var(--shipping-shadow);
}
.shipping_wrap .shipping_head h3{display:flex;align-items:center;gap:14px;margin:0;padding:0 !important;border:none;font-size:32px;font-weight:bold;color:rgb(49, 86, 164);}
.shipping_wrap .shipping_head h3:before{content:"";display:block;width:4px;height:28px;background:rgb(49, 86, 164);}
.shipping_wrap .shipping_head p{margin-top:20px;padding-left:20px;font-size:20px;font-weight:700;}
.section.agency-config-common h3{
    margin:0 0 50px;
    padding:0 0 24px 20px;
    border-bottom:1px solid #bcbcbc;
    font-size:36px;
    font-weight:bold;
    line-height:1.1;
    position:relative;
    text-align:left;
}
h3{
    text-align:left !important;
    padding-left:20px !important;
}
.shipping_wrap > .inner{
  margin:0 auto;
}
.shipping_wrap .content_step1{}
.shipping_wrap .content_step1 .contbox{border:solid 1px #ccc;}
.shipping_wrap .content_step1 .contbox + .contbox{margin-top:40px;}
.shipping_wrap .content_step1 .contbox .t{padding:20px;background:#eee;}
.shipping_wrap .content_step1 .contbox .c{padding:20px;}
.shipping_wrap .content_step1 .contbox .c div + div{margin-top:20px;}
.shipping_wrap .content_step1 .contbox .c .cc1{}
.shipping_wrap .content_step1 .contbox .c .cc1 p{line-height:1.2;}
.shipping_wrap .content_step1 .contbox .c .cc1 p + p{margin-top:10px;}
.shipping_wrap .content_step1 .contbox .c .cc2{}
.shipping_wrap .content_step1 .contbox .c .cc3{}
.shipping_wrap .content_step1 .contbox .c .cc4{}
.shipping_wrap .content_step1 .contbox .c .cc4 ul{display:flex;gap:20px;justify-content:center;margin:40px auto;}
.shipping_wrap .content_step1 .contbox .c .cc4 li{line-height:1.5;text-align:center;}
.shipping_wrap .content_step1 .contbox .c .cc4 li label:before{content:"";display:block;margin-bottom:10px;width:200px;height:100px;border:solid 1px #ccc;border-radius:5px;}
.shipping_wrap .content_step1 .contbox .c .cc5{display:flex;justify-content:center;align-items:center;gap:10px;}
.shipping_wrap .content_step1 .contbox .c .cc5 a{display:block;padding:15px 40px;line-height:1.4;border:solid 1px #ccc;border-radius:100px;text-align:center;}
.shipping_wrap .content_step1 .contbox .c .cc5 a strong{display:block;}
.shipping_wrap .btnsbox{display:flex;justify-content:center;gap:10px;margin:50px 0;}
.shipping_wrap .btnsbox input.btn_submit{border:none;}
/*  */
.shipping_wrap .content_step2{}
.shipping_wrap .content_step2 .contbox1{}
.shipping_wrap .content_step2 .contbox + .contbox{margin-top:50px;}
.shipping_wrap .content_step2 .contbox4.purchase{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:50px;}
.shipping_wrap .content_step2 .contbox4.purchase .c{position:relative;left:0;top:0;width:32%;display:flex;flex-direction:column;}
.shipping_wrap .content_step2 .contbox4.purchase .c2{margin-left:25px;}
.shipping_wrap .content_step2 .contbox4.purchase .c2:before{content:"";position:absolute;left:-25px;top:0;width:1px;height:100%;background:var(--shipping-gray-light);}
.shipping_wrap .content_step2 .contbox4.purchase .c label{cursor:pointer;display:block;transition:all 0.5s ease;}
.shipping_wrap .content_step2 .contbox4.purchase .c label:hover{transform: translateY(-5px);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);}
.shipping_wrap .content_step2 .contbox4.purchase .cbox{background-color:var(--shipping-white);border:1px solid var(--shipping-gray-light);border-radius:12px;box-shadow:var(--shipping-shadow);}
.shipping_wrap .content_step2 .contbox4.purchase dl{display:flex;justify-content:center;align-items:center;gap:30px;width:100%;padding:40px;}
.shipping_wrap .content_step2 .contbox4.purchase dl dt{padding:10px 15px;width:auto;background:var(--shipping-primary);border-radius:5px;font-size:18px;font-weight:600;color:#fff;text-align:center;}
.shipping_wrap .content_step2 .contbox4.purchase .c2 dl dt,
.shipping_wrap .content_step2 .contbox4.purchase .c3 dl dt{background-color:#fc5230;}
.shipping_wrap .content_step2 .contbox4.purchase dl dt label{display:flex;align-items:center;justify-content:center;gap:10px;}
.shipping_wrap .content_step2 .contbox4.purchase dd{font-size:28px;font-weight:700;}
.shipping_wrap .content_step2 .contbox4.purchase dd span{display:flex;justify-content:end;align-items:center;width:100%;}
.shipping_wrap .content_step2 .contbox4.purchase .cbox p{margin:0 25px;padding:25px;border-top:solid 1px #ccc;text-align:center;}
.shipping_wrap .content_step2 .contbox4.purchase input[name="spg_settle_case"]{position:absolute;left:0;top:0;margin:0;padding:0;background:none;border:none;font-size:0;opacity:0;z-index:-1;}
.shipping_wrap .content_step2 .contbox4.purchase input[name="spg_settle_case"]:checked + .cbox{background:#7db9ff;}
.shipping_wrap .content_step2 .contbox1 .c1{display:flex;justify-content:right;gap:5px;}
.shipping_wrap .content_step2 .contbox1 .c1 a{display:flex;justify-content:center;align-items:center;padding:16px 24px;height:auto;border:solid 1px #ccc;border-radius:10px; text-align:center; font-size:16px; line-height:20px}
.shipping_wrap .content_step2 .contbox1 .c1 a:hover{background-color:rgba(0, 47, 158, 1);color:#fff;}
/* 버튼 호버 효과 */
.shipping_wrap .content_step2 .contbox1 .c3 a:hover,
.shipping_wrap .btn_submit:hover{
  background-color:#264785 !important;
  box-shadow:0 2px 5px rgba(0, 0, 0, 0.2) !important;
}
.shipping_wrap .content_step2 .contbox1 .c2 .cc_wrap{
    width:1240px;
    height:auto;
    min-height:250px;
    border:1px solid #e8e8e8;
    border-radius:10px;
    display:flex;
    padding:20px;padding-bottom:50px;
    position:relative;
}
.shipping_wrap .content_step2 .contbox1 .c2 .cc_wrap + .cc_wrap{margin-top:20px;}
.shipping_wrap .content_step2 .contbox1 .c2 .cc_wrap .cc1{
    display:flex;
    flex-direction:column;
    gap:10px;
    height:210px;
}
.shipping_wrap .content_step2 .contbox1 .c2 .cc_wrap .cc1 a{
    width:100px;
    height:45px;
    border-radius:10px;
    background-color:#f5f5f5;
    border:1px solid #e0e0e0;
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer;
    transition:all 0.2s ease;
    font-size:16px;
}
.shipping_wrap .content_step2 .contbox1 .c2 .cc_wrap .cc1 a:hover{
    background-color:#e8e8e8;
}
/* [1] 버튼만 스타일 변경 */
.shipping_wrap .content_step2 .contbox1 .c2 .cc_wrap .cc1 .number{
    background-color:#3156a4;
    border:1px solid #2a4a8e;
    color:white;
}
.shipping_wrap .content_step2 .contbox1 .c2 .cc_wrap .cc1 .number:hover{
    background-color:#264a93;
}
.shipping_wrap .content_step2 .contbox1 .c2 .cc_wrap .cc2{
    margin-left:20px;
    display:flex;
    flex-direction:column;
    gap:10px;
    height:210px;
}
.shipping_wrap .content_step2 .contbox1 .c2 .cc_wrap .cc2 .img_box{
    width:130px;
    height:155px;
    border:1px dashed #ccc;
    border-radius:10px;
    display:flex;
    justify-content:center;
    align-items:center;
    background-color:#f9f9f9;
}
/* 이미지 등록 버튼 스타일 변경 */
.shipping_wrap .content_step2 .contbox1 .c2 .cc_wrap .cc2 .upload_image{
    position:relative;left:0;top:0;
    width:130px;
    height:45px;
    border-radius:10px;
    background-color:#3156a4;
    border:1px solid #2a4a8e;
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer;
    transition:all 0.2s ease;
    font-size:16px;
    color:white;
}
.shipping_wrap .content_step2 .contbox1 .c2 .cc_wrap .cc2 .upload_image:hover{
    background-color:#264a93;
}
.shipping_wrap .content_step2 .contbox1 .c2 .cc_wrap .cc2 .upload_image input{display:block;position:absolute;left:0;top:0;margin:0;padding:0;width:0;height:0;background:none;border:none;font-size:0;opacity:0;}
.shipping_wrap .content_step2 .contbox1 .c2 .cc_wrap .cc3{
    margin-left:20px;
    flex:1;
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    grid-template-rows:repeat(4, 1fr);
    gap:10px;
    height:210px;
    overflow-y:auto;
}
.shipping_wrap .content_step2 .contbox1 .c2 .cc_wrap .cc3 .form-item{
    display:flex;
    border-radius:5px;
    overflow:hidden;
    border:1px solid #e0e0e0;
}
.shipping_wrap .content_step2 .contbox1 .c2 .cc_wrap .cc3 .form-item.with-button{
    position:relative;
}
.shipping_wrap .content_step2 .contbox1 .c2 .cc_wrap .cc3 .form-label{
    flex:1;
    width:150px;
    background-color:#edf2fb;
    padding:5px 10px;
    font-size:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-right:1px solid #e0e0e0;
    text-align:center;
    line-height:1.3;
    flex-direction:column;
}
.shipping_wrap .content_step2 .contbox1 .c2 .cc_wrap .cc3 .form-label span{
    display:block;
    font-size:13px;
    color:#666;
}
.shipping_wrap .content_step2 .contbox1 .c2 .cc_wrap .cc3 .form-input{
    flex:1 1 50%;
    width:50%;
    padding:0 10px;
    border:none;
    outline:none;
    font-size:15px;
    height:100%;
    text-align:left;
    font-family:'Pretendard', sans-serif;
}
/* 구분 버튼 스타일 변경 */
.shipping_wrap .content_step2 .contbox1 .c2 .cc_wrap .cc3 .browse-button{
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    width:60px;
    background-color:#3156a4;
    border:none;
    border-left:1px solid #2a4a8e;
    cursor:pointer;
    font-size:16px;
    display:flex;
    justify-content:center;
    align-items:center;
    color:white;
}
.shipping_wrap .content_step2 .contbox1 .c2 .cc_wrap .cc3 .browse-button:hover{
    background-color:#264a93;
}
.shipping_wrap .content_step2 .contbox1 .c2 .cc_wrap .cc3 .form-input.with-button{
    padding-right:65px;
    width:calc(100% - 60px);
}
.shipping_wrap .content_step2 .contbox1 .c2 .cc_wrap .cc3 select.form-input{
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat:no-repeat;
    background-position:right 10px center;
    background-size:16px;
    padding-right:35px;
    font-size:15px;
}
.shipping_wrap .content_step2 .contbox1 .c2 .cc_wrap .cc4{display:flex;gap:20px;align-items:center;position:absolute;right:20px;bottom:20px;z-index:5;}
.modal-overlay{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0, 0, 0, 0.5);
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:10000;
    display:none;
}
.modal-overlay .modal{
    position:absolute;left:50%;top:50%;
    background-color:white;
    border-radius:10px;
    padding:20px;
    width:600px;
    max-height:80vh;
    overflow-y:auto;
    box-shadow:0 4px 20px rgba(0, 0, 0, 0.15);
    transform:translate(-50%, -50%);
}
.modal-overlay .modal-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:15px;
    padding-bottom:10px;
    border-bottom:1px solid #eee;
}
.modal-overlay .modal-title{
    font-size:18px;
    font-weight:600;
}
.modal-overlay .modal-close{
    background:none;
    border:none;
    font-size:20px;
    cursor:pointer;
    color:#999;
}
.modal-overlay .modal-close:hover{
    color:#333;
}
.modal-overlay .category-section{
    margin-bottom:15px;
}
.modal-overlay .category-title{
    font-size:15px;
    font-weight:600;
    margin-bottom:8px;
    color:#333;
}
.modal-overlay .category-items{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    padding-left:15px;
}
.modal-overlay .category-item a{
    background-color:#f5f5f5;
    border:1px solid #e0e0e0;
    border-radius:5px;
    padding:5px 10px;
    font-size:15px;
    cursor:pointer;
    transition:all 0.2s;
}
.modal-overlay .category-item a:hover{
    background-color:#edf2fb;
    border-color:#d0e1ff;
}
.shipping_wrap .content_step2 .contbox1 .c3{display:flex;gap:10px;justify-content:right;}
.shipping_wrap .content_step2 .contbox1 .c3 a{display:flex;justify-content:center;align-items:center;padding:0 20px;height:40px;border:solid 1px #ccc;border-radius:10px;}
.shipping_wrap .content_step2 .contbox2{}
.shipping_wrap .content_step2 .contbox2 .c{display:flex;justify-content:space-between;padding:52px 26px;align-items:center;border-radius:12px; border:1px solid #ccc;}
.shipping_wrap .content_step2 .contbox2 .c .cc1{display:flex;align-items:center;gap:10px;}
.shipping_wrap .content_step2 .contbox2 .c .cc1 .ccc1{font-size:24px;font-weight:700;}
.shipping_wrap .content_step2 .contbox2 .c .cc1 .ccc2{font-size:17px;line-height:28px;background-color:rgba(109, 127, 190, 1);color:#fff;border-radius:12px;border:none}
.shipping_wrap .content_step2 .contbox2 .c .cc1 .ccc2 a{display:flex;justify-content:center;align-items:center;padding:0 20px;height:40px;border-radius:10px;color:#fff;font-weight:700;}
.shipping_wrap .content_step2 .contbox2 .c .cc2{font-size:28px;text-align:right;}
.shipping_wrap .content_step2 .contbox2 .c .cc2 .ccc1{margin-bottom:20px;}
.shipping_wrap .content_step2 .contbox2 .c .cc2 .ccc2{font-weight:700; & span{color:rgba(14, 64, 181, 1)}}
.shipping_wrap .content_step2 .contbox3{}
.shipping_wrap .content_step2 .contbox3 .t{margin-bottom:20px;}
.shipping_wrap .content_step2 .contbox3 .c{border-radius:12px; overflow:hidden;border:1px solid #ccc;}
.shipping_wrap .content_step2 .contbox3 .c .cc1{padding:40px;}
.shipping_wrap .content_step2 .contbox3 .c .cc1 h3{display:flex;align-items:center;gap:14px;margin:0;padding-left:0 !important;border:none;font-size:32px;font-weight:bold;color:rgb(49, 86, 164);}
.shipping_wrap .content_step2 .contbox3 .c .cc1 h3:before{content:"";display:block;width:4px;height:28px;background:rgb(49, 86, 164);}
.shipping_wrap .content_step2 .contbox3 .c .cc1 p{margin-top:20px;padding-left:20px;line-height:1.2;font-size:20px;font-weight:700;}
.shipping_wrap .content_step2 .contbox3 .c .cc2{display:flex;justify-content:space-between;align-items:center; padding:0 16px;}
.shipping_wrap .content_step2 .contbox3 .c .cc2 .ccc1{}
.shipping_wrap .content_step2 .contbox3 .c .cc2 .ccc2{}
.shipping_wrap .content_step2 .contbox3 .c .cc2 .ccc2 a{display:flex;justify-content:center;align-items:center;padding:0 20px;height:40px;border:solid 1px #ccc;border-radius:10px;}
.shipping_wrap .content_step2 .contbox3 .c .cc3{margin:10px auto;padding:0 16px;}
.shipping_wrap .content_step2 .contbox3 .c .cc3 table{border-radius:12px;}
.shipping_wrap .content_step2 .contbox3 .c .cc3 table th,
.shipping_wrap .content_step2 .contbox3 .c .cc3 table td{padding:10px;background:#fff;border:solid 1px var(--shipping-bg-light);}
.shipping_wrap .content_step2 .contbox3 .c .cc3 table td a{display:inline-flex;justify-content:center;align-items:center;padding:0 20px;height:40px;border:solid 1px var(--shipping-gray-light);border-radius:50px;color:var(--shipping-gray);}
.shipping_wrap .content_step2 .contbox3 .c .cc4{margin:0 40px;padding:40px 0;border-top:solid 1px #ccc;}
.shipping_wrap .content_step2 .contbox3 .c .cc4 .cc4c1{display:flex;gap:20px;position:relative;left:0;top:0;}
.shipping_wrap .content_step2 .contbox3 .c .cc4 .btn_address_list{position:absolute;right:0;top:15px;}
.shipping_wrap .content_step2 .contbox4{display:flex;justify-content:center; gap:1rem; align-items:center;}
.shipping_wrap .content_step2 .contbox5{padding:25px;background-color:var(--shipping-white);border:1px solid var(--shipping-gray-light);border-radius:12px;display:flex;flex-direction:column;box-shadow:var(--shipping-shadow);}
.shipping_wrap .content_step2 .contbox5 .c1{}
.shipping_wrap .content_step2 .contbox5 .c1{padding:15px;}
.shipping_wrap .content_step2 .contbox5 .c1 p{position:relative;left:0;top:0;padding-left:35px;line-height:1.6;}
.shipping_wrap .content_step2 .contbox5 .c1 p:before{content:"";display:block;position:absolute;left:20px;top:10px;width:6px;height:6px;background-color:var(--shipping-primary);border-radius:50%;}
.shipping_wrap .content_step2 .contbox5 .c1 p + p{margin-top:10px;}
.shipping_wrap .content_step2 .contbox5 .c1 p span{display:inline-block;padding:2px;background:#ffcd4a;}
.shipping_wrap .content_step2 .contbox5 .c2{margin:20px 15px 0;padding:30px 0;border-top:solid 1px #ccc;text-align:center;}
.shipping_wrap .content_step2 .contbox5 .c3{padding:15px;}
.shipping_wrap .content_step2 .contbox5 .c3 h3{display:flex;align-items:center;gap:14px;margin:0;padding-left:0 !important;border:none;font-size:32px;font-weight:bold;color:rgb(49, 86, 164);}
.shipping_wrap .content_step2 .contbox5 .c3 h3:before{content:"";display:block;width:4px;height:28px;background:rgb(49, 86, 164);}
/*  */
.fixedpopup_orderpopup{}
.fixedpopup_orderpopup h2{margin-bottom:20px;font-size:21px;font-weight:700;color:#3156a4;}
.fixedpopup_orderpopup .txt1{margin-bottom:10px;line-height:1.4;}
.fixedpopup_orderpopup .txt2{margin:10px 0;}
.fixedpopup_orderpopup .txt3{overflow:auto;position:relative;left:0;top:0;margin-bottom:20px;height:100px;border:solid 1px #ccc;z-index:5;}
.fixedpopup_orderpopup .txt3 iframe{position:absolute;left:0;top:0;width:100%;height:100%;z-index:9999;}
.fixedpopup_orderpopup .btns .btn_submit{color:#fff;}
.fixedpopup_orderpopup textarea{opacity:0;}
/* mypage */
.mypage_wrap{}
.mypage_wrap > .inner{display:flex;gap:20px;justify-content:space-between;}
.mypage_wrap .mypage_1{width:10%;}
.mypage_wrap .mypage_2{width:90%;}
.mypage_wrap .mypage_tab{display:flex;gap:10px;}
.mypage_wrap .mypage_tab dl{overflow:hidden;width:100%;border:solid 1px #ccc;border-radius:10px;text-align:center;}
.mypage_wrap .mypage_tab dt{padding:10px;background:#333;color:#fff;}
.mypage_wrap .mypage_tab dd{display:flex;justify-content:center;align-items:center;text-align;center;}
.mypage_wrap .mypage_tab dd strong{display:block;padding:20px 0;width:100%;border-bottom:solid 1px #ccc;font-size:17px;}
.mypage_wrap .mypage_tab dd.color_red a{color:#f30;}
.mypage_wrap .mypage_tab .dd_btn a{display:block;padding:10px 20px;width:100%;font-size:16px;}
.mypage_wrap .mypage_tab .dd_btn a + a{border-left:solid 1px #ccc;}
.mypage_wrap .mypage_tab a.active{background:#274ea0;color:#fff;}
.mypage_wrap .mypage_link{overflow:hidden;display:flex;margin-top:40px;border:solid 1px #ccc;border-radius:10px;}
.mypage_wrap .mypage_link dl{overflow:hidden;width:100%;text-align:center;}
.mypage_wrap .mypage_link dt{padding:10px;background:#333;color:#fff;}
.mypage_wrap .mypage_link dd{}
.mypage_wrap .mypage_link dd + dd{}
.mypage_wrap .mypage_link a{display:block;padding:10px 20px;}
.mypage_wrap .mypage_link a.active{background:#274ea0;color:#fff;}
.mypage_wrap .mypage_contbox{margin:20px auto;}
.mypage_wrap .mypage_contbox .tbl_head01{}
.mypage_wrap .mypage_contbox .tbl_head01 th,
.mypage_wrap .mypage_contbox .tbl_head01 td{padding:10px;border:solid 1px #ccc;text-align:center;white-space:nowrap;}
.mypage_wrap .mypage_contbox .tbl_head01 thead{}
.mypage_wrap .mypage_contbox .tbl_head01 thead th{background:#eee;}
.mypage_wrap .mypage_btn{display:flex;justify-content:right;gap:10px;margin:20px auto;}
.mypage_wrap .mypage_btn .btn_submit{display:block;}
.mypage202popup{}
.mypage202popup section{}
.mypage202popup section .flexbox{display:flex;justify-content:space-between;gap:10px;}
.mypage202popup section article{}
.mypage202popup section article .tbl_frm01 th{white-space:nowrap;}
.mypage202popup section .article_1{width:30%;}
.mypage202popup section .article_2{width:68%;}
/*  */
.fixedpopup{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;}
.fixedpopup:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:.7;z-index:2;}
.fixedpopup section{overflow:auto;position:absolute;left:50%;top:50%;padding:20px;width:93.75%;max-width:500px;max-height:90%;background:#fff;border-radius:10px;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-webkit-transform-origin:-50% -50%;z-index:9;}
.fixedpopup section .viewimg_cont{margin:10px auto;text-align:center;}
.fixedpopup img.half{flex:1 1 0;object-fit:contain;max-width:100%;width:calc((100% - 10px) / 2);height:auto;}
.fixedpopup .btns{text-align:center;}
.fixedpopup .btns .btn_submit,
.fixedpopup .btns .btn_close{display:inline-block;margin:0;padding:0 30px;height:40px;line-height:40px;border:none;border-radius:10px;font-size:15px;text-align:center;vertical-align:middle;}
.fixedpopup .btns .btn_submit{}
.fixedpopup .btns .btn_close{background:#264785;color:white;}
.fixedpopup_information.fixedpopup{}
.fixedpopup_information.fixedpopup section{max-width:800px;}
.fixedpopup_wide.fixedpopup{}
.fixedpopup_wide.fixedpopup section{max-width:1200px;}
/*  */
.popup_servicebox{}
.popup_servicebox .c1{}
.popup_servicebox .c1 .ct{margin:0px;padding:11px 16px;border:0px;font-size:18px;background:rgb(232, 237, 255);border-radius:10px 10px 0px 0px;color:rgb(109, 127, 190);}
.popup_servicebox .c1 .cc{display:flex;gap:10px;padding:10px;border:solid 1px #ccc;border-radius:0 0 10px 10px;}
.popup_servicebox .c1 + dl{margin-top:5px;}
/* ────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
── Media Queries ──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────── */
.gocv_shipping .container{
    margin:0 auto 30px;
}

/* 배너 텍스트 좌측 정렬 */
.banner-text{
    text-align:left;
}

/* 피씨 버전에서만 왼쪽 정렬 */
@media (min-width:769px){
    .banner-content{
        justify-content:flex-start !important;  /* 중앙 정렬을 왼쪽 정렬로 변경 */
    }
    
    .banner-content,
    .banner-text,
    .banner-text h1,
    .banner-text h2{
        text-align:left;
    }
}

/* 770~1024px 해상도에서 세로 중앙 정렬 유지 */
@media (min-width:770px) and (max-width:1024px){
    .banner-content{
        justify-content:center !important;  /* 가로 중앙 정렬 */
        align-items:center !important;      /* 세로 중앙 정렬 추가 */
    }
    
    .banner-content,
    .banner-text,
    .banner-text h1,
    .banner-text h2{
        text-align:center;
    }
}

/* 1025px 이상에서만 왼쪽 정렬 */
@media (min-width:1025px){
    .banner-content{
        justify-content:flex-start !important;
        align-items:center !important;
    }
    
    .banner-content,
    .banner-text,
    .banner-text h1,
    .banner-text h2{
        text-align:left;
    }
}

/* 모바일에서는 기본(중앙) 정렬 유지 */
@media (max-width:768px){
    .banner-content{
        justify-content:center;
    }
    
    .banner-content,
    .banner-text,
    .banner-text h1,
    .banner-text h2{
        text-align:center;
    }
    
    /* 모바일에서 plus-margin 여백 제거 */
    .plus-margin{
        margin:0 !important;
    }
}

/* 구매대행 신청 버튼 영역 */
.submit-button-wrapper{
    display:flex;justify-content:center;align-items:center;gap:10px;
    text-align:center;
    margin-top:60px;  /* 위 여백 늘림 */
    margin-bottom:30px;  /* 아래 여백 줄임 */
    padding:0;
}
.submit-button-wrapper a{display:flex;justify-content:center;align-items:center;padding:10px 50px;height:54px;font-size:18px;font-weight:600;border-radius:10px;background-color:#fff;border:solid 1px #3156a4;color:#3156a4;box-shadow:0 2px 5px rgba(0, 0, 0, 0.1);}
/* 구매대행 신청 다음 버튼 */
#content .submit-button-wrapper .btn-xlg{
    padding:10px 50px;
    font-size:18px;
    font-weight:600;
    border-radius:10px;
    background-color:#3156a4;
    color:#ffffff;
    border:none;
    transition:all 0.3s ease;
    box-shadow:0 2px 5px rgba(0, 0, 0, 0.1);
}

.submit-button-wrapper .btn-xlg:hover{
    background-color:#264785;
    box-shadow:0 4px 8px rgba(0, 0, 0, 0.2);
    transform:translateY(-1px);
}
#column-global{
    display:table;
    table-layout:fixed;
    margin-top:50px;
    width:100%;
}
.column-center{
    display:table-cell;
    vertical-align:top;
}
/* 카드 스타일 */
.type-card{
    border:1px solid #e8e8e8;
    border-radius:26px;
    overflow:visible;
    box-shadow:8px 12px 12px rgba(0, 0, 0, 0.06);
    margin-bottom:50px;
}
.card-head{
    display:flex;align-items:center;gap:10px;
    margin:0px;
    padding:0px 0px 0px 40px;
    border:0px;
    font-size:24px;
    font-weight:bold;
    height:77px;
    line-height:normal;
    justify-content:left;
    color:rgb(49, 86, 164);
    text-align:left;
    border-top-left-radius:26px;
    border-top-right-radius:26px;
}
.card-head:before{content:"";display:block;width:4px;height:22px;background:rgb(49, 86, 164);}
.card-body{
    padding:35px 39px;
    background:#ffffff;
    border-bottom-left-radius:26px;
    border-bottom-right-radius:26px;
}
.card-help{
  margin:0px 0px 30px;
  padding:12px 0;
  border-bottom:solid 1px #ccc;
  font-size:17px;
  line-height:1.4;
  font-weight:600;
}
.card-help .inportant{display:inline-block;padding:2px 10px;background:#fc5230;border-radius:5px;color:#fff;}
.card-help .lightbox{display:inline-block;padding:2px 5px;background:#ffcd4a;}
/* 약관 동의 부분 */
.agree .scroll{
    background:#fff;
    padding:0;
    margin:15px 0 36px;
    border-radius:10px;
}
.agree .fixed{
    background:#fff;
    padding:0 3px;
    height:260px;
    overflow-y:scroll;
}
.agree .fixed p{
    margin:0;
    letter-spacing:-0.01em;
    font-size:15px;
    line-height:27px;
    white-space:pre-wrap; /* 엔터와 공백을 그대로 유지 */
}
.checkbox{
    position:relative;
    display:block;
    margin:13px 4px 17px 0;
    text-align:right; /* 오른쪽 정렬 유지 */
}

/* 체크박스 인라인 레이아웃 개선 */
.checkbox-inline{
    display:flex;
    align-items:flex-start;
    line-height:1.5;
    word-break:keep-all; /* 한글 단어 단위로 자연스럽게 줄바꿈 */
}
.type-checkbox{
    display:inline-block;
    position:relative; /* 절대 위치에서 상대 위치로 변경 */
    width:24px;
    height:24px;
    margin:0 8px 0 0; /* 오른쪽 여백 추가 */
    margin-top:2px; /* 텍스트와 정렬 */
    vertical-align:top; /* 상단 정렬로 변경 */
    flex-shrink:0; /* 크기 고정 */
}
.color-red{
    color:#cc3333 !important;
    white-space:nowrap; /* (필수) 줄바꿈 방지 */
}
/* 배송 방법 선택 */
.delivery-center-list, .customs-type-list{
    text-align:center;
}
.delivery-center-list .txt1, .customs-type-list .txt1{display:flex;justify-content:center;align-items:center;gap:10px;}
.delivery-center-list .type-radio + div, .customs-type-list .type-radio + div{margin:0;}
.col-wrap{
    display:flex;
    gap:30px;
    justify-content:center;
}
.col{
    flex:0 0 368px;
    position:relative;
}
.col label{
    display:block;
    margin:0 !important;
    font-weight:bold;
    position:relative;
    text-align:center;
    padding:0 !important;
}
.img-box{
    display:flex;
    justify-content:space-between;
    position:relative;
    border-radius:20px;
    overflow:hidden;
    margin-bottom:22px;
}
.img-box::after{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:40%;  /* 하단 40% 영역에 적용 */
    background:linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
    pointer-events:none; /* 이미지와의 상호작용을 방해하지 않음 */
}
.ship-img, .air-img, .customs-img{
    max-width:100%;
}
.duration{
    position:absolute;
    left:24px;
    bottom:20px;
    font-size:15px;
    font-weight:bold;
    color:#ffffff;
    text-align:left;
    z-index:1;
}
.air-duration{
    color:#000000;
}
.type-radio{
    width:20px;
    height:20px;
    position:relative;
    margin:0;
}
.type-radio + div{margin-top:10px;}
.question-mark{
    width:16px;
    height:16px;
    line-height:16px;
    vertical-align:middle;
    background:#0055d4;
    border-radius:50%;
    text-align:center;
    cursor:pointer;
    position:relative;
    letter-spacing:-0.01em;
    font-size:12px !important;
    font-weight:normal !important;
    color:#ffffff !important;
    display:inline-block;
    margin-bottom:2px;
}
.link-btn{
    background:#ffffff;
    color:#0055d4;
    text-decoration:none !important;
    display:inline-flex !important;
    justify-content:space-around;
    align-items:center;
    border-radius:36px;
    font-weight:bold;
    font-size:14px !important;
    text-transform:uppercase;
    border:1px solid #0055d4;
    padding:7px 17px;
    transition:0.25s;
    line-height:normal;
    width:113px;
    height:44px;
    margin-top:18px;
}
.arrow-img{
    margin:0;
    border-radius:0;
}
/* 제출 버튼 */
.text-center{
    text-align:center !important;
    margin:0 0 10px;
}
.btn-submit{
    color:#ffffff !important;
    font-weight:bold;
    font-size:20px;
    line-height:normal;
    cursor:pointer;
    display:inline-block;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    border:1px solid #0055d4;
    padding:0 35px;
    border-radius:36px;
    position:relative;
    text-decoration:none;
    background-color:#0055d4;
    min-width:160px;
    transition:0.25s;
}
.btn-submit:hover{
    background-color:#0044aa;
}
/* 푸터 */
#footer{
    display:block;
    clear:both;
    background:#1f1f1f;
    margin-top:50px;
}
.section-cs{
    display:block;
    padding:150px 0 160px;
    background:linear-gradient(#212a38 0%, #1f1f1f 38.94%);
}
.section-cs .container{
    width:1270px;
    margin:0 auto 30px;
    padding:0 15px;
}
.section-head{
    text-align:center;
    margin-bottom:60px;
}
.section-title{
    font-weight:700;
    line-height:54px;
    color:#ffffff;
    margin:0;
    font-size:45px;
}
.section-head p{
    margin:7px 0 0;
    font-weight:500;
    font-size:24px;
    line-height:29px;
    color:#ffffff;
}
#footer .section-cs ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    justify-content:space-between;
}
#footer .section-cs li{
    width:393px;
    background:rgba(255, 255, 255, 0.1);
    border-radius:20px;
    color:#ffffff;
    text-align:center;
    padding:74px 50px;
}
#footer h4{
    font-weight:700;
    line-height:29px;
    color:inherit;
    margin:0 0 14px;
    font-size:24px;
}
.btn-link{
    background-color:transparent;
    color:#ffffff;
    text-decoration:none;
    font-weight:500;
    border-radius:30px;
    box-shadow:none;
    border:1px solid #ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
    width:230px;
    line-height:58px;
    gap:0 10px;
    font-size:15px;
    margin:0 auto 20px;
}
.info{
    font-weight:500;
    font-size:15px;
    line-height:24.3px;
}
.info p{
    margin:0 0 11px;
}
.warning{
    margin:17px 0 11px;
    font-size:16px;
    color:rgba(255, 255, 255, 0.7);
    line-height:1.42;
}
.tel{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:0 10px;
    font-weight:700;
    font-size:36px;
    line-height:43px;
    margin-bottom:20px;
}
.person-img, .tel-img, .qna-img, .biz-img{
    vertical-align:middle;
}
.button-container{
    display:flex;
    justify-content:center;
    gap:20px;
    margin-bottom:20px;
}
.button-container.plus-margin{
    margin-top:30px;
	height:auto;
}
.wrap_cid_shipping a.rounded-button{display:none !important;}
a.rounded-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background-color:white;
    color:#0055d4;
    border:1px solid #0055d4;
    border-radius:30px;
    padding:8px 20px;
    text-decoration:none;
    font-size:20px;
    font-weight:500;
    transition:all 0.2s;
    width:auto;
    height:50px;
}
a.rounded-button.plus{
	width:330px;
	height:80px;
    text-align:center;
}
a.rounded-button:hover{
    background-color:#f4f8ff;
}
.arrow-right{
    display:inline-block;
    width:8px;
    height:8px;
    border-top:2px solid #0055d4;
    border-right:2px solid #0055d4;
    transform:rotate(45deg);
    margin-left:5px;
}
/* 컨테이너 */
.gocv_mypage .container{
    max-width:1600px;
    margin:0 auto;
    padding:20px 0;
    line-height:1.4;
}
/* 메인 타이틀 */
.main-title{
  margin:0 0 50px;
  padding:0 0 24px 20px;
  border-bottom:1px solid #bcbcbc;
  font-size:36px;
  font-weight:bold;
  line-height:1.1;
  position:relative;
}
/*기존타이틀 숨기기*/
#stitle h3{
  display:none !important;
}
/* 상단 통계 */
.top-stats{
    display:flex;
    gap:10px;
    margin-bottom:20px;
}
.stat-item{
    flex:1;
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 1px 3px rgba(0,0,0,0.1);
}
.stat-title{
    background:#000;
    color:#fff;
    padding:13px;
    text-align:center;
    font-weight:bold;
    font-size:16px;
}
.stat-count{
    font-size:20px;
    text-align:center;
    padding:15px 0;
    font-weight:bold;
    border-bottom:1px solid #eee;
}
.color_red .stat-count a{color:#f30;}
.stat-link{
    text-align:center;
    padding:10px 0;
}
.stat-link a{
    display:block;
    padding:10px 0;
    font-size:16px;
    color:#666;
}
.stat-link.double{
    display:flex;
}
.stat-link.double a{
    flex:1;
    padding:10px 0;
}
.stat-link.double a.charge{
    border-left:1px solid #eee;
}
/* 메인 콘텐츠 */
.main-content{
    display:flex;
    gap:20px;
}
/* 사이드바 */
.sidebar{
    width:300px;
    flex-shrink:0;
}
.user-info{
    background:#fff;
    border-radius:10px;
    padding:15px;
    margin-bottom:15px;
    box-shadow:0 1px 3px rgba(0,0,0,0.1);
    position:relative;
}
.crown-icon{
    display:inline-block;
    margin-right:10px;
    vertical-align:middle;
}
.user-text{
    display:inline-block;
    vertical-align:middle;
}
.user-greeting{
    font-weight:bold;
    margin-bottom:5px;
}
.user-level, .user-box{
    font-size:16px;
    color:#666;
}
.settings-button{
    position:absolute;
    top:10px;
    right:10px;
}
.address-buttons{
    display:flex;
    flex-direction:column;
    gap:10px;
    margin-bottom:15px;
}
.address-btn{
    background:#f0f3f7;
    border-radius:20px;
    padding:8px 0;
    text-align:center;
    font-size:16px;
    font-weight:bold;
    border:1px solid #e5e5e5;
}
.message-box{
    background:#fff;
    border-radius:10px;
    padding:15px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:15px;
    box-shadow:0 1px 3px rgba(0,0,0,0.1);
}
.message-box p{
    font-weight:bold;
}
.message-box strong{
    color:#e8074a;
}
.confirm-btn{
    background:#e8074a;
    color:#fff;
    padding:5px 10px;
    border-radius:3px;
    font-size:16px;
}
/* 통관 진행 현황 */
.customs-status{
    background:#fff;
    border-radius:10px;
    padding:15px;
    margin-bottom:15px;
    box-shadow:0 1px 3px rgba(0,0,0,0.1);
}
.customs-status h3{
    font-size:16px;
    margin-bottom:15px;
    padding:4px 0 12px;
    border-bottom:2px solid #0055d4;
    color:#0055d4;
    font-weight:bold;
}
.status-item{
    margin-bottom:15px;
    padding-bottom:12px;
    border-bottom:1px solid #eee;
}
.status-item:last-child{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:none;
}
.status-title{
    font-weight:bold;
    margin-bottom:10px;
    color:#333;
    font-size:15px;
    position:relative;
    padding-left:20px;
}
.status-title:before{
    content:'';
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    width:10px;
    height:10px;
    background:#0055d4;
    border-radius:50%;
}
.status-details{
    padding-left:20px;
}
.status-line{
    display:flex;
    align-items:center;
    margin-bottom:8px;
}
.status-line:last-child{
    margin-bottom:0;
}
.status-text{
    margin-right:10px;
    color:#555;
    font-size:16px;
}
.status-badge{
    display:inline-block;
    background-color:#f8f9fa;
    border:1px solid #000;
    border-radius:15px;
    padding:3px 10px;
    font-size:12px;
    font-weight:500;
    color:#000;
    box-shadow:0 1px 2px rgba(0,0,0,0.05);
    transition:all 0.2s ease;
}
.status-badge:hover{
    background-color:#0055d4;
    color:#fff;
    border-color:#0055d4;
}
/* 공지사항 */
.notice-section{
    position:relative;left:0;top:0;
    background:#fff;
    border-radius:10px;
    padding:15px;
    margin-bottom:15px;
    box-shadow:0 1px 3px rgba(0,0,0,0.1);
}
.notice-section h3{
    padding:4px 0 12px;
    font-size:16px;
    margin-bottom:10px;
}
.notice-table{
    width:100%;
    border-collapse:collapse;
    margin-bottom:10px;
}
.notice-table th{
    background:#f5f5f5;
    padding:8px;
    text-align:left;
    border-bottom:1px solid #ddd;
    font-size:16px;
}
.notice-table td{
    padding:11px 8px;
    border-bottom:1px solid #ddd;
    font-size:16px;
}
.notice-table a{
    overflow:hidden;
    display:block;
    width:180px;
    font-weight:bold;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.unread-notice{
    position:absolute;right:15px;top:10px;
    background:#f9f9f9;
    padding:8px;
    text-align:center;
    border-radius:8px;
    font-size:16px;
}
.unread-notice strong{
    color:#0055d4;
}
/* 콘텐츠 영역 */
.content-area{
    flex:1;
}
/* 주문 탭 */
.order-tabs{
    margin-bottom:20px;
}
.order-tabs ul{
    display:flex;
    gap:10px;
    margin-bottom:10px;
}
.order-tabs li{
    flex:1;
    text-align:center;
}
.order-tabs li a{
    display:block;
    padding:10px 0;
    background:#000;
    color:#fff;
    border-radius:20px;
    opacity:0.1;
}
.order-tabs li.active a{
    opacity:1;
}
.help-text{
    text-align:right;
    font-size:16px;
    color:#0055d4;
}
/* 주문 카테고리 */
.order-categories{
    margin-bottom:20px;
}
.category-section h3{
    font-size:28px;
    margin-bottom:10px;
}
.categories-container{
    display:flex;
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 1px 3px rgba(0,0,0,0.1);
}
.category-group{
    flex:1;
    border-right:1px solid #eee;
}
.category-group:last-child{
    border-right:none;
}
.category-group h4{
    background:#000;
    color:#fff;
/*     padding:10px 10px 10px 25px; */
	padding:10px;
    text-align:center;
    font-size:15px;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
}
.category-group.accident h4{
    background:#e8074a;
}
.category-icon{
    width:20px;
    height:20px;
    margin-right:5px;
    vertical-align:middle;
}
.category-group ul{
    padding:10px;
}
.category-group li{
    margin-bottom:8px;
}
.category-group a{
    display:flex;
    justify-content:space-between;
    color:#666;
    font-size:16px;
}
.category-group a:hover{
    color:#0055d4;
}
/* 검색 섹션 */
.search-section{
    background:#fff;
    border-radius:10px;
    padding:15px;
    margin-bottom:20px;
    box-shadow:0 1px 3px rgba(0,0,0,0.1);
}
.search-row{
    display:flex;
    gap:20px;
    margin-bottom:15px;
}
.search-field{
    display:flex;
    align-items:center;
}
.search-field select{
    padding:5px 10px;
    border:1px solid #ddd;
    border-radius:20px;
}
.search-field input{
    padding:5px 10px;
    border:1px solid #ddd;
    border-radius:20px;
}
.search-field .datepicker{
    width:120px;
}
.date-separator{
    margin:0 5px;
}
.search-buttons{
    display:flex;
    justify-content:flex-end;
    gap:10px;
}
.search-btn{
    background:#0055d4;
    color:#fff;
    padding:8px 20px;
    border-radius:20px;
    font-weight:bold;
}
.reset-btn{
    background:#fff;
    border:1px solid #ddd;
    padding:8px 20px;
    border-radius:20px;
    font-weight:bold;
}
/* 결과 영역 */
.results-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:15px;
}
.results-header h3{
    clear:none;margin:0;padding:0;border:none;
    font-size:20px;
}
.results-options{
    display:flex;
    gap:10px;
}
.results-options select{
    padding:8px 15px;
    border:1px solid #ddd;
    border-radius:8px;
}
.results-content{
    background:#fff;
    border-radius:10px;
    box-shadow:0 1px 3px rgba(0,0,0,0.1);
}
.results-content .mypage_btn{padding:20px;text-align:right;}
.results-content .mypage_btn .btn_submit{border-radius:8px;height:40px;font-size:16px; width:auto;}
.results-content .mypage_btn a.btn_submit{display:inline-flex;justify-content:center;align-items:center;color:#fff;}
.results-content .tbl_head01{margin:0;padding:8px;}
.results-content .tbl_head01 th{background:#eee;border:solid 1px #ccc;font-size:16px;}
.results-content .tbl_head01 td{border:solid 1px #ccc;}
.results-content .tbl_head01 td img{max-width:50px;}
.results-content .tbl_head01 input[type=checkbox]{width:20px;height:20px;}
.no-data{
    padding:50px 0;
    text-align:center;
    color:#999;
    font-size:16px;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
}
.results-content .tbl_deposit{background: #fff;border-radius: 10px;padding: 25px;margin:50px 0;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);}
.results-content .tbl_deposit table{overflow:hidden;margin:10px auto;max-width:500px;background:#2196F3;border:solid 1px #ccc;;border-radius:10px;table-layout:fixed;}
.results-content .tbl_deposit table th,
.results-content .tbl_deposit table td{padding:0;height:40px;border:none;text-align:center;}
.results-content .tbl_deposit table th{overflow:hidden;background:#2196F3;border:solid 1px #2196F3;border-radius:10px 0 0 10px;color:#fff;}
.results-content .tbl_deposit table th:last-child{border-radius:0 10px 10px 0;}
.results-content .tbl_deposit table td{position:relative;left:0;top:0;background:#fff;}
.results-content .tbl_deposit table td .frm_input{padding-right:30px;width:100%;border:none;border-radius:0;text-align:right;}
.results-content .tbl_deposit table td:last-child{border-right:solid 1px #ccc;border-radius:0 10px 10px 0;}
.results-content .tbl_deposit table td.td_won:after{content:"원";display:block;position:absolute;right:5px;top:50%;transform:translateY(-50%);}
.results-content .tbl_deposit table td .radio_wrap{display:flex;justify-content:center;align-items:center;}
.results-content .tbl_deposit table td .radio_wrap label{display:flex;align-items:center;}
.results-content .tbl_deposit table td .radio_wrap label + label{margin-left:20px;}
.results-content .tbl_deposit .btn_submit{display:block;width:100%;height:42px;background:#2196F3;border:none;}
/* 섹션 카드 스타일 */
.type-card{
  margin:0px 0px 50px;
  padding:0px;
  border:1px solid rgb(232, 232, 232);
  border-radius:26px;
  overflow:visible;
  box-shadow:rgba(0, 0, 0, 0.06) 8px 12px 12px;
}
.card-description{margin:0 40px 30px;padding:0 16px;height:3.6em;border-bottom:solid 1px #ccc;}
.card-description p{position:relative;left:0;top:0;padding-left:12px;font-size:17px;}
.card-description p:before{content:"";display:block;position:absolute;left:0;top:6px;width:4px;height:4px;background:#222;}
.card-description p + p{margin-top:5px;}
/* 카드 본문 스타일 */
.card-body{
  margin:0px;
  padding:0 39px 35px;
  border:0px;
  background:rgb(255, 255, 255);
  border-bottom-left-radius:26px;
  border-bottom-right-radius:26px;
}
/* 버튼 컨테이너 스타일 */
.button-container{
  margin:0px 0px 20px;
  padding:0px;
  border:0px;
  display:flex;
  justify-content:center;
  gap:20px;
}
/* 둥근 버튼 스타일 */
.rounded-button{
  margin:0px;
  padding:8px 20px;
  border:1px solid rgb(0, 85, 212);
  font-size:20px;
  outline:none;
  color:rgb(0, 85, 212);
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background-color:white;
  border-radius:30px;
  font-weight:500;
  transition:0.2s;
  width:auto;
  height:50px;
}
/* 더 큰 버튼 스타일 */
.rounded-button.plus{
  width:330px;
  height:80px;
  text-align:center;
}
.checkbox-inline{
    display:inline-flex;
    align-items:center;
    position:relative;
    padding-left:0; 
    max-width:100%;
    margin-bottom:0;
    font-weight:500;
    vertical-align:middle;
    cursor:pointer;
    font-size:15px;
    min-height:24px;
}
/* 스크롤 영역 스타일 */
.scroll{
  margin:15px 0px 36px;
  padding:21px 19px 29px 24px;
  background:rgb(247, 247, 247);
  border-radius:10px;
}
.fixed{
  margin:0px;
  padding:0px 3px;
  background:rgb(247, 247, 247);
  height:260px;
  overflow-y:scroll;
}
/* 이미지 박스 스타일 */
.img-box{
  margin:0px 0px 22px;
  padding:0px;
  display:flex;
  justify-content:space-between;
  position:relative;
  border-radius:20px;
  overflow:hidden;
}
/* 기간 표시 스타일 */
.duration{
  margin:0px;
  padding:0px;
  position:absolute;
  left:24px;
  bottom:20px;
  font-weight:bold;
  color:rgb(255, 255, 255);
  text-align:left;
  z-index:1;
}
/* 상품 정보 입력 폼 스타일 */
.contbox{
  margin:0px;
  padding:0px;
  border:0px;
}
/* dl, dt, dd 스타일 */
dl{
  margin:0px;
  padding:0px;
  border:0px;
  display:flex;
  align-items:center;
  width:450px;
  flex:1 1 0%;
}
dt{
  margin:0px;
  padding:11px 16px;
  border:0px;
  font-size:18px;
  width:150px;
  background:rgb(232, 237, 255);
  border-radius:10px 0px 0px 10px;
  color:rgb(109, 127, 190);
}
dd{
  margin:0px;
  padding:0px;
  border:0px;
  flex:1 1 0%;
  gap:10px;
  display:flex;
  align-items:center;
}
/* 입력 필드 스타일 */
.frm_input{
  vertical-align:middle;
  border-radius:0px 10px 10px 0px;
  border:1px solid rgb(204, 204, 204);
  padding:5px;
  line-height:normal;
  background:rgb(255, 255, 255);
  color:rgb(0, 0, 0);
  height:40px;
  transition:0.3s ease-in-out;
  outline:none;
  flex:1 1 0%;
}
/* 제출 버튼 스타일 */
.btn_submit{
  vertical-align:middle;
  border-radius:8px; /* 이전:36px */
  appearance:none;
  border:1px solid #3156a4; /* 이전:rgb(0, 85, 212) */
  padding:0px 35px;
  line-height:normal;
  cursor:pointer;
  height:35px;
  text-align:center;
  font-weight:bold;
  font-size:20px;
  display:inline-block;
  white-space:nowrap;
  position:relative;
  text-decoration:none;
  background-color:#3156a4; /* 이전:rgb(0, 85, 212) */
  min-width:160px;
  transition:0.3s ease; /* 이전:0.25s */
  color:rgb(255, 255, 255);
}
/* 추가:호버 효과 */
.btn_submit:hover{
  background-color:#264785;
  box-shadow:0 4px 8px rgba(49, 86, 164, 0.2);
}
/* 헤더 스타일 */
h3{
  margin:0px 0px 50px;
  padding:0px 0px 13px 20px;
  border-width:0px 0px 1px;
  border-bottom-style:solid;
  border-bottom-color:rgb(188, 188, 188);
  font-size:36px;
  clear:both;
  font-weight:bold;
  line-height:1.1;
  position:relative;
}
/* 텍스트 중앙 정렬 */
.text-center{
  text-align:center;
}
/* 빨간색 텍스트 */
.color-red{
    color:#cc3333 !important;
    margin-right:5px; /* 텍스트와의 간격 추가 */
}
/* 컬럼 래퍼 스타일 */
.col-wrap{
  margin:0px;
  padding:0px;
  border:0px;
  display:flex;
  gap:30px;
  justify-content:center;
}
.col{
  margin:0px;
  padding:0px;
  border:0px;
  flex:0 0 368px;
  position:relative;
}
/* 컨테이너 스타일 */
.container{
  margin:0px auto 30px;
  border:0px;
}
/* 마진 있는 컨테이너 */
.plus-margin{
  margin:30px 0px 20px;
}
/* 질문 마크 스타일 */
.question-mark{
  margin:0px 0px 2px;
  padding:0px;
  border:0px;
  font-size:12px;
  vertical-align:middle;
  width:16px;
  height:16px;
  line-height:16px;
  background:rgb(0, 85, 212);
  border-radius:50%;
  text-align:center;
  cursor:pointer;
  position:relative;
  letter-spacing:-0.01em;
  display:inline-block;
  font-weight:normal;
  color:rgb(255, 255, 255);
}
/*스타일시트 반영*/
/* 기본 버튼 스타일 */
#content .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:10px 24px;
    border-radius:50px; /* 긴 타원 형태 */
    font-size:16px;
    font-weight:500;
    cursor:pointer;
    transition:all 0.3s ease;
    border:none;
    outline:none;
    text-decoration:none;
    min-width:120px;
}
/* 기본 버튼 (프라이머리) */
#content .btn-primary{
    background-color:#3156a4; /* 요청한 색상 */
    color:white;
}
.btn-primary:hover{
    background-color:#264785; /* 어두운 효과 */
    box-shadow:0 4px 8px rgba(49, 86, 164, 0.2);
}
.btn-primary:active{
    background-color:#1e3866; /* 더 어두운 효과 */
    transform:translateY(1px);
}
#content .btn-xlg{
    padding:18px 40px;
    font-size:22px;
    min-width:160px;
    height:54px;
    font-weight:700;
}
/* 버튼 사이즈 */
#content .btn-sm{
    padding:6px 16px;
    font-size:16px;
    min-width:100px;
}
.btn-lg{
    padding:14px 32px;
    font-size:18px;
    min-width:150px;
}
/* 비활성화 버튼 */
.btn:disabled,
.btn.disabled{
    background-color:#c5c5c5;
    color:#888;
    cursor:not-allowed;
    border-color:#c5c5c5;
    box-shadow:none;
}
/**/
/* 배송대행 페이지 커스텀 CSS - 충돌 최소화 버전 */
/* 메인 색상 변수 */
:root{
  --shipping-primary:#3156a4; /* 메인 컬러 */
  --shipping-dark:#264785; /* 호버 시 어두운 컬러 */
  --shipping-light:#e8edff; /* 라벨 배경 */
  --shipping-accent:#6d7fbe; /* 액센트 컬러 */
  --shipping-white:#ffffff; /* 밝은 컬러 (텍스트) */
  --shipping-gray-light:#e8e8e8; /* 밝은 회색 (경계선) */
  --shipping-gray:#666666; /* 어두운 회색 (텍스트) */
  --shipping-red:#cc3333; /* 강조 컬러 (필수 표시) */
  --shipping-bg-light:#f8f9fa; /* 배경 밝은 색 */
  --shipping-shadow:0 4px 8px rgba(49, 86, 164, 0.1); /* 그림자 */
}
/* 기본 레이아웃 - 기존 구조 유지 */
.shipping_wrap{
  margin-top:80px;
  font-family:'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
}
/* 버튼 스타일 */
.shipping_wrap .btnsbox a,
.shipping_wrap .btnsbox .btn_submit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 40px;
  border-radius:10px;
  font-size:18px;
  font-weight:500;
  cursor:pointer;
  transition:all 0.3s ease;
  text-decoration:none;
  line-height:normal;
  height:auto;
}
.shipping_wrap .btnsbox .btn_submit{
  background-color:var(--shipping-primary);
  color:var(--shipping-white);
  border:none;
  min-width:160px;
}
.shipping_wrap .btnsbox .btn_submit:hover{
  background-color:var(--shipping-dark);
  box-shadow:var(--shipping-shadow);
}
.shipping_wrap .btnsbox a:not(.btn_submit){
  border:1px solid var(--shipping-gray-light);
  color:var(--shipping-primary);
}
.shipping_wrap .btnsbox a:not(.btn_submit):hover{
  border-color:var(--shipping-primary);
  color:var(--shipping-primary);
}
/* Step 1 스타일 - 상품 정보 입력 첫 단계 */
.shipping_wrap .content_step1 .contbox{
  margin-bottom:40px;
  border:1px solid var(--shipping-gray-light);
  border-radius:20px;
  overflow:hidden;
  box-shadow:var(--shipping-shadow);
}
.shipping_wrap .content_step1 .contbox .t{
  padding:20px 30px;
  background-color:var(--shipping-primary);
  color:var(--shipping-white);
  font-size:20px;
  font-weight:600;
}
.shipping_wrap .content_step1 .contbox .c{
  padding:30px;
  background-color:var(--shipping-white);
}
/* Step 2 스타일 - 상품 추가 버튼들 */
.shipping_wrap .content_step2 .contbox1 .c1{position:relative;left:0;top:0;margin-bottom:50px;z-index:10;}
.shipping_wrap .content_step2 .contbox1 .c1 .c1_btns{display:flex;align-items:center;gap:10px;position:absolute;right:40px;top:-94px;}
.shipping_wrap .content_step2 .contbox1 .c1 a{
  display:flex;
  justify-content:center;
  align-items:center;
  padding:16px 24px;
  height:auto;
  text-align:center;
  font-size:16px;
  line-height:20px;
  border:1px solid var(--shipping-gray-light);
  border-radius:10px;
  background-color:var(--shipping-white);
  color:var(--shipping-gray);
  transition:all 0.3s ease;
}
.shipping_wrap .content_step2 .contbox1 .c1 a:first-child{
  background-color:var(--shipping-primary);
  color:var(--shipping-white);
  border-color:var(--shipping-primary);
}
.shipping_wrap .content_step2 .contbox1 .c1 a:hover{
  background-color:var(--shipping-primary);
  color:var(--shipping-white);
  border-color:var(--shipping-primary);
}
.shipping_wrap .content_step2 .contbox1 .c1 a br{display:none;}
/* 상품 추가 버튼 */
.shipping_wrap .content_step2 .contbox1 .c3{
  display:flex;
  gap:10px;
  justify-content:flex-end;
  margin-top:20px;
}
.shipping_wrap .content_step2 .contbox1 .c3 a{
  display:flex;
  justify-content:center;
  align-items:center;
  padding:0 25px;
  height:45px;
  border-radius:50px;
  font-size:16px;
  font-weight:500;
  transition:all 0.3s ease;
}
.shipping_wrap .content_step2 .contbox1 .c3 a:first-child{
  background-color:var(--shipping-primary);
  color:var(--shipping-white);
  border:none;
}
.shipping_wrap .content_step2 .contbox1 .c3 a:not(:first-child){
  background-color:var(--shipping-white);
  color:var(--shipping-primary);
  border:1px solid var(--shipping-primary);
}
/* 통관 정보 박스 */
.shipping_wrap .content_step2 .contbox2 .c{
  display:flex;
  justify-content:space-between;
  padding:40px 30px;
  align-items:center;
  border-radius:15px;
  border:1px solid var(--shipping-gray-light);
  background-color:var(--shipping-white);
  box-shadow:var(--shipping-shadow);
}
.shipping_wrap .content_step2 .contbox2 .c .cc1{
  display:flex;
  align-items:center;
  gap:20px;
}
.shipping_wrap .content_step2 .contbox2 .c .cc1 .ccc1{display:flex;align-items:center;gap:14px;margin:0;padding-left:10px;border:none;font-size:32px;font-weight:bold;color:rgb(49, 86, 164);}
.shipping_wrap .content_step2 .contbox2 .c .cc1 .ccc1:before{content:"";display:block;width:4px;height:28px;background:rgb(49, 86, 164);}
.shipping_wrap .content_step2 .contbox2 .c .cc1 .ccc2 a{
  display:flex;
  justify-content:center;
  align-items:center;
  padding:0 20px;
  height:40px;
  border-radius:8px;
  background-color:var(--shipping-primary);
  color:var(--shipping-white);
  font-weight:600;
  transition:all 0.3s ease;
}
.shipping_wrap .content_step2 .contbox2 .c .cc2{
  font-size:22px;
  text-align:right;
}
.shipping_wrap .content_step2 .contbox2 .c .cc2 .ccc1{
  margin-bottom:10px;
  color:var(--shipping-gray);
}
.shipping_wrap .content_step2 .contbox2 .c .cc2 .ccc2{
  font-weight:700;
  color:#333;
  font-size:30px;
}
.shipping_wrap .content_step2 .contbox2 .c .cc2 .ccc2 span{
  color:var(--shipping-primary);
}
/* 배송지 정보 */
.shipping_wrap .content_step2 .contbox3 .t{
  margin-bottom:20px;
  font-size:20px;
  font-weight:600;
  color:#333;
}
.shipping_wrap .content_step2 .contbox3 .c{
  border-radius:15px;
  overflow:hidden;
  border:1px solid var(--shipping-gray-light);
  background-color:var(--shipping-white);
  box-shadow:var(--shipping-shadow);
}
.shipping_wrap .content_step2 .contbox3 .c .cc2{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:0 25px;
  margin-bottom:15px;
}
.shipping_wrap .content_step2 .contbox3 .c .cc2 .ccc2 a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 20px;
  height:40px;
  border:1px solid var(--shipping-gray-light);
  border-radius:50px;
  font-size:15px;
  color:var(--shipping-gray);
  transition:all 0.3s ease;
}
/* 주소 테이블 */
.shipping_wrap .content_step2 .contbox3 .c .cc3{
  margin:20px auto;
  padding:0 25px;
}
.shipping_wrap .content_step2 .contbox3 .c .cc3 table{
  width:100%;
  background-color:var(--shipping-gray-light);
  border-spacing:0;
  overflow:hidden;
}
.shipping_wrap .content_step2 .contbox3 .c .cc3 table th{
  background-color:var(--shipping-bg-light);
  padding:15px 10px;
  text-align:center;
  border:1px solid var(--shipping-gray-light);
  font-weight:600;
  color:#333;
}
.shipping_wrap .content_step2 .contbox3 .c .cc3 table td{
  padding:15px 10px;
  text-align:center;
  border:1px solid var(--shipping-gray-light);
  color:var(--shipping-gray);
}
/* 주의사항 */
/* 반응형 미디어 쿼리 */
@media (max-width:1200px){
  .shipping_wrap .content_step2 .contbox4.purchase{
    flex-direction:column;
  }
  
  .shipping_wrap .content_step2 .contbox4.purchase dl{
    width:100%;
  }
}
@media (max-width:768px){
  
  .shipping_wrap .btnsbox{
    flex-direction:column;
  }
  
  .shipping_wrap .btnsbox a,
  .shipping_wrap .btnsbox .btn_submit{
    width:100%;
  }
}
/* 드롭다운 내의 옵션들도 가운데 정렬 */
select[name^="spf_shoppingmall"] option{
  text-align:center !important;
}
select[name^="spf_shoppingmall"]:focus{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233156a4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='18 15 12 9 6 15'%3E%3C/polyline%3E%3C/svg%3E");
}
input[name^="spg_amount"]{
  border-radius:10px !important;
  text-align:right !important;
  padding-right:10px !important;
}
/*마이페이지 추가*/
.mypage_wrap .mypage_contbox .tbl_head01,
.results-content .tbl_head01{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  margin:0;
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 2px 10px rgba(0, 0, 0, 0.05);
}
/* 테이블 헤더 */
.mypage_wrap .mypage_contbox .tbl_head01 thead th,
.results-content .tbl_head01 thead th{
  background:#f8f9fa !important;
  padding:15px 10px !important;
  text-align:center !important;
  border:none !important;
  border-bottom:1px solid #e5e5e5 !important;
  color:#333 !important;
  font-weight:600 !important;
  font-size:16px !important;
  white-space:nowrap !important;
  height:auto !important;
}
/* 테이블 셀 */
.mypage_wrap .mypage_contbox .tbl_head01 td,
.results-content .tbl_head01 td{
  padding:14px 10px !important;
  text-align:center !important;
  border:none !important;
  border-bottom:1px solid #eee !important;
  color:#555 !important;
  font-size:17px !important;
  vertical-align:middle !important;
  height:auto !important;
}
.results-content .tbl_head01 td.status-requested{
    background-color:#4caf50 !important;
    color:white !important;
    font-weight:600 !important;
}

/* 호버 시에도 색상 유지 */
.results-content .tbl_head01 tbody tr:hover td.status-requested{
    background-color:#45a049 !important;
    color:white !important;
}

/* 테이블 행 호버 효과 */
.mypage_wrap .mypage_contbox .tbl_head01 tbody tr:hover,
.results-content .tbl_head01 tbody tr:hover{
  background-color:rgba(49, 86, 164, 0.05) !important;
}
/* 이미지 스타일 */
.mypage_wrap .mypage_contbox .tbl_head01 td img,
.results-content .tbl_head01 td img{
  max-width:80px !important;
  border-radius:5px !important;
  box-shadow:0 1px 3px rgba(0, 0, 0, 0.1) !important;
}
/* 숫자가 있는 모든 span에 기본 스타일 적용 */
.category-group ul li a span{
  margin-left:4px;
  font-weight:normal;
}
/* 0이 아닌 숫자들에 테두리와 강조 스타일 추가 */
.category-group ul li a span:not(:empty){
  display:inline-block;
  min-width:20px;
  padding:1px 3px;
  border:1px solid #3156a4;
  border-radius:4px;
  color:#3156a4;
  font-weight:600;
  text-align:center; /* 가운데 정렬 추가 */
}
/* 활성화된 메뉴 텍스트 색상만 강조 */
.category-group ul li a.active{
  color:#007bff !important;
  font-weight:600 !important;
}
/* 활성화된 메뉴의 숫자 테두리 색상 변경 */
.category-group ul li a.active span:not(:empty){
  border-color:#3156a4 !important;
  color:#3156a4 !important;
  background-color:rgba(49, 86, 164, 0.1) !important;
  text-align:center !important; /* 가운데 정렬 확실히 적용 */
}
/* 검색 버튼 스타일 표준화 */
.search-buttons .search-btn,
.search-buttons .reset-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 24px;
  border-radius:50px;
  font-size:16px;
  font-weight:500;
  cursor:pointer;
  transition:all 0.3s ease;
  border:none;
  outline:none;
  text-decoration:none;
  min-width:120px;
  height:44px;
}
/* 검색 버튼 (메인 버튼) */
.search-buttons .search-btn{
  background-color:#3156a4;
  color:white;
  margin-right:10px;
}
.search-buttons .search-btn:hover{
  background-color:#264785;
  box-shadow:0 4px 8px rgba(49, 86, 164, 0.2);
}
/* 검색 초기화 버튼 (서브 버튼) */
.search-buttons .reset-btn{
  background-color:white;
  color:#333;
  border:1px solid #ddd;
}
.search-buttons .reset-btn:hover{
  background-color:#f5f5f5;
  border-color:#ccc;
}
/* 버튼 컨테이너 위치 조정 */
.search-buttons{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:20px;
}
/*마이페이지내 버튼들*/
/* 검색 섹션 디자인 개선 - 정렬 향상 */
.search-section{
  background:#fff;
  border-radius:15px;
  padding:25px;
  margin-bottom:30px;
  box-shadow:0 2px 10px rgba(0, 0, 0, 0.05);
}
/* 검색 행 간격 조정 */
.search-row{
  display:flex;
  flex-wrap:wrap;
  gap:20px;
  margin-bottom:20px;
}
/* 검색 필드 스타일 개선 - 정렬 향상 */
.search-field{
  display:flex;
  align-items:center;
  flex:1;
  min-width:300px;
}
/* 라벨 스타일 - 정렬 향상 */
.search-field label{
  font-size:16px;
  font-weight:500;
  color:#333;
  margin-right:10px;
  text-align:right; /* 오른쪽 정렬로 수정 */
  flex-shrink:0; /* 크기 고정 */
}
/* 입력 컨테이너 - 추가 */
.search-field .input-container{
  display:flex;
  flex:1;
  align-items:center;
}
/* 셀렉트 박스 스타일 */
.search-field select{
  height:40px;
  padding:0 15px;
  border:1px solid #ddd;
  border-radius:8px;
  background-color:#fff;
  color:#333;
  font-size:16px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233156a4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 10px center;
  background-size:14px;
  padding-right:30px;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  transition:all 0.3s ease;
  width:100%; /* 폭 100%로 설정 */
}
.search-field select:focus{
  border-color:#3156a4;
  outline:none;
  box-shadow:0 0 0 2px rgba(49, 86, 164, 0.1);
}
/* 기본 텍스트 입력 필드 스타일 */
.search-field input[type="text"]{
  height:40px;
  padding:0 15px;
  border:1px solid #ddd;
  border-radius:8px;
  background-color:#fff;
  color:#333;
  font-size:16px;
  transition:all 0.3s ease;
  width:100%; /* 기본 폭 100% 유지 */
}
.search-field select + input[type="text"]{margin-left:10px}
/* 날짜 선택기 컨테이너 수정 */
.search-field .date-container{
  display:flex;
  align-items:center;
  width:auto; /* 자동 너비로 변경 */
}
/* 날짜 구분선 */
.search-field .date-separator{
  margin:0 10px;
  color:#666;
  flex-shrink:0;
}
/* 버튼 컨테이너 */
.search-buttons{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:30px;
}
/* 검색 버튼 스타일 */
.search-buttons .search-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 24px;
  height:40px;
  min-width:120px;
  border-radius:8px;
  background-color:#3156a4;
  color:#fff;
  font-size:16px;
  font-weight:500;
  border:none;
  cursor:pointer;
  transition:all 0.3s ease;
}
.search-buttons .search-btn:hover{
  background-color:#264785;
  box-shadow:0 4px 8px rgba(49, 86, 164, 0.2);
}
/* 검색 초기화 버튼 스타일 */
.search-buttons .reset-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 24px;
  height:40px;
  min-width:120px;
  border-radius:8px;
  background-color:#fff;
  color:#555;
  font-size:16px;
  font-weight:500;
  border:1px solid #ddd;
  cursor:pointer;
  transition:all 0.3s ease;
}
.search-buttons .reset-btn:hover{
  background-color:#f5f5f5;
  border-color:#ccc;
}

/*메인상단디자인*/
/* 상단 배너 스타일 */
.top-banner-wrapper{
    margin:0 auto;
    position:relative;
    overflow:hidden;
}

.top-banner-container{
    width:100%;
}

.banner-content{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:320px;
    border-radius:24px;
    background-image:url('/cimg/version1/assets/banner-content_gif.gif');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    margin:20px 0;
    padding:40px 60px;
    position:relative;
}

.banner-content::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    border-radius:24px;
    z-index:1;
}

.banner-text{
    color:#fff;
    text-align:center;
    position:relative;
    margin-bottom:50px;margin-left:50px;
    z-index:2;
}

.banner-text h2{
    font-size:16px;
    font-weight:400;
    margin-bottom:12px;
    opacity:1;
    letter-spacing:-0.5px;
}

.banner-text h1{
    font-size:35px;
    font-weight:700;
    letter-spacing:-1px;
    line-height:1.2;
}

/* 반응형 미디어 쿼리 */
@media (max-width:1024px){
    .banner-content{
        flex-direction:column;
        text-align:center;
        padding:40px 30px;
    }
    
    .banner-text{
        padding-right:0;
    }
    
    .banner-text h1{
        font-size:36px;
    }
}

@media (max-width:768px){
    .banner-text h1{
        font-size:28px;
    }
    
    .banner-text h2{
        font-size:16px;
    }
}
/*메인 상단 배너 디자인끝*/

/* ────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
── 배송방법/통관방법 카드 좌우 배치 (PC 전용) ───────────────────────────────────────────────────────────────────────────────────────────────────────
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────── */

/* 통합 설명 영역 스타일 */
.shipping-method-help{
    background:#f4f8ff;
    border:1px solid #e8edff;
    border-radius:15px;
    padding:20px 30px;
    margin-bottom:30px;
    margin-left:auto;
    margin-right:auto;
}

.shipping-method-help p{
    margin:0;
    line-height:1.6;
    font-size:15px;
    color:#333;
}

.shipping-method-help p + p{
    margin-top:15px;
    padding-top:15px;
    border-top:1px solid #e0e0e0;
}

.shipping-method-help strong{
    color:#3156a4;
    margin-right:5px;
}

/* PC 해상도에서 배송방법/통관방법 카드를 좌우로 배치 */
@media (min-width:1024px){
    /* 두 카드를 감싸는 컨테이너 - 기존 너비 제한 유지 */
    .shipping-method-cards-wrapper{
        display:flex;
        gap:30px;
        justify-content:space-between;
        align-items:stretch;
        margin:0 auto 50px;
        width:100%;
    }
    
    /* 래퍼 내부의 type-card 여백 조정 */
    .shipping-method-cards-wrapper .type-card{
        flex:1;
        margin-bottom:0;
        min-width:0; /* flex 아이템이 축소될 수 있도록 */
        display:flex;
        flex-direction:column;
    }
    
    /* 카드 내부 높이 일치시키기 */
    .shipping-method-cards-wrapper .card-body{
        flex:1;
        display:flex;
        flex-direction:column;
    }
    
    
    /* 이미지 리스트 영역이 남은 공간을 채우도록 */
    .shipping-method-cards-wrapper .delivery-center-list,
    .shipping-method-cards-wrapper .customs-type-list{
        flex:1;
        display:flex;
        flex-direction:column;
    }
    
    /* 카드 내부 이미지 크기 조정 */
    .shipping-method-cards-wrapper .col{
        flex:0 0 calc(50% - 15px); /* 두 개씩 배치 */
    }
    
    /* 작은 화면에서 이미지 박스 크기 조정 */
    .shipping-method-cards-wrapper .img-box{
        height:140px; /* 하단이 잘리지 않도록 더 작게 조정 */
    }
    
    /* 이미지 자체 크기 조정 */
    .shipping-method-cards-wrapper .ship-img,
    .shipping-method-cards-wrapper .customs-img{
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center center;
    }
    
    /* 버튼 컨테이너가 항상 하단에 위치하도록 */
    .shipping-method-cards-wrapper .button-container{
        margin-top:auto; /* 자동으로 하단에 배치 */
    }
    
    /* 버튼 크기 최적화 */
    .shipping-method-cards-wrapper .rounded-button.plus{
        width:100%;
        max-width:280px; /* 너비 제한 */
        margin:0 auto;
        font-size:16px;
        height:65px;
    }
}

/* 1400px 이상 큰 화면에서는 원래 크기 유지 */
@media (min-width:1400px){
    .shipping-method-cards-wrapper .img-box{
        height:180px; /* 하단 텍스트가 잘리지 않도록 고정 높이 */
    }
    
    .shipping-method-cards-wrapper .rounded-button.plus{
        width:330px;
        height:80px;
        font-size:20px;
    }
}

/* 라디오 버튼 하단 텍스트 조정 */
@media (min-width:1024px){
    .shipping-method-cards-wrapper .col label > div:last-child{
        margin-top:10px;
        font-size:22px;
        font-weight:600;
    }
    
    /* 물음표 아이콘이 있는 경우 위치 조정 */
    .shipping-method-cards-wrapper .question-mark{
        vertical-align:middle;
        margin-left:5px;
    }
}

/* ────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
── 반응형 CSS 추가 - default.css 최하단에 추가 ──────────────────────────────────────────────────────────────────────────────────────────────────────
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────── */

/* 태블릿 가로 모드 (1024px 이하) */
@media (max-width:1024px){
    /* 상단 배너 반응형 수정 */
    .banner-content{
        display:flex;
        align-items:center;
        justify-content:center;
        min-height:280px;
    }
    
    .banner-text{
        text-align:center;
        padding:0 20px;
    }
    /* 컨테이너 너비 조정 */
    #column-global,
    .column-center,
    .gocv_shipping h3,
    .shipping_wrap h3,
    .shipping_wrap > .inner,
    .shipping_wrap .content_step2 .contbox1 .c2 .cc_wrap{
        width:100% !important;
        max-width:100% !important;
        padding-left:20px;
        padding-right:20px;
    }
    
    /* 컨테이너 패딩 조정 */
    .gocv_shipping .container,
    #footer .section-cs .container{
        width:100%;
        max-width:100%;
        padding:0 20px;
    }
    
    /* 배송방법 선택 카드 - 모바일에서도 가로 배치 */
    .col-wrap{
        flex-direction:row;
        flex-wrap:wrap;
        gap:15px;
        justify-content:space-between;
    }
    
    .col{
        flex:0 0 calc(50% - 8px); /* 2개씩 가로 배치 */
        width:calc(50% - 8px);
        max-width:none;
        margin:0;
    }
    
    /* 이미지 박스 크기 조정 */
    .col .img-box{
        height:140px; /* 높이 줄임 */
    }
    
    .col .img-box img{
        width:100%;
        height:100%;
        object-fit:cover;
    }
    
    /* 텍스트 크기 조정 */
    .col label{
        font-size:16px;
    }
    
    .duration{
        font-size:11px;
        left:10px;
        bottom:10px;
        line-height:1.3;
    }
    
    /* 푸터 CS 섹션 */
    #footer .section-cs ul{
        flex-direction:column;
        align-items:center;
        gap:20px;
    }
    
    #footer .section-cs li{
        width:100%;
        max-width:500px;
        padding:50px 30px;
    }
    
    /* 상품 입력 폼 그리드 조정 */
    .shipping_wrap .content_step2 .contbox1 .c2 .cc_wrap .cc3{
        grid-template-columns:repeat(2, 1fr);
        grid-template-rows:auto;
    }
    
    /* 결제 정보 */
    .shipping_wrap .content_step2 .contbox4.purchase{
        flex-direction:column;
    }
    
    .shipping_wrap .content_step2 .contbox4.purchase dl{
        width:100%;
        max-width:400px;
    }
    
    /* 마이페이지 레이아웃 */
    .main-content{
        flex-direction:column;
    }
    
    .sidebar{
        width:100%;
        margin-bottom:30px;
    }
    
    /* 검색 필드 */
    .search-field{
        min-width:250px;
    }
}

/* 태블릿 세로 모드 (768px 이하) */
@media (max-width:768px){
    /* 컨테이너 마진/패딩 조정 - 중첩 최소화 */
    #column-global{
        margin-top:80px;
        padding:0;
    }
    
    .column-center{
        padding:0;
    }
    
    .gocv_shipping .container{
        padding:0 15px;
    }
    
    /* type-card 여백 최적화 */
    .type-card.shadow-bottom{
        margin-left:15px;
        margin-right:15px;
        margin-bottom:30px;
    }
    /* 헤더 조정 */
    #header{
        height:70px;
    }
    
    #header #logo{
        top:15px;
    }
    
    #header #logo a{
        width:200px;
        height:40px;
    }
    
    /* GNB 모바일 메뉴 */
    #header #nv_gnb{
        display:none;
    }
    
    #header .header_menu_btn{
        display:block;
        top:24px;
        right:20px;
    }
    
    /* 상단 배너 */
    .banner-content{
        min-height:220px;
        padding:20px;
        margin:10px 0;
        display:flex;
        align-items:center;
        justify-content:center;
    }
    
    .banner-text{
        text-align:center;
        padding:0;
        width:100%;
    }
    
    .banner-text h1{
        font-size:28px;
        margin:0;
        line-height:1.2;
    }
    
    .banner-text h2{
        font-size:15px;
        margin:0 0 10px 0;
        line-height:1.3;
    }
    
    /* 제목 크기 조정 */
    .shipping_wrap h3,
    .section.agency-config-common h3,
    .gocv_shipping h3{
        font-size:28px;
        padding:0 0 20px 15px;
        margin-bottom:30px;
        margin-left:0;
        margin-right:0;
    }
    
    /* 카드 패딩 조정 */
    .card-head{
        font-size:20px;
        height:60px;
        padding-left:25px;
    }
    
    .card-body{
        padding:25px 20px;
    }
    
    /* 체크박스 레이아웃 수정 */
    .checkbox{
        margin:20px 10px; /* 좌우 여백 추가 */
    }
    
    .checkbox-inline{
        font-size:16px;
        line-height:1.6;
    }
    
    /* 모바일에서는 오른쪽 정렬 해제 */
    .checkbox{
        text-align:left;
    }
    
    /* 버튼 크기 조정 */
    .btn-xlg{
        padding:16px 30px;
        font-size:18px;
        min-width:160px;
        height:56px;
    }
    
    .rounded-button.plus{
        width:100%;
        height:70px;
        font-size:16px;
    }
    
    /* 배송방법 이미지 박스 */
    .img-box{
        margin-bottom:15px;
    }
    
    .duration{
        font-size:15px;
        left:15px;
        bottom:15px;
    }
    
    /* 상품 입력 폼 */
    .shipping_wrap .content_step2 .contbox1 .c2 .cc_wrap{
        flex-direction:column;
        padding:15px;
    }
    
    .shipping_wrap .content_step2 .contbox1 .c2 .cc_wrap .cc1,
    .shipping_wrap .content_step2 .contbox1 .c2 .cc_wrap .cc2,
    .shipping_wrap .content_step2 .contbox1 .c2 .cc_wrap .cc3{
        width:100%;
        margin-left:0;
        height:auto;
    }
    
    .shipping_wrap .content_step2 .contbox1 .c2 .cc_wrap .cc3{
        grid-template-columns:1fr;
        gap:8px;
        max-height:300px;
        overflow-y:auto;
    }
    
    /* 버튼 그룹 */
    .shipping_wrap .content_step2 .contbox1 .c1,
    .shipping_wrap .content_step2 .contbox1 .c3{
        flex-direction:column;
        width:100%;
    }
    
    .shipping_wrap .content_step2 .contbox1 .c1 a,
    .shipping_wrap .content_step2 .contbox1 .c3 a{
        width:100%;
        justify-content:center;
    }
    
    /* 통관 정보 박스 */
    .shipping_wrap .content_step2 .contbox2 .c{
        flex-direction:column;
        padding:25px 20px;
        text-align:center;
    }
    
    .shipping_wrap .content_step2 .contbox2 .c .cc1{
        margin-bottom:20px;
    }
    
    .shipping_wrap .content_step2 .contbox2 .c .cc2{
        text-align:center;
        width:100%;
    }
    
    /* 배송지 정보 */
    .shipping_wrap .content_step2 .contbox3 .c .cc1{
        font-size:18px;
        padding:12px 20px;
    }
    
    /* 테이블 반응형 */
    .shipping_wrap .content_step2 .contbox3 .c .cc3{
        overflow-x:auto;
    }
    
    .shipping_wrap .content_step2 .contbox3 .c .cc3 table{
        min-width:500px;
    }
    
    /* 주문 테이블 스크롤 */
    .mypage_wrap .mypage_contbox,
    .results-content{
        overflow-x:auto;
    }
    
    .mypage_wrap .mypage_contbox .tbl_head01,
    .results-content .tbl_head01{
        min-width:700px;
    }
    
    /* 푸터 */
    #footer .section-title{
        font-size:32px;
        line-height:40px;
    }
    
    #footer .section-head p{
        font-size:18px;
        line-height:24px;
    }
    
    #footer .tel{
        font-size:28px;
    }
    
    /* 마이페이지 */
    .top-stats{
        flex-wrap:wrap;
    }
    
    .stat-item{
        flex:1 1 48%;
        min-width:150px;
    }
    
    /* 검색 섹션 */
    .search-row{
        flex-direction:column;
    }
    
    .search-field{
        width:100%;
        min-width:auto;
    }
    
    .search-field label{
        min-width:80px;
    }
    
    /* 주문 카테고리 */
    .categories-container{
        flex-direction:column;
    }
    
    .category-group{
        border-right:none;
        border-bottom:1px solid #eee;
    }
    
    .category-group:last-child{
        border-bottom:none;
    }
}

/* 모바일 (480px 이하) */
@media (max-width:480px){
    /* 컨테이너 마진/패딩 최적화 - 중첩 방지 */
    #column-global{
        margin-top:60px; /* 헤더 높이만큼만 */
        padding:0;
        width:100%;
    }
    
    .column-center{
        padding:0;
        width:100%;
    }
    
    .gocv_shipping .container{
        padding:0 10px; /* 최소한의 패딩만 유지 */
        margin:0;
    }
    
    /* type-card에 직접 마진 적용하여 중첩 방지 */
    .type-card.shadow-bottom{
        margin-left:10px;
        margin-right:10px;
        margin-bottom:20px;
    }
    
    /* 카드 내부 패딩도 조정 */
    .card-body{
        padding:20px 15px;
    }
    
    /* 푸터는 별도 처리 */
    #footer .section-cs .container{
        padding:0 15px;
    }
    
    /* 상단 배너 */
    .banner-content{
        min-height:180px;
        padding:15px;
        border-radius:16px;
        display:flex;
        align-items:center;
        justify-content:center;
    }
    
    .banner-text{
        text-align:center;
        width:100%;
        padding:0;
    }
    
    .banner-text h1{
        font-size:22px;
        margin:0;
        line-height:1.2;
    }
    
    .banner-text h2{
        font-size:15px;
        margin:0 0 8px 0;
        line-height:1.3;
    }
    
    /* 제목 크기 추가 조정 */
    .shipping_wrap h3,
    .section.agency-config-common h3,
    .gocv_shipping h3{
        font-size:24px;
        padding:0 0 15px 10px;
        margin-bottom:25px;
    }
    
    /* 카드 스타일 조정 */
    .type-card{
        border-radius:16px;
        margin-bottom:30px;
    }
    
    .card-head{
        font-size:18px;
        height:50px;
        padding-left:20px;
        border-radius:16px 16px 0 0;
    }
    
    .card-body{
        padding:20px 15px;
        border-radius:0 0 16px 16px;
    }
    
    .card-help{
        font-size:16px;
        padding:10px 15px;
        margin-bottom:20px;
    }
    
    /* 약관 동의 */
    .agree .scroll{
        padding:15px;
        margin:10px 0 20px;
    }
    
    .agree .fixed{
        height:150px;
    }
    
    .agree .fixed p{
        font-size:15px;
        line-height:22px;
    }
    
    /* 모바일에서 체크박스 추가 조정 */
    .checkbox{
        margin:15px 0;
    }
    
    .checkbox-inline{
        font-size:15px;
        padding-right:10px; /* 우측 여백 추가 */
    }
    
    .type-checkbox{
        width:18px;
        height:18px;
    }
    
    /* 버튼 */
    .btn-xlg{
        padding:14px 24px;
        font-size:16px;
        min-width:140px;
        height:48px;
    }
    
    .rounded-button{
        font-size:16px;
        height:44px;
        padding:6px 16px;
    }
    
    .rounded-button.plus{
        font-size:16px;
        height:60px;
    }
    
    /* 아주 작은 모바일에서는 세로 배치로 전환 */
    @media (max-width:380px){
        .col-wrap{
            flex-direction:column;
        }
        
        .col{
            flex:0 0 100%;
            width:100%;
        }
    }
    
    /* 상품 입력 폼 버튼 */
    .shipping_wrap .content_step2 .contbox1 .c2 .cc_wrap .cc1 a{
        width:80px;
        height:40px;
        font-size:12px;
    }
    
    .shipping_wrap .content_step2 .contbox1 .c2 .cc_wrap .cc2 .img_box{
        width:100px;
        height:120px;
    }
    
    .shipping_wrap .content_step2 .contbox1 .c2 .cc_wrap .cc2 .upload_image{
        width:100px;
        height:40px;
        font-size:12px;
    }
    
    /* 폼 라벨 크기 조정 */
    .shipping_wrap .content_step2 .contbox1 .c2 .cc_wrap .cc3 .form-label{
        font-size:11px;
        padding:5px;
        width:70px;
    }
    
    .shipping_wrap .content_step2 .contbox1 .c2 .cc_wrap .cc3 .form-input{
        font-size:12px;
    }
    
    /* dl, dt, dd 반응형 */
    dl{
        flex-direction:column;
        width:100%;
    }
    
    dt{
        width:100%;
        border-radius:10px 10px 0 0;
        font-size:16px;
        padding:10px 15px;
    }
    
    dd{
        width:100%;
    }
    
    dd .frm_input{
        border-radius:0 0 10px 10px;
        width:100%;
    }
    
    /* 버튼 박스 */
    .shipping_wrap .btnsbox{
        margin:30px 0;
    }
    
    .shipping_wrap .btnsbox a,
    .shipping_wrap .btnsbox .btn_submit{
        font-size:16px;
        padding:12px 20px;
        height:44px;
    }
    
    /* 푸터 */
    #footer .section-cs{
        padding:60px 0 80px;
    }
    
    #footer .section-title{
        font-size:28px;
        line-height:36px;
    }
    
    #footer .section-head p{
        font-size:16px;
        line-height:22px;
    }
    
    #footer .section-cs li{
        padding:40px 20px;
    }
    
    #footer h4{
        font-size:20px;
    }
    
    #footer .tel{
        font-size:24px;
        line-height:32px;
    }
    
    #footer .btn-link{
        width:180px;
        line-height:48px;
        font-size:16px;
    }
    
    /* 회사 정보 */
    #footer .company_information ul{
        flex-direction:column;
        gap:5px;
    }
    
    #footer .company_information li{
        font-size:12px;
    }
    
    /* 마이페이지 통계 */
    .top-stats{
        flex-direction:column;
    }
    
    .stat-item{
        flex:1 1 100%;
        margin-bottom:10px;
    }
    
    /* 주문 탭 */
    .order-tabs ul{
        flex-wrap:wrap;
    }
    
    .order-tabs li{
        flex:1 1 48%;
        margin-bottom:5px;
    }
    
    /* 검색 버튼 */
    .search-buttons{
        flex-direction:column;
        gap:8px;
    }
    
    .search-buttons .search-btn,
    .search-buttons .reset-btn{
        width:100%;
        height:40px;
        font-size:16px;
    }
    
    /* 고정 팝업 */
    .fixedpopup section{
        width:95%;
        max-width:none;
        padding:15px;
    }
    
    /* 모달 */
    .modal-overlay .modal{
        width:95%;
        padding:15px;
    }
    
    .modal-overlay .modal-title{
        font-size:16px;
    }
    
    .modal-overlay .category-item a{
        font-size:12px;
        padding:4px 8px;
    }
}

    /* 아주 작은 모바일 (360px 이하) */
@media (max-width:360px){
    /* 최소한의 여백만 적용 */
    .type-card.shadow-bottom{
        margin-left:8px;
        margin-right:8px;
        margin-bottom:20px;
        border-radius:12px; /* 둥근 모서리도 살짝 줄임 */
    }
    
    .card-body{
        padding:15px 12px;
    }
    
    /* 상단 배너 */
    .top-banner-wrapper{
        margin:0 8px; /* 좌우 여백 최소화 */
    }
    
    .banner-content{
        min-height:160px;
        padding:10px;
        display:flex;
        align-items:center;
        justify-content:center;
    }
    
    .banner-text h1{
        font-size:18px;
        margin:0;
        line-height:1.2;
    }
    
    .banner-text h2{
        font-size:11px;
        margin:0 0 6px 0;
        line-height:1.2;
    }
    
    /* 제목 */
    .shipping_wrap h3,
    .section.agency-config-common h3,
    .gocv_shipping h3{
        font-size:20px;
    }
    
    /* 카드 헤더 */
    .card-head{
        font-size:16px;
        padding-left:15px;
    }
    
    /* 버튼 */
    .btn-xlg{
        font-size:16px;
        padding:12px 20px;
        height:44px;
    }
    
    /* 푸터 타이틀 */
    #footer .section-title{
        font-size:24px;
    }
}

/* 프린트 스타일 */
@media print{
    /* 불필요한 요소 숨기기 */
    #header,
    #footer,
    .btn_submit,
    .btnsbox,
    .search-buttons,
    .modal-overlay{
        display:none !important;
    }
    
    /* 배경색 제거 */
    .card-head,
    .shipping_wrap .content_step2 .contbox3 .c .cc1{
        background-color:transparent !important;
        color:#000 !important;
    }
    
    /* 테이블 경계선 강화 */
    .tbl_head01 th,
    .tbl_head01 td{
        border:1px solid #000 !important;
    }
}

/* 다크모드 대응 (선택적) */
@media (prefers-color-scheme:dark){
    /* 다크모드 스타일은 필요시 추가 */
}

/* 품목분류 */
/* 모달 배경 */
#categoryModal.modal-overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);display: flex;justify-content: center;align-items: center;z-index: 1000;}
/* 모달 컨테이너 */
#categoryModal .modal-container{background-color: white;border-radius: 12px;width: 90%;max-width: 900px;max-height: 85vh;display: flex;flex-direction: column;box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);overflow: hidden;}
/* 모달 헤더 */
#categoryModal .modal-header{padding: 20px 24px;border-bottom: 1px solid #e0e0e0;background-color: #fafafa;}
#categoryModal .header-top{display: flex;justify-content: space-between;align-items: center;margin-bottom: 16px;}
#categoryModal .modal-title{font-size: 20px;font-weight: 600;color: #333;}
#categoryModal .close-btn{background: none;border: none;font-size: 24px;cursor: pointer;color: #666;padding: 0;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;border-radius: 4px;transition: all 0.2s;}
#categoryModal .close-btn:hover{background-color: #e0e0e0;}
/* 검색 바 */
#categoryModal .search-container{margin-bottom: 20px;position: relative;}
#categoryModal .search-input{width: 100%;padding: 12px 16px 12px 40px;border: 2px solid #e0e0e0;border-radius: 8px;font-size: 14px;transition: all 0.2s;}
#categoryModal .search-input:focus{outline: none;border-color: #1976d2;box-shadow: 0 0 0 3px rgba(25, 118, 210, 0.1);}
#categoryModal .search-icon{position: absolute;left: 12px;top: 50%;transform: translateY(-50%);color: #999;font-size: 18px;}
/* Step 인디케이터 */
#categoryModal .step-indicator{display: flex;align-items: center;gap: 8px;}
#categoryModal .step{display: flex;align-items: center;cursor: pointer;padding: 8px 16px;border-radius: 20px;transition: all 0.3s;background-color: #f5f5f5;border: 2px solid transparent;}
#categoryModal .step:hover:not(.disabled){background-color: #e3f2fd;}
#categoryModal .step.active{background-color: #1976d2;color: white;}
#categoryModal .step.completed{background-color: #e8f5e9;color: #2e7d32;border-color: #4caf50;}
#categoryModal .step.disabled{opacity: 0.5;cursor: not-allowed;}
#categoryModal .step-number{width: 24px;height: 24px;border-radius: 50%;background-color: #666;color: white;display: flex;align-items: center;justify-content: center;font-size: 12px;font-weight: 600;margin-right: 8px;}
#categoryModal .step.active .step-number{background-color: white;color: #1976d2;}
#categoryModal .step.completed .step-number{background-color: #4caf50;color: white;}
#categoryModal .step-label{font-size: 14px;font-weight: 500;}
#categoryModal .step-arrow{color: #999;margin: 0 8px;font-size: 18px;}
/* 모달 본문 */
#categoryModal .modal-body{padding: 24px;overflow-y: auto;flex: 1;}
/* 카테고리 그리드 */
#categoryModal .category-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));gap: 12px;}
/* 카테고리 카드 */
#categoryModal .category-card{border: 2px solid #e0e0e0;border-radius: 8px;padding: 16px;cursor: pointer;transition: all 0.3s;background-color: white;position: relative;overflow: hidden;}
#categoryModal .category-card:hover{border-color: #1976d2;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);transform: translateY(-2px);}
#categoryModal .category-card.selected{background-color: #e3f2fd;border-color: #1976d2;box-shadow: 0 0 0 3px rgba(25, 118, 210, 0.1);}
#categoryModal .category-name{font-size: 14px;font-weight: 600;color: #333;margin-bottom: 4px;}
#categoryModal .category-english{font-size: 11px;color: #888;margin-bottom: 8px;}
#categoryModal .item-count{font-size: 12px;color: #666;}
/* 서브 카테고리 */
#categoryModal .subcategory-list{display: grid;grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));gap: 10px;}
#categoryModal .subcategory-item{padding: 12px 16px;border: 2px solid #e0e0e0;border-radius: 6px;cursor: pointer;transition: all 0.2s;font-size: 14px;background-color: white;position: relative;overflow: hidden;display: flex;flex-direction: column;gap: 2px;}
#categoryModal .subcategory-item:hover{background-color: #f5f5f5;border-color: #1976d2;transform: translateX(4px);}
#categoryModal .subcategory-item.selected{background-color: #e3f2fd;border-color: #1976d2;font-weight: 500;}
#categoryModal .subcategory-korean{font-size: 14px;color: #333;font-weight: 500;}
#categoryModal .subcategory-english{font-size: 11px;color: #888;}
#categoryModal .subcategory-item.color-blue .subcategory-korean{color: #1976d2;}
#categoryModal .subcategory-item.color-red .subcategory-korean{color: #d32f2f;}
/* 선택된 정보 표시 */
#categoryModal .selection-summary{padding: 16px;background-color: #f5f5f5;border-radius: 8px;margin-bottom: 20px;display: flex;align-items: center;gap: 12px;}
#categoryModal .selection-item{padding: 6px 12px;background-color: white;border-radius: 16px;font-size: 14px;color: #333;border: 1px solid #e0e0e0;}
#categoryModal .selection-item.category{background-color: #e3f2fd;color: #1976d2;font-weight: 500;}
/* 버튼 영역 */
#categoryModal .modal-footer{padding: 16px 24px;border-top: 1px solid #e0e0e0;display: flex;justify-content: space-between;align-items: center;background-color: #fafafa;}
#categoryModal .footer-left{display: flex;gap: 8px;}
#categoryModal .footer-right{display: flex;gap: 8px;}
#categoryModal .btn{padding: 10px 20px;border: none;border-radius: 6px;font-size: 14px;font-weight: 500;cursor: pointer;transition: all 0.2s;display: flex;align-items: center;gap: 6px;}
#categoryModal .btn-prev, .btn-next{background-color: white;color: #666;border: 1px solid #e0e0e0;position: relative;}
#categoryModal .btn-prev:hover:not(:disabled), .btn-next:hover:not(:disabled){background-color: #f5f5f5;border-color: #999;}
#categoryModal .btn-prev:disabled, .btn-next:disabled{opacity: 0.5;cursor: not-allowed;}
/* 카운트다운 스타일 */
#categoryModal .btn-next.counting{background-color: #1976d2;color: white;border-color: #1976d2;}
#categoryModal .btn-next .countdown{font-weight: 700;margin-left: 4px;font-size: 16px;}
#categoryModal .btn-cancel{background-color: white;color: #666;border: 1px solid #e0e0e0;}
#categoryModal .btn-cancel:hover{background-color: #f5f5f5;border-color: #999;}
#categoryModal .btn-confirm{background-color: #1976d2;color: white;}
#categoryModal .btn-confirm:hover{background-color: #1565c0;}
#categoryModal .btn-confirm:disabled{background-color: #ccc;cursor: not-allowed;}
/* 숨김 처리 */
#categoryModal .hidden{display: none;}
/* 애니메이션 */
#categoryModal .fade-in{animation: fadeIn 0.3s ease-in;}
#categoryModal @keyframes fadeIn{
     from{opacity: 0;transform: translateY(10px);}
     to{opacity: 1;transform: translateY(0);}
}
/* 카운트다운 애니메이션 */
#categoryModal @keyframes pulse{
     0%{transform: scale(1);}
     50%{transform: scale(1.05);}
     100%{transform: scale(1);}
}
#categoryModal .btn-next.counting{animation: pulse 1s ease-in-out infinite;}
/* board */
.body_t_board{background:#f5f5f5;}
.wrap_t_board #contents #content{max-width:1800px;}
/* 메인 컨테이너 */
.wrap_t_board #content .main-container{max-width: 1800px;margin: 10px auto 0;position: relative;}
/* 텍스트 영역 (첫 번째 섹션) */
.wrap_t_board #content .text-section{display: flex;flex-direction: column;justify-content: center;min-height: 0px;padding: 10px 130px;word-break: normal;word-wrap: break-word;height: 300px;background: #0a0a0a;border-radius: 20px;position: relative;overflow: hidden;margin-bottom: 50px;background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/front/images/bg/customer.jpg');background-size: cover;background-position: center;background-repeat: no-repeat;}
/* 별 배경 */
.wrap_t_board #content .stars-container{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;pointer-events: none;}
.wrap_t_board #content .star{position: absolute;background: white;border-radius: 50%;animation: twinkle 3s ease-in-out infinite;}
.wrap_t_board #content .star.small{width: 2px;height: 2px;animation-duration: 2s;}
.wrap_t_board #content .star.medium{width: 3px;height: 3px;animation-duration: 3s;}
.wrap_t_board #content .star.large{width: 4px;height: 4px;animation-duration: 4s;}
@keyframes twinkle{
    0%, 100%{opacity: 0.3;transform: scale(1);}
    50%{opacity: 1;transform: scale(1.2);}
}
/* 텍스트 콘텐츠 */
.wrap_t_board #content .text-content{position: relative;z-index: 1;color: white;}
.wrap_t_board #content .subtitle{font-size: 18px;font-weight: 300;margin-bottom: 10px;opacity: 0.8;letter-spacing: 1px;}
.wrap_t_board #content .subtitle::after{content: ' ↗';font-size: 16px;opacity: 0.6;}
.wrap_t_board #content .title{font-size: 48px;font-weight: 700;letter-spacing: -1px;line-height: 1.2;}