@charset "utf-8";

@font-face {
    font-family: 'Dongle';
    src: url('/fonts/dongle/Dongle-Regular.eot');
    src: url('/fonts/dongle/Dongle-Regular.eot?#iefix') format('embedded-opentype'),
    url('/fonts/dongle/Dongle-Regular.woff2') format('woff2'),
    url('/fonts/dongle/Dongle-Regular.woff') format('woff'),
    url('/fonts/dongle/Dongle-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Dongle';
    src: url('/fonts/dongle/Dongle-Light.eot');
    src: url('/fonts/dongle/Dongle-Light.eot?#iefix') format('embedded-opentype'),
    url('/fonts/dongle/Dongle-Light.woff2') format('woff2'),
    url('/fonts/dongle/Dongle-Light.woff') format('woff'),
    url('/fonts/dongle/Dongle-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}


/* 팝업 */
#mainPopup { position: absolute;top: 80px;left: 20px;z-index: 10; overflow: hidden; }
#mainPopup > .popup { float: left; }
#mainPopup > .popup > .close { height: 35px; line-height: 35px; padding: 0 10px; background-color: #333; }
#mainPopup > .popup > .close > .checkbox { float: left; }
#mainPopup > .popup > .close > .checkbox > label > span { color: #fff; }
#mainPopup > .popup > .close > span { float: right; }
/* 로그인 */
#login > .login_inner { max-width: 560px; margin: 0 auto; text-align: center; }
#login > .login_inner > a > .login_logo { padding: 80px 0 0 0; }
#login > .login_inner > .login_box { overflow: hidden; }
#login > .login_inner > .login_box .warning_form {border: 1px solid #f8428c;}
#login > .login_inner > .login_box > .login { padding: 30px; margin: 40px 0 0 0; border: 1px solid #ccc; border-radius: 20px; }
#login > .login_inner > .login_box > .login > ul { text-align: left; }
#login > .login_inner > .login_box > .login > ul li { width: 100%; overflow: hidden; }
#login > .login_inner > .login_box > .login > ul li input { margin: 0px 0 10px 0; }
#login > .login_inner > .login_box > .login > ul li:nth-child(2) { padding: 10px 0 0 0; }
#login > .login_inner > .login_box > .login > ul li:nth-child(3) { padding: 30px 0 0 0; }
#login > .login_inner > .login_box > .login > ul li:nth-child(3) button { margin: 0; font-weight: bold; }
#login > .login_inner > .login_box > .login > ul li:nth-child(3) > ol { width: 80%; margin: 0px 0 0 50%; transform: translateX(-50%); overflow: hidden; }
#login > .login_inner > .login_box > .login > ul li:nth-child(3) > ol li { position: relative; width: 33.3%; padding: 20px 0 0 0; font-size: 14px; color: #666; text-align: center; float: left; }
#login > .login_inner > .login_box > .login > ul li:nth-child(3) > ol li:after { position: absolute; bottom: 5px; right: 0; width: 1px; height: 13px; background: #ccc; content: ''; }
#login > .login_inner > .login_box > .login > ul li:nth-child(3) > ol li:last-child:after { display: none; }
#login > .login_inner > .login_box > .login > .sns_login { padding: 60px 0 0 0; overflow: hidden; }
#login > .login_inner > .login_box > .login > .sns_login a { padding: 0px 5px 0 5px;}
#login > .login_inner > .login_box > .login > h1 { font-size: 20px; color: #111; font-weight: bold; }
/* 로그인 공통레이어 */
#loginLayer { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; background: rgba(0, 0, 0, 0.4); display: none; z-index: 15; }
#loginLayer > .login_induce { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 480px; height: 490px; padding: 0 40px; margin: 0 auto; border-radius: 20px; background: #fff; text-align: center; }
#loginLayer > .login_induce > img { padding: 30px 0 0 0; }
#loginLayer > .login_induce > h2 { padding: 20px 0; font-size: 20px; color: #111; font-weight: 800; }
#loginLayer > .login_induce > .form input { margin: 5px 0 0; }
#loginLayer > .login_induce > .btn_box { width: 80%; margin: 0 0 0 50%; padding: 30px 0 0 0; transform: translateX(-50%); }
#loginLayer > .login_induce > .btn_box button { width: 49%; margin: 0; float: left; }
#loginLayer > .login_induce > .btn_box button + button { float: right; }
#loginLayer > .login_induce > ol { width: 80%; margin: 0px 0 0 50%; transform: translateX(-50%); overflow: hidden; }
#loginLayer > .login_induce > ol li { position: relative; width: 33.3%; padding: 20px 0 0 0; font-size: 14px; color: #666; text-align: center; float: left; }
#loginLayer > .login_induce > ol li:after { position: absolute; bottom: 5px; right: 0; width: 1px; height: 13px; background: #ccc; content: ''; }
#loginLayer > .login_induce > ol li:last-child:after { display: none; }
/* 이벤트 공통레이어 */
#eventLayer { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 15; }
#eventLayer > .event_induce { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 480px; height: 490px; padding: 10px 40px; margin: 0 auto; border-radius: 20px; background: #fff; text-align: center; }
#eventLayer > .event_induce > .event_img > img { width: 35%; }
#eventLayer > .event_induce > h2 { padding: 20px 0; font-size: 25px; color: #111; font-weight: 800; }
#eventLayer > .event_induce > p { padding: 0 0 20px 0;}
#eventLayer > .event_induce > .event_info { padding: 6vw 0 0 2vw; max-width: 500px;}
#eventLayer > .event_induce > .event_info > ul { list-style: none; margin: 0 auto; padding: 0; text-align: left; }
#eventLayer > .event_induce > .event_info > ul li { color: #666; font-size: 14px; }
#eventLayer > .event_induce > .event_info > ul li::before { content: '•'; color: #666; margin-right: 5px; }
#eventLayer > .event_induce > .btn_box { width: 100%; margin: 0 0 0 50%; padding: 30px 0 0 0; transform: translateX(-50%); }
#eventLayer > .event_induce > .btn_box button { width: 49%; margin: 0; float: left; }
#eventLayer > .event_induce > .btn_box button + button { float: right; }
#eventLayer > .event_induce > ol { width: 80%; margin: 0px 0 0 50%; transform: translateX(-50%); overflow: hidden; }
#eventLayer > .event_induce > ol li { position: relative; width: 33.3%; padding: 20px 0 0 0; font-size: 14px; color: #666; text-align: center; float: left; }
#eventLayer > .event_induce > ol li:after { position: absolute; bottom: 5px; right: 0; width: 1px; height: 13px; background: #ccc; content: ''; }
#eventLayer > .event_induce > ol li:last-child:after { display: none; }
/* 회원유형 */
#joinType { display: none; }
#joinType > .join_inner { max-width: 560px; margin: 0 auto; text-align: center; }
#joinType > .join_inner > .join_box { padding: 30px; margin: 40px 0 0 0; border: 1px solid #ccc; border-radius: 20px; overflow: hidden; }
#joinType > .join_inner > img.join_logo { padding: 100px 0 0 0; }
#joinType > .join_inner > .join_box > .type > h1 { font-size: 20px; font-weight: bold; color: #111; }
#joinType > .join_inner > .join_box > .type > ul { padding: 20px 0 0 0; }
#joinType > .join_inner > .join_box > .type > ul li { height: 40px; padding: 10px 0; margin: 0px 0 10px 0; border: 1px solid #ccc; border-radius: 5px; cursor: pointer; transition: 0.3s; }
#joinType > .join_inner > .join_box > .type > ul li:hover { border: 1px solid #f8428c; }
#joinType > .join_inner > .join_box > .type > ul li:hover > dl dt,
#joinType > .join_inner > .join_box > .type > ul li:hover > dl dd { color: #f8428c; } { color: #f8428c; }
#joinType > .join_inner > .join_box > .type > ul li > img { padding: 0px 10px 0 20px; float: left; }
#joinType > .join_inner > .join_box > .type > ul li > dl { line-height: 40px; }
#joinType > .join_inner > .join_box > .type > ul li > dl > dt { padding: 0px 10px 0 0; font-size: 16px; color: #111; font-weight: 800; transition: 0.3s; float: left; }
#joinType > .join_inner > .join_box > .type > ul li > dl > dd { font-size: 16px; color: #111; transition: 0.3s; }
#joinType > .join_inner > .join_box > .type > ul li:last-child { margin: 0; }
#joinType > .join_inner > .join_box > button { margin: 30px 0 0 0; }
/* 회원가입 폼 */
#join > .join_inner { max-width: 560px; margin: 30px auto; text-align: center; }
#join > .join_inner > img.join_logo { padding: 100px 0 0 0; }
#join > .join_inner > .join_box { overflow: hidden; margin: 0; }
#join > .join_inner > .join_box .warning_form {border: 1px solid #f8428c;}
#join > .join_inner > .join_box > .form { padding: 30px; margin: 40px 0 0 0; border: 1px solid #ccc; border-radius: 20px; }
#join > .join_inner > .join_box > .form > ul { text-align: left; }
#join > .join_inner > .join_box > .form > ul li { width: 100%; overflow: hidden; }
#join > .join_inner > .join_box > .form > ul li input { margin: 0px 0 10px 0; }
#join > .join_inner > .join_box .join_btn { margin: 30px 0 0 0; width: 100%; }
#join > .join_inner > .join_box .form_btn { max-width: 120px; width: 120px; }
#join > .join_inner > .join_box > .form li p { padding: 0px 0 10px 0; font-size: 14px; float: left; }
#join > .join_inner > .join_box > .form li p.error { color: #f8428c; }
#join > .join_inner > .join_box > .form li p.possible { color: #107c41; }
#join > .join_inner > .join_box > .form li .join_confirm input { width: 73%; float: left; }
#join > .join_inner > .join_box > .form li .join_confirm button { margin: 0; float: right; }
#join > .join_inner > .join_box > .form li .join_confirm > .btn_box { width: 24%; margin: 0px 0 10px 0; float: right; }
#join > .join_inner > .join_box > .form li .join_confirm > .btn_box > button { margin: 0px 0 10px 0; }
#join > .join_inner > .join_box > .form li .join_confirm > .btn_box > p { text-align: center; float: none; }

/* 회원가입 약관동의 */
#join > .join_inner > .join_box > .clause { margin: 20px 0 0 0; padding: 0; border: 1px solid #ccc; border-radius: 20px; text-align: left; overflow: hidden; }
#join > .join_inner > .join_box > .clause > ul li { position: relative; width: auto; padding: 0 30px; overflow: hidden; }
#join > .join_inner > .join_box > .clause > ul li::after { position: absolute; top: 27px; right: 30px; width: 15px; height: 10px; background: url('/images/common/icon_join_arrow.png') no-repeat 50%; content: ''; transform: rotate(180deg); }
#join > .join_inner > .join_box > .clause > ul li:first-child::after { top: 38px; }
#join > .join_inner > .join_box > .clause > ul li:first-child { padding: 30px 0; border-bottom: 1px solid #ccc; }
#join > .join_inner > .join_box > .clause > ul li:first-child > .checkbox { padding: 0px 30px; border: 0; }
#join > .join_inner > .join_box > .clause > ul li:first-child > .checkbox label span { font-weight: bold; }
#join > .join_inner > .join_box > .clause > ul li .checkbox { width: 100%; padding: 20px 0; border-bottom: 1px dashed #ccc; }
#join > .join_inner > .join_box > .clause > ul .on::after { padding: 20px 0 0 0; transform:rotate(0deg);}
#join > .join_inner > .join_box > .clause > ul li .checkbox span > strong { color: #f8428c; padding: 0px 5px 0 0; }
#join > .join_inner > .join_box > .clause > ul li .checkbox span > strong.font_black { color: #111; }
#join > .join_inner > .join_box > .clause > ul li .checkbox > .view { max-height: 200px; padding: 20px; margin: 20px 0 0 0; border: 1px solid #ddd; font-size: 14px; color: #666; line-height: 24px; overflow: auto; }
#join > .join_inner > .join_box > .clause > ul li:last-child { padding: 0px 30px 30px; }

/* 회원가입완료 */
#joinComplete > .join_inner { max-width: 560px; margin: 0 auto; text-align: center; }
#joinComplete > .join_inner > .join_complete { padding: 100px 0; overflow: hidden; }
#joinComplete > .join_inner > .join_complete > h1 { padding: 10px 0 0 0; font-size: 36px; color: #111; font-weight: 800; line-height: 48px; }
#joinComplete > .join_inner > .join_complete > .complete_box { margin: 60px 0 30px 0; padding: 30px; border: 1px solid #ccc; border-radius: 20px; overflow: hidden; }
#joinComplete > .join_inner > .join_complete > .complete_box > p { font-size: 16px; color: #111; }
#joinComplete > .join_inner > .join_complete > button { margin: 0; }
#joinComplete > .join_inner > .join_complete > .complete_box > .coupon { padding: 20px 40px 0; margin: 30px 0 0; border-top: 1px solid #ccc; overflow: hidden; }
#joinComplete > .join_inner > .join_complete > .complete_box > .coupon > span { width: 60px; height: 60px; border: 1px dashed #f8428c; border-radius: 50%; background: #fff; display: block; float: left; }
#joinComplete > .join_inner > .join_complete > .complete_box > .coupon > span > img { padding: 10px 0; }
#joinComplete > .join_inner > .join_complete > .complete_box > .coupon > p { padding: 8px 0 0 15px; text-align: left; font-size: 16px; color: #111; float: left; }

/* 아이디, 비밀번호 찾기 레이어 팝업 */
#accountFind { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100vh; background: rgba(0, 0, 0, 0.4); z-index: 10; }
#accountFind > .find_popup { position: relative; max-width: 500px; padding: 30px; margin: 0 auto; top: 100px; border-radius: 20px; background: #fff; overflow: hidden; z-index: 5; }
#accountFind > .find_popup > img { float: right; cursor: pointer; }
#accountFind > .find_popup > h2 { padding: 30px 0; text-align: center; font-size: 24px; color: #111; font-weight: 800; }
#accountFind > .find_popup > ul li { padding: 0px 0 10px 0; overflow: hidden; }
#accountFind > .find_popup > ul li p { padding: 10px 0 0 0; font-size: 14px; }
#accountFind > .find_popup > ul li p.possible { color: #107c41; }
#accountFind > .find_popup > ul li p.error { color: #f8428c; }
#accountFind > .find_popup > ul li:nth-child(2) input[type=text] { width: 76%; }
#accountFind > .find_popup > ul li:nth-child(2) button { max-width: 107px; width: 107px; margin: 0px 0 10px 0; padding: 0; }
#accountFind > .find_popup > ul li:nth-child(2) > .btn_box { width: 22%; margin: 0px 0 0 10px; text-align: center; float: right; }
#accountFind > .find_popup > ul li:nth-child(2) > .btn_box > p { padding: 10px 0 0 0; font-size: 14px; color: #f8428c; }
#accountFind > .find_popup > button { width: 80%; margin: 30px 0 0 50%; transform: translateX(-50%); }
#accountFind > .find_popup > button + button { margin: 10px 0 0 50%; }
#accountFind > .find_popup > .check_popup { position: absolute; top: 50%; left: 50%; width: 300px; padding: 30px; border: 1px solid #404040; border-radius: 20px; background: #fff; box-shadow: 6px 3px 20px 0px #9e9e9e; transform: translate(-50%, -50%); z-index: 10;}
#accountFind > .find_popup > .check_popup > p { padding: 20px 0; text-align: center; font-size: 16px; color: #111; }
#accountFind > .find_popup > .check_popup > button { margin: 10px 0 0 0; }
#accountFind > .find_popup > .id_check > p { text-align: center; }
#accountFind > .find_popup > .id_check > p + p { padding: 60px 0; margin: 10px 0 0 0; border: 1px solid #ccc; border-radius: 10px; font-weight: 800;}

/* 헤더 */
#header.main { position: fixed;}
#header { position: relative; width: 100%; min-width: 1500px; height: 150px; line-height: 1; border-bottom: 1px solid #ccc; box-sizing: border-box; background: #fff; z-index:1; }
#header > .top { border-bottom: 1px solid #e7e7e7; }
#header > .top > h1 { line-height: 80px; text-align: center; }
#header > .top > ul.util { position: absolute; right: 30px; bottom: 80px; }
#header > .top > ul.util li { position: relative; padding: 0 15px; font-size: 14px; color: #444; text-align: center; float: left; }
#header > .top > ul.util li::after { position: absolute; top: 0; right: 0; width: 1px; height: 12px; background: #e0e0e0; content: ''; }
#header > .top > ul.util li:last-child::after { display: none; }
#header > .top > ul.util li > a > span { font-weight: bold; }
#header > .gnb { width: 1500px; margin: 0 auto; }
#header > .gnb > ul { position: absolute; left: 50%; width: 1155px; transform: translateX(-50%); display: flex; }
#header > .gnb > ul li { height: 70px; line-height: 70px; flex-shrink: 0; text-align: center; float: left; }
#header > .gnb > ul li > a { position: relative; line-height: 70px; padding: 0 70px; font-size: 36px; color: #999 !important; font-family: Dongle; box-sizing: border-box; display: inline-flex; align-items: center; transition: all .2s; }
#header > .gnb > ul li > a.on { color: #f8428c; }
#header > .gnb > ul li > a:hover { color: #f8428c; }
#header > .gnb > ul li > a:after { position: absolute; top: 13px; right: 53px; width: 15px; height: 26px; background: url("/images/common/icon_gnb_plus.png") no-repeat; filter: grayscale(100%); content: ''; }
#header > .gnb > ul li > a.on:after,
#header > .gnb > ul li > a:hover:after { filter: grayscale(0); }
#header > .gnb > ul li > a > span { margin: -10px 5px 0 0; font-size: 20px; color: #999; }
#header > .gnb > ul li > a.on > span,
#header > .gnb > ul li > a:hover > span{ color: #f8428c; }

/* 구매 및 결제 */
#payment { width: 100%; overflow: hidden; }
#payment > .payment_inner { width: 1450px; margin: 0 auto; }
#payment > .payment_inner > .title { padding: 30px 0; text-align: center; }
#payment > .payment_inner > .title > h1 { padding: 10px 0 0 0; font-size: 36px; color: #111; font-weight: 800; }
#payment > .payment_inner > .pay_whole { padding: 0px 0 60px 0; }
#payment > .payment_inner > .pay_whole > .checkbox { padding: 0px 0 20px 0; width: 100%; }
#payment > .payment_inner > .pay_whole > .checkbox input[type=checkbox] + label > span { font-weight: 800; }
#payment > .payment_inner .line_black { border-bottom: 1px solid #404040; }
#payment > .payment_inner > .pay_whole > table.pay_table { width: 100%; }
#payment > .payment_inner > .pay_whole > table.pay_table tr td { padding: 30px 0; border-bottom: 1px solid #ccc; vertical-align: middle; text-align: center; font-size: 16px; color: #111; }
#payment > .payment_inner > .pay_whole > table.pay_table tr td > .thumb { width: 140px; height: 120px; padding: 0 0 0 20px; float: left; }
#payment > .payment_inner > .pay_whole > table.pay_table tr td { vertical-align: middle; }
#payment > .payment_inner > .pay_whole > table.pay_table tr td > .checkbox { padding: 0; }
#payment > .payment_inner > .pay_whole > table.pay_table tr td:nth-child(1) { position: relative; width: 50%; }
#payment > .payment_inner > .pay_whole > table.pay_table tr td:nth-child(1) p { position: absolute; top: 50%; left: 160px; margin: 0 0 0 20px; font-size: 20px; color: #111; font-weight: bold; transform: translateY(-50%); }
#payment > .payment_inner > .pay_whole > table.pay_table tr td:nth-child(3) > p { font-weight: 800; }
#payment > .payment_inner > .pay_whole > table.pay_table tr td:nth-child(3) > p > span { color: #f8428c; }
#payment > .payment_inner > .pay_whole > table.pay_table tr td:nth-child(4) { width: 5%; }
#payment > .payment_inner > .pay_whole > table.pay_table tr td:nth-child(4) > img { cursor: pointer; }
#payment table.pay_table tr td .radiobox { padding: 0px 60px 0 0; }
#payment > .payment_inner > .pay { width: 60%; float: left; }
#payment > .payment_inner > .pay > .pay_way { margin: 0px 0 60px 0; }
#payment > .payment_inner .small_title { padding: 0px 0 20px 0; font-size: 18px; color: #111; font-weight: 800; }
#payment > .payment_inner > .pay > .pay_way > table.way_table { width: 100%; }
#payment > .payment_inner > .pay > .pay_way > table.way_table tr td { width: 100%; padding: 30px 0; border-bottom: 1px solid #ccc; }
#payment > .payment_inner > .pay > .pay_way > table.way_table tr td .radiobox { padding: 0px 60px 0 0; }
#payment > .payment_inner > .pay > .pay_way > table.way_table tr td > .receipt_box { width: 100%; margin: 20px 0 0 0; overflow: hidden; float: left; }
#payment > .payment_inner > .pay > .pay_way > table.way_table tr td > .receipt_box > table { width: 100%; border: 1px solid #ccc; }
#payment > .payment_inner > .pay > .pay_way > table.way_table tr td > .receipt_box > table tr td { height: 60px; line-height: 60px; padding: 0 20px; text-align: left; vertical-align: middle; }
#payment > .payment_inner > .pay > .pay_way > table.way_table tr td > .receipt_box > table tr td:first-child { width: 25%; border-right: 1px solid #ccc; background: #f2f2f2; }
#payment > .payment_inner > .pay > .pay_way > table.way_table tr td > .receipt_box > table tr td:first-child > p { font-size: 14px; color: #111; font-weight: bold; }
#payment > .payment_inner > .pay > .pay_way > table.way_table tr td > .receipt_box > table tr td:first-child > p > span { padding: 0px 5px 0 0; color: #f8428c; }
#payment > .payment_inner > .pay > .pay_way > table.way_table tr td > .receipt_box > table tr td:last-child { width: 75%; color: #999; }
#payment > .payment_inner > .pay > .pay_way > table.way_table tr td > .receipt_box > table tr td input[type=text] { height: 40px; }
#payment > .payment_inner > .pay > .pay_way > table.way_table tr td > .receipt_box > p { padding: 10px 0 0 0; font-size: 14px; color: #f8428c; text-align: left; }
#payment > .payment_inner > .pay > .pay_way > table.way_table tr td > .receipt_box tr td.phone input[type=text] { width: 31%; text-align: center; float: left; }
#payment > .payment_inner > .pay > .pay_way > table.way_table tr td > .receipt_box tr td.phone span { padding: 0px 5px; line-height: 40px; float: left; }
#payment > .payment_inner > .pay > .order { padding: 0 0 60px 0 ; }
#payment > .payment_inner > .pay > .order > .table { width: 100%; padding: 20px 0; border-bottom: 1px solid #ccc; display: table; }
#payment > .payment_inner > .pay > .order > .table .table_row { display: table-row; }
#payment > .payment_inner > .pay > .order > .table .table_row .table_cell { padding: 0 0 20px 0; line-height: 50px; display: table-cell; float: left; }
#payment > .payment_inner > .pay > .order > .table .table_row .table_cell:first-child { width: 20%; }
#payment > .payment_inner > .pay > .order > .table .table_row .table_cell:last-child { width: 80%; }
#payment > .payment_inner > .pay > .order > .table .table_row:last-child .table_cell { padding: 0; }
#payment > .payment_inner > .pay > .order > .table .table_row .table_cell > p { font-size: 16px; color: #111; }
#payment > .payment_inner > .pay > .order > .table .table_row .table_cell > p > span { color: #f8428c; }
#payment > .payment_inner > .info { width: 40%; float: right; }
#payment > .payment_inner > .info > .info_box { width: 420px; max-width: 420px; padding: 30px; border: 1px solid #ccc; border-radius: 20px; float: right; }
#payment > .payment_inner > .info > .info_box > ul { padding: 30px 0; }
#payment > .payment_inner > .info > .info_box > ul li { padding: 20px 0; border-bottom: 1px solid #ccc; overflow: hidden; }
#payment > .payment_inner > .info > .info_box > ul li:first-child { padding: 0; }
#payment > .payment_inner > .info > .info_box > ul li p { padding: 0 0 20px 0; font-size: 16px; color: #111; }
#payment > .payment_inner > .info > .info_box > ul li p span { font-weight: 900; float: right; }
#payment > .payment_inner > .info > .info_box > ul li p:nth-child(n+2) span { color: #f8428c; }
#payment > .payment_inner > .info > .info_box > ul li p:nth-child(n+2) span > i { color: inherit; }
#payment > .payment_inner > .info > .info_box > ul li:nth-child(2) p { padding: 0; font-weight: bold; }
#payment > .payment_inner > .info > .info_box > ul li:nth-child(3) { position: relative; border-bottom: 1px dashed #ccc; }
#payment > .payment_inner > .info > .info_box > ul li:nth-child(3) .checkbox { width: 100%; padding: 0px 0 20px 0; }
#payment > .payment_inner > .info > .info_box > ul li:nth-child(3) .checkbox:first-child label > span { font-weight: bold; }
#payment > .payment_inner > .info > .info_box > ul li:nth-child(3) .checkbox:last-child { padding: 0; }
#payment > .payment_inner > .info > .info_box > ul li:nth-child(3) .checkbox:nth-child(n+2) { position: relative; color: #f8428c; }
#payment > .payment_inner > .info > .info_box > ul li:nth-child(3) .checkbox:nth-child(n+2) label > span > strong { padding: 0px 5px 0 0; color: #f8428c; }
#payment > .payment_inner > .info > .info_box > ul li:nth-child(3) .btn_agree { position: absolute; top: 65px; right: 5px; font-size: 13px; cursor: pointer; }
#payment > .payment_inner > .info > .info_box > ul li:nth-child(3) .btn_agree:hover { text-decoration: underline; transition: 0.3s; }
#payment > .payment_inner > .info > .info_box > ul li:nth-child(3) .btn_agree.privacy { top: 108px; }
#payment > .payment_inner > .info > .info_box > ul li:last-child { padding: 20px 0 0 0; border: 0; font-weight: 800; }
#payment > .payment_inner > .info > .info_box > ul li select { border-bottom: 0; }
#payment > .payment_inner > .info > .info_box button { margin: 0; }
#payment > .payment_inner > .info > .info_box button > i { color: inherit; }
#btnOrder { height: 60px; line-height: 60px; font-weight: 800; font-size: 20px; }

/* LNB */
#lnb { height: 50px; background: linear-gradient(-130deg, rgba(255,143,81,1) 0%, rgba(248,66,140,1) 100%); }
#lnb > ul { width: 1450px; line-height: 50px; margin: 0 auto; font-size: 0; text-align: center; overflow: hidden; }
#lnb > ul > li { position: relative; height: 50px; display: inline-block; font-size: 0; }
#lnb > ul > li.on:after,
#lnb > ul > li:last-child:after { width: 0; }
#lnb > ul > li:after { content: ''; position: absolute; top: 17px; right: 0; width: 1px; height: 20px; background: #ff768a; }
#lnb > ul > li.on { background: #cb5163; font-weight: 800; color: #fff; }
#lnb > ul > li > a { padding: 0 40px; color: #fff; font-size: 15px; }
#lnb > ul > li.on > a { color: #fde9bd; }

/* 푸터 */
#footer { clear: both; position: relative; width: 100%; min-width: 1500px; margin: 100px 0 0; border-top: 1px solid #2e2e2e; }
#footer > .view_mobile { position: absolute; top: -50px; width: 100%; text-align: center; }
#footer > .footer { margin: 0 auto; padding: 50px 30px 50px 40px; }
#footer > .footer > .top { overflow: hidden; }
#footer > .footer > .top > img { float: left; }
#footer > .footer > .top > ul { padding: 0 0 0 60px; float: left; }
#footer > .footer > .top > ul li { padding: 40px 20px 0; font-size: 18px; color: #111; font-weight: bold; float: left; }
#footer > .footer > .middle { padding: 50px 0 0 0; }
#footer > .footer > .middle > ul { overflow: hidden; }
#footer > .footer > .middle > ul li { float: left; }
#footer > .footer > .middle > ul li:nth-child(2) { float: right; }
#footer > .footer > .middle > ul li > .ceo { padding: 0 0 30px 0; }
#footer > .footer > .middle > ul li > .ceo dl { padding: 0 0 20px 0; overflow: hidden; }
#footer > .footer > .middle > ul li > .ceo dl > dt { width: 70px; font-size: 16px; color: #666; font-weight: 800; float: left; }
#footer > .footer > .middle > ul li > .ceo dl > dd { font-size: 16px; color: #333; font-weight: bold; float: left; }
#footer > .footer > .middle > ul li > .number { padding: 0 0 30px 0; }
#footer > .footer > .middle > ul li > .number dl { padding: 0 0 20px 0; overflow: hidden; }
#footer > .footer > .middle > ul li > .number dl > dt { width: 170px; font-size: 16px; color: #666; font-weight: 800; float: left; }
#footer > .footer > .middle > ul li > .number dl > dd { font-size: 16px; color: #333; font-weight: bold; float: left; }
#footer > .footer > .middle > ul li > .phone { text-align: right; }
#footer > .footer > .middle > ul li > .phone > h1 { font-size: 20px; font-weight: 800; color: #111; }
#footer > .footer > .middle > ul li > .phone > h1 > span { font-size: 24px; }
#footer > .footer > .middle > ul li > .phone > p { line-height: 26px; padding: 15px 0 0 0; font-size: 16px; color: #666; }
#footer > .footer > .middle > ul li > .sns { padding: 40px 0 0 0; text-align: right; }
#footer > .footer > .middle > ul li > .sns > p { font-size: 16px; color: #666; font-weight: 800; text-align: right; }
#footer > .footer > .middle > ul li > .sns > a { padding: 15px 5px; }
#footer > .footer > p { font-size: 14px; color: #999; font-weight: bold; }

/* 구매 완료 */
#paymentComplete > .complete_inner { max-width: 560px; margin: 0 auto; }
#paymentComplete > .complete_inner > .title { padding: 50px 0; text-align: center; }
#paymentComplete > .complete_inner > .title > h1 { padding: 10px 0 0 0; font-size: 36px; color: #111; font-weight: 800; }
#paymentComplete > .complete_inner > .title > h3 { padding: 10px 0 0 0; font-size: 20px; color: #111; font-weight: 800; }
#paymentComplete > .complete_inner > .title > p { padding: 20px 0 0 0; font-size: 16px; color: #111; }
#paymentComplete > .complete_inner > .title > p > span { color: #f8428c; }
#paymentComplete > .complete_inner > .complete_box > p { padding: 0 0 7px 0; font-size: 16px; color: #111; }
#paymentComplete > .complete_inner > .complete_box ul { margin: 0 0 20px 0; padding: 0 30px; border: 1px solid #ccc; border-radius: 20px; }
#paymentComplete > .complete_inner > .complete_box ul li { padding: 30px 0; border-bottom: 1px dashed #ccc; color: #111; font-size: 16px; overflow: hidden; }
#paymentComplete > .complete_inner > .complete_box ul li:last-child { border-bottom: 0; }
#paymentComplete > .complete_inner > .complete_box ul li p { width: 100%; font-weight: bold; float: left; }
#paymentComplete > .complete_inner > .complete_box ul li p > span { font-weight: normal; text-align: right; float: right; }
#paymentComplete > .complete_inner > .complete_box ul li p > span > strong { font-weight: bold; }
#paymentComplete > .complete_inner > .complete_box ul li p > span > a { color: #ff8f51; text-decoration: underline; text-underline-position : under; }
#paymentComplete > .complete_inner > .complete_box ul li > .purchase_amount { padding: 0 0 20px 0; overflow: hidden; }
#paymentComplete > .complete_inner > .complete_box ul li > .purchase_amount:last-child { padding: 0; }
#paymentComplete > .complete_inner > .complete_box ul li > .purchase_amount:nth-child(n+2) { padding: 0 0 20px 20px; }
#paymentComplete > .complete_inner > .complete_box ul li > .purchase_amount:nth-child(n+2):last-child { padding: 0 0 0 20px; }
#paymentComplete > .complete_inner > .complete_box ul li > .purchase_amount:first-child p { color: #111; }
#paymentComplete > .complete_inner > .complete_box ul li > .purchase_amount > p { width: 20%; color: #999; float: left; }
#paymentComplete > .complete_inner > .complete_box ul li > .purchase_amount > p+p { width: 80%; color: #111; text-align: right; float: right; }
#paymentComplete > .complete_inner > .complete_box ul li .pink { color: #f8428c; font-weight: bold; }
#paymentComplete > .complete_inner > .complete_box ul li > .purchase_amount .pink { color: #f8428c; font-weight: 800; }
#paymentComplete > .complete_inner > .complete_box > .btn_box { width: 80%; margin: 10px 0 0 50%; text-align: center; transform: translateX(-50%); overflow: hidden; }
#paymentComplete > .complete_inner > .complete_box > .btn_box button { width: 49%; margin: 0; }
#paymentComplete > .complete_inner > .complete_box > .btn_box button + button { float: right; }

/* 상품 상세 */
#productDetail { padding: 90px 0 0 0; }
#productDetail .detail_inner { width: 1450px; margin: 0 auto; }
/* 상단(제품+제품정보) */
#productDetail > .detail_inner > .detail_info { padding: 0 0 80px 0; overflow: hidden; }
#productDetail > .detail_inner > .detail_info > .thumb { position: relative; width: 45%; max-width: 600px; float: left; }
#productDetail > .detail_inner > .detail_info > .thumb > .main_thumb { width: 600px; height: 600px; }
#productDetail > .detail_inner > .detail_info > .thumb > .main_thumb > img { width: 600px; height: 600px; }
#productDetail > .detail_inner > .detail_info > .thumb > ul { margin: 20px 0 0 0; overflow: hidden; }
#productDetail > .detail_inner > .detail_info > .thumb > ul li { margin: 0 5px; width: 25%; max-width: 140px; height: 140px; cursor: pointer; float: left; }
#productDetail > .detail_inner > .detail_info > .thumb > ul li img { width: 100%; height: 100%; object-fit:cover; }
#productDetail > .detail_inner > .detail_info > .thumb > ul li.on { border: 1px solid #404040; box-sizing: border-box; }
#productDetail > .detail_inner > .detail_info > .thumb > .type { position: absolute; top: 20px; right: 20px; }
#productDetail > .detail_inner > .detail_info > .thumb > .type p { padding: 5px 15px; border-radius: 20px; background: rgba(0, 0, 0, 0.6); font-size: 16px; color: #fff; text-align: center; display: inline-block;}
#productDetail > .detail_inner > .detail_info > .thumb > .flag { position: absolute; top: 20px; left: 20px; z-index: 2; }
#productDetail > .detail_inner > .detail_info > .thumb > .flag > p.group { height: 40px; line-height: 40px; padding: 0 20px; border-radius: 10px; background: #666; text-align: center; font-size: 16px; color: #fff; }
#productDetail > .detail_inner > .detail_info > .product_info { width: 55%; max-width: 745px; float: right; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li { position: relative; width: 100%; overflow: hidden; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li:nth-child(n+2):nth-child(-n+2) { padding: 0 0 20px 0; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li:nth-child(n+2) { border-bottom: 1px solid #ccc; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li > .key_word p { height: 35px; line-height: 35px; padding: 0 15px; margin: 0 5px; border: 1px solid #ccc; border-radius: 5px; font-size: 16px; color: #666; text-align: center; float: left; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li > .key_word p:first-child { margin: 0 5px 0 0; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li > .key_word p:last-child { margin: 0 0 0 5px; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li > .purchase { width: 95%; float: left; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li > .purchase > .flag { width: 100%; margin: 0 0 20px 0; overflow: hidden; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li > .purchase > .flag p { height: 33px; line-height: 33px; padding: 0 20px; margin: 0 5px; border-radius: 17px; background: #fff; font-size: 16px; text-align: center; box-sizing: border-box; float: left; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li > .purchase > .flag p:first-child { margin: 0 5px 0 0; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li > .purchase > .flag p:last-child { margin: 0 0 0 5px; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li > .purchase > .flag p.new { background: #4275f8; color: #fff; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li > .purchase > .flag p.d-day { color: #111; border: 1px solid #404040; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li > .share { position: relative; width: 5%; float: right; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li > .share > img { cursor: pointer; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li > .share_sns { position: absolute; top: 70px; right: 0px; height: 50px; padding: 20px; border: 1px solid #f8428c; border-radius: 10px; background-color: #fff; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li > .share_sns:after { position: absolute; top: -20px; right: 11px; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 20px solid #f8428c; content: ''; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li > .share_sns a { margin: 0px 5px; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li > .share_sns a.copy { padding: 5px 10px 3px; border: 1px solid #ccc; border-radius: 5px; font-size: 14px; color: #111; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li > .share_sns a.copy:hover { border: 1px solid #a1a1a1; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li > .purchase > .product_title { width: 100%; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li > .purchase > .product_title > h1 { font-size: 33px; color: #111; font-weight: bold; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li > .purchase > .product_title > p { padding: 5px 0 0 0; font-size: 20px; color: #666; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li > .purchase > .price { padding: 40px 0 0 0; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li > .purchase > .price p { font-size: 24px; color: #111; font-weight: 900; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li > .purchase > .price p span.price_percent { padding: 0 5px 0 0; color: #f8428c; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li > .purchase > .price p span.price_sale { padding: 0 5px; font-size: 16px; color: #999; font-weight: normal; text-decoration: line-through; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li > .purchase > .price p span.price_won { font-size: 18px; font-weight: normal; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li > .purchase > .price p + p { font-size: 16px; color: #999; font-weight: normal; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li > .info_table { width: 100%; padding: 20px 0; display: table; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li > .info_table .info_row { display: table-row; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li > .info_table .info_row .info_cell { padding: 10px 0; width: 100%; vertical-align: middle; display: table-cell; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li > .info_table .info_row .info_cell > img { float: left; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li > .info_table .info_row .info_cell p { padding: 4px 40px 4px 10px; font-size: 16px; color: #666; float: left; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li > .info_table .info_row .info_cell p + p { color: #111; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li > .info_table .info_row .info_cell p span { margin: 5px 0 0 10px; padding: 10px 20px; border-radius: 5px; background: #f8428c; text-align: center; color: #fff; font-weight: bold; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li:nth-child(4) { padding: 20px 0; font-size: 16px; color: #111; font-weight: bold; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li:nth-child(4) > p { line-height: 33px; float: left; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li > .amount_box { float: right; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li > .amount_box button { width: 30px; min-width: auto; margin: 0; padding: 0; float: left; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li > .amount_box button.minus { background: url('/images/product/icon_view_minus.png') no-repeat center; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li > .amount_box button.plus { background: url('/images/product/icon_view_plus.png') no-repeat center; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li > .amount_box > input[type=text] { width: 68px; height: 32px; padding: 0; line-height: 32px; border: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 16px; color: #111; font-weight: 700; text-align: center; box-sizing: border-box; float: left; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li:nth-child(5) { padding: 35px 0; border-top: 1px solid #404040; border-bottom: 0; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li:nth-child(5) p { line-height: 44px; font-size: 20px; color: #111; font-weight: bold; float: left; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li:nth-child(5) p + p { font-size: 30px; color: #f8428c; font-weight: 900; float: right; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li:nth-child(5) p + p > span { font-size: 30px; color: #f8428c; font-weight: 900; color: #f8428c; }
#productDetail > .detail_inner > .detail_info > .product_info > ul li:nth-child(5) p + p > span.won { font-weight: normal; font-size: 22px; color: #f8428c; }
#productDetail > .detail_inner > .detail_info > .product_info > .detail_btn { overflow: hidden; }
#productDetail > .detail_inner > .detail_info > .product_info > .detail_btn > .btn { margin: 0 5px; float: left; }
#productDetail > .detail_inner > .detail_info > .product_info > .detail_btn > .btn.wish { width: 50px; min-width: auto; height: 50px; padding: 0; margin: 0 5px 0 0; border: 1px solid #404040; border-radius: 5px; background: url('/images/product/icon_btn_keepoff.png') no-repeat center; }
#productDetail > .detail_inner > .detail_info > .product_info > .detail_btn > .btn.wish:active { background: url('/images/product/icon_btn_keepon.png') no-repeat center; }
#productDetail > .detail_inner > .detail_info > .product_info > .detail_btn > .btn.white { width: 310px; }
#productDetail > .detail_inner > .detail_info > .product_info > .detail_btn > .btn.orange { width: 365px; margin: 0 0 0 5px; }
/* 탭 */
#productDetail > .detail_tab > .tab_box { position: relative; border-bottom: 1px solid #f8428c; }
#productDetail > .detail_tab > .tab_box > .detail_inner > .tab { position: absolute; bottom: -1px; width: 1450px; overflow: hidden; }
#productDetail > .detail_tab > .tab_box > .detail_inner > .tab button { width: 25%; height: 50px; line-height: 50px; background: #fff; border: 1px solid #ccc; border-right: 1px solid #fff; border-bottom: 1px solid #f8428c; font-size: 16px; color: #999; font-weight: bold; text-align: center; box-sizing: border-box; float: left; }
#productDetail > .detail_tab > .tab_box > .detail_inner > .tab button.active { border: 1px solid #f8428c; border-bottom: 0; color: #111; }
#productDetail > .detail_tab > .tab_box > .detail_inner > .tab button.active:nth-child(4) { border-right: 1px solid #f8428c; }
#productDetail > .detail_tab > .tab_box > .detail_inner > .tab button:hover { color: #111; }
#productDetail > .detail_tab > .tab_box > .detail_inner > .tab button:nth-child(4) { border-right: 1px solid #ccc; }
#productDetail > .detail_tab > .content_box .tab_content { padding: 50px 0; display: none; }
#productDetail > .detail_tab > .content_box .tab_content.on { display: block; }
/* 상품설명 */
#productDetail > .detail_tab > .content_box > .explain { text-align: center; }
/* 리뷰 */
#productDetail > .detail_tab > .content_box > .review > .detail_inner > .review_star { position: relative; overflow: hidden; }
#productDetail > .detail_tab > .content_box > .review > .detail_inner > .review_star > .star_score { position: absolute; top: 50%; text-align: center; transform: translateY(-50%); float: left; }
#productDetail > .detail_tab > .content_box > .review > .detail_inner > .review_star > .star_score > p { padding: 10px 0 0 0; font-size: 30px; font-weight: 800; }
#productDetail > .detail_tab > .content_box > .review > .detail_inner > .review_star > .star_score > p > span { font-size: 20px; font-weight: normal; }
#productDetail > .detail_tab > .content_box > .review > .detail_inner > .review_star > .notice { position: relative; padding: 0 40px; width: 100%; height: 145px; background: #f8f8f8; }
#productDetail > .detail_tab > .content_box > .review > .detail_inner > .review_star > .notice > img { position: absolute; top: 50%; left: 40px; transform: translateY(-50%); }
#productDetail > .detail_tab > .content_box > .review > .detail_inner > .review_star > .notice > ol { position: absolute; top: 50%; left: 115px; transform: translateY(-50%); }
#productDetail > .detail_tab > .content_box > .review > .detail_inner > .review_star > .notice > ol li { line-height: 27px; font-size: 16px; color: #111; }
#productDetail > .detail_tab > .content_box > .review > .detail_inner > .review_list { margin: 30px 0; overflow: hidden; }
#productDetail > .detail_tab > .content_box > .review > .detail_inner > .review_list li { position: relative; width: calc(100% - 2px); padding: 20px 0 15px 0; margin: 20px 0 0; border: 1px solid #ccc; border-radius: 20px; float: left; }
#productDetail > .detail_tab > .content_box > .review > .detail_inner > .review_list li > .star_score { padding: 25px 0 0 30px; }
#productDetail > .detail_tab > .content_box > .review > .detail_inner > .review_list li > .customer { padding: 0 30px; overflow: hidden; }
#productDetail > .detail_tab > .content_box > .review > .detail_inner > .review_list li > .customer p { position: relative; padding: 5px 20px 0 0; font-size: 14px; color: #999; float: left; }
#productDetail > .detail_tab > .content_box > .review > .detail_inner > .review_list li > .customer p:after { position: absolute; width: 1px; height: 10px; top: 10px; right: 9px; background: #d7d7d7; content: ''; }
#productDetail > .detail_tab > .content_box > .review > .detail_inner > .review_list li > .customer p + p:after { display: none; }
#productDetail > .detail_tab > .content_box > .review > .detail_inner > .review_list li > .customer > button { margin: 0; background: #f2f2f2; border-radius: 5px; font-size: 12px; color: #666; float: right; }
#productDetail > .detail_tab > .content_box > .review > .detail_inner > .review_list li > p { line-height: 27px; padding: 10px 30px; font-size: 16px; color: #111; text-overflow: ellipsis; word-wrap: break-word; overflow: hidden; }
#productDetail > .detail_tab > .content_box > .review > .detail_inner > .review_list li > .more { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 20px; background: rgba(0, 0, 0, 0.6); cursor: pointer; z-index: 5; }
#productDetail > .detail_tab > .content_box > .review > .detail_inner > .review_list li > .more > p { line-height: 240px; font-size: 18px; font-weight: bold; color: #fff; text-align: center; }
#productDetail > .detail_tab > .content_box > .review > .detail_inner > button { margin: 0 0 0 50%; transform: translateX(-50%); }
#productDetail > .detail_tab > .content_box > .review > .detail_inner > .no_review { width: 100%; padding: 30px 0; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; text-align: center; }
#productDetail > .detail_tab > .content_box > .review > .detail_inner > .no_review > p { font-size: 16px; color: #111; }
#productDetail > .detail_tab > .content_box > .review > .detail_inner > .no_review > button { margin: 10px 0 0 0;  }
/* 취소환불 */
#productDetail > .detail_tab > .content_box > .cancel > .detail_inner > h2 { padding: 0 0 20px 0; border-bottom: 1px solid #ccc; font-size: 18px; color: #111; font-weight: 800; }
#productDetail > .detail_tab > .content_box > .cancel > .detail_inner > dl { line-height: 27px; margin: 30px 0; font-size: 14px; color: #111; }
#productDetail > .detail_tab > .content_box > .cancel > .detail_inner > dl dt { font-weight: bold; }
#productDetail > .detail_tab > .content_box > .cancel > .detail_inner > dl dd { padding: 0 0 0 10px; }

/* 연구소 소개 */
#productDetail > .detail_tab > .content_box > .introduce > .detail_inner > h2 { padding: 0 0 20px 0; font-size: 18px; color: #111; font-weight: 800; }
#productDetail > .detail_tab > .content_box > .introduce > .detail_inner > table { margin: 0 0 50px 0; width: 100%; border: 1px solid #ccc; }
#productDetail > .detail_tab > .content_box > .introduce > .detail_inner > table tr td { height: 50px; line-height: 50px; padding: 0 20px; border-bottom: 1px solid #ccc; font-size: 14px; color: #111; vertical-align: middle; }
#productDetail > .detail_tab > .content_box > .introduce > .detail_inner > table tr td:first-child { width: 15%; border-right: 1px solid #ccc; background: #f9f9f9; font-weight: bold; }
#productDetail > .detail_tab > .content_box > .introduce > .detail_inner > table tr:last-child td { border-bottom: 0; }
/* 장바구니 레이어 */
#basketLayer { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; background: rgba(0, 0, 0, 0.4); display: none; z-index: 15; }
#basketLayer > .product_cart { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 480px; height: 490px; padding: 0 40px; margin: 0 auto; border-radius: 20px; background: #fff; text-align: center; }
#basketLayer > .product_cart > img { padding: 40px 0 0 0; }
#basketLayer > .product_cart > h3 { padding: 20px 0; font-size: 20px; color: #111; font-weight: 800; }
#basketLayer > .product_cart > ul { width: 100%; margin: 20px 0 30px 0; padding: 20px 0; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; overflow: hidden; display: table; }
#basketLayer > .product_cart > ul li { display: table-cell; vertical-align: middle; float: left; }
#basketLayer > .product_cart > ul li:first-child { padding: 0 0 0 20px; width: 30%; }
#basketLayer > .product_cart > ul li:nth-child(2) { padding: 0; width: 60%; float: left; }
#basketLayer > .product_cart > ul li > img { width: 140px; height: 120px; }
#basketLayer > .product_cart > ul li > p { padding: 0 0 0 20px; line-height: 120px; font-size: 16px; color: #111; float: left; }
#basketLayer > .product_cart > .btn_box { width: 80%; margin: 0 0 0 50%; transform: translateX(-50%); }
#basketLayer > .product_cart > .btn_box button { width: 49%; margin: 0; float: left; }
#basketLayer > .product_cart > .btn_box button + button { float: right; }




/* 로그인 유도 팝업 */
#productPopUp { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100vh; background: rgba(0, 0, 0, 0.4); display: none; z-index: 20; }
#productPopUp > .login_induce { width: 480px; height: 470px; padding: 0 40px; margin: 0 auto; border-radius: 20px; background: #fff; text-align: center; }
#productPopUp > .login_induce > img { padding: 70px 0 0 0; }
#productPopUp > .login_induce > h2 { padding: 25px 0 0 0; font-size: 20px; color: #111; font-weight: 800; }
#productPopUp > .login_induce > p { padding: 5px 0 10px 0; font-size: 16px; color: #666; border-bottom: 1px solid #ccc; }
#productPopUp > .login_induce > p + p { line-height: 20px; padding: 10px 0 0 0; font-size: 14px; border-bottom: 0; }
#productPopUp > .login_induce > .btn_box { width: 80%; margin: 0 0 0 50%; padding: 30px 0 0 0; transform: translateX(-50%); }
#productPopUp > .login_induce > .btn_box button { width: 49%; margin: 0; float: left; }
#productPopUp > .login_induce > .btn_box button + button { float: right; }
/* 장바구니 담기 팝업*/
#productPopUp > .product_cart { width: 500px; height: 460px; padding: 0 30px; margin: 0 auto; border-radius: 20px; background: #fff; text-align: center; }
#productPopUp > .product_cart > img { padding: 40px 0 0 0; }
#productPopUp > .product_cart > h3 { padding: 5px 0 0 0;  font-size: 20px; color: #111; font-weight: 800; }
#productPopUp > .product_cart > ul { width: 100%; margin: 30px 0; padding: 20px 0; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; overflow: hidden; display: table; }
#productPopUp > .product_cart > ul li { display: table-cell; vertical-align: middle; float: left; }
#productPopUp > .product_cart > ul li:first-child { padding: 0 0 0 20px; width: 30%; }
#productPopUp > .product_cart > ul li:nth-child(2) { padding: 0; width: 60%; float: left; }
#productPopUp > .product_cart > ul li > img { width: 140px; height: 120px; }
#productPopUp > .product_cart > ul li > p { padding: 0 0 0 20px; line-height: 120px; font-size: 16px; color: #111; float: left; }
#productPopUp > .product_cart > .btn_box { width: 80%; margin: 0 0 0 50%; transform: translateX(-50%); }
#productPopUp > .product_cart > .btn_box button { width: 49%; margin: 0; float: left; }
#productPopUp > .product_cart > .btn_box button + button { float: right; }



/* 상품문의 */
#productDetail > .detail_tab > .content_box > .qna > .detail_inner > .qna_text > h2 { font-size: 18px; color: #111; font-weight: 800; }
#productDetail > .detail_tab > .content_box > .qna > .detail_inner > .qna_text > p { padding: 5px 0 0 0; font-size: 16px; color: #999; }
#productDetail > .detail_tab > .content_box > .qna > .detail_inner > .qna_box { padding: 20px 0 0 0; overflow: hidden; }
#productDetail > .detail_tab > .content_box > .qna > .detail_inner > .qna_box button { margin: 0 10px 0 0; }
#productDetail > .detail_tab > .content_box > .qna > .detail_inner > .qna_box select { width: 145px; float: right; }
#productDetail > .detail_tab > .content_box > .qna .qna_table { width: 100%; margin: 30px 0 0 0; border-top: 2px solid #404040; display: table; }
#productDetail > .detail_tab > .content_box > .qna .qna_table .qna_table_tr { width: 100%; display: table-row; }
#productDetail > .detail_tab > .content_box > .qna .qna_table .qna_table_tr .table_th,
#productDetail > .detail_tab > .content_box > .qna .qna_table .qna_table_tr .table_list { width: 100%; display: table; }
#productDetail > .detail_tab > .content_box > .qna .qna_table .qna_table_tr .table_th .qna_table_cell { height: 50px; line-height: 50px; border-bottom: 1px solid #ccc; font-size: 16px; color: #111; font-weight: bold; vertical-align: middle; text-align: center; display: table-cell; }
#productDetail > .detail_tab > .content_box > .qna .qna_table .qna_table_tr .table_th .qna_table_cell:first-child,
#productDetail > .detail_tab > .content_box > .qna .qna_table .qna_table_tr .table_list .qna_table_cell:first-child { width: 10%; }
#productDetail > .detail_tab > .content_box > .qna .qna_table .qna_table_tr .table_th .qna_table_cell:nth-child(2),
#productDetail > .detail_tab > .content_box > .qna .qna_table .qna_table_tr .table_list .qna_table_cell:nth-child(2){ width: 70%; }
#productDetail > .detail_tab > .content_box > .qna .qna_table .qna_table_tr .table_th .qna_table_cell:nth-child(n+3),
#productDetail > .detail_tab > .content_box > .qna .qna_table .qna_table_tr .table_list .qna_table_cell:nth-child(n+3){ width: 10%; }
#productDetail > .detail_tab > .content_box > .qna .qna_table .qna_table_tr .table_list .qna_table_cell { height: 50px; line-height: 50px; border-bottom: 1px solid #ccc; font-size: 16px; color: #111; vertical-align: middle; text-align: center; display: table-cell; }
#productDetail > .detail_tab > .content_box > .qna .qna_table .qna_table_tr .table_list .qna_table_cell:nth-child(2) { text-align: left; }
#productDetail > .detail_tab > .content_box > .qna .qna_table .qna_table_tr .table_list .qna_table_cell > p { max-width: 93%; line-height: 50px; text-overflow: ellipsis; cursor: pointer; white-space: nowrap; overflow: hidden; float: left; }
#productDetail > .detail_tab > .content_box > .qna .qna_table .qna_table_tr .table_list .qna_table_cell > p + p { width: 5%; padding: 0 0 0 10px; color: #f8428c; font-size: 12px; font-weight: 800; font-style: italic; float: left; }
#productDetail > .detail_tab > .content_box > .qna .qna_table .qna_table_tr .table_list .qna_table_cell > p > img { padding: 0 5px 0 0; }
#productDetail > .detail_tab > .content_box > .qna .qna_table .qna_table_tr .table_list > .no_qna { padding: 30px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center; }
#productDetail > .detail_tab > .content_box > .qna .qna_table .qna_table_tr .table_list > .no_qna > p { font-size: 16px; color: #111; }
#productDetail > .detail_tab > .content_box > .qna .qna_table .qna_table_tr .table_answer { padding: 20px 284px 20px 140px; border-bottom: 1px solid #ccc; background: #f9f9f9; }
#productDetail > .detail_tab > .content_box > .qna .qna_table .qna_table_tr .table_answer > ul.question { overflow: hidden; }
#productDetail > .detail_tab > .content_box > .qna .qna_table .qna_table_tr .table_answer > ul.question li { float: left; }
#productDetail > .detail_tab > .content_box > .qna .qna_table .qna_table_tr .table_answer > ul.question li:first-child { width: 30px; height: 25px; line-height: 25px; border-radius: 5px; background: #a3a3a3; color: #fff; text-align: center; font-size: 14px; }
#productDetail > .detail_tab > .content_box > .qna .qna_table .qna_table_tr .table_answer > ul.question li:nth-child(2) { width: 90%; padding: 0 0 0 10px; font-size: 16px; color: #111; }
#productDetail > .detail_tab > .content_box > .qna .qna_table .qna_table_tr .table_answer > ul.question li:nth-child(2) > p { line-height: 28px; }
#productDetail > .detail_tab > .content_box > .qna .qna_table .qna_table_tr .table_answer > ul.question li:nth-child(2) > p > span { position: relative; padding: 0 0 0 20px; font-size: 14px; color: #999; }
#productDetail > .detail_tab > .content_box > .qna .qna_table .qna_table_tr .table_answer > ul.question li:nth-child(2) > p > span:before { position: absolute; top: 0; left: 10px; width: 1px; height: 15px; background: #a8a8a8; content: ''; }
#productDetail > .detail_tab > .content_box > .qna .qna_table .qna_table_tr .table_answer > ul.question li:nth-child(3) { position: relative; padding: 0 0 0 10px; font-size: 14px; color: #999; }
#productDetail > .detail_tab > .content_box > .qna .qna_table .qna_table_tr .table_answer > ul.question li:nth-child(3):before { position: absolute; top: 0; left: 0; width: 1px; height: 15px; background: #999; content: ''; }
#productDetail > .detail_tab > .content_box > .qna .qna_table .qna_table_tr .table_answer > ul.answer { padding: 15px 0 0 0; overflow: hidden; }
#productDetail > .detail_tab > .content_box > .qna .qna_table .qna_table_tr .table_answer > ul.answer li { float: left; }
#productDetail > .detail_tab > .content_box > .qna .qna_table .qna_table_tr .table_answer > ul.answer li:first-child { width: 30px; height: 25px; line-height: 25px; border-radius: 5px; background: #f8428c; color: #fff; text-align: center; font-size: 14px; }
#productDetail > .detail_tab > .content_box > .qna .qna_table .qna_table_tr .table_answer > ul.answer li:nth-child(2) { width: 90%; padding: 0 0 0 10px; font-size: 16px; color: #111; }
#productDetail > .detail_tab > .content_box > .qna .qna_table .qna_table_tr .table_answer > ul.answer li:nth-child(2) > p { line-height: 28px; }
#productDetail > .detail_tab > .content_box > .qna .qna_table .qna_table_tr .table_answer > ul.answer li:nth-child(2) > p > span { position: relative; padding: 0 0 0 20px; font-size: 14px; color: #999; }
#productDetail > .detail_tab > .content_box > .qna .qna_table .qna_table_tr .table_answer > ul.answer li:nth-child(2) > p > span:before { position: absolute; top: 0; left: 10px; width: 1px; height: 15px; background: #a8a8a8; content: ''; }
#productDetail > .detail_tab > .content_box > .qna .qna_table .qna_table_tr .table_answer > ul.answer li:nth-child(3) { padding: 5px 0 0 40px; color: #f8428c; }

/* 구매하러 */
.btn_top { position: fixed; bottom: 80px; right: 80px; width: 90px; height: 90px; border-radius: 50%; background: linear-gradient(-130deg, rgba(255,143,81,1) 0%, rgba(248,66,140,1) 100%); display: none; z-index: 5; }
.btn_top > p { position: absolute; top: 50%; width: 100%; line-height: 28px; color: #fff; font-size: 24px; font-weight: 700; text-align: center; transform: translateY(-50%); }
.btn_top > p > span { width: 100%; color: #fff; font-size: 20px; display: block; }

/* 마이페이지(추후 삭제) */
#myPage .my_inner { width: 1450px; margin: 0 auto; }
#myPage > .user_info { padding: 20px 30px; height: 210px; background: #fcdde8; overflow: hidden; }
#myPage > .user_info > .my_inner > .user { width: 400px; height: 150px; padding: 30px; margin: 0 20px 0 0; background: #fff; border-radius: 20px; float: left; }
#myPage > .user_info > .my_inner > .user > .thumb_nail { width: 150px; height: 150px; background: #f9f9f9; border: 1px solid #f8428c; border-radius: 50%; float: left; }
#myPage > .user_info > .my_inner > .user > .thumb_nail > img { width: 150px; height: 150px; }
#myPage > .user_info > .my_inner > .user > .text { width: 57%; padding: 0 0 0 18px; float: left; }
#myPage > .user_info > .my_inner > .user > .text > p { font-size: 11px; color: #999; }
#myPage > .user_info > .my_inner > .user > .text > h1 { padding: 5px 0 0 0; font-size: 24px; color: #111; font-weight: 800; }
#myPage > .user_info > .my_inner > .user > .text > p.id { font-size: 16px; color: #111; font-weight: bold; }
#myPage > .user_info > .my_inner > .user > .text > button { margin: 40px 0 0 0; float: right; }
#myPage > .user_info > .my_inner > .info { width: 400px; height: 150px; padding: 30px; background: #fff; border-radius: 20px; float: left; }
#myPage > .user_info > .my_inner > .info > ul { }
#myPage > .user_info > .my_inner > .info > ul li { width: 100%; padding: 0 0 10px 0; font-size: 16px; color: #111; overflow: hidden; }
#myPage > .user_info > .my_inner > .info > ul li p { float: left; }
#myPage > .user_info > .my_inner > .info > ul li p + p { float: right; }
#myPage > .user_info > .my_inner > .info > ul li p + p > a { padding: 0 3px 0 0; font-weight: bold; text-decoration: underline; }
#myPage > .user_info > .my_inner > .info > ul li:first-child { font-weight: bold; }
#myPage > .user_info > .my_inner > .info > ul li:first-child > p { float: left; }
#myPage > .user_info > .my_inner > .info > ul li:first-child > a { padding: 0 0 0 10px; float: left; }
#myPage > .user_info > .my_inner > .info > ul li:last-child { padding: 0; }
#myPage > .user_info > .my_inner > .info > button { margin: 23px 0 0 0; float: right; }
#myPage > .my_inner > .quick_menu { padding: 20px 0; overflow: hidden; }
#myPage > .my_inner > .quick_menu > ul li { width: 16.4%; height: 83px; padding: 10px 5px; cursor: pointer; float: left; }
#myPage > .my_inner > .quick_menu > ul li .quick { padding: 20px; height: 42px; line-height: 42px; border: 1px solid #ccc; border-radius: 20px; overflow: hidden; }
#myPage > .my_inner > .quick_menu > ul li .quick > img { float: left; }
#myPage > .my_inner > .quick_menu > ul li .quick > p { padding: 0 0 0 10px; font-size: 16px; color: #111; float: left; }
#myPage > .my_inner > .quick_menu > ul li:nth-child(n+2):nth-child(-n+3) { width: 15%; }
#myPage > .my_inner > .institution { line-height: 50px; padding: 30px; border: 1px solid #f8428c; border-radius: 20px; background: #f9f9f9; overflow: hidden; }
#myPage > .my_inner > .institution > p { font-size: 16px; font-weight: bold; float: left; }
#myPage > .my_inner > .institution > p > span > img { padding: 0 10px 0 0; width: 40px; }
#myPage > .my_inner > .institution > .btn_box { float: right; }
#myPage > .my_inner > ul.possession { padding: 30px 0; overflow: hidden; }
#myPage > .my_inner > ul.possession li { width: 24%; padding: 5px; float: left; }
#myPage > .my_inner > ul.possession li > .possession_box { height: 150px; padding: 20px 15px; border: 1px solid #ccc; border-radius: 20px; position: relative; }
#myPage > .my_inner > ul.possession li > .possession_box > img { position: absolute; top:10px; right: 81px;}
#myPage > .my_inner > ul.possession li > .possession_box > .thumb { width: 100px; height: 100px; border-radius: 10px; background: #f2f2f2; float: left; }
#myPage > .my_inner > ul.possession li > .possession_box > .thumb > img { width: 100px; height: 100px; }
#myPage > .my_inner > ul.possession li > .possession_box > .text { width: 58%; padding: 0 0 0 15px; float: left; }
#myPage > .my_inner > ul.possession li > .possession_box > .text > p.title { font-size: 16px; color: #111; font-weight: bold; }
#myPage > .my_inner > ul.possession li > .possession_box > .text > p + p.amount { padding: 5px 0; text-align: center; }
#myPage > .my_inner > ul.possession li > .possession_box > .text > p + p.amount > span { font-size: 40px; font-weight: 800; }
#myPage > .my_inner > ul.possession li > .possession_box > .btn_box { width: 100%; overflow: hidden; }
#myPage > .my_inner > ul.possession li > .possession_box > .btn_box button { width: 48%; min-width: auto; margin: 0 0 0 5px; padding: 0; float: right; }
#myPage > .my_inner > ul.possession li > .possession_box > .btn_box button:last-child { margin: 0; }
#myPage > .my_inner > ul.child_info { padding: 0 0 30px 0; overflow: hidden; }
#myPage > .my_inner > ul.child_info > .title { overflow: hidden; }
#myPage > .my_inner > ul.child_info > .title > h1 { position: relative; padding: 0 0 10px 15px; font-size: 20px; color: #111; font-weight: 800; float: left; }
#myPage > .my_inner > ul.child_info > .title > h1:before { position: absolute; top: 5px; left: 0; width: 6px; height: 20px; background: #f8428c; border-radius: 5px; content: ''; }
#myPage > .my_inner > ul.child_info > .title > a { padding: 5px 15px 0 0; background: url("/images/mypage/icon_mypage_arrow.png") no-repeat; background-position: right 8px; background-size: 8px; font-size: 14px; color: #666; float: right; }
#myPage > .my_inner > ul.child_info li { width: 24%; padding: 5px; float: left; }
#myPage > .my_inner > ul.child_info li > .child_box { height: 190px; padding: 20px 15px; border: 1px solid #ccc; border-radius: 20px; }
#myPage > .my_inner > ul.child_info li > .child_box > .thumb { width: 100px; height: 100px; line-height: 120px; margin: 26px 0; border-radius: 50%; background: #f2f2f2; display: flex; float: left; }
#myPage > .my_inner > ul.child_info li > .child_box > .thumb > img { width: 100px; height: 100px; }
#myPage > .my_inner > ul.child_info li > .child_box > .text { width: 60%; padding: 0 0 0 15px; float: left; }
#myPage > .my_inner > ul.child_info li > .child_box > .text > .title { line-height: 30px; }
#myPage > .my_inner > ul.child_info li > .child_box > .text > .title > h2 { font-size: 16px; content: #111; font-weight: bold; float: left; }
#myPage > .my_inner > ul.child_info li > .child_box > .text > .title > h2 > img { padding: 0 3px 0 0; }
#myPage > .my_inner > ul.child_info li > .child_box > .text > .title > button { min-width: 50px; padding: 0; margin: 0; float: right; }
#myPage > .my_inner > ul.child_info li > .child_box > .text p { width: 100%; padding: 10px 0 0 0; font-size: 16px; color: #111; overflow: hidden; }
#myPage > .my_inner > ul.child_info li > .child_box > .text p.info_register { padding: 55px 0; font-size: 15px; color: #111; font-weight: bold; }
#myPage > .my_inner > ul.child_info li:last-child > .child_box { position: relative; background: #f2f2f2; text-align: center; cursor: pointer; }
#myPage > .my_inner > ul.child_info li:last-child > .child_box > .more { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#myPage > .my_inner > ul.child_info li:last-child > .child_box > .more > p { padding: 5px 0 0 0; font-size: 16px; color: #666; font-weight: bold; }
#myPage > .my_inner > ul.child_info li:last-child:hover .child_box { border: 1px solid #f8428c; transition: .3s; }
#myPage > .my_inner > ul.child_info li > .child_box > button { margin: 10px 0 0 0; }
#myPage > .my_inner > ul.order_list { overflow: hidden; }
#myPage > .my_inner > ul.order_list > .title { overflow: hidden; }
#myPage > .my_inner > ul.order_list > .title > h1 { position: relative; padding: 0 0 10px 15px; font-size: 20px; color: #111; font-weight: 800; float: left; }
#myPage > .my_inner > ul.order_list > .title > h1:before { position: absolute; top: 5px; left: 0; width: 6px; height: 20px; background: #f8428c; border-radius: 5px; content: ''; }
#myPage > .my_inner > ul.order_list > .title > a { padding: 5px 15px 0 0; background: url("/images/mypage/icon_mypage_arrow.png") no-repeat; background-position: right 8px; background-size: 8px; font-size: 14px; color: #666; float: right; }
#myPage > .my_inner > ul.order_list li { width: 32.3%; padding: 5px; float: left; }
#myPage > .my_inner > ul.order_list li .order_box { position: relative; height: 250px; padding: 25px 20px; border: 1px solid #ccc; border-radius: 20px; }
#myPage > .my_inner > ul.order_list li > .order_box > .top { height: 32px; overflow: hidden; }
#myPage > .my_inner > ul.order_list li > .order_box > .top > p { float: left; }
#myPage > .my_inner > ul.order_list li > .order_box > .top > p.stand { padding: 5px 10px; border: 1px solid #8a5fe1; border-radius: 20px; color: #8a5fe1; font-size: 14px; font-weight: bold; text-align: center; }
#myPage > .my_inner > ul.order_list li > .order_box > .top > p.bank { line-height: 32px; padding: 0 0 0 15px; color: #8a5fe1; font-size: 14px; font-weight: bold; }
#myPage > .my_inner > ul.order_list li > .order_box > .top > p.check { padding: 5px 10px; border: 1px solid #ff8f51; border-radius: 20px; background: #fff; color: #ff8f51; font-size: 14px; font-weight: bold; text-align: center; }
#myPage > .my_inner > ul.order_list li > .order_box > .top > p.refund { padding: 5px 10px; border: 1px solid #f8428c; border-radius: 20px; color: #f8428c; font-size: 14px; font-weight: bold; text-align: center; }
#myPage > .my_inner > ul.order_list li > .order_box > .top > button { margin: 0; float: right; }
#myPage > .my_inner > ul.order_list li > .order_box > dl { padding: 20px 0 0 0; }
#myPage > .my_inner > ul.order_list li > .order_box > dl > dt { padding: 0 0 5px 0; font-size: 18px; font-weight: bold; color: #111; }
#myPage > .my_inner > ul.order_list li > .order_box > dl > dt > span { padding: 3px 0 0 0; font-size: 14px; color: #666; float: right; }
#myPage > .my_inner > ul.order_list li > .order_box > dl > dd { position: relative; line-height: 26px; padding: 0 0 0 15px; font-size: 15px; color: #111; }
#myPage > .my_inner > ul.order_list li > .order_box > dl > dd:before { position: absolute; top: 9px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #666; content: ''; }
#myPage > .my_inner > ul.order_list li > .order_box > dl > dd > span { float: right; }
#myPage > .my_inner > ul.order_list li > .order_box > .bottom { position: absolute; left: 20px; bottom: 20px; width: 91%; }
#myPage > .my_inner > ul.order_list li > .order_box > .bottom p { font-weight: bold; float: left; }
#myPage > .my_inner > ul.order_list li > .order_box > .bottom p + p { text-align: right; float: right; }
#myPage > .my_inner > ul.order_list li > .order_box > .bottom p.cancel span { display: block; }
#myPage > .my_inner > ul.order_list li > .order_box > .bottom p.cancel > span { font-size: 12px; }
#myPage > .my_inner > ul.order_list li > .order_box > .bottom p.cancel > span + span { font-size: 16px; text-decoration: line-through; }
#myPage > .my_inner > ul.order_list li > .order_box > .bottom p.bankbook { padding: 15px 0 0 0; }
#myPage > .my_inner > ul.order_list li > .order_box > .bottom p span.imagine { font-size: 14px; color: #8a5fe1; }
#myPage > .my_inner > ul.order_list li > .order_box > .bottom p.imagine_sum { color: #8a5fe1; font-weight: 800; }
#myPage > .my_inner > ul.order_list li.payment_complete > .order_box { background: #f6e7eb; }
#myPage > .my_inner > ul.order_list li.refund_complete > .order_box > dl dt,
#myPage > .my_inner > ul.order_list li.refund_complete > .order_box > dl dt > span,
#myPage > .my_inner > ul.order_list li.refund_complete > .order_box > dl dd,
#myPage > .my_inner > ul.order_list li.refund_complete > .order_box > dl dd > span,
#myPage > .my_inner > ul.order_list li.refund_complete > .order_box > .bottom p,
#myPage > .my_inner > ul.order_list li.refund_complete > .order_box > .bottom p span { color: #999; }
#myPage > .my_inner > ul.order_list li.no_order { width: 98.5%; }
#myPage > .my_inner > ul.order_list li.no_order > .no_order_box { padding: 20px 15px; border: 1px solid #ccc; border-radius: 20px; overflow: hidden; }
#myPage > .my_inner > ul.order_list li.no_order > .no_order_box > .no_list { width: 50%; text-align: center; float: left; }
#myPage > .my_inner > ul.order_list li.no_order > .no_order_box > .no_list > p { padding: 80px 0 0 0; font-size: 16px; color: #111; font-weight: bold; }
#myPage > .my_inner > ul.order_list li.no_order > .no_order_box > .no_list > button { margin: 10px 0 0 0; }
#myPage > .my_inner > ul.order_list li.no_order > .no_order_box > .product_list { width: 50%; float: right; }
#myPage > .my_inner > ul.order_list li.no_order > .no_order_box > .product_list > ol li { width: 48%; float: left; }
#myPage > .my_inner > ul.order_list li.no_order > .no_order_box > .product_list > ol li > .list_box > .thumb { width: 95px; height: 95px; border-radius: 10px; background: #f2f2f2; float: left; }
#myPage > .my_inner > ul.order_list li.no_order > .no_order_box > .product_list > ol li > .list_box > .thumb > img { width: 95px; height: 95px; object-fit:cover; }
#myPage > .my_inner > ul.order_list li.no_order > .no_order_box > .product_list > ol li > .list_box > .text { width: 68%; padding: 0 0 0 10px; float: left; }
#myPage > .my_inner > ul.order_list li.no_order > .no_order_box > .product_list > ol li > .list_box > .text > h3 { font-size: 15px; color: #111; font-weight: bold; }
#myPage > .my_inner > ul.order_list li.no_order > .no_order_box > .product_list > ol li > .list_box > .text > p { padding: 5px 0 0 0; font-size: 14px; color: #666; }

/* 마이페이지(new) */
#myPage { padding: 0; line-height: 1; }
#myPage .my_page { position: relative; width: 1500px; max-width: 1500px; margin: 0 auto; }
#myPage > .my_top { position: relative; height: 290px; background: #f7f7f7; }
#myPage > .my_top > .my_page > .info { padding: 45px 0 0 0; float: left; }
#myPage > .my_top > .my_page > .info > .info_box { overflow: hidden; }
#myPage > .my_top > .my_page > .info > .info_box > .thumb_nail { width: 72px; height: 72px; border-radius: 50%; border: 1px dashed #f8428c; background: #fff; float: left; }
#myPage > .my_top > .my_page > .info > .info_box > .text { padding: 10px 0 0 20px; float: left; }
#myPage > .my_top > .my_page > .info > .info_box > .text > h1 { line-height: 28px; font-size: 26px; color: #7b24f1; font-weight: bold; }
#myPage > .my_top > .my_page > .info > .info_box > .text > h1 > span { color: #7b24f1; font-weight: 800; }
#myPage > .my_top > .my_page > .info > .info_box > .text > h1 > a { padding: 0 0 0 10px; }
#myPage > .my_top > .my_page > .info > .info_box > .text > p { padding: 10px 0 0 0; font-size: 20px; color: #111; font-weight: bold; }
#myPage > .my_top > .my_page > .info > .date { width: 320px; height: 60px; line-height: 60px; margin: 20px 0 0 0; background: #fff; border-radius: 20px; float: left; }
#myPage > .my_top > .my_page > .info > .date > p { font-size: 14px; color: #666; text-align: center; }
#myPage > .my_top > .my_page > ul.list { position: relative; top: 55px; width: 1098px; float: right; }
#myPage > .my_top > .my_page > ul.list li { width: 250px; height: 130px; margin: 0 0 24px 24px; background: #fff; border-radius: 20px; box-shadow: 1px 1px 20px #e1e1e1; cursor: pointer; float: left; }
#myPage > .my_top > .my_page > ul.list li:hover { background: #f7f7f7; }
#myPage > .my_top > .my_page > ul.list li > img { margin: 40px 20px 40px 40px; float: left; }
#myPage > .my_top > .my_page > ul.list li > .text { padding: 30px 40px 0 0; text-align: right; }
#myPage > .my_top > .my_page > ul.list li > .text > p { font-size: 20px; color: #666; font-weight: bold; }
#myPage > .my_top > .my_page > ul.list li > .text > h1 { padding: 15px 0 0 0; font-size: 42px; color: #444; font-weight: 800; }
#myPage > .my_top > .my_page > ul.list li > .text > h1.no { color: #999; }
#myPage > .my_top > .my_page > .coupon { position: absolute; top: 220px; right: 0; }
#myPage > .my_menu { }
#myPage > .my_menu > .my_page > .side_menu { position: absolute; top: -45px; left: 0; width: 280px; border: 1px solid #bababa; border-left: 4px solid #f8428c; border-radius: 0 60px 0 0; background: #f6f6f6; }
#myPage > .my_menu > .my_page > .side_menu > .my_child { padding: 20px; border-radius: 0 60px 0 0; background: #fff; text-align: center; }
#myPage > .my_menu > .my_page > .side_menu > .my_child > .title { width: 110px; height: 30px; line-height: 30px; border-radius: 15px; background: #f5efed; font-size: 14px; color: #666; text-align: center; }
#myPage > .my_menu > .my_page > .side_menu > .my_child > .manage { position: absolute; top: 27px; right: 35px; font-size: 12px; color: #999; }
#myPage > .my_menu > .my_page > .side_menu > .my_child .thumb_nail { position: relative; width: 60px; height: 60px; margin: 20px 0 0 50%; border-radius: 50%; background: #fff; transform: translateX(-50%); box-shadow: 2px 1px 0 3px #f4cdb7; }
#myPage > .my_menu > .my_page > .side_menu > .my_child .thumb_nail > p { position: absolute; top: 0; left: -10px; width: 22px; height: 22px; line-height: 22px; border-radius: 50%; background: #7d7d7d; text-align: center; font-size: 12px; color: #fff; }
#myPage > .my_menu > .my_page > .side_menu > .my_child .text { padding: 10px 0 0 0; }
#myPage > .my_menu > .my_page > .side_menu > .my_child .text > h1 { font-size: 16px; color: #111; font-weight: bold; }
#myPage > .my_menu > .my_page > .side_menu > .my_child .text > h2 { padding: 7px 0 0 0; font-size: 14px; color: #111; }
#myPage > .my_menu > .my_page > .side_menu > .my_child .text > p { padding: 10px 0 0 0; font-size: 12px; color: #666; }
#myPage > .my_menu > .my_page > .side_menu > .my_child .text > p.info_register { padding: 0 0 10px 0; }
#myPage > .my_menu > .my_page > .side_menu > .my_child .text > p + p { padding: 5px 0 0 0; }
#myPage > .my_menu > .my_page > .side_menu > .my_child .swiper-pagination { position: absolute; top: 0; }
#myPage > .my_menu > .my_page > .side_menu > .my_child .swiper-pagination > span { width: 15px; height: 4px; border-radius: 2px; background: #ff8f51; }
#myPage > .my_menu > .my_page > .side_menu > ul li { height: 60px; line-height: 60px; padding: 0 30px; border-bottom: 1px solid #e3e3e3; transition: .3s; cursor: pointer; }
#myPage > .my_menu > .my_page > .side_menu > ul li:last-child { border-bottom: 0; }
#myPage > .my_menu > .my_page > .side_menu > ul li:hover { background: #f8428c; }
#myPage > .my_menu > .my_page > .side_menu > ul li:hover > p { color: #fff; }
#myPage > .my_menu > .my_page > .side_menu > ul li:hover > img { filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); }
#myPage > .my_menu > .my_page > .side_menu > ul li > img { padding: 15px 20px 0 0; float: left; }
#myPage > .my_menu > .my_page > .side_menu > ul li > p { font-size: 14px; color: #111; float: left; }

#myPage > .my_menu > .my_page > .menu_list { width: 1160px; padding: 75px 0 100px 0; float: right; }
#myPage > .my_menu > .my_page > .menu_list > .order > .title { height: 30px; line-height: 30px; }
#myPage > .my_menu > .my_page > .menu_list > .order > .title > h1 { position: relative; font-size: 24px; color: #111; font-weight: bold; float: left; }
#myPage > .my_menu > .my_page > .menu_list > .order > .title > h1:after { position: absolute; top: -5px; right: -5px; width: 6px; height: 6px; border-radius: 50%; background: #ff8f51; content: '';}
#myPage > .my_menu > .my_page > .menu_list > .order > .title a { margin-left: 30px; font-size: 12px; color: #999; }
#myPage > .my_menu > .my_page > .menu_list > .order > .title a > img { padding: 0 0 0 5px; }
#myPage > .my_menu > .my_page > .menu_list > .order > ul { padding: 15px 0 0 0; overflow: hidden; }
#myPage > .my_menu > .my_page > .menu_list > .order > ul li { width: 370px; margin: 0 24px 0 0; border-radius: 20px; border: 1px solid #ccc; box-sizing: border-box; cursor: pointer; float: left; }
#myPage > .my_menu > .my_page > .menu_list > .order > ul li:last-child { margin: 0; }
#myPage > .my_menu > .my_page > .menu_list > .order > ul li > .top { padding: 20px; border-bottom: 1px solid #ccc; overflow: hidden; }
#myPage > .my_menu > .my_page > .menu_list > .order > ul li > .top > p { width: 72px; height: 30px; line-height: 30px; border-radius: 5px; font-size: 14px; color: #fff; text-align: center; float: left; }
#myPage > .my_menu > .my_page > .menu_list > .order > ul li > .top > p.wait { background: #f8428c; }
#myPage > .my_menu > .my_page > .menu_list > .order > ul li > .top > p.complete { background: #404040; }
#myPage > .my_menu > .my_page > .menu_list > .order > ul li > .top > p.complete + a { padding: 10px 0 0 0; font-size: 14px; color: #7b24f1; font-weight: bold; letter-spacing: -1px; text-align: right; text-decoration: underline; text-underline-position: under; float: right; }
#myPage > .my_menu > .my_page > .menu_list > .order > ul li > .top > p.refund { background: #ccc; }
#myPage > .my_menu > .my_page > .menu_list > .order > ul li > .top > .text { padding: 0 0 0 10px; float: left; }
#myPage > .my_menu > .my_page > .menu_list > .order > ul li > .top > .text > p { font-size: 14px; color: #f8428c; font-weight: bold; }
#myPage > .my_menu > .my_page > .menu_list > .order > ul li > .top > .text > p + p { padding: 6px 0 0 0; font-size: 12px; color: #111; }
#myPage > .my_menu > .my_page > .menu_list > .order > ul li > .product { padding: 15px 20px; }
#myPage > .my_menu > .my_page > .menu_list > .order > ul li > .product > p { font-size: 14px; color: #111; }
#myPage > .my_menu > .my_page > .menu_list > .order > ul li > .product > p + p { padding: 10px 0 0 0; font-size: 12px; color: #999; }
#myPage > .my_menu > .my_page > .menu_list > .order > ul li > .product.refund > p { color: #999; }
#myPage > .my_menu > .my_page > .menu_list > .order > ul li > .pay { margin: 0 20px 20px; }
#myPage > .my_menu > .my_page > .menu_list > .order > ul li > .pay.wait { height: 28px; padding: 15px; background: #fdf0ec; }
#myPage > .my_menu > .my_page > .menu_list > .order > ul li > .pay.wait > .text { float: left; }
#myPage > .my_menu > .my_page > .menu_list > .order > ul li > .pay.wait > .text > p { font-size: 12px; color: #111; }
#myPage > .my_menu > .my_page > .menu_list > .order > ul li > .pay.wait > .text > p + p { padding: 6px 0 0 0; font-size: 12px; color: #f8428c; }
#myPage > .my_menu > .my_page > .menu_list > .order > ul li > .pay.wait > p { line-height: 28px; font-size: 15px; color: #f8428c; font-weight: 800; letter-spacing: -1px; float: right; }
#myPage > .my_menu > .my_page > .menu_list > .order > ul li > .pay.complete { height: 28px; line-height: 28px; padding: 15px; background: #f7f7f7; }
#myPage > .my_menu > .my_page > .menu_list > .order > ul li > .pay.complete > .text { float: left; }
#myPage > .my_menu > .my_page > .menu_list > .order > ul li > .pay.complete > .text > p { font-size: 12px; color: #111; }
#myPage > .my_menu > .my_page > .menu_list > .order > ul li > .pay.complete > p { font-size: 15px; color: #111; font-weight: 800; text-align: right; letter-spacing: -1px; float: right; }
#myPage > .my_menu > .my_page > .menu_list > .order > ul li > .pay.refund { height: 28px; line-height: 28px; padding: 15px; background: #f7f7f7; }
#myPage > .my_menu > .my_page > .menu_list > .order > ul li > .pay.refund > .text { float: left; }
#myPage > .my_menu > .my_page > .menu_list > .order > ul li > .pay.refund > .text > p { font-size: 12px; color: #999; }
#myPage > .my_menu > .my_page > .menu_list > .order > ul li > .pay.refund > p { font-size: 15px; color: #999; font-weight: 800; letter-spacing: -1px; text-align: right; float: right; }
#myPage > .my_menu > .my_page > .menu_list > .banner { margin: 30px 0; }
#myPage > .my_menu > .my_page > .menu_list > .banner .swiper-pagination { position: absolute; left: 1100px; bottom: 15px; width: 40px; height: 24px; line-height: 24px; border-radius: 12px; background: rgba(0, 0, 0, 0.4); text-align: center;font-size: 13px; color: #fff; }
#myPage > .my_menu > .my_page > .menu_list > .banner .swiper-pagination span { color: #fff; }
#myPage > .my_menu > .my_page > .menu_list > .possess > .title { height: 30px; line-height: 30px; }
#myPage > .my_menu > .my_page > .menu_list > .possess > .title > h1 { position: relative; font-size: 24px; color: #111; font-weight: bold; float: left; }
#myPage > .my_menu > .my_page > .menu_list > .possess > .title > h1:after { position: absolute; top: -5px; right: -5px; width: 6px; height: 6px; border-radius: 50%; background: #ff8f51; content: '';}
#myPage > .my_menu > .my_page > .menu_list > .possess > ul { overflow: hidden; }
#myPage > .my_menu > .my_page > .menu_list > .possess > ul li { width: 238px; margin: 15px 15px 0 0; padding: 20px; border-radius: 20px; background: #f6f6f6; float: left; }
#myPage > .my_menu > .my_page > .menu_list > .possess > ul li:nth-child(4) { margin: 0; }
#myPage > .my_menu > .my_page > .menu_list > .possess > ul li > .text > h2 { font-size: 16px; color: #666; }
#myPage > .my_menu > .my_page > .menu_list > .possess > ul li > .text > h1 { padding: 8px 0 0 0; font-size: 16px; color: #111; letter-spacing: -1px; font-weight: bold; }
#myPage > .my_menu > .my_page > .menu_list > .possess > ul li > .number { height: 26px; line-height: 26px; padding: 40px 0 0 0; }
#myPage > .my_menu > .my_page > .menu_list > .possess > ul li > .number > p { font-size: 18px; color: #666; float: left; }
#myPage > .my_menu > .my_page > .menu_list > .possess > ul li > .number > p > span { font-size: 24px; color: #666; font-weight: bold; }
#myPage > .my_menu > .my_page > .menu_list > .possess > ul li > .number > button { width: 70px; min-width: 70px; height: 24px; line-height: 24px; padding: 0; margin: 0; border-radius: 12px; text-align: center; font-size: 12px; font-weight: bold; float: right; }
#myPage > .my_menu > .my_page > .menu_list > .possess > ul li > .number > button.purchase { background: #e6d7fa; color: #7b24f1; }
#myPage > .my_menu > .my_page > .menu_list > .possess > ul li > .number > button.purchase:hover { background: #d3c3e8; }
#myPage > .my_menu > .my_page > .menu_list > .possess > ul li > .number > button.inspect { background: #f9d5d0; color: #e86755; }
#myPage > .my_menu > .my_page > .menu_list > .possess > ul li > .number > button.inspect:hover { background: #eac4bf; }



    /* 마이페이지_주문/구입내역 */
#paymentList > .list_inner { width: 1450px; margin: 0 auto; }
#paymentList > .list_inner > h1 { padding: 40px 0 20px 0; font-weight: 800; font-size: 24px; color: #111; float: left; }
#paymentList > .list_inner > table.search_box { width: 100%; border-top: 1px solid #404040; border-bottom: 1px solid #ccc; }
#paymentList > .list_inner > table.search_box tr td { height: 70px; line-height: 70px; padding: 0 20px; border-bottom: 1px solid #ccc; vertical-align: middle; }
#paymentList > .list_inner > table.search_box tr td:first-child { width: 40%; vertical-align: middle; }
#paymentList > .list_inner > table.search_box tr td:nth-child(2) { width: 60%; vertical-align: middle; }
#paymentList > .list_inner > table.search_box tr td > h2 { width: 100px; line-height: 70px; font-size: 16px; color: #111; font-weight: bold; vertical-align: middle; float: left; }
#paymentList > .list_inner > table.search_box tr td > .date { padding: 10px 0; overflow: hidden; }
#paymentList > .list_inner > table.search_box tr td > .date input[type=text] { width: 200px; padding: 0 15px; background: url("/images/mypage/icon_mypage_calendar.png") no-repeat 95% center; font-size: 14px; float: left; }
#paymentList > .list_inner > table.search_box tr td > .date span { line-height: 50px; padding: 0 10px; font-size: 16px; color: #111; float: left; }
#paymentList > .list_inner > table.search_box tr td input[type=text].search { margin: 10px 10px 10px 0;  width: 230px; float: left; }
#paymentList > .list_inner > table.search_box tr td > .btn_box { padding: 17px 0; float: right; }
#paymentList > .list_inner > table.search_box tr td > .btn_box button { margin: 0 5px 0 0; float: left; }
#paymentList > .list_inner > table.search_box tr td > .btn_box button + button { margin: 0; }
#paymentList > .list_inner > table.list_table { width: 100%; margin: 80px 0; border-top: 2px solid #ff8f51; border-bottom: 1px solid #ccc; }
#paymentList > .list_inner > table.list_table tr th { height: 50px; line-height: 50px; border-bottom: 1px solid #ff8f51; background: #f9f9f9; font-weight: bold; font-size: 16px; color: #111; }
#paymentList > .list_inner > table.list_table tr td { width: 5%; padding: 20px 0; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; text-align: center; vertical-align: middle; }
#paymentList > .list_inner > table.list_table tr td:first-child { width: 10%; }
#paymentList > .list_inner > table.list_table tr td:nth-child(4) { width: 17%; }
#paymentList > .list_inner > table.list_table tr td:last-child { width: 7%; border-right: 0; }
#paymentList > .list_inner > table.list_table tr td:last-child.line { border-right: 1px solid #ccc; }
#paymentList > .list_inner > table.list_table tr td p { font-size: 16px; color: #111; }
#paymentList > .list_inner > table.list_table tr td p.number { font-weight: bold; }
#paymentList > .list_inner > table.list_table tr td p.bank { padding: 40px 0 0 0; font-size: 14px; font-weight: bold; }
#paymentList > .list_inner > table.list_table tr td p.stand { color: #8a5fe1; font-weight: bold; }
#paymentList > .list_inner > table.list_table tr td p.bank > span { font-size: 12px; color: #8a5fe1; display: block; }
#paymentList > .list_inner > table.list_table tr td p.complete > span { font-size: 12px; display: block; }
#paymentList > .list_inner > table.list_table tr td.order_product { padding: 20px; text-align: left; }
#paymentList > .list_inner > table.list_table tr td.order_product > .thumb { width: 80px; height: 80px; margin: 0 10px 0 0; border-radius: 10px; background: #f2f2f2; overflow: hidden; float: left; }
#paymentList > .list_inner > table.list_table tr td.order_product > .thumb > img { width: 80px; height: 80px; }
#paymentList > .list_inner > table.list_table tr td.order_product > .text { width: 72%; float: left; }
#paymentList > .list_inner > table.list_table tr td.order_product > .text p { padding: 3px 10px; margin: 0 5px 0 0; border: 1px solid #999; border-radius: 15px; color: #111; font-size: 12px; float: left; }
#paymentList > .list_inner > table.list_table tr td.order_product > .text p:last-child { margin: 0; }
#paymentList > .list_inner > table.list_table tr td.order_product > .text h1 { width: 100%; padding: 5px 0 0 0; font-size: 16px; color: #111; font-weight: bold; overflow: hidden; }
#paymentList > .list_inner > table.list_table tr td.order_product > .price { float: right; }
#paymentList > .list_inner > table.list_table tr td.order_product > .price p { padding: 20px 0 0 0; float: left; }
#paymentList > .list_inner > table.list_table tr td.order_product > .price p + p { padding: 20px 0 0 30px; font-weight: 800; }
#paymentList > .list_inner > table.list_table button { margin: 5px 0; }

        /* 마이페이지_주문/구입내역_기관관리자 계정선택 */
#group_select { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100vh; background: rgba(0, 0, 0, 0.4); z-index: 20; display: none; }
#group_select > .group { background: #fff; }

        /* 마이페이지_리뷰작성 */
#reviewWrite { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100vh; background: rgba(0, 0, 0, 0.4); z-index: 7; overflow: auto }
#reviewWrite > .review { width: 760px; margin: 100px 0 0 50%; padding: 20px; background: #fff; transform: translate(-50%); }
#reviewWrite > .review > .title { overflow: hidden; }
#reviewWrite > .review > .title > h1 { color: #111; font-size: 18px; font-weight: 800; float: left; }
#reviewWrite > .review > .title > img { width: 18px; cursor: pointer; float: right; }
#reviewWrite > .review > p { padding: 20px 0; font-size: 16px; color: #111; font-weight: bold; }
#reviewWrite > .review > form .list { margin: 0 0 20px 0; border: 1px solid #ccc; }
#reviewWrite > .review > form .list > .product { padding: 20px; overflow: hidden; }
#reviewWrite > .review > form .list > .product > .thumb { width: 50px; height: 50px; margin: 0 15px 0 0; background: #f2f2f2; border-radius: 10px; float: left; }
#reviewWrite > .review > form .list > .product > .thumb > img { width: 50px; height: 50px; }
#reviewWrite > .review > form .list > .product > .text { float: left; }
#reviewWrite > .review > form .list > .product > .text p { margin: 0 5px 0 0; padding: 3px 10px; border-radius: 20px; border: 1px solid #ccc; font-size: 11px; color: #111; float: left; }
#reviewWrite > .review > form .list > .product > .text > h1 { width: 100%; padding: 5px 0 0 0; font-weight: bold; display: inline-block; }
#reviewWrite > .review > form .list > .score { padding: 5px 20px; }
#reviewWrite > .review > form .list > .textarea { padding: 0 20px 20px 20px; overflow: hidden; }
#reviewWrite > .review > form .list > .textarea > textarea { height: 150px; padding: 10px 20px; line-height: 30px; }
#reviewWrite > .review > form .list > .textarea > button { margin: 10px 0 0 0; float: right; }
/* 취소신청 */
#refund > .cancel_inner { width: 1450px; min-width: 1200px; margin: 0 auto; }
#refund > .cancel_inner > h1 { padding: 40px 0 20px 0; font-weight: 800; font-size: 24px; color: #111; }
#refund > .cancel_inner > .cancel_box { width: 60%; float: left; }
#refund > .cancel_inner > .cancel_box > .cancel_product { padding: 0 0 30px 0; }
#refund > .cancel_inner > .cancel_box > .cancel_product > h2 { position: relative; padding: 10px 0 10px 15px; font-size: 18px; color: #111; font-weight: bold; }
#refund > .cancel_inner > .cancel_box > .cancel_product > h2:before { position: absolute; top: 12px; left: 0; width: 6px; height: 18px; border-radius: 10px; background: #f8428c; content: ''; }
#refund > .cancel_inner > .cancel_box > .cancel_product > h2 > span { padding: 0 0 0 5px; }
#refund > .cancel_inner > .cancel_box > .cancel_product > table { width: 100%; border-top: 2px solid #ff8f51; border-bottom: 1px solid #ccc; }
#refund > .cancel_inner > .cancel_box > .cancel_product > table tr th { height: 50px; line-height: 50px; padding: 0; border-bottom: 1px solid #ff8f51; background: #f9f9f9; font-weight: bold; font-size: 16px; color: #111; }
#refund > .cancel_inner > .cancel_box > .cancel_product > table tr td { width: 10%; padding: 20px 5px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center; font-size: 16px; vertical-align: middle; }
#refund > .cancel_inner > .cancel_box > .cancel_product > table tr td:first-child { width: 22%; }
#refund > .cancel_inner > .cancel_box > .cancel_product > table tr td:nth-child(3) { width: 13%; }
#refund > .cancel_inner > .cancel_box > .cancel_product > table tr td:last-child { width: 45%; padding: 20px; border-right: 0; text-align: left; }
#refund > .cancel_inner > .cancel_box > .cancel_product > table tr td p.number span { font-size: 14px; display: block; }
#refund > .cancel_inner > .cancel_box > .cancel_product > table tr td p.number span + span { font-size: 14px; }
#refund > .cancel_inner > .cancel_box > .cancel_product > table tr td p.check span { display: block; }
#refund > .cancel_inner > .cancel_box > .cancel_product > table tr td p.check span + span { font-size: 14px; }
#refund > .cancel_inner > .cancel_box > .cancel_product > table tr td.order_product > .thumb { width: 80px; height: 80px; margin: 0 10px 0 0; border-radius: 10px; background: #f2f2f2; overflow: hidden; float: left; }
#refund > .cancel_inner > .cancel_box > .cancel_product > table tr td.order_product > .thumb > img { width: 80px; height: 80px; }
#refund > .cancel_inner > .cancel_box > .cancel_product > table tr td.order_product > .text { width: 72%; float: left; }
#refund > .cancel_inner > .cancel_box > .cancel_product > table tr td.order_product > .text p { padding: 3px 10px; margin: 0 5px 0 0; border: 1px solid #999; border-radius: 15px; color: #111; font-size: 12px; float: left; }
#refund > .cancel_inner > .cancel_box > .cancel_product > table tr td.order_product > .text p:last-child { margin: 0; }
#refund > .cancel_inner > .cancel_box > .cancel_product > table tr td.order_product > .text h1 { width: 100%; padding: 5px 0 0 0; font-size: 16px; color: #111; font-weight: bold; overflow: hidden; }
#refund > .cancel_inner > .cancel_box > .cancel_product > table tr td.order_product > .price { float: right; }
#refund > .cancel_inner > .cancel_box > .cancel_product > table tr td.order_product > .price p { padding: 20px 0 0 0; float: left; }
#refund > .cancel_inner > .cancel_box > .cancel_product > table tr td.order_product > .price p + p { padding: 20px 0 0 30px; font-weight: 800; }
#refund > .cancel_inner > .cancel_box > .cancel_reason { padding: 0 0 30px 0; }
#refund > .cancel_inner > .cancel_box > .cancel_reason > h2 { position: relative; padding: 10px 0 10px 15px; font-size: 18px; color: #111; font-weight: bold; }
#refund > .cancel_inner > .cancel_box > .cancel_reason > h2:before { position: absolute; top: 12px; left: 0; width: 6px; height: 18px; border-radius: 10px; background: #f8428c; content: ''; }
#refund > .cancel_inner > .cancel_box > .cancel_reason > textarea { height: 100px; margin: 10px 0 0 0; }
#refund > .cancel_inner > .cancel_box > .cancel_account { padding: 0 0 30px 0; overflow: hidden; }
#refund > .cancel_inner > .cancel_box > .cancel_account > h2 { position: relative; padding: 10px 0 10px 15px; font-size: 18px; color: #111; font-weight: bold; }
#refund > .cancel_inner > .cancel_box > .cancel_account > h2:before { position: absolute; top: 12px; left: 0; width: 6px; height: 18px; border-radius: 10px; background: #f8428c; content: ''; }
#refund > .cancel_inner > .cancel_box > .cancel_account > select { width: 15%; margin: 0 5px 0 0; float: left; }
#refund > .cancel_inner > .cancel_box > .cancel_account > .account_box { width: 84%; float: left; }
#refund > .cancel_inner > .cancel_box > .cancel_account > .account_box input[type=text]:nth-child(2) { width: 20%; }
#refund > .cancel_inner > .cancel_box > .cancel_account > .account_box input[type=text]:last-child { margin: 0 0 0 5px; }
#refund > .cancel_inner > .cancel_box > .cancel_account > .account_box input[type=text] { width: 38%; margin: 0 5px; float: left; }
#refund > .cancel_inner > .cancel_box > .cancel_terms { padding: 0 0 30px 0; }
#refund > .cancel_inner > .cancel_box > .cancel_terms > h2 { position: relative; padding: 10px 0 10px 15px; font-size: 18px; color: #111; font-weight: bold; }
#refund > .cancel_inner > .cancel_box > .cancel_terms > h2:before { position: absolute; top: 12px; left: 0; width: 6px; height: 18px; border-radius: 10px; background: #f8428c; content: ''; }
#refund > .cancel_inner > .cancel_box > .cancel_terms > .text { line-height: 24px; padding: 20px; border: 1px solid #ccc; font-size: 16px; color: #111; }
#refund > .cancel_inner > .cancel_request { width: 40%; float: right; }
#refund > .cancel_inner > .cancel_request > .request_box { margin: 0 0 0 50px; padding: 20px 30px; border: 1px solid #ccc; border-radius: 20px; }
#refund > .cancel_inner > .cancel_request > .request_box > h3 { font-size: 20px; font-weight: 800; }
#refund > .cancel_inner > .cancel_request > .request_box > ul { padding: 20px 0 0 0; overflow: hidden; }
#refund > .cancel_inner > .cancel_request > .request_box > ul li { overflow: hidden; }
#refund > .cancel_inner > .cancel_request > .request_box > ul li p { padding: 10px 0; font-size: 20px; color: #111; font-weight: 700; float: left; }
#refund > .cancel_inner > .cancel_request > .request_box > ul li p + p { font-size: 24px; float: right; }
#refund > .cancel_inner > .cancel_request > .request_box > ul li p + p > span.won { font-size: 16px; }
#refund > .cancel_inner > .cancel_request > .request_box > ul li > dl { width: 100%; padding: 5px 0; overflow: hidden; }
#refund > .cancel_inner > .cancel_request > .request_box > ul li > dl dt { font-size: 16px; color: #111; float: left; }
#refund > .cancel_inner > .cancel_request > .request_box > ul li > dl dd { font-size: 16px; color: #111; float: right; }
#refund > .cancel_inner > .cancel_request > .request_box > ul li > dl:last-child { padding: 5px 0 20px 0; border-bottom: 1px dashed #ccc; }
#refund > .cancel_inner > .cancel_request > .request_box > ul li.total { border-bottom: 1px solid #ccc; }
#refund > .cancel_inner > .cancel_request > .request_box > ul li.total p { padding: 20px 0; }
#refund > .cancel_inner > .cancel_request > .request_box > ul li.refund {}
#refund > .cancel_inner > .cancel_request > .request_box > ul li.refund p { line-height: 36px; padding: 20px 0; color: #f8428c; }
#refund > .cancel_inner > .cancel_request > .request_box > ul li.refund p + p span { color: #f8428c; font-size: 33px; font-weight: 800; }
#refund > .cancel_inner > .cancel_request > .request_box > ul li.refund p span.won { font-size: 24px; font-weight: bold; }
#refund > .cancel_inner > .cancel_request > .request_box button { width: 100%; margin: 0; }
#refund > .cancel_inner > .cancel_request > .request_box button + button { margin: 10px 0 0 0; }

/* 검사관리 */
#management .manage_inner { width: 1450px; margin: 0 auto; }
#management > .manage_inner > h1 { padding: 40px 0 20px 0; font-weight: 800; font-size: 24px; color: #111; }
#management > .manage_inner > .manage_tab { padding: 40px 0; }
#management > .manage_inner > .manage_tab > .tab_box { position: relative; border-bottom: 1px solid #f8428c; }
#management > .manage_inner > .manage_tab > .content_box .tab_content > .no_possession { padding: 60px 0; text-align: center; }
#management > .manage_inner > .manage_tab > .content_box .tab_content > .no_possession > p { padding: 10px 0; font-size: 20px; font-weight: bold; }
#management > .manage_inner > .manage_tab > .content_box .tab_content > .select_box { overflow: hidden; margin: 20px 6px 0 6px; }
#management > .manage_inner > .manage_tab > .content_box .tab_content > .select_box select { width: 300px; margin: 0 10px 0 0; float: left; }
#management > .manage_inner > .manage_tab > .content_box .tab_content > ul.exam { padding: 20px 0; overflow: hidden; }
#management > .manage_inner > .manage_tab > .content_box .tab_content > ul.exam li { width: 24%; margin: 5px; float: left; }
#management > .manage_inner > .manage_tab > .content_box .tab_content > ul.exam li > .list_box { border: 1px solid #ccc; border-radius: 20px; padding: 20px; }
#management > .manage_inner > .manage_tab > .content_box .tab_content > ul.exam li > .list_box > dl > dt { padding: 0 0 10px 0; }
#management > .manage_inner > .manage_tab > .content_box .tab_content > ul.exam li > .list_box > dl > dt > p { height: 35px; font-size: 17.5px; color: #111; font-weight: bold; letter-spacing: -1px; }
#management > .manage_inner > .manage_tab > .content_box .tab_content > ul.exam li > .list_box > dl > dt > p > span { padding: 3px 10px; border: 1px solid #ccc; border-radius: 20px; font-size: 14px; color: #111; }
#management > .manage_inner > .manage_tab > .content_box .tab_content > ul.exam li > .list_box > dl > dt > p > span.wcdp { border: 1px solid #4cceab; background: #4cceab; color: #fff; }
#management > .manage_inner > .manage_tab > .content_box .tab_content > ul.exam li > .list_box > dl > dt > p > span.wmas { border: 1px solid #4899ea; background: #4899ea; color: #fff; }
#management > .manage_inner > .manage_tab > .content_box .tab_content > ul.exam li > .list_box > dl > dt > p > span.wpas { border: 1px solid #ff8f51; background: #ff8f51; color: #fff; }
#management > .manage_inner > .manage_tab > .content_box .tab_content > ul.exam li > .list_box > dl > dt > p > span.wctt { border: 1px solid #fdbe3a; background: #fdbe3a; color: #fff; }
#management > .manage_inner > .manage_tab > .content_box .tab_content > ul.exam li > .list_box > dl > dt > p > span.wsrs { border: 1px solid #9370db; background: #9370db; color: #fff; }
#management > .manage_inner > .manage_tab > .content_box .tab_content > ul.exam li > .list_box > dl > dt > p > span.wfcm { border: 1px solid #59bf73; background: #59bf73; color: #fff; }
#management > .manage_inner > .manage_tab > .content_box .tab_content > ul.exam li > .list_box > dl > dd { padding: 5px 0; }
#management > .manage_inner > .manage_tab > .content_box .tab_content > ul.exam li > .list_box > dl > dd > img { padding: 0 10px 0 0; }
#management > .manage_inner > .manage_tab > .content_box .tab_content > ul.exam li > .list_box > button { width: 100%; margin: 15px 0 0 0; border: 1px solid #404040; border-radius: 5px; background: #404040; color: #fff; }
#management > .manage_inner > .manage_tab > .content_box .tab_content > ul.exam li > .list_box > button:hover { border: 1px solid #f8428c; background-color: #fff; color: #f8428c; }
/* 나의 쿠폰 */
#myCoupon .coupon_inner { width: 1450px; margin: 0 auto; }
#myCoupon .coupon_inner > h1 { padding: 40px 0 20px 0; font-weight: 800; font-size: 24px; color: #111; }
#myCoupon .coupon_inner > .coupon_tab > .content_box { padding: 20px 0; }
#myCoupon .coupon_inner > .coupon_tab > .content_box > .tab_content > .top { width: 35%; float: right; }
#myCoupon .coupon_inner > .coupon_tab > .content_box > .tab_content > .top > input[type=text] { width: 380px; float: left; }
#myCoupon .coupon_inner > .coupon_tab > .content_box > .tab_content > .top > button { margin: 0; float: right; }
#myCoupon .coupon_inner > .coupon_tab > .content_box > .tab_content > ul.coupon { width: 100%; padding: 20px 0; overflow: hidden; }
#myCoupon .coupon_inner > .coupon_tab > .content_box > .tab_content > ul.coupon li { width: 24%; margin: 5px; float: left; }
#myCoupon .coupon_inner > .coupon_tab > .content_box > .tab_content > ul.coupon li > .coupon_box { height: 180px; border: 1px solid #ccc; border-radius: 20px; padding: 20px; }
#myCoupon .coupon_inner > .coupon_tab > .content_box > .tab_content > ul.coupon li > .coupon_box h1 { padding: 10px 0 0 0; font-size: 26px; font-weight: 800; color: #111; }
#myCoupon .coupon_inner > .coupon_tab > .content_box > .tab_content > ul.coupon li > .coupon_box p.dday { padding: 3px 10px; border-radius: 20px; background: #ff8f51; color: #fff; font-weight: bold; font-size: 14px; display: inline-block; }
#myCoupon .coupon_inner > .coupon_tab > .content_box > .tab_content > ul.coupon li > .coupon_box p.limit { padding: 2px 0 0 0; font-size: 16px; color: #666; }
#myCoupon .coupon_inner > .coupon_tab > .content_box > .tab_content > ul.coupon li > .coupon_box p.price { padding: 30px 0 0 0; text-align: right; font-size: 40px; color: #f8428c; font-weight: 900; }
#myCoupon .coupon_inner > .coupon_tab > .content_box > .tab_content > ul.coupon li > .coupon_box p.price > span { color: #f8428c; }
#myCoupon .coupon_inner > .coupon_tab > .content_box > .tab_content > ul.coupon li > .coupon_box p.price > span + span { font-weight: bold; font-size: 24px; }
#myCoupon .coupon_inner > .coupon_tab > .content_box > .tab_content > .no_coupon { clear: both; padding: 30px 0 60px 0; border-bottom: 1px solid #ccc; text-align: center;}
#myCoupon .coupon_inner > .coupon_tab > .content_box > .tab_content > .no_coupon > p { padding: 10px 0; font-size: 20px; font-weight: bold; }
#myCoupon .coupon_inner > .coupon_tab > .content_box > .tab_content > ul.use_coupon { width: 100%; overflow: hidden; }
#myCoupon .coupon_inner > .coupon_tab > .content_box > .tab_content > ul.use_coupon li { width: 49.3%; margin: 5px; float: left; }
#myCoupon .coupon_inner > .coupon_tab > .content_box > .tab_content > ul.use_coupon li > .coupon_box { height: 100px; border: 1px solid #ccc; border-radius: 20px; padding: 20px; overflow: hidden; }
#myCoupon .coupon_inner > .coupon_tab > .content_box > .tab_content > ul.use_coupon li > .coupon_box > p > span { font-size: 14px; color: #111; }
#myCoupon .coupon_inner > .coupon_tab > .content_box > .tab_content > ul.use_coupon li > .coupon_box > p > span.used { padding: 5px 10px; border-radius: 20px; background: #999; font-size: 12px; color: #fff; }
#myCoupon .coupon_inner > .coupon_tab > .content_box > .tab_content > ul.use_coupon li > .coupon_box > p > span + span { padding: 0 0 0 10px; }
#myCoupon .coupon_inner > .coupon_tab > .content_box > .tab_content > ul.use_coupon li > .coupon_box > .title { height: 60px; padding: 20px 0 0 0; float: left; }
#myCoupon .coupon_inner > .coupon_tab > .content_box > .tab_content > ul.use_coupon li > .coupon_box > .title > h1 { font-size: 24px; font-weight: 800; color: #111; }
#myCoupon .coupon_inner > .coupon_tab > .content_box > .tab_content > ul.use_coupon li > .coupon_box > .title > p.limit { padding: 5px 0 0 0; font-size: 14px; color: #111; }
#myCoupon .coupon_inner > .coupon_tab > .content_box > .tab_content > ul.use_coupon li > .coupon_box > .price { height: 80px; line-height: 80px; float: right; }
#myCoupon .coupon_inner > .coupon_tab > .content_box > .tab_content > ul.use_coupon li > .coupon_box > .price > p { font-size: 40px; color: #111; }
#myCoupon .coupon_inner > .coupon_tab > .content_box > .tab_content > ul.use_coupon li > .coupon_box > .price > p > span { font-weight: 900; }
#myCoupon .coupon_inner > .coupon_tab > .content_box > .tab_content > ul.use_coupon li > .coupon_box > .price > p > span + span { font-weight: bold; font-size: 24px; }

/* 아이 정보 등록 수정 */
#myInfoChange .info_inner { width: 1450px; margin: 0 auto; }
#myInfoChange .info_inner > .title { padding: 40px 0 20px 0;  overflow: hidden; }
#myInfoChange .info_inner > .title > h1 { font-weight: 800; font-size: 24px; color: #111; float: left; }
#myInfoChange .info_inner > .title > button { float: right; margin: 0; }
#myInfoChange .info_inner > .child_info { position: relative; overflow: hidden; }
#myInfoChange .info_inner > .child_info > ul li { width: 24.3%; margin: 5px; float: left; }
#myInfoChange .info_inner > .child_info > ul li .child { position: relative; height: 150px; padding: 20px; border: 1px solid #ccc; border-radius: 20px; overflow: hidden; }
#myInfoChange .info_inner > .child_info > ul li .child > .thumb { width: 100px; height: 100px; border-radius: 50%; background: #f2f2f2; float: left; }
#myInfoChange .info_inner > .child_info > ul li .child > .thumb > img { width: 100px; height: 100px; }
#myInfoChange .info_inner > .child_info > ul li .child > .text { width: 64%; margin: 0 0 0 10px; float: left; }
#myInfoChange .info_inner > .child_info > ul li .child > .text p { padding: 0 0 5px 0; font-size: 16px; color: #111; }
#myInfoChange .info_inner > .child_info > ul li .child > .btn_box { position: absolute; right: 20px; bottom: 20px; }
#myInfoChange .info_inner > .child_info > ul li .child > .btn_box button { margin: 0 0 0 10px; }
#myInfoChange .info_inner > .child_info > ul li.no_child { width: 100%; padding: 30px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center; }
#myInfoChange .info_inner > .child_info > ul li.no_child > .thumb { width: 100px; height: 100px; margin: 0 0 0 50%; border-radius: 50%; background: #f2f2f2; transform: translateX(-50%); }
#myInfoChange .info_inner > .child_info > ul li.no_child > .thumb > img { width: 100px; height: 100px; }
#myInfoChange .info_inner > .child_info > ul li.no_child > p { margin: 10px 0 0 0; }
#myInfoChange .info_inner > .child_add { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); z-index: 10; }
#myInfoChange .info_inner > .child_add > .add { max-width: 500px; margin: 120px auto; background: #fff; overflow: hidden; }
#myInfoChange .info_inner > .child_add > .add > .title { padding: 20px; overflow: hidden; }
#myInfoChange .info_inner > .child_add > .add > .title > h2 { font-size: 20px; color: #111; font-weight: 800; float: left; }
#myInfoChange .info_inner > .child_add > .add > .title > img { float: right; cursor: pointer; }
#myInfoChange .info_inner > .child_add > .add > ul li { padding: 5px 20px; overflow: hidden; }
#myInfoChange .info_inner > .child_add > .add > ul li.child input[type=text] { width: 300px; float: left; }
#myInfoChange .info_inner > .child_add > .add > ul li.child select { float: right; }
#myInfoChange .info_inner > .child_add > .add > ul li select { width: 31.8%; margin: 0 5px; }
#myInfoChange .info_inner > .child_add > .add > ul li select:first-child { margin: 0 5px 0 0; float: left; }
#myInfoChange .info_inner > .child_add > .add > ul li select:last-child { margin: 0 0 0 5px; float: right; }
#myInfoChange .info_inner > .child_add > .add > ul li.birthday input[type=text]:disabled { width: 150.5px; margin: 0; }
#myInfoChange .info_inner > .child_add > .add > .btn_box { padding: 20px; overflow: hidden; }
#myInfoChange .info_inner > .child_add > .add > .btn_box > button { width: 48%; margin: 0; float: left; }
#myInfoChange .info_inner > .child_add > .add > .btn_box > button + button { float: right; }
#myInfoChange .info_inner > .child_add > .add > .btn_box_delete { padding: 20px; overflow: hidden; }
#myInfoChange .info_inner > .child_add > .add > .btn_box_delete > button { width: 32%; margin: 0 6px 0 0; float: left; }
#myInfoChange .info_inner > .child_recently { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); z-index: 10; }
#myInfoChange .info_inner > .child_recently > .recently { max-width: 500px; margin: 120px auto; padding: 0 0 20px 0; background: #fff; overflow: hidden; }
#myInfoChange .info_inner > .child_recently > .recently > .title { padding: 20px; overflow: hidden; }
#myInfoChange .info_inner > .child_recently > .recently > .title > h2 { font-size: 20px; color: #111; font-weight: 800; float: left; }
#myInfoChange .info_inner > .child_recently > .recently > .title > img { float: right; cursor: pointer; }
#myInfoChange .info_inner > .child_recently > .recently > ul { height: 300px; padding: 0 20px; border-top: 1px solid #ccc; overflow-y: scroll; }
#myInfoChange .info_inner > .child_recently > .recently > ul li { position: relative; padding: 10px 0; border-bottom: 1px solid #ccc; overflow: hidden; }
#myInfoChange .info_inner > .child_recently > .recently > ul li > h1 { font-size: 16px; color: #111; }
#myInfoChange .info_inner > .child_recently > .recently > ul li > h1 > span.wcdp { margin: 0 10px 0 0; padding: 5px 10px; border-radius: 5px; background: #30b9a4; font-size: 14px; font-weight: bold; color: #fff; }
#myInfoChange .info_inner > .child_recently > .recently > ul li > h1 > span.wctt { margin: 0 10px 0 0; padding: 5px 10px; border-radius: 5px; background: #e4c652; font-size: 14px; font-weight: bold; color: #fff; }
#myInfoChange .info_inner > .child_recently > .recently > ul li > p { padding: 4px 0 0 77px; font-size: 14px; color: #666; }
#myInfoChange .info_inner > .child_recently > .recently > ul li > button { position: absolute; top: 15px; right: 0; }
#myInfoChange .info_inner > .child_recently > .recently > ul li.no_list { height: 100%; padding: 0; border: 0; }
#myInfoChange .info_inner > .child_recently > .recently > ul li.no_list > p { line-height: 300px; padding: 0; font-size: 16px; color: #111; text-align: center; }

/* 개인정보 등록/수정 */
#personalInfo > .personal_inner { width: 1450px; margin: 0 auto; }
#personalInfo > .personal_inner > h1 { padding: 40px 0 20px 0; font-weight: 800; font-size: 24px; color: #111; }
#personalInfo > .personal_inner > .personal_box { width: 560px; margin: 0 auto; border: 1px solid #ccc; border-radius: 20px; text-align: center; }
#personalInfo > .personal_inner > .personal_box > .thumb_nail { position: relative; padding: 20px 30px; border-bottom: 1px solid #ccc; overflow: hidden; }
#personalInfo > .personal_inner > .personal_box > .thumb_nail > .thumb { position: relative; width: 120px; height: 120px; border-radius: 50%; background: #f2f2f2; float: left; }
#personalInfo > .personal_inner > .personal_box > .thumb_nail > .thumb > img { width: 120px; height: 120px; }
#personalInfo > .personal_inner > .personal_box > .thumb_nail > .thumb > a { position: absolute; right: 0; bottom: 0; width: 30px; height: 30px; line-height: 27px; border: 1px dashed #f8428c; border-radius: 50%; background: #fff; }
#personalInfo > .personal_inner > .personal_box > .thumb_nail > .thumb > a > img { width: 25px; height: 25px; }
#personalInfo > .personal_inner > .personal_box > .thumb_nail > .text { width: 70%; padding: 0 0 0 30px; text-align: left; float: left; }
#personalInfo > .personal_inner > .personal_box > .thumb_nail > .text > p { font-size: 20px; font-weight: bold; word-break: break-all; }
#personalInfo > .personal_inner > .personal_box > .thumb_nail > .text > p + p { font-size: 16px; font-weight: normal; }
#personalInfo > .personal_inner > .personal_box > .thumb_nail > .text > button { margin: 10px 0 0 0; }
#personalInfo > .personal_inner > .personal_box > .thumb_nail > .text > a.withdrawal { position: absolute; bottom: 10px; right: 20px; font-size: 12px; color: #999; text-decoration: underline; }
#personalInfo > .personal_inner > .personal_box > .modify > h2 { position: relative; padding: 0 0 10px 15px; font-size: 18px; color: #111; font-weight: 800; text-align: left; }
#personalInfo > .personal_inner > .personal_box > .modify > h2:before { position: absolute; top: 2px; left: 0; width: 6px; height: 20px; background: #f8428c; border-radius: 5px; content: ''; }
#personalInfo > .personal_inner > .personal_box > .modify { padding: 20px; }
#personalInfo > .personal_inner > .personal_box > .modify > ul { overflow: hidden; }
#personalInfo > .personal_inner > .personal_box > .modify > ul li { padding: 0 0 10px 0; overflow: hidden; }
#personalInfo > .personal_inner > .personal_box > .modify > ul li input[type=password] { margin: 0 0 10px 0; }
#personalInfo > .personal_inner > .personal_box > .modify > ul li button { width: 130px; padding: 0; }
#personalInfo > .personal_inner > .personal_box > .modify > ul li:last-child { padding: 0; }
#personalInfo > .personal_inner > .personal_box > .modify > ul li:nth-child(6) { padding: 10px 0 20px 0; text-align: left; }
#personalInfo > .personal_inner > .personal_box > .modify > ul li:nth-child(6) p { padding: 0 0 0 30px; }
#personalInfo > .personal_inner > .personal_box > .modify > ul li:first-child input[type=text] { margin: 0 0 10px 0; }
#personalInfo > .personal_inner > .personal_box > .modify > ul li:first-child button { margin: 0; float: right; }
#personalInfo > .personal_inner > .personal_box > .modify > ul li:nth-child(2) input[type=text] { margin: 0 0 10px 0; }
#personalInfo > .personal_inner > .personal_box > .modify > ul li p.warning { color: #f8428c; font-size: 14px; text-align: left; font-weight: bold; }
#personalInfo > .personal_inner > .personal_box > .modify > ul li:nth-child(2) > .email { width: 380px; float: left; }
#personalInfo > .personal_inner > .personal_box > .modify > ul li:nth-child(2) > .email input[type=text] { width: 37%; margin: 0; float: left; }
#personalInfo > .personal_inner > .personal_box > .modify > ul li:nth-child(2) > .email select { width: 56%; float: left; }
#personalInfo > .personal_inner > .personal_box > .modify > ul li:nth-child(2) > .email span { line-height: 50px; padding: 0 5px; font-size: 16px; color: #111; float: left; }
#personalInfo > .personal_inner > .personal_box > .modify > ul li:nth-child(2) > button { margin: 0; float: right; }
#personalInfo > .personal_inner > .personal_box > .modify > ul li:nth-child(3) > .phone { width: 380px; float: left; }
#personalInfo > .personal_inner > .personal_box > .modify > ul li:nth-child(3) input[type=text] { width: 30%; text-align: center; float: left; }
#personalInfo > .personal_inner > .personal_box > .modify > ul li:nth-child(3) input[type=text]::placeholder { text-align: center; }
#personalInfo > .personal_inner > .personal_box > .modify > ul li:nth-child(3) p { line-height: 50px; padding: 0 5px; font-size: 16px; color: #111; float: left; }
#personalInfo > .personal_inner > .personal_box > .modify > ul li:nth-child(3) > button { margin: 0; float: right; }
#personalInfo > .personal_inner > .personal_box > .modify > ul li:nth-child(4) > .certify_text { width: 375px; line-height: 50px; border: 1px solid #ccc; float: left; }
#personalInfo > .personal_inner > .personal_box > .modify > ul li:nth-child(4) > .certify_text input[type=text] { width: 85%; border: 0; float: left; }
#personalInfo > .personal_inner > .personal_box > .modify > ul li:nth-child(4) > .certify_text > p { color: #f8428c; font-size: 14px; font-weight: bold; }
#personalInfo > .personal_inner > .personal_box > .modify > ul li:nth-child(4) > button { margin: 0; float: right; }
#personalInfo > .personal_inner > .personal_box > .marketing { padding: 20px; }
#personalInfo > .personal_inner > .personal_box > .marketing > h2 {position: relative; padding: 0 0 10px 15px; font-size: 18px; color: #111; font-weight: 800; float: left; }
#personalInfo > .personal_inner > .personal_box > .marketing > h2:before { position: absolute; top: 2px; left: 0; width: 6px; height: 20px; background: #f8428c; border-radius: 5px; content: ''; }
#personalInfo > .personal_inner > .personal_box > .marketing > ul { width: 100%; overflow: hidden; }
#personalInfo > .personal_inner > .personal_box > .marketing > ul li { font-size: 14px; color: #111; }
#personalInfo > .personal_inner > .personal_box > .marketing > ul li > a { font-size: 13px; color: #666;}
#personalInfo > .personal_inner > .personal_box > .marketing > .btn_toggle { float: right; }
#personalInfo > .personal_inner > .personal_box > .btn_box { padding: 0 20px 20px; overflow: hidden; }
#personalInfo > .personal_inner > .personal_box > .btn_box button { width: 20%; margin: 0; float: left; }
#personalInfo > .personal_inner > .personal_box > .btn_box button + button { width: 78%; float: right; }

/* 기관관리자 정보 확인하기 */
#adminInfo > .admin_inner { position: relative; width: 1450px; margin: 0 auto; }
#adminInfo > .admin_inner > h1 { padding: 40px 0 20px 0; font-weight: 800; font-size: 24px; color: #111; }
#adminInfo > .admin_inner > h1+.btn { position: absolute; top: 40px; right: 0; }
#adminInfo > .admin_inner > .no_admin { padding: 30px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center; }
#adminInfo > .admin_inner > .no_admin > .thumb { width: 120px; height: 120px; margin: 0 0 0 50%; border-radius: 50%; background: #f2f2f2; transform: translateX(-50%); }
#adminInfo > .admin_inner > .no_admin > .thumb > img { width: 120px; height: 120px; }
#adminInfo > .admin_inner > .no_admin > p { padding: 20px 0 0 0; font-size: 18px; color: #111; font-weight: bold; }
#adminInfo > .admin_inner > .admin_box > select { width: 30%; }
#adminInfo > .admin_inner > .admin_box > table.whole_admin { width: 100%; margin: 30px 0 0 0; border-top: 2px solid #ff8f51; border-bottom: 1px solid #ccc; text-align: center; vertical-align: middle; }
#adminInfo > .admin_inner > .admin_box > table.whole_admin > thead tr th { height: 70px; border-bottom: 1px solid #ccc; background: #f9f9f9; font-size: 16px; font-weight: bold; color: #111; vertical-align: middle; }
#adminInfo > .admin_inner > .admin_box > table.whole_admin > tbody tr td { height: 70px; border-bottom: 1px solid #ccc; font-size: 16px; color: #111; vertical-align: middle; }
#adminInfo > .admin_inner > .admin_box > .search_box { width: 100%; border-top: 2px solid #404040; border-bottom: 1px solid #ccc; display: table; }
#adminInfo > .admin_inner > .admin_box > .search_box > .table_row { display: table-row; }
#adminInfo > .admin_inner > .admin_box > .search_box > .table_row > .table_cell { width: 40%; height: 50px; line-height: 50px; padding: 10px 0; vertical-align: middle; float: left; }
#adminInfo > .admin_inner > .admin_box > .search_box > .table_row > .table_cell:last-child { width: 20%; }
#adminInfo > .admin_inner > .admin_box > .search_box > .table_row > .table_cell > p { padding: 0 40px 0 20px; font-size: 16px; color: #111; font-weight: bold; float: left; }
#adminInfo > .admin_inner > .admin_box > .search_box > .table_row > .table_cell .checkbox { padding: 0 30px 0 0; }
#adminInfo > .admin_inner > .admin_box > .search_box > .table_row > .table_cell > input[type=text] { width: 480px; float: left; }
#adminInfo > .admin_inner > .admin_box > .search_box > .table_row > .table_cell > .btn_box { overflow: hidden; float: right; }
#adminInfo > .admin_inner > .admin_box > .search_box > .table_row > .table_cell > .btn_box button { margin: 0; }
#adminInfo > .admin_inner > .admin_box > .search_box > .table_row > .table_cell > .btn_box button + button { margin: 0 10px 0 10px; }

/* 약관 및 방침 */
#agreement > .agreement_inner { width: 1450px; margin: 0 auto; }
#agreement > .agreement_inner > h1 { padding: 40px 0 20px 0; font-weight: 800; font-size: 24px; color: #111; }
#agreement > .agreement_inner > .agreement_tab > .content_box > .tab_content > .terms > h2 { padding: 0 0 10px 0; font-size: 20px; color: #111; font-weight: bold; }
#agreement > .agreement_inner > .agreement_tab > .content_box > .tab_content > .terms > p { padding: 20px 0 0 0;line-height: 30px; }
#agreement > .agreement_inner > .agreement_tab > .content_box > .tab_content > .terms > p strong { font-size: 18px; font-weight: bold; }
#agreement > .agreement_inner > .agreement_tab > .content_box > .tab_content > .terms > p span { font-weight: bold; }

/* 제휴/광고 문의 */
#partnership > .partnership_inner { width: 1450px; margin: 0 auto; }
#partnership > .partnership_inner > h1 { padding: 40px 0 20px 0; font-weight: 800; font-size: 24px; color: #111; }
#partnership > .partnership_inner > table.partnership { width: 100%; border-top: 2px solid #404040; border-bottom: 1px solid #ccc; }
#partnership > .partnership_inner > table.partnership > tbody tr th { height: 70px; line-height: 70px; padding: 0 10px; border-bottom: 1px solid #ccc; text-align: left; vertical-align: middle; font-weight: bold; font-size: 16px; color: #111; }
#partnership > .partnership_inner > table.partnership > tbody tr th > span { padding: 0 5px 0 0; color: #f8428c; }
#partnership > .partnership_inner > table.partnership > tbody tr td { height: 70px; line-height: 70px; padding: 0 10px; border-bottom: 1px solid #ccc; vertical-align: middle; }
#partnership > .partnership_inner > table.partnership > tbody tr td .phone input[type=text] { width: 10%; float: left; }
#partnership > .partnership_inner > table.partnership > tbody tr td .phone input[type=text]::placeholder { text-align: center; }
#partnership > .partnership_inner > table.partnership > tbody tr td .phone span { line-height: 50px; padding: 0 5px; float: left; }
#partnership > .partnership_inner > table.partnership > tbody tr td > p { line-height: 50px; padding: 0 0 0 20px; font-size: 16px; color: #666; float: left; }
#partnership > .partnership_inner > table.partnership > tbody tr td textarea { height: 300px; }
#partnership > .partnership_inner > .btn_box { padding: 30px 0 0 0; float: right; }
#partnership > .partnership_inner > .btn_box button { margin: 0 0 0 10px; }
#partnership > .partnership_inner > table.partnership > tbody tr:last-child td { padding: 10px; }

/* 장바구니 */
#shoppingBasket > .basket_inner { width: 1450px; margin: 0 auto; }
#shoppingBasket > .basket_inner > h1 { padding: 40px 0 20px 0; font-weight: 800; font-size: 24px; color: #111; }
#shoppingBasket > .basket_inner > .basket_box { overflow: hidden; }
#shoppingBasket > .basket_inner > .basket_box > .top { height: 60px; line-height: 60px; overflow: hidden; }
#shoppingBasket > .basket_inner > .basket_box > .top > button { float: right; }
#shoppingBasket > .basket_inner > .basket_box > .basket_table { width: 60%; float: left; }
#shoppingBasket > .basket_inner > .basket_box > .basket_table > table { width: 100%; border-top: 2px solid #ff8f51; border-bottom: 1px solid #ccc; }
#shoppingBasket > .basket_inner > .basket_box > .basket_table > table > tbody tr th { height: 50px; line-height: 50px; padding: 0 20px; border-bottom: 1px solid #ccc; background: #f9f9f9; vertical-align: middle; }
#shoppingBasket > .basket_inner > .basket_box > .basket_table > table > tbody tr th .checkbox { line-height: 33px; font-weight: bold; }
#shoppingBasket > .basket_inner > .basket_box > .basket_table > table > tbody tr th > button { margin: 0; float: right; }
#shoppingBasket > .basket_inner > .basket_box > .basket_table > table > tbody tr td { padding: 20px; border-bottom: 1px solid #ccc; vertical-align: middle; }
#shoppingBasket > .basket_inner > .basket_box > .basket_table > table > tbody tr td .checkbox { padding: 0; }
#shoppingBasket > .basket_inner > .basket_box > .basket_table > table > tbody tr td > .thumb { width: 100px; height: 100px; border-radius: 20px; background: #f2f2f2; float: left; }
#shoppingBasket > .basket_inner > .basket_box > .basket_table > table > tbody tr td > .thumb > img { width: 100px; height: 100px; }
#shoppingBasket > .basket_inner > .basket_box > .basket_table > table > tbody tr td > .text { padding: 0 0 0 10px; float: left; }
#shoppingBasket > .basket_inner > .basket_box > .basket_table > table > tbody tr td > .text > .flag { overflow: hidden; }
#shoppingBasket > .basket_inner > .basket_box > .basket_table > table > tbody tr td > .text > .flag p { padding: 5px 10px 3px 10px; margin: 0 5px 0 0; border-radius: 20px; border: 1px solid #999; font-size: 12px; color: #111; display: block; float: left; }
#shoppingBasket > .basket_inner > .basket_box > .basket_table > table > tbody tr td > .text > h2 { width: 100%; padding: 5px 0 0 0; font-size: 16px; color: #111; font-weight: bold; }
#shoppingBasket > .basket_inner > .basket_box > .basket_table > table > tbody tr td > .amount_box button { width: 30px; min-width: auto; margin: 0; padding: 0; float: left; }
#shoppingBasket > .basket_inner > .basket_box > .basket_table > table > tbody tr td > .amount_box button.minus { background: url('/images/product/icon_view_minus.png') no-repeat center; }
#shoppingBasket > .basket_inner > .basket_box > .basket_table > table > tbody tr td > .amount_box button.plus { background: url('/images/product/icon_view_plus.png') no-repeat center; }
#shoppingBasket > .basket_inner > .basket_box > .basket_table > table > tbody tr td > .amount_box > input[type=text] { width: 68px; height: 32px; padding: 0; line-height: 32px; border: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 16px; color: #111; font-weight: 700; text-align: center; box-sizing: border-box; float: left; }
#shoppingBasket > .basket_inner > .basket_box > .basket_table > table > tbody tr td.price { text-align: right; }
#shoppingBasket > .basket_inner > .basket_box > .basket_table > table > tbody tr td.price > p { font-size: 14px; color: #999; text-decoration: line-through; }
#shoppingBasket > .basket_inner > .basket_box > .basket_table > table > tbody tr td.price > p + p { font-size: 18px; color: #111; text-decoration: auto; font-weight: bold; }
#shoppingBasket > .basket_inner > .basket_box > .basket_table > table > tbody tr td.price > p + p > span.won { font-size: 14px; }
#shoppingBasket > .basket_inner > .basket_box > .basket_table > table > tbody tr td.whole_price { height: 60px; background: #f9f9f9; }
#shoppingBasket > .basket_inner > .basket_box > .basket_table > table > tbody tr td.whole_price> .price_box { margin: 0 0 0 50%; transform: translateX(-50%); }
#shoppingBasket > .basket_inner > .basket_box > .basket_table > table > tbody tr td.whole_price> .price_box dl { padding: 0 10px; float: left; }
#shoppingBasket > .basket_inner > .basket_box > .basket_table > table > tbody tr td.whole_price > .price_box dl dt { text-align: center; font-size: 14px; color: #111; }
#shoppingBasket > .basket_inner > .basket_box > .basket_table > table > tbody tr td.whole_price > .price_box dl dd { text-align: center; font-size: 16px; color: #111; font-weight: bold; }
#shoppingBasket > .basket_inner > .basket_box > .basket_table > table > tbody tr td.whole_price > .price_box p { line-height: 42px; padding: 0 10px; font-size: 18px; color: #111; font-weight: bold; float: left; }
#shoppingBasket > .basket_inner > .basket_box > .basket_table > table > tbody tr td.whole_price > .price_box dl:last-child dt { line-height: 42px; font-size: 20px; color: #ff8f51; font-weight: 800; float: left; }
#shoppingBasket > .basket_inner > .basket_box > .basket_table > table > tbody tr td.whole_price > .price_box dl:last-child dd { line-height: 42px; font-size: 16px; color: #ff8f51; float: left; }
#shoppingBasket > .basket_inner > .basket_box > .basket_table > table > tbody tr td.no_cart { text-align: center; display: none; }
#shoppingBasket > .basket_inner > .basket_box > .basket_table > table > tbody tr td.no_cart > p { font-size: 16px; color: #111; font-weight: bold; line-height: 24px; }
#shoppingBasket > .basket_inner > .basket_box > .basket_table > table > tbody tr td.no_cart > button { margin: 10px 0 0 0; }
#shoppingBasket > .basket_inner > .basket_box > .purchase_info { width: 40%; float: right; }
#shoppingBasket > .basket_inner > .basket_box > .purchase_info > .purchase_box { margin: 0 0 0 50px; padding: 20px 30px; border: 1px solid #ccc; border-radius: 20px; }
#shoppingBasket > .basket_inner > .basket_box > .purchase_info > .purchase_box > h3 { font-size: 20px; font-weight: 800; }
#shoppingBasket > .basket_inner > .basket_box > .purchase_info > .purchase_box > ul { padding: 20px 0 0 0; overflow: hidden; }
#shoppingBasket > .basket_inner > .basket_box > .purchase_info > .purchase_box > ul li { overflow: hidden; }
#shoppingBasket > .basket_inner > .basket_box > .purchase_info > .purchase_box > ul li p { padding: 10px 0; font-size: 20px; color: #111; font-weight: 700; float: left; }
#shoppingBasket > .basket_inner > .basket_box > .purchase_info > .purchase_box > ul li p + p { font-size: 24px; float: right; }
#shoppingBasket > .basket_inner > .basket_box > .purchase_info > .purchase_box > ul li p + p > span.won { font-size: 16px; }
#shoppingBasket > .basket_inner > .basket_box > .purchase_info > .purchase_box > ul li:nth-child(2) { border-bottom: 1px dashed #ccc; }
#shoppingBasket > .basket_inner > .basket_box > .purchase_info > .purchase_box > ul li:nth-child(2) p { padding: 10px 0 20px 0; }
#shoppingBasket > .basket_inner > .basket_box > .purchase_info > .purchase_box > ul li.pay p { line-height: 36px; padding: 20px 0; color: #f8428c; }
#shoppingBasket > .basket_inner > .basket_box > .purchase_info > .purchase_box > ul li.pay p + p { font-size: 24px; color: #f8428c; float: right; }
#shoppingBasket > .basket_inner > .basket_box > .purchase_info > .purchase_box > ul li.pay p + p span { font-size: 33px; color: #f8428c; font-weight: 800; }
#shoppingBasket > .basket_inner > .basket_box > .purchase_info > .purchase_box > ul li.pay p + p span.won { font-size: 24px; font-weight: bold; }
#shoppingBasket > .basket_inner > .basket_box > .purchase_info > .purchase_box button { width: 100%; margin: 0 0 15px 0; }
#shoppingBasket > .basket_inner > .recommend { width: 100%; margin: 80px 0 0 0; overflow: hidden; }
#shoppingBasket > .basket_inner > .recommend > h2 { position: relative; padding: 0 0 10px 15px; font-size: 20px; color: #111; font-weight: 800; }
#shoppingBasket > .basket_inner > .recommend > h2:before { position: absolute; top: 5px; left: 0; width: 6px; height: 20px; background: #f8428c; border-radius: 5px; content: ''; }
#shoppingBasket > .basket_inner > .recommend > ul li { width: 24.3%; padding: 0 5px; overflow: hidden; float: left; }
#shoppingBasket > .basket_inner > .recommend > ul li .recommend_list { height: 100px; padding: 20px; border: 1px solid #ccc; border-radius: 20px; overflow: hidden; }
#shoppingBasket > .basket_inner > .recommend > ul li .recommend_list > .thumb { width: 80px; height: 80px; border-radius: 10px; background: #f2f2f2; float: left; }
#shoppingBasket > .basket_inner > .recommend > ul li .recommend_list > .text { padding: 0 0 0 10px; float: left; }
#shoppingBasket > .basket_inner > .recommend > ul li .recommend_list > .text > .flag p { padding: 3px 10px 1px 10px; border: 1px solid #999; border-radius: 20px; background: #fff; font-size: 12px; color: #111; display: inline-block;  }
#shoppingBasket > .basket_inner > .recommend > ul li .recommend_list > .text > h3 { padding: 5px 0 0 0; font-weight: bold; font-size: 16px; color: #111; }
#shoppingBasket > .basket_inner > .recommend > ul li .recommend_list > .text > p.price { padding: 30px 0 0 0; font-size: 14px; color: #111; float: right; }

/* 결제 실패 */
#paymentFail > .fail_inner { max-width: 600px; margin: 0 auto; }
#paymentFail > .fail_inner > .fail_box { padding: 20px; margin: 80px 0; border-radius: 20px; border: 1px solid #ccc; text-align: center; }
#paymentFail > .fail_inner > .fail_box > .title { padding: 30px 0 20px 0; }
#paymentFail > .fail_inner > .fail_box > .title > h1 { padding: 10px 0 0 0; font-size: 30px; color: #111; font-weight: 800; }
#paymentFail > .fail_inner > .fail_box > .title > p { padding: 5px 0 0 0; font-size: 22px; color: #111; font-weight: bold; }
#paymentFail > .fail_inner > .fail_box > p { padding: 20px 0 0 0; border-top: 1px dashed #ccc; font-size: 16px; color: #111; }
#paymentFail > .fail_inner > .fail_box > dl { width: 300px; padding: 20px; margin: 20px 0 10px 50%; border-radius: 10px; background: #f3f3f3; transform: translateX(-50%); overflow: hidden; }
#paymentFail > .fail_inner > .fail_box > dl dt { line-height: 30px; font-weight: bold; color: #111; font-size: 16px; float: left; }
#paymentFail > .fail_inner > .fail_box > dl dd { padding: 0 0 0 10px; text-align: left; float: left; }
#paymentFail > .fail_inner > .fail_box > dl dd p { line-height: 30px; font-size: 16px; color: #111; overflow: hidden; }
#paymentFail > .fail_inner > .fail_box > dl dd p > span { width: 30px; height: 30px; margin: 0 10px 0 0; border-radius: 50%; background: #f2f2f2; display: block; float: left; }

/* 메인 */
#main { min-width: 1500px; }
#main .main_inner { width: 100%; margin: 0 auto; }
#main > .visual { position: relative; }
#main > .visual > .banner { position: relative; width: 100%; height: 400px; box-sizing: border-box; }
#main > .visual > .banner > .slider { width: 3840px; height: 100%; display: flex; flex-wrap: nowrap; }
#main > .visual > .banner > .slider > div { margin: 0 -1px 0 0; }
@keyframes banner {
    0% { transform: translate(0, 0); }
    100% { transform: translate(-50%, 0); }
}
#mainVisual {width: 100%; position: relative; height: 400px;}
#mainVisual .visual_list { overflow:hidden; }
#mainVisual .visual_list .slide { width: 100%; display: flex; justify-content: center; }
#mainVisual .visual_list .slide > * { position: absolute;left:0;width:100%;height:100%;display:none; }
#mainVisual .visual_list .carousel {position: absolute; bottom: 30px; z-index: 5; left: 50%; transform: translateX(-50%); width: 192px;}
#mainVisual .visual_list .carousel button {float: left; border: 0; background-color: transparent; margin-top: 2px; cursor: pointer;}
#mainVisual .visual_list .carousel button.prev {padding-right: 10px;}
#mainVisual .visual_list .carousel button.next {padding-left: 10px;}
#mainVisual .visual_list .carousel .carousel_page ul li {background-color: rgba(0, 0, 0, .3); width: 6px; height: 6px; border-radius: 50%; float: left; margin: 10px; cursor: pointer;}
#mainVisual .visual_list .carousel .carousel_page ul li.on {background-color: #ef7f1b; position: relative;}
#mainVisual .visual_list .carousel .carousel_page ul li.on::after {position: absolute; content: ''; width: 14px; height: 14px; border: 1px solid #ef7f1b; border-radius: 50%; top: -5px; left: -5px;}

#main > .main_inner > .product_list { padding: 50px 0 0 0; }
#main > .main_inner > .product_list > .category { margin: 0 0 0 50%; text-align: center; transform: translateX(-50%); }
#main > .main_inner > .product_list > .category button { padding: 0 30px; border-radius: 25px; border: 1px solid #ccc; font-size: 22px; color: #999; text-align: center; }
#main > .main_inner > .product_list > .category button.on { border: 1px solid #fff; background: linear-gradient( to right, #ff8f51, #f8428c); color: #fff; }
#main > .main_inner > .product_list > .category button:hover { border: 1px solid #fff; background: linear-gradient( to right, #ff8f51, #f8428c); color: #fff; }
#main > .main_inner > .product_list > .category > .low_menu { padding: 20px 0 40px 0; }
#main > .main_inner > .product_list > .category > .low_menu span { padding: 0 10px; font-size: 18px; color: #999; cursor:pointer; }
#main > .main_inner > .product_list > .category > .low_menu span.on { color: #ff8f51; }
#main > .main_inner > .product_list > .category > .low_menu span:hover { color: #ff8f51; transition: .3s; }
#main > .main_inner > .product_list > .list_box { overflow: hidden; }
#main > .main_inner > .product_list > .list_box > ul li { width: 47%; padding: 15px 20px; float: left; }
#main > .main_inner > .product_list > .list_box > ul li > .product { border: 1px solid #ccc; border-radius: 20px; overflow: hidden; cursor: pointer; }
#main > .main_inner > .product_list > .list_box > ul li > .product > .thumb { height: 300px; position: relative; border-bottom: 1px solid #ccc; box-sizing: border-box; }
#main > .main_inner > .product_list > .list_box > ul li > .product > .thumb > .thumb_img { position: absolute; top: 0; left: 0; right: 0; height: 100%; z-index: 1; }
#main > .main_inner > .product_list > .list_box > ul li > .product > .thumb > .thumb_img > img { width: 100%; height: 100%; object-fit:cover; }
#main > .main_inner > .product_list > .list_box > ul li > .product > .thumb > .flag { position: absolute; top: 20px; left: 20px; z-index: 2;}
#main > .main_inner > .product_list > .list_box > ul li > .product > .thumb > .flag p { line-height: 40px; padding: 0 20px; height: 40px; border-radius: 10px; text-align: center; font-size: 16px; }
#main > .main_inner > .product_list > .list_box > ul li > .product > .thumb > .flag p.group { background: #666; color: #fff; }
#main > .main_inner > .product_list > .list_box > ul li > .product > .thumb > .wish { position: absolute; top: 30px; right: 30px; z-index: 3; }
#main > .main_inner > .product_list > .list_box > ul li > .product > .thumb > .composition { position: absolute; top: 0; right: 0; bottom: 0; width: 260px; height: 202px; padding: 77px 30px 20px; border-radius: 0 20px 0 0; background: rgba(255, 255, 255, 0.8); display: none; z-index: 2; }
#main > .main_inner > .product_list > .list_box > ul li > .product > .thumb > .composition dl dt { height: 30px; font-weight: bold; font-size: 16px; color: #111; }
#main > .main_inner > .product_list > .list_box > ul li > .product > .thumb > .composition dl dd { line-height: 30px; font-size: 16px; color: #111; }
#main > .main_inner > .product_list > .list_box > ul li > .product > .info { height: 240px; padding: 20px 30px 30px; overflow: hidden; }
#main > .main_inner > .product_list > .list_box > ul li > .product > .info > .flag { height: 33px; line-height: 33px; }
#main > .main_inner > .product_list > .list_box > ul li > .product > .info > .flag p { padding: 0 20px; margin: 0 5px 0 0; border-radius: 18px; text-align: center; font-weight: bold; box-sizing: border-box; float: left; }
#main > .main_inner > .product_list > .list_box > ul li > .product > .info > .flag p.new { background: #4275f8; color: #fff; }
#main > .main_inner > .product_list > .list_box > ul li > .product > .info > .flag p.dday { background: #fff; border: 1px solid #666; box-sizing: border-box; }
#main > .main_inner > .product_list > .list_box > ul li > .product > .info > .flag p.best { background: #cb80f2; color: #fff; }
#main > .main_inner > .product_list > .list_box > ul li > .product > .info > .title { padding: 5px 0 0 0; }
#main > .main_inner > .product_list > .list_box > ul li > .product > .info > .title > h1 { height: 50px; font-size: 24px; color: #111; font-weight: 800; }
#main > .main_inner > .product_list > .list_box > ul li > .product > .info > .title > p { font-size: 16px; color: #666; }
#main > .main_inner > .product_list > .list_box > ul li > .product > .info > .besides { padding: 20px 0 0 0; overflow: hidden; }
#main > .main_inner > .product_list > .list_box > ul li > .product > .info > .besides div { height: 46px; line-height: 46px; padding: 0 20px; margin: 0 10px 0 0; border-radius: 25px; background: #f5f5f5; float: left; }
#main > .main_inner > .product_list > .list_box > ul li > .product > .info > .besides div > img { margin: 0 10px 0 0; }
#main > .main_inner > .product_list > .list_box > ul li > .product > .info > .sum { height: 50px; padding: 10px 0 0 0; }
#main > .main_inner > .product_list > .list_box > ul li > .product > .info > .sum > p { padding: 30px 0 0 0; font-size: 16px; color: #999; float: left; }
#main > .main_inner > .product_list > .list_box > ul li > .product > .info > .sum > .price { float: right; }
#main > .main_inner > .product_list > .list_box > ul li > .product > .info > .sum > .price > p { padding: 16px 20px 0 0; font-size: 30px; font-weight: 900; color: #f8428c; float: left; }
#main > .main_inner > .product_list > .list_box > ul li > .product > .info > .sum > .price > ol { height: 55px; float: right; }
#main > .main_inner > .product_list > .list_box > ul li > .product > .info > .sum > .price > ol li { width: 100%; padding: 0; }
#main > .main_inner > .product_list > .list_box > ul li > .product > .info > .sum > .price > ol li:first-child { font-size: 16px; color: #999; text-decoration: line-through; }
#main > .main_inner > .product_list > .list_box > ul li > .product > .info > .sum > .price > ol li:nth-child(2) p { font-size: 30px; font-weight: 900; color: #111; float: left; margin: -7px 0 0 0; }
#main > .main_inner > .product_list > .list_box > ul li > .product > .info > .sum > .price > ol li:nth-child(2) p + p { font-size: 20px; color: #111; font-weight: normal; margin: 3px 0 0 0}

/* 문의 작성 팝업 */
#qnaWrite { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100vh; background: rgba(0, 0, 0, 0.4); z-index: 20; }
#qnaWrite > form > .qna { width: 760px; margin: 100px 0 0 50%; padding: 20px; background: #fff; transform: translate(-50%); overflow: hidden; }
#qnaWrite > form > .qna > .title { overflow: hidden; }
#qnaWrite > form > .qna > .title > h1 { color: #111; font-size: 18px; font-weight: 800; float: left; }
#qnaWrite > form > .qna > .title > img { width: 18px; cursor: pointer; float: right; }
#qnaWrite > form > .qna > .textarea { position: relative; height: 200px; margin: 30px 0 20px 0; border: 1px solid #ccc; }
#qnaWrite > form > .qna > .textarea > textarea { width: 100%; height: 100%; padding: 10px 20px; border: 0; line-height: 30px; }
#qnaWrite > form > .qna > .textarea > p { position: absolute; bottom: 10px; right: 20px; font-size: 12px; color: #111; }
#qnaWrite > form > .qna > .textarea > p > span { color: #999; }
#qnaWrite > form > .qna > .closed > .checkbox { padding: 0 5px 0 0; }
#qnaWrite > form > .qna > .closed > p { padding: 4px 0 20px 0; font-size: 14px; color: #666; }
#qnaWrite > form > .qna > .notice { padding: 20px 0; border-top: 1px dashed #ccc;  }
#qnaWrite > form > .qna > .notice > p { padding: 0 0 20px 0; font-size: 14px; }
#qnaWrite > form > .qna > .notice > p > img { width: 25px; height: 25px; padding: 0 5px 0 0; }
#qnaWrite > form > .qna > .notice > ul { padding: 20px; background: #f5f5f5; }
#qnaWrite > form > .qna > .notice > ul > h2 { padding: 0 0 10px 0; font-weight: bold; font-size: 16px; color: #111; }
#qnaWrite > form > .qna > .notice > ul li { position: relative; line-height: 22px; padding: 3px 0 0 10px; font-size: 14px; }
#qnaWrite > form > .qna > .notice > ul li:before { position: absolute; top: 12px; left: 0; width: 3px; height: 3px; border-radius: 50%; background: #999; content: ''; }
#qnaWrite > form > .qna > .notice > .btn_box { padding: 20px 0 0 0; float: right; }
#qnaWrite > form > .qna > .notice > .btn_box button { margin: 0 0 0 5px; }

/* 계정 선택 */
        /* 기관관리자 계정 선택 */
#groupSelect > .organization_admin { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); z-index: 1; }
#groupSelect > .organization_admin > .organization { width: 700px; margin: 50px 0 0 50%; background: #fff; transform: translateX(-50%); }
#groupSelect > .organization_admin > .organization > .title { padding: 20px; overflow: hidden; }
#groupSelect > .organization_admin > .organization > .title > h1 { color: #111; font-size: 18px; font-weight: 800; float: left; }
#groupSelect > .organization_admin > .organization > .title > img { width: 18px; cursor: pointer; float: right; }
#groupSelect > .organization_admin > .organization > .contents { padding: 0 30px 20px; overflow: hidden; }
#groupSelect > .organization_admin > .organization > .contents > h2 { position: relative; padding: 10px 0 0 15px; font-size: 18px; color: #111; font-weight: bold; }
#groupSelect > .organization_admin > .organization > .contents > h2:before { position: absolute; top: 12px; left: 0; width: 6px; height: 18px; border-radius: 10px; background: #f8428c; content: ''; }
#groupSelect > .organization_admin > .organization > .contents > p { font-size: 16px; color: #111; padding: 0 0 0 15px; }
#groupSelect > .organization_admin > .organization > .contents > ul { margin: 5px 0 0 0; }
#groupSelect > .organization_admin > .organization > .contents > ul li { padding: 10px 0; }
#groupSelect > .organization_admin > .organization > .contents > ul li > .product { height: 150px; padding: 20px; border: 1px solid #ccc; border-radius: 20px; overflow: hidden; }
#groupSelect > .organization_admin > .organization > .contents > ul li > .product > .thumb { width: 80px; height: 80px; border-radius: 20px; background: #f2f2f2; float: left; }
#groupSelect > .organization_admin > .organization > .contents > ul li > .product > .thumb > img { width: 100%; height: 100%; object-fit: cover; }
#groupSelect > .organization_admin > .organization > .contents > ul li > .product > .text { padding: 0 0 0 20px; float: left; }
#groupSelect > .organization_admin > .organization > .contents > ul li > .product > .text > .flag { width: 100%; margin: 0 0 10px 0; overflow: hidden; }
#groupSelect > .organization_admin > .organization > .contents > ul li > .product > .text > .flag p { height: 25px; line-height: 25px; padding: 0 15px; margin: 0 5px; border-radius: 17px; background: #fff; font-size: 12px; text-align: center; box-sizing: border-box; float: left; }
#groupSelect > .organization_admin > .organization > .contents > ul li > .product > .text > .flag p:first-child { margin: 0 5px 0 0; }
#groupSelect > .organization_admin > .organization > .contents > ul li > .product > .text > .flag p:last-child { margin: 0 0 0 5px; }
#groupSelect > .organization_admin > .organization > .contents > ul li > .product > .text > .flag p.new { background: #4275f8; color: #fff; }
#groupSelect > .organization_admin > .organization > .contents > ul li > .product > .text > .flag p.d-day { color: #111; border: 1px solid #404040; }
#groupSelect > .organization_admin > .organization > .contents > ul li > .product > .text > .flag p.group { background: #666; color: #fff; }
#groupSelect > .organization_admin > .organization > .contents > ul li > .product > .text > .title > h1 { font-size: 20px; color: #111; font-weight: bold; }
#groupSelect > .organization_admin > .organization > .contents > ul li > .product > .text > .title > p { font-size: 16px; color: #111; padding: 5px 0; }
#groupSelect > .organization_admin > .organization > .contents > ul li > .product > .text > .choice_box { line-height: 35px; padding: 20px 0 0 0; overflow: hidden; }
#groupSelect > .organization_admin > .organization > .contents > ul li > .product > .text > .choice_box > button { margin: 0; float: left; }
#groupSelect > .organization_admin > .organization > .contents > ul li > .product > .text > .choice_box > p { padding: 0 0 0 10px; font-size: 14px; color: #666; float: left; }
#groupSelect > .organization_admin > .organization > .contents > .btn_box { float: right; }
#groupSelect > .organization_admin > .organization > .contents > .btn_box button { margin: 0 0 0 10px; }
        /* 이용할 기관관리자 계정선택 */
#groupSelect > .use_account { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); z-index: 2; }
#groupSelect > .use_account > .use_choice { width: 600px; height: 700px; margin: 50px 0 0 50%; background: #fff; transform: translateX(-50%); }
#groupSelect > .use_account > .use_choice > .title { padding: 20px; overflow: hidden; }
#groupSelect > .use_account > .use_choice > .title > h1 { color: #111; font-size: 18px; font-weight: 800; float: left; }
#groupSelect > .use_account > .use_choice > .title > img { width: 18px; cursor: pointer; float: right; }
#groupSelect > .use_account > .use_choice > .contents { height: 615px; padding: 0 30px 20px; overflow: auto; }
#groupSelect > .use_account > .use_choice > .contents > p { padding: 20px; background: #f2f2f2; font-size: 14px; color: #111; }
#groupSelect > .use_account > .use_choice > .contents > p > span { color: #f8428c; display: block; }
#groupSelect > .use_account > .use_choice > .contents > ul li > .text { margin: 10px 0 0 0; overflow: hidden; }
#groupSelect > .use_account > .use_choice > .contents > ul li > .text > h2 { position: relative; padding: 10px 0 0 15px; font-size: 18px; color: #111; font-weight: bold; float: left; }
#groupSelect > .use_account > .use_choice > .contents > ul li > .text > h2:before { position: absolute; top: 12px; left: 0; width: 6px; height: 18px; border-radius: 10px; background: #f8428c; content: ''; }
#groupSelect > .use_account > .use_choice > .contents > ul li > .text > h2 > span { color: #666; font-weight: normal; font-size: 14px; display: block; }
#groupSelect > .use_account > .use_choice > .contents > ul li > .text > button { margin: 10px 0; float: right; }
#groupSelect > .use_account > .use_choice > .contents > ul li > .list { line-height: 30px; padding: 10px 15px; margin: 10px 0; border-radius: 10px; border: 1px solid #ccc; overflow: hidden; }
#groupSelect > .use_account > .use_choice > .contents > ul li > .list > p { font-size: 15px; color: #111; float: left; }
#groupSelect > .use_account > .use_choice > .contents > ul li > .list > button { margin: 0; float: right; }
#groupSelect > .use_account > .use_choice > .contents > ul li > .search_box { position: relative; line-height: 30px; margin: 10px 0 0 0; border: 1px solid #ccc; border-radius: 10px; }
#groupSelect > .use_account > .use_choice > .contents > ul li > .search_box > img { position: absolute; top: 15px; left: 15px; }
#groupSelect > .use_account > .use_choice > .contents > ul li > .search_box > input[type=text] { padding: 0 0 0 40px; border: 0; border-radius: 20px; }
#groupSelect > .use_account > .use_choice > .contents > ul li > .new_account { padding: 20px; margin: 10px 0 20px; background: #f3f3f3; overflow: hidden; }
#groupSelect > .use_account > .use_choice > .contents > ul li > .new_account > input[type=text],
#groupSelect > .use_account > .use_choice > .contents > ul li > .new_account > input[type=password] { margin: 0 0 10px 0; }
#groupSelect > .use_account > .use_choice > .contents > ul li > .new_account select { margin: 0 0 10px 0; background-color: #fff; background-position: 95% 50%; }
#groupSelect > .use_account > .use_choice > .contents > ul li > .new_account > .email { margin: 0 0 10px 0; overflow: hidden; }
#groupSelect > .use_account > .use_choice > .contents > ul li > .new_account > .email input[type=text] { width: 207px; float: left; }
#groupSelect > .use_account > .use_choice > .contents > ul li > .new_account > .email > span { padding: 0 5px; line-height: 50px; font-size: 16px; color: #111; float: left; }
#groupSelect > .use_account > .use_choice > .contents > ul li > .new_account > .email > select { width: 250px; float: left;}
#groupSelect > .use_account > .use_choice > .contents > ul li > .new_account > .new_btn { float: right; }
#groupSelect > .use_account > .use_choice > .contents > ul li > .new_account > .new_btn button { margin: 0 0 0 5px; }

/* 고객센터 */
#customerCenter > .customer_inner { width: 1500px; margin: 0 auto; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > h1 { padding: 0 0 20px 0; font-weight: 800; font-size: 24px; color: #111; }
#customerCenter > .customer_inner > .customer_tab > .tab_box { padding: 30px 0 0 0; }
#btnGetComment { padding: 20px; cursor: pointer; display: block; }

/* 공지사항 */
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .search_box { width: 100%; border-top: 2px solid #404040; border-bottom: 1px solid #ccc; display: table; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .search_box > .table_row { display: table-row; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .search_box > .table_row > .table_cell { width: 40%; height: 50px; line-height: 50px; padding: 10px 0; vertical-align: middle; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .search_box > .table_row > .table_cell:last-child { width: 20%; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .search_box > .table_row > .table_cell > p { padding: 0 40px 0 20px; font-size: 16px; color: #111; font-weight: bold; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .search_box > .table_row > .table_cell .checkbox { padding: 0 30px 0 0; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .search_box > .table_row > .table_cell > input[type=text] { width: 480px; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .search_box > .table_row > .table_cell > .btn_box { overflow: hidden; float: right; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .search_box > .table_row > .table_cell > .btn_box button { margin: 0; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .search_box > .table_row > .table_cell > .btn_box button + button { margin: 0 10px 0 10px; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .notice { margin: 30px 0 0 0; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .notice > .top { line-height: 40px; overflow: hidden; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .notice > .top > p { padding: 0 20px 0 0; font-size: 16px; color: #111; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .notice > .top > select { width: 200px; height: 40px; line-height: 40px; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .notice > .notice_table { width: 100%; margin: 20px 0 0 0; border-top: 2px solid #404040; border-bottom: 1px solid #ccc; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .notice > .notice_table > .table_row { width: 100%; display: table; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .notice > .notice_table > .table_row .th { width: 15%; height: 50px; line-height: 50px; border-bottom: 1px solid #ccc; background-color: #f9f9f9; font-size: 16px; color: #111; font-weight: bold; text-align: center; vertical-align: middle; display: table-cell; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .notice > .notice_table > .table_row .th:nth-child(2) { width: 70%; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .notice > .notice_table > .table_row .table_cell { width: 15%; height: 50px; line-height: 50px; border-bottom: 1px solid #ccc; font-size: 16px; color: #111; text-align: center; vertical-align: middle; display: table-cell; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .notice > .notice_table > .table_row:last-child .table_cell { border-bottom: 0; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .notice > .notice_table > .table_row .table_cell:nth-child(2) { width: 70%; cursor: pointer; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .notice > .notice_table > .table_row:nth-child(n+2):hover p a { font-weight: bold; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .notice > .notice_table > .table_row.important .table_cell { background-color: #f8eaee; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .notice > .notice_table > .table_row.important .table_cell > p { color: #f8428c; font-weight: bold; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .notice_view { border-top: 2px solid #404040; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .notice_view > ul li { padding: 0 20px; border-bottom: 1px solid #ccc; overflow: hidden; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .notice_view > ul li.title { height: 60px; line-height: 60px; background-color: #f2f2f2; text-align: center; font-size: 18px; color: #111; font-weight: bold; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .notice_view > ul li.info { height: 40px; line-height: 40px; padding: 0 20px; vertical-align: middle; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .notice_view > ul li.info p { line-height: 40px; font-size: 14px; color: #111; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .notice_view > ul li.info p + p { float: right; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .notice_view > ul li.info p > span { padding: 0 5px 0 0; color: #999; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .notice_view > ul li.text { padding: 20px; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .notice_view > ul li.text p { line-height: 28px; color: #111; font-size: 16px; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .notice_view > ul li.attach_file { height: 60px; line-height: 60px; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .notice_view > ul li.attach_file > h3 { line-height: 60px; padding: 0 30px 0 0; font-size: 16px; color: #111; font-weight: bold; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .notice_view > ul li.attach_file > .file { padding: 12px 0; overflow: hidden; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .notice_view > ul li.attach_file > .file p { height: 34px; line-height: 34px; padding: 0 15px; margin: 0 5px 0 0; border: 1px solid #ccc; border-radius: 30px; font-size: 14px; color: #111; text-align: center; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .notice_view > ul li.attach_file > .file p span { width: 92px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; overflow: hidden; display: block; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .notice_view > button { margin: 20px 0 0 0; }
        /* 자주묻는 질문 */
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .qna > .top { width: 470px; margin: 0 auto; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .qna > .top > ul.type { width: 620px; margin: 0 0 0 50%; transform: translateX(-50%); overflow: hidden; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .qna > .top > ul.type li { width: 135px; height: 135px; margin: 0 10px; border-radius: 50%; border: 1px solid #ccc; background-color: #fff; text-align: center; box-sizing: border-box; cursor: pointer; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .qna > .top > ul.type li > img { padding: 10px 0 0 0; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .qna > .top > ul.type li > p { font-size: 16px; color: #111; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .qna > .top > ul.type li.on { border: 1px solid #fff; background: linear-gradient(-130deg, rgba(255,143,81,1) 0%, rgba(248,66,140,1) 100%); text-align: center; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .qna > .top > ul.type li.on > p { color: #fff; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .qna > .top > .search_box { height: 50px; line-height: 50px; margin: 30px 0 0 0; overflow: hidden; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .qna > .top > .search_box > input[type=text] { width: 360px; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .qna > .top > .search_box > button { height: 50px; float: right; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .qna > ul.list { margin: 30px 0 0 0; border-top: 2px solid #404040; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .qna > ul.list li { border-bottom: 1px solid #ccc; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .qna > ul.list li > h1 { padding: 20px; border-bottom: 1px solid #ccc; font-weight: bold; font-size: 16px; color: #111; cursor: pointer; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .qna > ul.list li > h1 > img { width: 10px; transform: rotate(-90deg); float: right; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .qna > ul.list li > h1 > img.open { transform: rotate(90deg); }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .qna > ul.list li > .answer { line-height: 26px; padding: 20px; background-color: #f5f5f5; font-size: 16px; color: #111; display: none; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .qna > ul.list li > .answer img { max-width: 100%; }
/* 1대1문의 */
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .search_box { width: 100%; border-top: 2px solid #404040; display: table; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .search_box > .table_row { display: table-row; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .search_box > .table_row > .table_cell { width: 50%; height: 50px; line-height: 50px; padding: 10px 0; border-bottom: 1px solid #ccc; vertical-align: middle; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .search_box > .table_row > .table_cell > p { padding: 0 40px 0 20px; font-size: 16px; color: #111; font-weight: bold; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .search_box > .table_row > .table_cell .checkbox { padding: 0 30px 0 0; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .search_box > .table_row > .table_cell > input[type=text] { width: 480px; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .search_box > .table_row > .table_cell > .btn_box { overflow: hidden; float: right; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .search_box > .table_row > .table_cell > .btn_box button { margin: 0; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .search_box > .table_row > .table_cell > .btn_box button + button { margin: 0 10px 0 10px; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table { padding: 40px 0 0 0; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .top { line-height: 40px; overflow: hidden; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .top > p { padding: 0 20px 0 0; font-size: 16px; color: #111; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .top > select { width: 200px; height: 40px; line-height: 40px; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .top > button { margin: 0; float: right; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_table { width: 100%; margin: 20px 0 0 0; border-top: 2px solid #404040; border-bottom: 1px solid #ccc; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_table > .table_row { width: 100%; display: table; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_table > .table_row .th { width: 15%; height: 50px; line-height: 50px; border-bottom: 1px solid #ccc; background-color: #f9f9f9; font-size: 16px; color: #111; font-weight: bold; text-align: center; vertical-align: middle; display: table-cell; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_table > .table_row .th:nth-child(3) { width: 40%; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_table > .table_row .table_cell { width: 15%; height: 50px; line-height: 50px; border-bottom: 1px solid #ccc; font-size: 16px; color: #111; text-align: center; vertical-align: middle; display: table-cell; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_table > .table_row:last-child .table_cell { border-bottom: 0; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_table > .table_row .table_cell:nth-child(3) { width: 40%; text-align: left; cursor: pointer; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_table > .table_row:nth-child(n+2) p a { padding: 0 20px; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_table > .table_row:nth-child(n+2):hover p a { font-weight: bold; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_table > .table_row.important .table_cell { background-color: #f8eaee; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_table > .table_row.important .table_cell > p { color: #f8428c; font-weight: bold; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_view { border-top: 2px solid #404040; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_view > ul.question li { padding: 0 20px; border-bottom: 1px solid #ccc; overflow: hidden; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_view > ul.question li.title { height: 60px; line-height: 60px; background-color: #f2f2f2; text-align: center; font-size: 18px; color: #111; font-weight: bold; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_view > ul.question li.info { height: 40px; line-height: 40px; padding: 0 20px; vertical-align: middle; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_view > ul.question li.info p { line-height: 40px; font-size: 14px; color: #111; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_view > ul.question li.info p + p { float: right; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_view > ul.question li.info p > span { padding: 0 5px 0 0; color: #999; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_view > ul.question li.text { padding: 20px; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_view > ul.question li.text p { line-height: 28px; color: #111; font-size: 16px; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_view > ul.question li.attach_file { height: 60px; line-height: 60px; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_view > ul.question li.attach_file > h3 { line-height: 60px; padding: 0 30px 0 0; font-size: 16px; color: #111; font-weight: bold; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_view > ul.question li.attach_file > .file { padding: 12px 0; overflow: hidden; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_view > ul.question li.attach_file > .file p { height: 34px; line-height: 34px; padding: 0 15px; margin: 0 5px 0 0; border: 1px solid #ccc; border-radius: 30px; font-size: 14px; color: #111; text-align: center; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_view > ul.question li.attach_file > .file p span { width: 92px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; overflow: hidden; display: block; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_view > button { margin: 20px 0 0 0; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_view > .answer > .title { height: 30px; line-height: 30px; margin: 50px 0 0 0; overflow: hidden; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_view > .answer > .title > p { font-size: 16px; color: #111; font-weight: bold; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_view > .answer > .title > p > span { padding: 0 5px 0 0; color: #ff8f51; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_view > .answer > .title > p.no { height: 30px; line-height: 30px; padding: 0 15px; margin: 0 0 0 10px; border-radius: 20px; background-color: #404040; font-size: 14px; color: #fff; text-align: center; font-weight: normal; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_view > .answer > .title > p.complete { height: 30px; line-height: 30px; padding: 0 15px; margin: 0 0 0 10px; border-radius: 20px; background-color: #ff8f51; font-size: 14px; color: #fff; text-align: center; font-weight: normal; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_view > .answer > .no_answer { padding: 40px 0; margin: 20px 0 0 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center; overflow: hidden; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_view > .answer > .no_answer > p { font-size: 16px; color: #111; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_view > .btn_box { margin: 20px 0; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_view > .btn_box button { margin: 0; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_view > .btn_box > .delete { float: right; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_view > .answer > .answer_box { margin: 20px 0 0 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;  overflow: hidden; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_view > .answer > .answer_box > p { padding: 20px; font-size: 16px; color: #111; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_view > .answer > .answer_box .attach_file { padding: 0 20px; height: 60px; line-height: 60px; border-top: 1px solid #ccc; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_view > .answer > .answer_box .attach_file > h3 { line-height: 60px; padding: 0 30px 0 0; font-size: 16px; color: #111; font-weight: bold; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_view > .answer > .answer_box .attach_file > .file { padding: 12px 0; overflow: hidden; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_view > .answer > .answer_box .attach_file > .file p { height: 34px; line-height: 34px; padding: 0 15px; margin: 0 5px 0 0; border: 1px solid #ccc; border-radius: 30px; font-size: 14px; color: #111; text-align: center; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_view > .answer > .answer_box .attach_file > .file p span { width: 92px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; overflow: hidden; display: block; float: left; }

/* 이벤트 */
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event { overflow: hidden;}
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event > ul li { width: 25%; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event > ul li > .event_img { position: relative; width: 320px; height: 205px; cursor: pointer; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event > ul li > .event_img > img { position: absolute; width: 100%; z-index: 1; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event.talk > ul li { height: 380px; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event.talk > ul li > .event_img { height: 320px; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event.talk > ul li > .event_img > img { border-radius: 20px; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event > ul li > .event_img > .flag { position: absolute; right: 0; width: 70px; height: 25px; line-height: 25px; border-bottom-left-radius: 10px; text-align: center; color: #fff; font-size: 14px; z-index: 2; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event > ul li > .event_img > .flag.day { background-color: #f8428c; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event > ul li > .event_img > .flag.expect { background-color: #303030; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event > ul li > .event_img > .event_end { position: absolute; right: 0; left: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.4); z-index: 3; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event > ul li > .event_img > .event_end > .flag { position: absolute; right: 0; width: 70px; height: 25px; line-height: 25px; border-bottom-left-radius: 10px; text-align: center; color: #fff; font-size: 14px; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event > ul li > .event_img > .event_end > .flag.end { background-color: #303030; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event > ul li > .text { padding: 10px 0 0 0; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event > ul li > .text > h3 { font-size: 16px; color: #111; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; overflow: hidden; font-weight: bold; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event > ul li > .text > p { width: 470px; padding: 4px 0 11px 0; color: #999; font-size: 12px; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event > ul li > .text > p > span { padding: 6px 10px; background-color: #eee; font-size: 14px; color: #111; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page { text-align: center; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .page_top { position: relative; width: 100%; padding: 30px 0; border-bottom: 1px solid #e2e2e2; overflow: hidden; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .page_top > img { position: absolute; top: 65px; left: 0; cursor: pointer; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .page_top > .text { text-align: center; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .page_top > .text > p.dday{ width: 70px; height: 25px; line-height: 25px; padding: 0; margin: 0 0 12px 0; border-radius: 20px; background-color: #f8428c; text-align: center; display: inline-block; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .page_top > .text > p.dday > span { color: #fff; font-size: 14px; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .page_top > .text > p.expect { width: 70px; height: 25px; line-height: 25px; padding: 0; margin: 0 0 12px 0; border-radius: 20px; background-color: #404040; text-align: center; display: inline-block; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .page_top > .text > p.expect > span { color: #fff; font-size: 14px; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .page_top > .text > h2 { font-size: 24px; color: #111; font-weight: bold; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .page_top > .text > p { padding: 10px 0 0 0; font-size: 16px; color: #999; font-weight: normal; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .page_top > .text > p.benefit > span { padding: 6px 10px; background-color: #eee; font-size: 14px; color: #111; font-weight: bold; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .event_contents { width: 800px; padding: 30px 0; margin: 0 auto; text-align: center; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .event_contents img { max-width: 800px;}
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .reply > .list > span { padding: 15px 0 0 15px; font-size: 16px; color: #666; font-weight: bold; display: block; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .reply > .list > span > img { padding: 0 0 0 10px; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > button { width: 155px; height: 50px; font-size: 16px;}
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .no_event { padding: 70px 0; border: 1px solid #e2e2e2; border-radius: 20px; text-align: center; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .no_event > h1 { padding: 10px 0 0 0;  font-size: 16px; color: #111; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .no_event > img { width: 34px; height: 34px; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .btn_box { width: 1100px; margin: 0 auto; overflow: hidden; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .btn_box > button { margin: 0; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .btn_box > button + button { float: right; }

    /* 이벤트 댓글 */
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .reply { line-height: 1; padding: 20px 0 0 0; margin: 50px 0; border-top: 1px solid #ccc; text-align: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .reply > h2 { font-size: 20px; color: #111; font-weight: bold; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .reply > form > .textarea { position: relative; margin: 20px 0 0 0; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .reply > form > .textarea > textarea { width: calc(100% - 110px); height: 130px; padding: 20px; line-height: 25px; border-radius: 10px; border: 1px solid #ccc; outline: 0; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .reply > form > .textarea > textarea.color_white {}
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .reply > form > .textarea > button { position: absolute; top: 0; right: 0; width: 100px; height: 130px; line-height: 30px; padding: 0; margin: 0; border: 1px solid #999; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .reply > .list { padding: 15px 0; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .reply > .list > ul { overflow: hidden; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .reply > .list > ul li { padding: 15px 0; border-bottom: 1px solid #ccc; overflow: hidden; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .reply > .list > ul li > .thumb_nail { width: 50px; height: 50px; border-radius: 50%; background: #ccc; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .reply > .list > ul li > .thumb_nail > img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .reply > .list > ul li > .text { width: 100%; padding: 0 0 0 15px; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .reply > .list > ul li > .text > .top { height: 24px; line-height: 24px; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .reply > .list > ul li > .text > .top > h3 { font-size: 14px; color: #111; font-weight: bold; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .reply > .list > ul li > .text > .top > p { height: 20px; line-height: 20px; padding: 0 5px; margin: 1px 0 0 8px; border: 1px solid #f8428c; border-radius: 9px; text-align: center; font-size: 10px; color: #f8428c; font-weight: bold; box-sizing: border-box; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .reply > .list > ul li > .text > p { padding: 10px 0; line-height: 23px; font-size: 14px; color: #111; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .reply > .list > ul li > .text > p + p { padding: 0; font-size: 12px; color: #999; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .reply > .list > ul li > .text > p.modify_form { width: 100%; overflow: hidden; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .reply > .list > ul li > .text > p.modify_form > textarea { width: calc(100% - 190px); height: 100px; padding: 10px; line-height: 22px; border-radius: 10px; display: block; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .reply > .list > ul li > .text > p.modify_form > span { width: 80px; height: 100px; margin: 0 0 0 5px; line-height: 100px; border-radius: 5px; background: #777; color: #fff; text-align: center; display: block; cursor: pointer; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .reply > .list > ul li > .text > p.modify_form > span.cancel { border: 1px solid #777; background: #fff; color: #333; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .reply > .list > ul li > .more { position: relative; right: 3px; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .reply > .list > ul li > .more > a { float: right; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .reply > .list > ul li > .more > button { position: absolute; top: 20px; right: 0; width: 40px; height: 25px; line-height: 25px; border: 1px solid #bbb; border-radius: 5px; background: #fff; text-align: center; font-size: 12px; color: #666; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .reply > .list > a { padding: 10px 0; font-size: 14px; color: #666; font-weight: bold; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .event_page > .reply > .list > a > img { margin: 0 0 0 10px; }

/* (구디자인) 마이페이지 메뉴 */
#customerCenter.mypage_table { margin: 40px 0 0 0; }
#customerCenter.mypage_table > .customer_inner > .customer_tab > .content_box { margin: 40px 0 0 0; }


/* 이벤트 팝업 */
#appEvent { position: absolute; height: 100vh; z-index: 10; }
#appEvent > .event_bg { position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); }
#appEvent > .event_wrap { position: fixed; top: 0; left: 0; right: 0; bottom: 0; }
#appEvent > .event_wrap > .event_pop { position: relative; width: 580px; height: 250px; line-height: 1; padding: 120px 20px 20px 20px; margin: 380px 50%; border-radius: 20px; background: #fff; transform: translateX(-50%); }
#appEvent > .event_wrap > .event_pop > img { cursor: pointer; float: right; }
#appEvent > .event_wrap > .event_pop > .text { width: 100%; text-align: center; overflow: hidden; }
#appEvent > .event_wrap > .event_pop > .text > h1 { font-size: 26px; color: #111; font-weight: bold; }
#appEvent > .event_wrap > .event_pop > .text > p { height: 50px; line-height: 28px; padding: 10px 0 0 0; font-size: 18px; color: #666; }
#appEvent > .event_wrap > .event_pop > .img_box { position: absolute; top: -260px; left: 50%; width: 100%; height: 220px; text-align: center; transform: translateX(-50%); }
#appEvent > .event_wrap { object-fit: cover; animation: scale .8s ease-in-out; }
@keyframes scale {
    from { transform: scale(0);} to { transform: scale(1); }
}
#appEvent > .event_wrap > .event_pop > .btn { width: 100%; height: auto; padding: 20px 0 10px 0; margin: 0; }
#appEvent > .event_wrap > .event_pop > .btn button { width: 49%; height: 60px; margin: 0; font-weight: bold; float: left; }
#appEvent > .event_wrap > .event_pop > .btn button.w100p { width: 100%; }
#appEvent > .event_wrap > .event_pop > .btn button + button { float: right; }
#appEvent > .event_wrap > .event_pop > .btn_single { width: 100%; height: auto; padding: 20px 0; margin: 0; float: unset; text-align: center;}
#appEvent > .event_wrap > .event_pop > .btn_single button { width: 49%; height: 60px; margin: 0; font-weight: bold; }
#appEvent > .event_wrap > .event_pop > ul { padding: 0 20px; }
#appEvent > .event_wrap > .event_pop > ul li { position: relative; padding: 5px 0; font-size: 14px; color: #666; }
#appEvent > .event_wrap > .event_pop > ul li:before { position: absolute; top: 11px; left: -10px; width: 4px; height: 4px; border-radius: 50%; background: #999; content: ''; }

/* 문의글 작성 */
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_write { width: 100%; border-top: 2px solid #404040; display: table; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_write .table_row { width: 100%; display: table; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_write .table_row:first-child { border-bottom: 1px solid #ccc; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_write .table_row > .table_title { width: 100%; height: 50px; line-height: 50px; background-color: #f6e7eb; vertical-align: middle; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_write .table_row > .table_title > h2 { padding: 0 20px; border-bottom: 1px solid #eecdd4; font-size: 18px; color: #111; font-weight: bold; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_write .table_row > .table_th { width: 15%; height: 70px; line-height: 70px; padding: 0 20px; border-bottom: 1px solid #ccc; background-color: #f5f5f5; vertical-align: middle; font-size: 16px; color: #111; font-weight: bold; display: table-cell; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_write .table_row > .table_th > span { color: #f8428c; padding: 0 5px 0 0; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_write .table_row .table_cell { width: 79%; height: 70px; line-height: 70px; padding: 0 20px; border-bottom: 1px solid #ccc; vertical-align: middle; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_write .table_row .table_cell .radiobox { padding: 0 30px 0 0; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_write .table_row.text > .table_cell { height: 320px; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_write .table_row.text > .table_cell > textarea { height: 300px; margin: 10px 0; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_write .table_row.text > .table_th { height: 320px; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_write .table_row > .table_cell .file { float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_write .table_row > .table_cell .attach_file { height: 60px; line-height: 60px; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_write .table_row > .table_cell .attach_file > .file { padding: 17px 0 0 20px; overflow: hidden; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_write .table_row > .table_cell .attach_file > .file p { height: 34px; line-height: 34px; padding: 0 15px; margin: 0 5px 0 0; border: 1px solid #ccc; border-radius: 30px; font-size: 14px; color: #111; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_write .table_row > .table_cell .attach_file > .file p span { width: 92px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; overflow: hidden; display: block; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .one_write .table_row > .table_cell .attach_file > .file p > img { padding: 0 0 0 20px; cursor: pointer; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .btn_box { margin: 20px 0 0 0; float: right; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .one_to_one > .one_to_one_table > .btn_box > button { margin: 0 0 0 10px; }
        /* 상품문의 */
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .search_box { width: 100%; border-top: 2px solid #404040; border-bottom: 1px solid #ccc; display: table; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .search_box > .table_row { display: table-row; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .search_box > .table_row > .table_cell { width: 40%; height: 50px; line-height: 50px; padding: 10px 0; vertical-align: middle; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .search_box > .table_row > .table_cell:last-child { width: 20%; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .search_box > .table_row > .table_cell > p { padding: 0 40px 0 20px; font-size: 16px; color: #111; font-weight: bold; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .search_box > .table_row > .table_cell .checkbox { padding: 0 30px 0 0; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .search_box > .table_row > .table_cell > input[type=text] { width: 480px; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .search_box > .table_row > .table_cell > .btn_box { overflow: hidden; float: right; }
  { margin: 0; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .search_box > .table_row > .table_cell > .btn_box button + button { margin: 0 10px 0 10px; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box { margin: 40px 0 0 0; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .top { line-height: 40px; overflow: hidden; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .top > p { padding: 0 20px 0 0; font-size: 16px; color: #111; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .top > select { width: 200px; height: 40px; line-height: 40px; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_table { width: 100%; margin: 20px 0 0 0; border-top: 2px solid #404040; border-bottom: 1px solid #ccc; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_table > .table_row { width: 100%; display: table; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_table > .table_row .th { height: 50px; line-height: 50px; border-bottom: 1px solid #ccc; background-color: #f9f9f9; font-size: 16px; color: #111; font-weight: bold; text-align: center; vertical-align: middle; display: table-cell; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_table > .table_row:last-child .table_cell { border-bottom: 0; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_table > .table_row div { width: 10%; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_table > .table_row div:first-child { width: 15%; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_table > .table_row div:nth-child(2) { width: 19%; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_table > .table_row div:nth-child(3) { width: 35%; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_table > .table_row .table_cell { height: 50px; line-height: 50px; padding: 0 5px; border-bottom: 1px solid #ccc; font-size: 16px; color: #111; text-align: center; vertical-align: middle; display: table-cell; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_table > .table_row .table_cell > p > a { font-size: 16px; color: #111; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_table > .table_row .table_cell > p > a:hover { font-weight: bold; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_table > .table_row .table_cell.text { padding: 0 10px; text-align: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_table > .table_row .table_cell.text > p { width: 100%; height: 50px; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_table > .table_row .table_cell.text > p a { width: 490px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_view { border-top: 2px solid #404040; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_view > ul.question li { padding: 0 20px; border-bottom: 1px solid #ccc; overflow: hidden; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_view > ul.question li:first-child { border-bottom: 1px dashed #ccc; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_view > ul.question li.product_list { padding: 20px; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_view > ul.question li.product_list > .list > .thumb { width: 100px; height: 100px; border-radius: 20px; background-color: #f2f2f2; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_view > ul.question li.product_list > .list > .thumb > img { width: 100%; height: 100%; border-radius: 20px; object-fit: cover; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_view > ul.question li.product_list > .list > .text { margin: 0 0 0 20px; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_view > ul.question li.product_list > .list > .text > .flag { width: 100%; margin: 0 0 5px 0; overflow: hidden; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_view > ul.question li.product_list > .list > .text > .flag p { height: 33px; line-height: 33px; padding: 0 20px; margin: 0 5px; border: 1px solid #ccc; border-radius: 17px; background: #fff; font-size: 14px; text-align: center; box-sizing: border-box; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_view > ul.question li.product_list > .list > .text > .flag p:first-child { margin: 0 5px 0 0; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_view > ul.question li.product_list > .list > .text > .flag p:last-child { margin: 0 0 0 5px; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_view > ul.question li.product_list > .list > .text > .flag p.new { background: #4275f8; color: #fff; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_view > ul.question li.product_list > .list > .text > h1 { font-size: 16px; color: #111; font-weight: bold; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_view > ul.question li.product_list > .list > .text > .flag p.d-day { color: #111; border: 1px solid #404040; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_view > ul.question li.info { height: 40px; line-height: 40px; padding: 0 20px; vertical-align: middle; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_view > ul.question li.info p { line-height: 40px; font-size: 14px; color: #111; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_view > ul.question li.info p + p { float: right; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_view > ul.question li.info p > span { padding: 0 5px 0 0; color: #999; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_view > ul.question li.text { padding: 20px; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_view > ul.question li.text p { line-height: 28px; color: #111; font-size: 16px; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_view > ul.question li.text > p { font-weight: bold; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_view > ul.question li.text > p + p { font-weight: normal; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_view > ul.question li.text p > span { color: #ff8f51; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_view > button { margin: 20px 0 0 0; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_view > .answer > .title { height: 30px; line-height: 30px; margin: 50px 0 0 0; overflow: hidden; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_view > .answer > .title > p { font-size: 16px; color: #111; font-weight: bold; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_view > .answer > .title > p > span { padding: 0 5px 0 0; color: #ff8f51; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_view > .answer > .title > p.no { height: 30px; line-height: 30px; padding: 0 15px; margin: 0 0 0 10px; border-radius: 20px; background-color: #404040; font-size: 14px; color: #fff; text-align: center; font-weight: normal; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_view > .answer > .title > p.complete { height: 30px; line-height: 30px; padding: 0 15px; margin: 0 0 0 10px; border-radius: 20px; background-color: #ff8f51; font-size: 14px; color: #fff; text-align: center; font-weight: normal; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_view > .answer > .no_answer { padding: 40px 0; margin: 20px 0 0 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center; overflow: hidden; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_view > .answer > .no_answer > p { font-size: 16px; color: #111; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_view > .btn_box { margin: 20px 0; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_view > .btn_box button { margin: 0; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_view > .btn_box > .delete { float: right; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_view > .answer > .answer_box { margin: 20px 0 0 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;  overflow: hidden; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_view > .answer > .answer_box > p { padding: 20px; font-size: 16px; color: #111; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_view > .answer > .answer_box .attach_file { padding: 0 20px; height: 60px; line-height: 60px; border-top: 1px solid #ccc; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_view > .answer > .answer_box .attach_file > h3 { line-height: 60px; padding: 0 30px 0 0; font-size: 16px; color: #111; font-weight: bold; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_view > .answer > .answer_box .attach_file > .file { padding: 12px 0; overflow: hidden; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_view > .answer > .answer_box .attach_file > .file p { height: 34px; line-height: 34px; padding: 0 15px; margin: 0 5px 0 0; border: 1px solid #ccc; border-radius: 30px; font-size: 14px; color: #111; text-align: center; float: left; }
#customerCenter > .customer_inner > .customer_tab > .content_box > .tab_content > .product > .product_box > .product_view > .answer > .answer_box .attach_file > .file p span { width: 92px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; overflow: hidden; display: block; float: left; }
/* 이용약관 등 */
#rule { width: 1000px; margin: 50px auto 0 auto; padding: 20px; line-height: 30px; background: #f7f7f7; }
#rule.layer { width: 100%; margin: 0; padding: 0; background: #fff; }
#rule > h1 { font-size: 20px; font-weight: 800; display: block; }
#rule > h2 { margin: 20px 0 0; font-size: 18px; font-weight: 800; display: block; }
#rule > h3 { margin: 20px 0 0; font-weight: 800; display: block; }
#rule > table { width: 100%; }
#rule > table tr th { padding: 5px; background: #ddd; border: 1px solid #aaa; }
#rule > table tr td { padding: 10px; border: 1px solid #aaa; vertical-align: middle; }

/* 위키포키 */
/*
#company { width: 100%; height: 100vh; scroll-snap-type: y mandatory; -ms-overflow-style: none; scrollbar-width: none; overflow: auto; }
#company .screen { width: 100%; height: 100vh; display: inline-block; box-sizing: border-box; scroll-snap-align: center; scroll-snap-stop:always }
#company::-webkit-scrollbar { display: none; }*/
#company { width: 100%; }
#company .company_inner { width: 1450px; margin: 0 auto; }
#company .screen { width: 100%; display: inline-block; box-sizing: border-box; }
#company > .top_visual { position: relative; height: 900px; background: linear-gradient(-130deg, rgba(255,143,81,1) 0%, rgba(248,66,140,1) 100%); text-align: center; }
#company > .top_visual > .company_inner { position: absolute; left: 50%; width: 1450px; height: 100%; transform: translate(-50%); }
#company > .top_visual > .company_inner > .title { position: absolute; top: 50%; left: 50%; width: 880px; transform: translate(-50%, -50%); display: none; }
#company > .top_visual > .company_inner > .title > p { padding: 30px 0 0 0; font-size: 36px; color: #ebebeb; font-weight: bold; }
#company > .top_visual > .company_inner > .intro { position: relative; height: 100%; }
#company > .top_visual > .company_inner > .intro > ul li { position: absolute; display: none; }
#company > .top_visual > .company_inner > .intro > ul li:nth-child(1) { top: 180px; left: 200px; }
#company > .top_visual > .company_inner > .intro > ul li:nth-child(2) { left: 50%; bottom: 150px; transform: translateX(-50%); }
#company > .top_visual > .company_inner > .intro > ul li:nth-child(3) { top: 180px; right: 200px; }
#company > .top_visual > .company_inner > .intro > ul li > p { padding: 20px 0 0 0; font-size: 36px; color: #fff; font-weight: bold; }
#company > .exam { background: #f6f6f6; }

/* 회원탈퇴 */
#leave { margin: 0 0 100px 0; overflow: hidden; }
#leave > .leave_inner { max-width: 560px; margin: 0 auto; text-align: center; }
#leave > .leave_inner > img.logo { padding: 30px 0 0 0; }
#leave > .leave_inner > ul { margin: 30px 0; text-align: left; overflow: hidden; }
#leave > .leave_inner > ul li { margin: 0 0 20px 0; }
#leave > .leave_inner > ul li > h2 { position: relative; padding: 10px 0 10px 15px; font-size: 18px; color: #111; font-weight: bold; }
#leave > .leave_inner > ul li > h2:before { position: absolute; top: 12px; left: 0; width: 6px; height: 18px; border-radius: 10px; background: #f8428c; content: ''; }
#leave > .leave_inner > ul li > h2 > span { color: #999; }
#leave > .leave_inner > ul li > .leave_id { border: 1px solid #ccc; border-radius: 20px; }
#leave > .leave_inner > ul li > .leave_id > ol li { margin: 0; padding: 5px 20px; }
#leave > .leave_inner > ul li > .leave_id > ol li > p { position: relative; line-height: 22px; font-size: 15px; color: #666; }
#leave > .leave_inner > ul li > .leave_id > ol li > p > span { color: #f8428c; font-weight: bold; }
#leave > .leave_inner > ul li > .leave_id > ol li:nth-child(n+2) p:before { position: absolute; top: 8px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #999; content: ''; }
#leave > .leave_inner > ul li > .leave_id > ol li:nth-child(n+2) p { padding: 0 0 0 10px; }
#leave > .leave_inner > ul li > .leave_id > ol li:first-child { padding: 20px; border-bottom: 1px solid #ccc; }
#leave > .leave_inner > ul li > .leave_id > ol li:first-child > p { font-size: 16px; color: #111; }
#leave > .leave_inner > ul li > .leave_id > ol li:nth-child(2) { padding: 20px 20px 5px 20px; }
#leave > .leave_inner > ul li > .leave_id > ol li:last-child { padding: 5px 20px 20px; }
#leave > .leave_inner > ul li > .leave_delete { padding: 20px; border: 1px solid #ccc; border-radius: 20px; }
#leave > .leave_inner > ul li > .leave_delete > ol li { margin: 0; }
#leave > .leave_inner > ul li > .leave_delete > ol li > p { position: relative; line-height: 22px; padding: 0 0 0 10px; font-size: 15px; color: #666; }
#leave > .leave_inner > ul li > .leave_delete > ol li > p:before { position: absolute; top: 8px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #999; content: ''; }
#leave > .leave_inner > ul li > .leave_reason .radiobox { width: 100%; padding: 0 0 10px 0; }
#leave > .leave_inner > ul li > .leave_reason > textarea { height: 150px; border: 1px solid #ccc; border-radius: 10px; }
#leave > .leave_inner > ul li > .password_check p { padding: 5px 0 0 0; font-size: 14px; font-weight: bold; }
#leave > .leave_inner > ul li > .password_check p.discord { color: #f8428c; }
#leave > .leave_inner > ul li.agree { padding: 20px 0 0 0; border-top: 1px solid #ccc; }
#leave > .leave_inner > ul li.agree > .checkbox { padding: 0; font-weight: bold; }
#leave > .leave_inner > .btn_box button { margin: 0; width: 30%; float: left; }
#leave > .leave_inner > .btn_box button + button { width: 65%; float: right; }

/* 탈퇴 완료 */
#leaveComplete { margin: 100px 0; text-align: center; }
#leaveComplete > .leave_complete_inner > h1 { padding: 20px 0; font-size: 30px; color: #111; font-weight: 800; }

/*****************************
메인 팝업
******************************/
#layerMainPopup { position:fixed;z-index:300;top:10px;left:10px; }
#layerMainPopup > div { position:absolute; }
#layerMainPopup > div > .close { padding:5px 20px;text-align:right;color:#fff; overflow: hidden; background: rgba(0, 0, 0, 0.6); }
#layerMainPopup > div > .close > label > .close_checkbox { width: 20px; height: 20px; padding: 0; vertical-align: bottom; box-sizing:border-box; }


/********** 리뉴얼 및 신규 **********/

/* 성장톡톡 */
#growth { max-width: 1500px; margin: 0 auto; padding: 50px 0; line-height: 1; overflow: hidden; }
#growth > .title { text-align: center; }
#growth > ul { margin: 30px 0 0 0; }
#growth > ul li { width: 25%; float: left; }
#growth > ul li > .list { padding: 20px 17px; cursor: pointer; }
#growth > ul li > .list:hover .thumb_nail { border: 3px solid #f8428c; }
#growth > ul li > .list > .thumb_nail { width: 330px; height: 330px; background: #f2f4f3; border-radius: 30px; box-sizing: border-box; transition: all .1s; }
#growth > ul li > .list > .thumb_nail > img { width: 100%; height: 100%; border-radius: 30px; object-fit: cover; }
#growth > ul li > .list > p { width: 330px; line-height: 28px; padding: 15px 0 0 0; font-size: 18px; color: #111; font-weight: bold; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* 성장톡톡 카드뉴스 */
#growthCard { max-width: 1450px; line-height: 1; margin: 0 auto; padding: 50px 0; }
#growthCard > .title { height: 90px; }
#growthCard > .title > a { float: left; }
#growthCard > .title > .text { padding: 3px 0 0 15px; float: left; }
#growthCard > .title > .text > h1 { font-size: 24px; color: #111; font-weight: bold; }
#growthCard > .title > .text > p { padding: 20px 0 0 0; color: #999; font-size: 16px; }
#growthCard > .title > .view { line-height: 25px; padding: 40px 0 0 0; float: right; }
#growthCard > .title > .view > p { padding: 0 0 0 3px; text-align: right; font-size: 12px; color: #999; float: right; }
#growthCard > .card_news { padding: 0 0 50px 0; width: 880px; height: 880px; margin: 0 0 0 50%; border-radius: 30px; transform: translateX(-50%); }
#growthCard > .card_news > .swiper { width: 100%; height: 100%; overflow: hidden; }
#growthCard > .card_news > .swiper .swiper-slide { background: #fff; display: flex; justify-content: center; align-items: center; }
#growthCard > .card_news > .swiper .swiper-slide img { width: 100%; height: 100%; border-radius: 30px; object-fit: cover; display: block; }
#growthCard > .card_news > .swiper-button-next { right: -70px; color: #444; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M-69%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23444'%2F%3E%3C%2Fsvg%3E")}
#growthCard > .card_news > .swiper-button-prev { left: -70px; color: #444; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23444'%2F%3E%3C%2Fsvg%3E")}
#growthCard > .card_news > .swiper-pagination { bottom: 10px; left0; width: 100%; }
#growthCard > .card_news > .swiper-pagination .swiper-pagination-bullet { height: 8px; margin: 0 4px; display:inline-block; background: #000; opacity: .2; }
#growthCard > .card_news > .swiper-pagination .swiper-pagination-bullet-active { width: 30px; height: 8px; margin: 0 4px; border-radius: 4px; background: #f8428c; opacity: 1;}
#growthCard > .bundle { position: fixed; top: 91px; right: 20px; bottom: 0; width: 200px; padding: 20px 30px; margin-top:20px; border: 1px solid #ccc; background: #f8f8f8; text-align: center; box-sizing: border-box; }
#growthCard > .bundle > h2 { font-size: 14px; color: #111; font-weight: bold; }
#growthCard > .bundle > div { margin: 15px 0 0 0; }
#growthCard > .bundle > .gallery-thumbs { width: 100%; height: 100%; overflow: hidden; }
#growthCard > .bundle > .gallery-thumbs > .swiper-wrapper > .swiper-slide { height:110px !important; }
#growthCard > .bundle > .gallery-thumbs > .swiper-wrapper > .swiper-slide.on { border: 3px solid #f8428c; }
#growthCard > .bundle > .gallery-thumbs > .swiper-wrapper > .box > img { width: 100%; height:100%; object-fit: cover; }

/* 성장톡톡 텍스트 */
#growthText { width: 1200px; line-height: 1; margin: 0 auto; padding: 50px 0; }
#growthText > .title { height: 90px; }
#growthText > .title > a { float: left; }
#growthText > .title > .text { padding: 3px 0 0 15px; float: left; }
#growthText > .title > .text > h1 { font-size: 24px; color: #111; font-weight: bold; }
#growthText > .title > .text > p { padding: 20px 0 0 0; color: #999; font-size: 16px; }
#growthText > .title > .view { line-height: 25px; padding: 40px 0 0 0; float: right; }
#growthText > .title > .view > p { padding: 0 0 0 3px; text-align: right; font-size: 12px; color: #999; float: right; }
#growthText > .text { padding: 50px 0; }
#growthText > .text > p { line-height: 24px; padding: 0 0 20px 0; font-size: 14px; color: #111; }
#growthText > .text > .images { padding: 70px 0; text-align: center; }
#growthText > .bundle { position: fixed; top: 91px; right: 20px; bottom: 20px; width: 200px; padding: 20px 30px; margin-top:20px; border: 1px solid #ccc; background: #f8f8f8; text-align: center; box-sizing: border-box; }

#growthText > .bundle > h2 { font-size: 14px; color: #111; font-weight: bold; }
#growthText > .bundle > div { margin: 15px 0 0 0; }
#growthText > .bundle > .gallery-thumbs { width: 100%; height: 100%; overflow: hidden; }
#growthText > .bundle > .gallery-thumbs > .swiper-wrapper > .swiper-slide { height:110px !important; }
#growthText > .bundle > .gallery-thumbs > .swiper-wrapper > .swiper-slide.on { position: relative; opacity: 0.3; }
#growthText > .bundle > .gallery-thumbs > .swiper-wrapper > .swiper-slide.on:before { content: ''; position: absolute; top: 0; left: 0; width: calc(100% - 10px); height: calc(100% - 10px); border: 5px solid #000; opacity: 1; }
#growthText > .bundle > .gallery-thumbs > .swiper-wrapper > .box > img { width: 100%; height:100%; object-fit: cover; }
#growthText > .bundle > .box,
#growthCard > .bundle > .box { margin: unset; position: fixed; padding: 5px 0 !important; bottom: -1px; right: 20px; bottom: 20px; width:200px; padding: 20px 0; z-index: 10; background: rgba(0, 0, 0, 0.6)}
#growthText > .bundle > .up_box,
#growthCard > .bundle > .up_box { margin: unset; position: absolute; padding: 5px 0 !important; top: 0; right: 0; width:200px; padding: 20px 0; z-index: 10; background: rgba(0, 0, 0, 0.6)}
#growthText > .bundle > .up_box,
#growthCard > .bundle > .up_box > span > img { transform: rotate(180deg); }

/* 메인 */
#fullPage { line-height: 1; }
#fullPage .section { width: 100%; /* 전체 너비 */ height: 100vh; /* 뷰포트 높이에 맞춤 */ overflow: hidden; }
#fullPage #section1 .title_box { position: absolute; top: 50%; left: 150px; transform: translateY(-50%); }
#fullPage #section1 .title_box > .title1 { padding: 20px 0; }
#fullPage #section2 .title_box { padding: 130px 0 0 140px; }
#fullPage #section2 .title_box > h2 { font-size: 24px; color: #ff8f51; font-weight: 800; }
#fullPage #section2 .title_box > h1 { padding: 30px 0 0 0; }
#fullPage #section2 .title_box > p { padding: 10px 0 0 0; font-size: 42px; color: #111; }
#fullPage #section2 .title_box > p > span { position: relative; top: -10px; }
#fullPage #section2 .count_box { position: relative; padding: 50px 0 0 0px; height: 655px; }
#fullPage #section2 .count_box > .number_box { position: absolute; right: 0; width: 1780px; height: 480px; border-top-left-radius: 100px; background-color: #f7f7f7; z-index: 2; }
#fullPage #section2 .count_box > .number_box > ul { width: 1455px; height: 100%; }
#fullPage #section2 .count_box > .number_box > ul li { position: relative; width: 33.3%; height: 100%; float: left; }
#fullPage #section2 .count_box > .number_box > ul li:after { position: absolute; right: 0; top: 75px; width: 2px; height: 340px; background-color: #d8d8d8; content: ''; }
#fullPage #section2 .count_box > .number_box > ul li:last-child:after { display: none; }
#fullPage #section2 .count_box > .number_box > ul li > .number { padding: 100px 0 0 105px; }
#fullPage #section2 .count_box > .number_box > ul li > .number > p { padding: 50px 0 0 0; font-size: 24px; color: #111; font-weight: bold; }
#fullPage #section2 .count_box > .number_box > ul li > .number > .count_number { padding: 30px 0 0 0; font-size: 90px; color: #f8428c; font-weight: 900; }
#fullPage #section2 .count_box > .number_box > ul li > .number > .count_number span { font-size: 40px; font-weight: bold; color: #f8428c; }
#fullPage #section2 .count_box > .number_box > ul li > .number > .count_number .count{ font-size: 90px; color: #f8428c; font-weight: 900; }
#fullPage #section2 .count_box > .number_bg { position: absolute; bottom: 0; width: 100%; height: 450px; background: linear-gradient(90deg, rgba(248,66,140,1) 0%, rgba(255,143,81,1) 100%); z-index: 1; }
#fullPage #section1 .title_box { position: absolute; top: 50%; left: 150px; transform: translateY(-50%); }
#fullPage #section1 > div > img { width: 100%; height: 100vh; object-fit: cover; }
#fullPage #section2 .title_box { padding: 130px 0 0 140px; }
#fullPage #section1 .title_box > .title1 { padding: 20px 0; }
#fullPage #section1 .title_box > .title2 { position: relative; animation: fadein 2s; }
#fullPage #section1 .title_box > .title2 .title2-1 { animation: bounce .5s ease infinite alternate; }
#fullPage #section1 .title_box > .title2 img:nth-child(1) { position: absolute; top: -10px; left: 55px; animation-delay: .3s; }
#fullPage #section1 .title_box > .title2 img:nth-child(2) { position: absolute; top: -10px; left: 10px; }
#fullPage #section1 .title_box > .title2 img:nth-child(3) { animation-delay: .1s; }
#fullPage #section1 .title_box > .title2 img:nth-child(4) { animation-delay: .2s; }
@keyframes fadein {
    0% { opacity: 0; transform: translate3d(-100%, 0, 0); }
    to { opacity: 1; transform: translateZ(0); }
}
@keyframes bounce {
    100% { margin-top: -20px; }
}
#fullPage #section1 .title_box > .title3 { width: 700px; font-size: 27px; color: #666; letter-spacing: -1px; white-space: nowrap; animation: typing 3s steps(22), blink 0.1s step-end infinite alternate; animation-delay:2s; animation-fill-mode: forwards; overflow: hidden; opacity: 0;}
@keyframes typing {
    from { width: 0; opacity: 0; }
    to { width: 100%; opacity: 1; }
}
#fullPage #section2 > .title_box > h2 { font-size: 24px; color: #ff8f51; font-weight: 800; }
#fullPage #section2 > .title_box > h1 { padding: 30px 0 0 0; }
#fullPage #section2 > .title_box > p { padding: 10px 0 0 0; font-size: 42px; color: #111; }
#fullPage #section2 > .title_box > p > span { position: relative; top: -11px; }
#fullPage #section2 > .count_box { position: relative; padding: 50px 0 0 0px; height: 655px; }
#fullPage #section2 > .count_box > .number_box { position: absolute; right: 0; width: 1780px; height: 480px; border-top-left-radius: 100px; background-color: #f7f7f7; z-index: 2; }
#fullPage #section2 > .count_box > .number_box > ul { width: 1455px; height: 100%; }
#fullPage #section2 > .count_box > .number_box > ul li { position: relative; width: 33.3%; height: 100%; float: left; }
#fullPage #section2 > .count_box > .number_box > ul li:after { position: absolute; right: 0; top: 75px; width: 2px; height: 340px; background-color: #d8d8d8; content: ''; }
#fullPage #section2 > .count_box > .number_box > ul li:last-child:after { display: none; }
#fullPage #section2 > .count_box > .number_box > ul li > .number { padding: 100px 0 0 105px; }
#fullPage #section2 > .count_box > .number_box > ul li > .number > p { padding: 50px 0 0 0; font-size: 24px; color: #111; font-weight: bold; }
#fullPage #section2 > .count_box > .number_box > ul li > .number > .count_number { padding: 30px 0 0 0; font-size: 90px; color: #f8428c; font-weight: 900; }
#fullPage #section2 > .count_box > .number_box > ul li > .number > .count_number > span { font-size: 40px; font-weight: bold; }
#fullPage #section2 > .count_box > .number_bg { position: absolute; bottom: 0; width: 100%; height: 450px; background: linear-gradient(90deg, rgba(248,66,140,1) 0%, rgba(255,143,81,1) 100%); z-index: 1; }
#fullPage #section3 { background: url("/images/main/img_card_bg.png") no-repeat; background-size: cover; }
#fullPage #section3 .my-carousel__actions {top: 39vw; }
#fullPage #section4 { width: 100%; height: 100vh; /* 뷰포트 높이에 맞춤 */ background: url("/images/main/img_bg_swipe.png") no-repeat; -webkit-perspective: 1000; perspective: 1000; overflow: hidden; }
#fullPage #section4 .img_bg { position: absolute; z-index: 3; }
#fullPage #section4 .img_bg img { position: absolute; }
#fullPage #section4 .img_bg img:nth-child(1) { top: 90px; left: 230px; }
#fullPage #section4 .img_bg img:nth-child(2) { top: 130px; left: 145px; opacity: .7; }
#fullPage #section4 .img_bg img:nth-child(3) { top: 85px; left: 830px; }
#fullPage #section4 .img_bg img:nth-child(4) { bottom: -830px; left: 1720px; }
#fullPage #section4 #wrapper { background: url("/images/main/img_bg_swipe.png") no-repeat center; }
#fullPage #section4 #wrapper .test { position: relative; width:100% !important; }
#fullPage #section4 #wrapper .test > img { float: left; }
#fullPage #section4 #wrapper .test > .test_box { position: absolute; top: 140px; right: 235px; }
#fullPage #section4 #wrapper .test > .test_box > h1 { font-size: 55px; color: #fff; font-weight: 800; }
#fullPage #section4 #wrapper .test > .test_box > p { line-height: 40px; padding: 20px 0 0 0; font-size: 30px; color: #fff; font-weight: bold; letter-spacing: -1px; }
#fullPage #section4 #wrapper .test > .test_box > .contents { position: relative; z-index: 1; }
#fullPage #section4 #wrapper .test > .test_box > .contents > .content_box { position: relative; margin: 70px 0 0 0; width: 780px; height: 100%; border-radius: 30px; background: #fff; }
#fullPage #section4 #wrapper .test > .test_box > .contents > .user { position: absolute; top: -30px; left: 70px; height: 67px; line-height: 67px; border-radius: 35px; border: 3px solid #fff; text-align: center; z-index: 2; }
/*#fullPage #section4 #wrapper .test .inner { max-width: 1600px; margin: 0 auto; }*/
#fullPage #section4 #wrapper .test.wcdp { background: #58cabb; }
#fullPage #section4 #wrapper .test.wcdp > img { padding: 40px 0 0 150px; }
#fullPage #section4 #wrapper .test.wcdp > .test_box > .contents { height: 490px; }
#fullPage #section4 #wrapper .test.wcdp > .test_box > .contents > .user { width: 400px; background: #3db9a9; font-size: 28px; color: #fff; font-weight: bold;  }
#fullPage #section4 #wrapper .test.wcdp > .test_box > .contents > .content_box > ul { padding: 130px 50px; overflow: hidden; }
#fullPage #section4 #wrapper .test.wcdp > .test_box > .contents > .content_box > ul li { width: 20%; text-align: center; float: left; }
#fullPage #section4 #wrapper .test.wcdp > .test_box > .contents > .content_box > ul li > .title { width: 116px; height: 116px; line-height: 116px; margin: 0 0 0 50%; border-radius: 50%; background: #f2f2f2; text-align: center; font-size: 26px; font-weight: bold; transform: translateX(-50%); }
#fullPage #section4 #wrapper .test.wcdp > .test_box > .contents > .content_box > ul li > p { line-height: 28px; padding: 20px 0 0 0; font-size: 18px; color: #333; letter-spacing: -1.5px; }
#fullPage #section4 #wrapper .test.wsrs { background: #bb72f4; }
#fullPage #section4 #wrapper .test.wsrs > img { padding: 40px 0 0 100px; }
#fullPage #section4 #wrapper .test.wsrs > .test_box > .contents { height: 490px; }
#fullPage #section4 #wrapper .test.wsrs > .test_box > .contents > .user { width: 640px; background: #a958e8; font-size: 24px; color: #fff; font-weight: bold;  }
#fullPage #section4 #wrapper .test.wsrs > .test_box > .contents > .content_box > ul { padding: 130px 150px; overflow: hidden; }
#fullPage #section4 #wrapper .test.wsrs > .test_box > .contents > .content_box > ul li { width: 33.3%; text-align: center; float: left; }
#fullPage #section4 #wrapper .test.wsrs > .test_box > .contents > .content_box > ul li > .title { width: 116px; height: 81px; line-height: 30px; padding: 35px 0 0 0; margin: 0 0 0 50%; border-radius: 50%; background: #f2f2f2; text-align: center; font-size: 26px; font-weight: bold; transform: translateX(-50%); }
#fullPage #section4 #wrapper .test.wsrs > .test_box > .contents > .content_box > ul li > p { line-height: 28px; padding: 20px 0 0 0; font-size: 18px; color: #333; letter-spacing: -1.5px; }
#fullPage #section4 #wrapper .test.wctt { background: #f7c310; }
#fullPage #section4 #wrapper .test.wctt > img { padding: 40px 0 0 100px; }
#fullPage #section4 #wrapper .test.wctt > .test_box > .contents { height: 500px; }
#fullPage #section4 #wrapper .test.wctt > .test_box > .contents > .user { width: 400px; background: #e8b311; font-size: 24px; color: #fff; font-weight: bold;  }
#fullPage #section4 #wrapper .test.wctt > .test_box > .contents > .content_box > ul { padding: 65px 100px; overflow: hidden; }
#fullPage #section4 #wrapper .test.wctt > .test_box > .contents > .content_box > ul li { width: 33.3%; text-align: center; float: left; }
#fullPage #section4 #wrapper .test.wctt > .test_box > .contents > .content_box > ul li:nth-child(n+4) { margin: 35px 0 0 0; }
#fullPage #section4 #wrapper .test.wctt > .test_box > .contents > .content_box > ul li > .title { width: 116px; height: 116px; line-height: 116px; margin: 0 0 0 50%; border-radius: 50%; background: #f2f2f2; text-align: center; font-size: 26px; font-weight: bold; transform: translateX(-50%); }
#fullPage #section4 #wrapper .test.wctt > .test_box > .contents > .content_box > ul li > p { line-height: 28px; padding: 10px 0 0 0; font-size: 18px; color: #333; letter-spacing: -1.5px; }
#fullPage #section4 #wrapper .test.wmas { background: #66b8f1; }
#fullPage #section4 #wrapper .test.wmas > img { padding: 20px 0 0 100px; }
#fullPage #section4 #wrapper .test.wmas > .test_box { top: 100px; }
#fullPage #section4 #wrapper .test.wmas > .test_box > .contents { height: 540px; }
#fullPage #section4 #wrapper .test.wmas > .test_box > .contents > .user { width: 400px; background: #4ba6e6; font-size: 24px; color: #fff; font-weight: bold;  }
#fullPage #section4 #wrapper .test.wmas > .test_box > .contents > .content_box > ul { padding: 65px 50px; overflow: hidden; }
#fullPage #section4 #wrapper .test.wmas > .test_box > .contents > .content_box > ul li { width: 25%; height: 210px; text-align: center; float: left; }
#fullPage #section4 #wrapper .test.wmas > .test_box > .contents > .content_box > ul li:nth-child(n+5) { margin: 35px 0 0 0; }
#fullPage #section4 #wrapper .test.wmas > .test_box > .contents > .content_box > ul li > .title { width: 116px; height: 116px; line-height: 116px; margin: 0 0 0 50%; border-radius: 50%; background: #f2f2f2; text-align: center; font-size: 26px; font-weight: bold; transform: translateX(-50%); }
#fullPage #section4 #wrapper .test.wmas > .test_box > .contents > .content_box > ul li > p { line-height: 28px; padding: 10px 0 0 0; font-size: 18px; color: #333; letter-spacing: -1.5px; }
#fullPage #section4 #wrapper .test.wpas { background: #ff9a48; }
#fullPage #section4 #wrapper .test.wpas > img { padding: 20px 0 0 100px; }
#fullPage #section4 #wrapper .test.wpas > .test_box { top: 140px; }
#fullPage #section4 #wrapper .test.wpas > .test_box > .contents { height: 460px; }
#fullPage #section4 #wrapper .test.wpas > .test_box > .contents > .user { width: 580px; background: #e6854b; font-size: 24px; color: #fff; font-weight: bold;  }
#fullPage #section4 #wrapper .test.wpas > .test_box > .contents > .content_box > ul { padding: 105px 50px; overflow: hidden; }
#fullPage #section4 #wrapper .test.wpas > .test_box > .contents > .content_box > ul li { width: 50%; text-align: center; float: left; }
#fullPage #section4 #wrapper .test.wpas > .test_box > .contents > .content_box > ul li:nth-child(n+3) { margin: 50px 0 0 0; }
#fullPage #section4 #wrapper .test.wpas > .test_box > .contents > .content_box > ul li:nth-child(3) > .title { height: 86px; line-height: 30px; padding: 30px 0 0 0; }
#fullPage #section4 #wrapper .test.wpas > .test_box > .contents > .content_box > ul li > .title { width: 116px; height: 116px; line-height: 116px; border-radius: 50%; background: #f2f2f2; text-align: center; font-size: 26px; font-weight: bold; float: left; }
#fullPage #section4 #wrapper .test.wpas > .test_box > .contents > .content_box > ul li > p { line-height: 28px; padding: 20px 0 0 22px; font-size: 18px; color: #333; letter-spacing: -1.5px; text-align: left; float: left; }

#fullPage #section4 #wrapper .test.wfcm { background: #1d7639; }
#fullPage #section4 #wrapper .test.wfcm > img { padding: 20px 0 0 100px; }
#fullPage #section4 #wrapper .test.wfcm > .test_box { top: 140px; }
#fullPage #section4 #wrapper .test.wfcm > .test_box > h1 { font-size: 55px; color: #fff; font-weight: 800; }
#fullPage #section4 #wrapper .test.wfcm > .test_box > .contents { height: 460px; }
#fullPage #section4 #wrapper .test.wfcm > .test_box > .contents > .user { width: 400px; background: #1d7639; font-size: 24px; color: #fff; font-weight: bold;  }
#fullPage #section4 #wrapper .test.wfcm > .test_box > .contents > .content_box { height: auto; }
#fullPage #section4 #wrapper .test.wfcm > .test_box > .contents > .content_box > ul { padding: 80px 40px 20px 40px; overflow: hidden; }
#fullPage #section4 #wrapper .test.wfcm > .test_box > .contents > .content_box > ul li { width: 25%; text-align: center; padding: 0 0 20px 0; float: left; }
#fullPage #section4 #wrapper .test.wfcm > .test_box > .contents > .content_box > ul li:nth-child(3) > .title { height: 76px; line-height: 26px; padding: 20px 0 20px 0; }
#fullPage #section4 #wrapper .test.wfcm > .test_box > .contents > .content_box > ul li:nth-child(5) { margin: 0 0 0 90px; }
#fullPage #section4 #wrapper .test.wfcm > .test_box > .contents > .content_box > ul li:last-child > .title { height: 26px; padding: 45px 0 45px 0; }

#fullPage #section4 #wrapper .test.wfcm > .test_box > .contents > .content_box > ul li > .title { width: 116px; height: 56px; line-height: 28px; padding: 30px 0 30px 0; margin: 0 0 10px 50%; border-radius: 50%; background: #f2f2f2; text-align: center; font-size: 24px; font-weight: bold; transform: translateX(-50%); float: left; }
#fullPage #section4 #wrapper .test.wfcm > .test_box > .contents > .content_box > ul li > p { line-height: 22px; padding: 10px 0 0 0; font-size: 15px; color: #333; letter-spacing: -1.5px; text-align: center; }

#fullPage #section4 .test_btn { position: absolute; top: 50%; left: 0; width: 100%; height: 150px; display: flex; justify-content: center; transform: translateY(-50%); gap: 20px; z-index: 2; }
#fullPage #section4 #wrapper .test_btn button { position: absolute; left: 10px; background: transparent; opacity: .5; }
#fullPage #section4 #wrapper .test_btn button + button { position: absolute; left: unset; right: 10px;  background: transparent; }
#fullPage #section4 #wrapper .purchase_btn { position: absolute; left: 120px; bottom: 90px; z-index: 3; }
#fullPage #section4 #wrapper .purchase_btn button { padding: 10px 25px; border-radius: 30px; border: 2px solid #fff; background: transparent; font-size: 20px; color: #fff; font-weight: bold; }
#fullPage #section5 { position: relative; background-image: url("/images/common/img_bg_review.png"); }
#fullPage #section5 .review_title { position: absolute; top: 50%; left: 140px; transform: translateY(-50%); }
#fullPage #section5 .card_box { position: absolute; top: 0; right: 140px; width: 820px; overflow: hidden; }
#fullPage #section5 .card_box > .c

ard { position: relative; }
#fullPage #section5 .card_box > .card .card_list { position: relative; padding: 20px; width: 370px; float: left; }
#fullPage #section5 .card_box > .card .card_list:nth-child(1) { top: 120px; left: 0; }
#fullPage #section5 .card_box > .card .card_list:nth-child(2) { top: 0; right: 0; }
#fullPage #section5 .card_box > .card .card_list:nth-child(3) { top: 130px; left: 0; }
#fullPage #section5 .card_box > .card .card_list:nth-child(4) { top: 10px; right: 0; }
#fullPage #section5 .card_box > .card .card_list:nth-child(n+3):nth-child(odd) { top:130px; left: 0; }
#fullPage #section5 .card_box > .card .card_list:last-child { margin-bottom: 700px; }
#fullPage #section5 .card_box > .card .card_list > .review { width: 290px; height: 350px !important; padding: 50px 40px; border-radius: 30px; border: 1px solid #ebbccf; background: rgba(255, 255, 255, .5); box-shadow: 10px 13px 10px #f4b9d2; }
#fullPage #section5 .card_box > .card .card_list.on > .review { background: #fff; }
#fullPage #section5 .card_box > .card .card_list > .review > .title { overflow: hidden; }
#fullPage #section5 .card_box > .card .card_list > .review > .title > img { float: left; }
#fullPage #section5 .card_box > .card .card_list > .review > .title > .text { padding: 0 0 0 10px; letter-spacing: -2px; float: left; }
#fullPage #section5 .card_box > .card .card_list > .review > .title > .text > h1 { line-height: 25px; font-size: 18px; color: #111; font-weight: bold; }
#fullPage #section5 .card_box > .card .card_list > .review > .title > .text > p { padding: 6px 0 0 0; font-size: 14px; color: #111; }
#fullPage #section5 .card_box > .card .card_list > .review > p { line-height: 30px; padding: 40px 0 0 0; font-size: 18px; color: #333; word-break: keep-all; white-space: normal; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden; }
#fullPage #section6 {}
#fullPage #section6 .lab { width: 1640px; margin: 0 auto; padding: 80px 20px; overflow: hidden; justify-content: center; align-items: center; display: flex; }
#fullPage #section6 .lab > img { float: left; }
#fullPage #section6 .lab > .title_box { padding: 0 0 0 135px; float: right; }
#fullPage #section6 .lab > .title_box > h2 { font-size: 24px; font-weight: 800; color: #ff8f51; }
#fullPage #section6 .lab > .title_box > h1 { padding: 30px 0 55px 0; }
#fullPage #section6 .lab > .title_box > p { line-height: 60px; font-size: 36px; color: #111; }
#fullPage #section7 { position: relative; background-image: url("/images/common/img_bg_partner.png"); background-size: cover; justify-content: space-between; /* .partner_div와 .partner_list를 양 끝으로 정렬 */ display: flex; }
#fullPage #section7 .title_box { position: absolute; top: 50%; left: 140px; transform: translateY(-50%); }
#fullPage #section7 .title_box > h2 { font-size: 24px; font-weight: 800; color: #ff8f51; }
#fullPage #section7 .title_box > h1 { padding: 30px 0 0 0; }
#fullPage #section7 .partner_list { position: absolute; right: 180px; width: 690px; padding: 40px 0; text-align: center; }
#fullPage #section7 .partner_list > .partner { width: 300px; height: 195px; line-height: 195px; margin: 0 0 20px 0; border-radius: 40px; background: #fff; }
#fullPage #section7 .partner_list > .partner:nth-child(odd) { float: left; }
#fullPage #section7 .partner_list > .partner:nth-child(even) { float: right; }
#fullPage #section7 .partner_list > .partner:nth-child(2) { margin: 115px 0 0 0; }
#fullPage #section7 .partner_list > .partner:nth-child(4) { margin: 20px 0 0 0; }
#fullPage #section7 .partner_list > .partner:nth-child(6) { margin: 20px 0 0 0; }
#fullPage #section7 .partner_list > .partner:hover { filter: grayscale(0%); /* 호버 시 그레이스케일 제거 */ }
#fullPage #section7 .partner_list > .partner { transition: filter 0.5s ease-in-out; filter: grayscale(100%); }
#fp-nav ul li a span, .fp-slidesNav ul li a span { background: #c9c9c9 !important; }
#fp-nav ul li a.active span { background: #f8428c !important; }

/* 공모전(추후 삭제) */
#contest > .contest_bg { width: 100%; position: relative; height: 200px; background: url("/images/contest/img_contest_bg.png") no-repeat; background-size: cover; }
#contest > .contest_bg > .text { max-width: 1500px; margin: 0 auto; padding: 65px 0 0 120px; }
#contest > .contest_bg > .text > h1 { font-size: 30px; color: #111; font-weight: bold; }
#contest > .contest_bg > .text > p { padding: 10px 0 0 0; font-size: 18px; color: #666; }
#contest > .contest_box { position: relative; width: 900px; margin: 0 auto; padding: 100px 0 0; text-align: center; }
#contest > .contest_box.kfca2024 > .agree_download { position: absolute; top: 1267px; left: 277px; width: 350px; height: 97px; background: #fff; }

/* 주문내역 */
#order { height: 100vh; line-height: 1; background: #f4f4f4; }
#order > .order_box { position: relative; width: 1500px; max-width: 1500px; margin: 0 auto; padding: 50px 0; }
#order > .order_box > .side_menu { position: fixed; top: 141px; left: 210px; width: 280px; border: 1px solid #bababa; border-left: 4px solid #f8428c; border-radius: 0 60px 0 0; background: #fff; }
#order > .order_box > .side_menu > ul li { height: 60px; line-height: 60px; padding: 0 30px; border-bottom: 1px solid #e3e3e3; transition: .3s; cursor: pointer; }
#order > .order_box > .side_menu > ul li:last-child { border-bottom: 0; }
#order > .order_box > .side_menu > ul li:hover { background: #f8428c; }
#order > .order_box > .side_menu > ul li:hover > p { color: #fff; }
#order > .order_box > .side_menu > ul li:hover > img { filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); }
#order > .order_box > .side_menu > ul li > img { padding: 15px 20px 0 0; float: left; }
#order > .order_box > .side_menu > ul li > p { font-size: 14px; color: #111; float: left; }
#order > .order_box > .order_list { width: 1160px; max-width: 1160px; float: right; }
#order > .order_box > .order_list > .order > h1 { font-size: 24px; color: #111; font-weight: 800; }
#order > .order_box > .order_list > .order > .search { position: relative; width: 1120px; margin: 20px 0 0 0; padding: 15px 20px; border-radius: 20px; background: #fff; display: table; }
#order > .order_box > .order_list > .order > .search > .search_box { display: table-row; }
#order > .order_box > .order_list > .order > .search > .search_box > .search_title { width: 8%; line-height: 40px; padding: 0 0 10px 0; font-size: 16px; color: #111; font-weight: bold; display: table-cell; float: left; }
#order > .order_box > .order_list > .order > .search > .search_box > .search_contents { width: 33%; height: 40px; line-height: 40px; display: table-cell; float: left; }
#order > .order_box > .order_list > .order > .search > .search_box > .search_contents > .date { width: 310px; height: 40px; line-height: 40px; border: 1px solid #ccc; background: #fff; }
#order > .order_box > .order_list > .order > .search > .search_box > .search_contents > .date input[type=text] { width: 135px; height: 40px; line-height: 40px; padding: 0 0 0 15px; border: 0; background: url("/images/mypage/icon_date.png") no-repeat 100% 50%; font-size: 14px; color: #666; float: left; }
#order > .order_box > .order_list > .order > .search > .search_box > .search_contents > .date > span { padding: 0 10px; font-size: 16px; color: #111; float: left; }
#order > .order_box > .order_list > .order > .search > .search_box > .search_contents .checkbox { padding: 0 20px 0 0; letter-spacing: -1px; }
#order > .order_box > .order_list > .order > .search > .search_box > .search_contents_box { width: 33%; display: table-cell; float: left; }
#order > .order_box > .order_list > .order > .search > .search_box > .search_contents_box > .search_input > input[type=text] { padding: 0 0 0 40px; margin: 0 0 10px 0; background: url("/images/mypage/icon_search.png") no-repeat 3% 50%; }
#order > .order_box > .order_list > .order > .search > .search_box > .search_contents_box > .search_input > input[type=text]:hover { border: 1px solid #ccc; }
#order > .order_box > .order_list > .order > .search > .btn_box { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); }
#order > .order_box > .order_list > .order > .search > .btn_box button { height: 35px; margin: 0 0 0 10px; }
#order > .order_box > .order_list > .list { margin: 40px 0 0 0; }
#order > .order_box > .order_list > .list > ul li { margin: 0 0 20px 0; padding: 20px 25px; border-radius: 20px; background: #fff; box-shadow: 1px 1px 32px #eaeaea; }
#order > .order_box > .order_list > .list > ul li::after { display: block; clear: both; content: '';}
#order > .order_box > .order_list > .list > ul li > .top { overflow: hidden; }
#order > .order_box > .order_list > .list > ul li > .top > h1 { font-size: 18px; color: #111; font-weight: 800; float: left; }
#order > .order_box > .order_list > .list > ul li > .top > h1.wait { color: #7b24f1; }
#order > .order_box > .order_list > .list > ul li > .top > h1.refund { color: #999; }
#order > .order_box > .order_list > .list > ul li > .top > h1 > span { padding: 0 0 0 15px; font-size: 14px; color: #999; font-weight: normal; }
#order > .order_box > .order_list > .list > ul li > .top > a { font-size: 14px; color: #666; font-weight: bold; text-decoration: underline; text-underline-position: under; float: right; }
#order > .order_box > .order_list > .list > ul li > ol { position: relative; padding: 25px 0 0 0; overflow: hidden; }
#order > .order_box > .order_list > .list > ul li > ol li { padding: 0; margin: 0; border-radius: 0; background: none; box-shadow: none; float: left; }
#order > .order_box > .order_list > .list > ul li > ol li:first-child { width: 40%; }
#order > .order_box > .order_list > .list > ul li > ol li:first-child > .purchase { width: 100%; margin: 0 0 30px 0; float: left; }
#order > .order_box > .order_list > .list > ul li > ol li:first-child > .purchase:last-child { margin: 0; }
#order > .order_box > .order_list > .list > ul li > ol li:first-child > .purchase > .thumb_nail { width: 55px; height: 55px; background: #f2f2f2; float: left; }
#order > .order_box > .order_list > .list > ul li > ol li:first-child > .purchase > .thumb_nail > img { width: 100%; height: 100%; object-fit: cover; }
#order > .order_box > .order_list > .list > ul li > ol li:first-child > .purchase > .text { padding: 0 0 0 15px; float: left; }
#order > .order_box > .order_list > .list > ul li > ol li:first-child > .purchase > .text > .type { overflow: hidden; }
#order > .order_box > .order_list > .list > ul li > ol li:first-child > .purchase > .text > .type p { position: relative; padding: 0 20px 0 0; font-size: 12px; color: #666; float: left; }
#order > .order_box > .order_list > .list > ul li > ol li:first-child > .purchase > .text > .type p:after { position: absolute; top: 3px; right: 10px; width: 1px; height: 10px; background: #999; content: ''; }
#order > .order_box > .order_list > .list > ul li > ol li:first-child > .purchase > .text > h2 { padding: 7px 0 0 0; font-size: 14px; color: #111; font-weight: bold; }
#order > .order_box > .order_list > .list > ul li > ol li:first-child > .purchase > .text > p { padding: 10px 0 0 0; font-size: 12px; color: #111; font-weight: 800; }
#order > .order_box > .order_list > .list > ul li > ol li:first-child > .purchase > .text > p > span { font-weight: normal; }
#order > .order_box > .order_list > .list > ul li > ol li:first-child > .purchase > .text > .type p:last-child:after { display: none; }
#order > .order_box > .order_list > .list > ul li > ol li:nth-child(2) { position: absolute; top: 50%; left: 50%; width: 30%; text-align: center; transform: translate(-50%, -50%); }
#order > .order_box > .order_list > .list > ul li > ol li:nth-child(2) > .text { /*position: absolute; top: 50%; width: 100%; transform: translateY(-50%); */}
#order > .order_box > .order_list > .list > ul li > ol li:nth-child(2) > .text > p { padding: 9px 0 0 0; font-size: 14px; color: #111; }
#order > .order_box > .order_list > .list > ul li > ol li:nth-child(2) > .text > p + p { padding: 7px 0 0 0; font-size: 15px; font-weight: 800; color: #111; }
#order > .order_box > .order_list > .list > ul li > ol li:last-child { position: absolute; width: 30%; top: 50%; right: 0; transform: translateY(-50%); }
#order > .order_box > .order_list > .list > ul li > ol li:last-child > .btn_box { position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
#order > .order_box > .order_list > .list > ul li > ol li:last-child > .btn_box button { width: 70px; height: 30px; line-height: 30px; margin: 0 0 0 7px; padding: 0; border-radius: 5px; border: 1px solid #666; background: #fff; text-align: center; font-size: 12px; color: #111; font-weight: bold; }
#order > .order_box > .order_list > .list > ul li > ol li:last-child > .btn_box button:hover { background: #666; color: #fff; }
#order > .order_box > .order_list > .list > ul li > ol li:last-child > .btn_box button + button { border: 1px solid #ff8f51; color: #ff8f51; }
#order > .order_box > .order_list > .list > ul li > ol li:last-child > .btn_box button + button:hover { background: #ff8f51; color: #fff; }

/* 주문내역 상세보기 */
#orderView { height: 100%; line-height: 1; background: #f4f4f4; }
#orderView > .view { width: 600px; margin: 0 auto; padding: 50px 0; }
#orderView > .view > .title { position: relative; padding: 0 0 20px 0; }
#orderView > .view > .title > h1 { font-size: 24px; color: #111; font-weight: 800; text-align: center; }
#orderView > .view > .title > a { position: absolute; top: 0; left: 0; }
#orderView > .view > .number { height: 52px; line-height: 52px; padding: 0 20px; margin: 0 0 20px 0; border-radius: 20px; background: #fff; }
#orderView > .view > .number > p { font-size: 14px; color: #111; font-weight: bold; float: left; }
#orderView > .view > .number > p + p { text-align: right; float: right; }
#orderView > .view > .list { margin: 0 0 20px 0; border-radius: 20px; background: #fff; }
#orderView > .view > .list > h2 { padding: 20px; font-size: 16px; font-weight: bold; color: #111; }
#orderView > .view > .list > .pay { padding: 20px; border-top: 1px solid #e3e3e3; }
#orderView > .view > .list > .pay p { padding: 0 0 20px 0; font-size: 14px; color: #666; }
#orderView > .view > .list > .pay p > span { font-size: 14px; color: #111; text-align: right; float: right; }
#orderView > .view > .list > .pay p:last-child { padding: 0; }
#orderView > .view > .list > .price { padding: 20px; background: #f8f8f8; }
#orderView > .view > .list > .price p { padding: 0 0 20px 0; font-size: 14px; color: #666; }
#orderView > .view > .list > .price p > span { font-size: 14px; color: #111; text-align: right; float: right; }
#orderView > .view > .list > .price p > span > span { font-size: 12px; }
#orderView > .view > .list > .price p:nth-child(n+3) span { font-size: 12px; }
#orderView > .view > .list > .price p:last-child { padding: 0; }
#orderView > .view > .list > .price > h1 { border-top: 1px solid #e3e3e3; padding: 20px 0 0 0; font-size: 18px; color: #f8428c; font-weight: bold; }
#orderView > .view > .list > .price > h1 > span { text-align: right; color: #f8428c; font-weight: 800; float: right; }
#orderView > .view > .list > .price > h1 > span > span { color: #f8428c; font-size: 16px; font-weight: 800; }
#orderView > .view > .list > button { width: 560px; margin: 20px; border: 1px solid #ccc; border-radius: 10px; font-size: 14px; }
#orderView > .view > .btn_box { width: 94%; margin: 0 0 0 50%; transform: translateX(-50%); }
#orderView > .view > .btn_box button { width: 49%; margin: 0; border: 1px solid #ccc; border-radius: 10px; font-size: 14px; float: left; }
#orderView > .view > .btn_box button + button { float: right; }
#orderView > .view > .btn_box > p { width: 100%; padding: 10px 0 0 0; font-size: 14px; color: #111; text-align: center; overflow: hidden; }
#orderView > .view > .purchaser { margin: 20px 0 0 0; padding: 20px 25px; border-radius: 20px; background: #fff; }
#orderView > .view > .purchaser > h1 { padding: 0 0 20px 0; border-bottom: 1px solid #e3e3e3; font-size: 16px; color: #111; font-weight: bold; }
#orderView > .view > .purchaser > p { padding: 20px 0 0 0; font-size: 14px; color: #666; }
#orderView > .view > .purchaser > p > span { text-align: right; color: #111; float: right; }
#orderView > .view > .product { margin: 20px 0 0 0; padding: 0 20px 20px 20px; border-radius: 20px; background: #fff; overflow: hidden; }
#orderView > .view > .product > .purchase { width: 100%; padding: 20px 0 20px 0; border-bottom: 1px solid #e3e3e3; float: left; }
#orderView > .view > .product > .purchase.no { border-bottom: none; }
#orderView > .view > .product > .purchase > .thumb_nail { width: 55px; height: 55px; background: #f2f2f2; float: left; }
#orderView > .view > .product > .purchase > .thumb_nail > img { width: 100%; height: 100%; object-fit: cover; }
#orderView > .view > .product > .purchase > .text { padding: 0 0 0 15px; float: left; }
#orderView > .view > .product > .purchase > .text > .type { overflow: hidden; }
#orderView > .view > .product > .purchase > .text > .type p { position: relative; padding: 0 20px 0 0; font-size: 12px; color: #666; float: left; }
#orderView > .view > .product > .purchase > .text > .type p:after { position: absolute; top: 3px; right: 10px; width: 1px; height: 10px; background: #999; content: ''; }
#orderView > .view > .product > .purchase > .text > .type p:last-child:after { display: none; }
#orderView > .view > .product > .purchase > .text > h2 { padding: 7px 0 0 0; font-size: 14px; color: #111; font-weight: bold; }
#orderView > .view > .product > .purchase > .text > p { padding: 10px 0 0 0; font-size: 12px; color: #111; font-weight: 800; }
#orderView > .view > .product > .purchase > .text > p > span { font-weight: normal; }
#orderView > .view > .product > .btn_box { margin: 0 0 15px 0; }
#orderView > .view > .product > .btn_box button { width: 49%; margin: 0; border: 1px solid #ccc; border-radius: 10px; float: left; }
#orderView > .view > .product > .btn_box button + button { float: right; }
#orderView > .view > .product > .btn_box button + button:hover { background: #f8428c; color: #fff; }

/* 공모전+ */
#contestExhibit ul { margin: 30px 0 100px 0; overflow: hidden; }
#contestExhibit ul li { position: relative; width: 720px; height: 250px; margin: 0 0 30px 0; cursor: pointer; float: left; }
#contestExhibit ul li > img { width: 100%; height: 100%; object-fit: cover; }
#contestExhibit ul li:nth-child(even) { float: right; }
#contestExhibit ul li > .flag { position: absolute; top: 0; left: 0; width: 80px; height: 35px; line-height: 35px; border-radius: 0 0 10px 0; background: #8c8c8c; font-size: 14px; color: #fff; text-align: center; }
#contestExhibit ul li > .flag.ongoing { background: #f8428c; }

/* (공모전+) 참여방법 및 안내 */
#contestView { min-width: 1500px; line-height: 1; }
#contestView > .tab > .inner.tab { text-align: center; }
#contestView > .tab > .inner.tab > button { width: 250px; float: none; }
#contestView .way { text-align: center; }
#contestView .tab_content { padding: 30px 0; border-top: none; display: block;}
#contestView .participate > .container { width: 900px; margin: 0 auto; text-align: center;}
#contestView .participate > .container img{ max-width: 100%; margin: auto;}
#contestView .participate > .container > .info { height: 60px; line-height: 60px; padding: 0 0 0 20px; border: 1px solid #f8428c; }
#contestView .participate > .container > .info > img { padding: 18px 0; float: left; }
#contestView .participate > .container > .info > p { padding: 0 0 0 10px; font-size: 14px; color: #f8428c; font-weight: bold; float: left; }
#contestView .participate > .container > .info > p > span { font-weight: normal; color: #666; }
#contestView .participate > .container > ul.ask { margin: 20px 0 30px 0; overflow: hidden; }
#contestView .participate > .container > ul.ask li { width: 440px; padding: 20px 0 15px 0; border: 1px solid #ccc; border-radius: 20px; text-align: center; float: left; }
#contestView .participate > .container > ul.ask li > p { padding: 0 0 15px 0; font-size: 14px; color: #666; }
#contestView .participate > .container > ul.ask li > p > span { font-weight: bold; }
#contestView .participate > .container > ul.ask li > button > img + img { position: absolute; top: 27px; right: 0; }
#contestView .participate > .container > ul.ask li > button.request > img { right: 37px; }
#contestView .participate > .container > ul.ask li > button.complete > img { right: 7px ;}
#contestView .participate > .container > ul.ask li:nth-child(even) { float: right; }
/* 공모전 신청 부문 선택 */
#selectPartLayer { position:fixed;top:0;left:0;width:100%;height:100%;z-index:10; display: none; }
#selectPartLayer > .blind { position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.6;display:block; }
#selectPartLayer > .inner { position:absolute;top:50%;left:50%;width:450px;height:400px;transform:translateX(-50%) translateY(-50%);border-radius:15px;background:#fff;overflow:hidden;z-index:11; }
#selectPartLayer > .inner > .header { height:49px;padding:0 20px;line-height:49px;border-bottom:1px solid #d2d2d2; }
#selectPartLayer > .inner > .header > .title { font-weight:700; }
#selectPartLayer > .inner > .header > .close { position: absolute; top: 2px; right: 20px; }
#selectPartLayer > .inner > .header > .close:after { content: '\00d7'; font-size: 30px; cursor: pointer; }
#selectPartLayer > .inner > .content { height:calc(100% - 100px);padding:20px 40px;overflow-x:hidden;overflow-y:auto;font-size:13px; }
#selectPartLayer > .inner > .content > ul > li { position: relative; width: 100%; height: 100px; margin: 30px 0 0; line-height: 100px; border-radius: 20px; background: #f38b73; color: #fff; font-size: 23px; font-weight: 800; text-align: center; cursor: pointer; }
#selectPartLayer > .inner > .content > ul > li:hover { background: #d56147; }
#selectPartLayer > .inner > .content > ul > li:nth-child(2) { background: #8d73f3; }
#selectPartLayer > .inner > .content > ul > li:nth-child(2):hover { background: #6d43d3; }
#selectPartLayer > .inner > .content > ul > li > img { position: absolute; right: 30px; bottom: 10px; }
    /*// 참가 신청서 폼 //*/
#contestView .application > h1 { font-size: 26px; color: #111; font-weight: 800; text-align: center; }
#contestView .application > ul { padding: 20px; margin: 20px 0 0 0; border: 1px solid #f1f1f1; background: #f9f9f9; }
#contestView .application > ul li { position: relative; height: 50px; line-height: 50px; margin: 0 0 10px 0; padding: 0 20px; border-radius: 10px; border: 1px solid #ccc; background: #fff; }
#contestView .application > ul li.h80 { height: 80px; }
#contestView .application > ul li.independent_check { margin: 0; border: none; background: inherit; font-size: 14px; }
#contestView .application > ul li:last-child { margin: 0; }
#contestView .application > ul li > .independent_check { position: absolute; top: 35px; left: 190px; font-size: 13px; }
#contestView .application > ul li > p { width: 150px; font-size: 14px; color: #111; font-weight: bold; text-align: left; float: left; }
#contestView .application > ul li > p > span { margin: 0 5px 0 0; color: #f8428c; font-weight: bold; }
#contestView .application > ul li > input[type=text] { width: 650px; border: 0; outline: 0; font-size: 14px; color: #111; float: left; }
#contestView .application > ul li > input[type=text]::placeholder { font-size: 14px; color: #999; }
#contestView .application > ul li > .select_box select { width: 40%; border: 0; outline: 0; font-size: 14px; color: #111; text-align: center; float: left; }
#contestView .application > ul li > .text_number input[type=text] { width: 100px; border: 0; outline: 0; font-size: 14px; color: #111; text-align: center; float: left; }
#contestView .application > ul li > .text_number input[type=text]::placeholder { font-size: 14px; color: #999; text-align: center; }
#contestView .application > ul li > .text_number span { font-size: 14px; color: #111; font-weight: bold; float: left; }
#contestView .application > ul li.register { height: auto; padding: 0 20px; overflow: hidden; }
#contestView .application > ul li.register > .file_box { text-align: left; float: left; }
#contestView .application > ul li.register > .file_box > .file label { width: 80px; height: 35px; line-height: 35px; padding: 0; border-radius: 5px; border: 1px solid #ccc; background: #fff; font-size: 12px; color: #666; text-align: center; font-weight: bold; }
#contestView .application > ul li.register > .file_box > .file span { padding: 0 0 0 10px; font-size: 14px; color: #999; }
#contestView .application > ul li.register > .file_box > .preview { width: 270px; height: 150px; border-radius: 10px; margin: 0 0 15px 0; background: #eee; text-align: center; }
#contestView .application > ul li.register > .file_box > .preview > p { line-height: 0; padding: 57px 0 0 0; font-size: 12px; color: #999; }
#contestView .application > ul li.register > .file_down { width: 100%; overflow: hidden; }
#contestView .application > ul li.register > .file_down > button.download { line-height: 35px; margin: 0 0 8px 150px; font-size: 12px; float: left; }
#contestView .application > ul li.register > .file_down > button.download > img { width: 13px; padding: 0 0 0 2px; }
#contestView .application > ul li.register > .file_down > button.download:hover > img { filter: invert(41%) sepia(50%) saturate(621%) hue-rotate(95deg) brightness(84%) contrast(102%); }
#contestView .application > ul li.register > .file_box > .preview > img.preview_img {max-height: 100%; }
#contestView .application > ul li.text_box { height: auto; overflow: hidden; }
#contestView .application > ul li.text_box > .textarea { position: relative; width: 700px; float: left; }
#contestView .application > ul li.text_box > .textarea > textarea { height: 220px; border: 0; outline: 0; font-size: 14px; color: #111; resize: none; padding: 10px 0 0 10px; line-height: 20px;}
#contestView .application > ul li.text_box > .textarea > textarea::placeholder { font-size: 14px; color: #999; line-height: 40px;}
#contestView .application > ul li.text_box > .textarea > p { position: absolute; bottom: -10px; right: -20px; font-size: 12px; color: #999; }
#contestView .application > ul li.text_box > .textarea > p > span { color: #111; }
#contestView .application > button { margin: 40px 0 40px 38%; padding: 0; transform: translateX(-50%); }
        /*// 참가 신청서 조회/수정 팝업 //*/
#contestPopup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100vh; line-height: 1; background: rgba(0, 0, 0, 0.4); z-index: 10; display: none;}
#contestPopup > .contest_modify { position: absolute; top: 50%; left: 50%; width: 550px; height: 285px; background: #fff; transform: translate(-50%, -50%); }
#contestPopup > .contest_modify > img { position: absolute; top: 0; right: 0; cursor: pointer; }
#contestPopup > .contest_modify > h1 { padding: 40px 0 0 0; font-size: 18px; color: #111; font-weight: 800; text-align: center; }
#contestPopup > .contest_modify > ul { padding: 25px 50px 20px; }
#contestPopup > .contest_modify > ul li { margin: 0 0 10px 0; overflow: hidden; }
#contestPopup > .contest_modify > ul li:last-child { margin: 0; }
#contestPopup > .contest_modify > ul li > p { width: 80px; height: 40px; line-height: 40px; font-size: 16px; color: #111; float: left; }
#contestPopup > .contest_modify > ul li > input { width: 370px; height: 40px; line-height: 40px; margin: 0; padding: 0 15px; outline: 0; font-size: 14px; color: #111; float: left; }
#contestPopup > .contest_modify > ul li > input::placeholder { font-size: 14px; color: #999; }
#contestPopup > .contest_modify > ul li > span { padding: 10px 0 0 98px; font-size: 12px; color: #f8428c; float: left; }
#contestPopup > .contest_modify > button { width: 215px; height: 50px; line-height: 50px; margin: 0 0 0 50%; font-size: 18px; color: #fff; font-weight: 800; transform: translateX(-50%); }

        /* (공모전+) 작품보기 */
#contestView .work > .work_box { width: 1500px; margin: 30px auto; overflow: hidden; }
#contestView .work > .work_box > .info { height: 60px; line-height: 60px; border: 1px solid #f8428c; }
#contestView .work > .work_box > .info > ul { width: 1200px; margin: 0 0 0 50%; transform: translateX(-50%); }
#contestView .work > .work_box > .info > ul li { padding: 0 40px 0 0; float: left; }
#contestView .work > .work_box > .info > ul li:last-child { padding: 0; }
#contestView .work > .work_box > .info > ul li > img { padding: 18px 0; float: left; }
#contestView .work > .work_box > .info > ul li > p { padding: 0 0 0 10px; font-size: 14px; color: #f8428c; font-weight: bold; float: left; }
#contestView .work > .work_box > .search { width: 850px; height: 50px; line-height: 50px; padding: 0 25px; margin: 30px auto; border: 1px solid #ccc; border-radius: 25px; }
#contestView .work > .work_box > .search > img { float: left; }
#contestView .work > .work_box > .search > input[type=text] { width: 800px; margin: 0 0 0 10px; padding: 0; border: 0; outline: 0; font-size: 14px; color: #111; float: left; }
#contestView .work > .work_box > .search > input[type=text]::placeholder { font-size: 14px; color: #999; }
#contestView .work > .work_box > ul.list li { width: 360px; margin: 0 20px 20px 0; border: 1px solid #ccc; background: #fff; box-sizing: border-box; float: left; }
#contestView .work > .work_box > ul.list li:nth-child(4n) { margin: 0; }
#contestView .work > .work_box > ul.list li > .photo { position: relative; height: 250px; border-bottom: 1px solid #ccc; box-sizing: border-box; }
#contestView .work > .work_box > ul.list li > .photo > img { width: 100%; height: 100%; object-fit: cover; }
#contestView .work > .work_box > ul.list li > .photo > .more { position: absolute; right: 0; bottom: 0; padding: 5px 5px 2px 5px; background: rgb(255, 255, 255, 0.5); font-size: 11px; }
#contestView .work > .work_box > ul.list li > .text { position: relative; padding: 15px; }
#contestView .work > .work_box > ul.list li > .text > h2 { font-size: 14px; color: #666; }
#contestView .work > .work_box > ul.list li > .text > h1 { height: 45px; line-height: 24px; padding: 10px 0 0 0; font-size: 16px; color: #111; }
#contestView .work > .work_box > ul.list li > .text > p { position: absolute; right: 10px; top: 13px; font-size: 13px; }
#contestView .work > .work_box > ul.list li > .btn_box { width: 215px; margin: 5px 0 15px 50%; transform: translateX(-50%); overflow: hidden; }
#contestView .work > .work_box > ul.list li > .btn_box button { width: 100px; height: 35px; line-height: 35px; margin: 0; padding: 0; border: 1px solid #ccc; border-radius: 18px; background: #fff; text-align: center; float: left; }
#contestView .work > .work_box > ul.list li > .btn_box button > img { height: 32px; padding: 0 5px 0 13px; float: left; }
#contestView .work > .work_box > ul.list li > .btn_box > button { margin: 0 10px 0 0; }
#contestView .work > .work_box > ul.list li > .btn_box > button + button { margin: 0; float: right; }
#contestView .work > .work_box > ul.list li > .btn_box > button + button > img { padding: 2px 3px 0 13px; height: 30px; }
#contestView .work > .work_box > ul.list li > .btn_box button > p { font-size: 14px; color: #666; float: left; }
#contestView .work > .work_box > ul.list li > .btn_box > button:hover { border: 1px solid #ff8f51; background: #fff2eb; color: #111; }
#contestView .work > .work_box > ul.list li > .btn_box > button:hover > p { color: #111; }
#contestView .work > .work_box > ul.list li > .btn_box > button + button:hover { border: 1px solid #f8428c; background: #ffebf3; color: #111; }
#contestView .work > .work_box > ul.list li > .btn_box > button + button:hover > p { color: #111; }
#contestView .work > .work_box > ul.list li > .btn_box > button.no_vote { background: #eee; color: #999; }
#contestView .work > .work_box > ul.list li > .btn_box > button.no_vote > p { color: #999; }
#contestView .work > .work_box > ul.list li > .btn_box > button.no_vote:hover > p { color: #999; }
#contestView .work > .work_box > ul.list li > .btn_box > button.no_vote:hover { border: 1px solid #ccc; background: #eee; color: #999; }
#contestView .work > .work_box > ul.list .no_data { margin: auto; padding: 50px 0; text-align: center; }
#contestView .work > .work_box > ul.list .no_data > p { font-size: 20px; color: #666; margin: 20px 0 0 0}
/* 공모전 부문별 메뉴 */
#contestPartTab { overflow: hidden; }
#contestPartTab > li { width: 50%; height: 50px; margin: 30px 0 0; line-height: 50px; border-bottom: 2px solid #f8428c; background: #fff1f7; font-weight: 700; text-align: center; cursor: pointer; float: left; }
#contestPartTab > li.on { background: #f8428c; color: #fff; }
        /*// 작품보기 상세 //*/
#contestView .work > .work_box > .view > .photo { width: 750px; float: left; }
#contestView .work > .work_box > .view > .photo > img { width: 100%; height: 100%; object-fit: cover; }
#contestView .work > .work_box > .view > .info { position: relative; width: 730px; height: 460px; padding: 0 0 0 20px; float: left; }
#contestView .work > .work_box > .view > .info > .text > h1 { font-size: 18px; color: #111; font-weight: bold; }
#contestView .work > .work_box > .view > .info > .text > h2 { padding: 15px 0 0 0; font-size: 14px; color: #666; }
#contestView .work > .work_box > .view > .info > .text > span { width: 60px; height: 20px; line-height: 20px; margin: 30px 0 0 0; background: #f2f2f2; font-size: 12px; color: #666; text-align: center; font-weight: 800; display: block; }
#contestView .work > .work_box > .view > .info > .text > p { min-height: 285px; line-height: 30px; padding: 10px 0 0 0; font-size: 16px; color: #333; }
#contestView .work > .work_box > .view > .info > .btn_box { position: absolute; right: 0; width: 600px; margin: 30px 0 0; overflow: hidden; }
#contestView .work > .work_box > .view > .info > .btn_box button { width: 130px; height: 40px; line-height: 40px; margin: 0 0 0 10px; padding: 0; border: 1px solid #ccc; border-radius: 20px; background: #fff; text-align: center; font-size: 16px; float: right; }


#contestView .work > .work_box > .view > .info > .btn_box button > img { padding: 3px 5px 0 24px; float: left; }
#contestView .work > .work_box > .view > .info > .btn_box > button + button { margin: 0; }
#contestView .work > .work_box > .view > .info > .btn_box > button + button > img { padding: 1px 5px 0 24px; }
#contestView .work > .work_box > .view > .info > .btn_box button > p { font-size: 16px; color: #666; float: left; }
#contestView .work > .work_box > .view > .info > .btn_box > button:hover { border: 1px solid #ff8f51; background: #fff2eb; color: #111; }
#contestView .work > .work_box > .view > .info > .btn_box > button:hover > p { color: #111; }
#contestView .work > .work_box > .view > .info > .btn_box > button + button:hover { border: 1px solid #f8428c; background: #ffebf3; color: #111; }
#contestView .work > .work_box > .view > .info > .btn_box > button + button:hover > p { color: #111; }
#contestView .work > .work_box > .view > .info > .btn_box > p { padding: 10px 20px 0 0; font-size: 14px; color: #f8428c; text-align: right; letter-spacing: -1px; float: right; }


#contestView .work > .work_box > .view > .info > .btn_box button .no_vote { background: #eee; color: #999; }
#contestView .work > .work_box > .view > .info > .btn_box button .no_vote > p { color: #999; }
#contestView .work > .work_box > .view > .info > .btn_box button .no_vote:hover > p { color: #999; }
#contestView .work > .work_box > .view > .info > .btn_box button .no_vote:hover { border: 1px solid #ccc; background: #eee; color: #999; }

#contestView .work > .work_box > .view > .info > .btn_box > button.no_vote { background: #eee; color: #999; }
#contestView .work > .work_box > .view > .info > .btn_box > button.no_vote > p { color: #999; }
#contestView .work > .work_box > .view > .info > .btn_box > button.no_vote > img { filter: invert(81%) sepia(0%) saturate(0%) hue-rotate(160deg) brightness(105%) contrast(91%); }
#contestView .work > .work_box > .view > .info > .btn_box > button.no_vote:hover > p { color: #999; }
#contestView .work > .work_box > .view > .info > .btn_box > button.no_vote:hover { border: 1px solid #ccc; background: #eee; color: #999; }

        /* (공모전+) 수상작 발표 */
#contestView .prime > .prime_box { width: 1500px; margin: 0 auto; text-align: center;}
#contestView .prime > .prime_box .grand { text-align: center; }
#contestView .prime > .prime_box .grand > .title > p { padding: 15px 0 0 0; font-size: 18px; color: #111; }
#contestView .prime > .prime_box .grand > ul.work { margin: 25px 0 45px 0; }
#contestView .prime > .prime_box .grand > ul.work li > .thumb_nail { width: 450px; height: 250px; margin: 0 0 0 50%; border: 1px solid #ccc; transform: translateX(-50%); }
#contestView .prime > .prime_box .grand > ul.work li > .thumb_nail > img { width: 100%; height: 100%; object-fit: cover; }
#contestView .prime > .prime_box .grand > ul.work li > .text { padding: 15px 0 0 0; }
#contestView .prime > .prime_box .grand > ul.work li > .text > h1 { font-size: 16px; color: #111; }
#contestView .prime > .prime_box .grand > ul.work li > .text > p { padding: 10px 0 0 0; font-size: 14px; color: #666; }
#contestView .prime > .prime_box .grand.two > ul.work { width: 935px; margin: 25px 0 54px 50%; transform: translateX(-50%); }
#contestView .prime > .prime_box .grand.two > ul.work li { width: 450px; margin: 0 30px 0 0; float: left; }
#contestView .prime > .prime_box .grand.two > ul.work li:last-child { margin: 0; }


/* 내검사 플러스 */
#inspection { line-height: 1; }
#inspection .inner { width: 1500px; max-width: 1500px; margin: 0 auto; }
#inspection h1 { padding: 40px 0 20px 0; }
#inspection .info { width: 400px; float: left; }
#inspection .info > .child { border: 1px solid #ccc; border-radius: 20px 0 20px 20px; }
#inspection .info > .child > button { width: 360px; margin: 20px 0 20px 20px; border-radius: 10px; }
#inspection .info > .child > ul li { padding: 30px; border-bottom: 1px solid #ccc; overflow: hidden; }
#inspection .info > .child > ul li:last-child { border-bottom: 0; }
#inspection .info > .child > ul li > .thumb { width: 80px; height: 80px; line-height: 80px; border-radius: 50%; background: #ebebeb; text-align: center; float: left; }
#inspection .info > .child > ul li > .thumb > img { filter: grayscale(100%); opacity: .6; }
#inspection .info > .child > ul li > .text { padding: 0 0 0 20px; float: left; }
#inspection .info > .child > ul li > .text > h2 { font-size: 14px; font-weight: bold; color: #111; }
#inspection .info > .child > ul li > .text > p { padding: 10px 0 0 0; font-size: 14px; color: #666; }
#inspection .info > .child > ul li > .text > button { width: 70px; height: 25px; line-height: 25px; margin: 20px 0 0 0; border-radius: 5px; border: 1px solid #ccc; background: #fff; font-size: 12px; color: #666; text-align: center; padding: 0; }
#inspection .info > .child > ul li.on { border-radius: 20px 0 0 0; background: #fbeef3; }
#inspection .info > .child > ul li.on > .thumb { border: 1px dashed #f8428c; background: #fff; }
#inspection .info > .child > ul li.on > .thumb > img { filter: grayscale(0); opacity: 10; }
#inspection .info > .possession { margin: 30px 0 0 0; }
#inspection .info > .possession > .title { width: 100%; overflow: hidden; }
#inspection .info > .possession > .title > h3 { font-size: 16px; color: #111; font-weight: bold; float: left; }
#inspection .info > .possession > .title > a { padding: 5px 0 0 0; font-size: 12px; color: #666; text-decoration: underline; text-underline-position: under; float: right; }
#inspection .info > .possession > ul { margin: 15px 0 0 0; }
#inspection .info > .possession > ul li { position: relative; height: 50px; padding: 20px; margin: 0 0 10px 0; border-radius: 20px 0 20px 20px; background: #f8f8f8; transition: .3s; }
#inspection .info > .possession > ul li > h4 { font-size: 14px; color: #111; float: left; }
#inspection .info > .possession > ul li > h4 > span { width: 60px; height: 25px; line-height: 25px; margin: 0 0 6px 0; border-radius: 13px; color: #fff; font-size: 12px; font-weight: bold; text-align: center; display: block; }
#inspection .info > .possession > ul li > h4 > span.wcdp { background: #58cabb; }
#inspection .info > .possession > ul li > h4 > span.wctt { background: #e4c652; }
#inspection .info > .possession > ul li > h4 > span.wpas { background: #ff8f51; }
#inspection .info > .possession > ul li > h4 > span.wmas { background: #049cdb; }
#inspection .info > .possession > ul li > h4 > span.wsrs { background: #8a5fe1; }
#inspection .info > .possession > ul li > h4 > span.wfcm { background: #59bf73; }
#inspection .info > .possession > ul li > p { position: absolute; right: 120px; bottom: 30px; font-size: 14px; color: #111; font-weight: bold; text-decoration: underline; text-underline-position: under; }
#inspection .info > .possession > ul li > button { width: 70px; height: 25px; line-height: 25px; margin: 20px 0 0 0; padding: 0; border-radius: 5px; border: 1px solid #ccc; background: #fff; font-size: 12px; color: #666; text-align: center; float: right; }
#inspection .info > .possession > ul li.on:hover > h4 { color: #fff; }
#inspection .info > .possession > ul li.on:hover > h4 > span { background: #fff; }
#inspection .info > .possession > ul li.on:hover > p { color: #fff; }
#inspection .info > .possession > ul li.on_wcdp:hover { background: #58cabb; }
#inspection .info > .possession > ul li.on_wcdp:hover > h4 > span.wcdp { color: #58cabb; font-weight: bold; }
#inspection .info > .possession > ul li.on_wctt:hover { background: #e4c652; }
#inspection .info > .possession > ul li.on_wctt:hover > h4 > span.wctt { color: #e4c652; font-weight: bold; }
#inspection .info > .possession > ul li.on_wpas:hover { background: #ff8f51; }
#inspection .info > .possession > ul li.on_wpas:hover > h4 > span.wpas { color: #ff8f51; font-weight: bold; }
#inspection .info > .possession > ul li.on_wmas:hover { background: #049cdb; }
#inspection .info > .possession > ul li.on_wmas:hover > h4 > span.wmas { color: #049cdb; font-weight: bold; }
#inspection .info > .possession > ul li.on_wsrs:hover { background: #8a5fe1; }
#inspection .info > .possession > ul li.on_wsrs:hover > h4 > span.wsrs { color: #8a5fe1; font-weight: bold; }
#inspection .info > .possession > ul li.on_wfcm:hover { background: #59bf73; }
#inspection .info > .possession > ul li.on_wfcm:hover > h4 > span.wfcm { color: #59bf73; font-weight: bold; }

#inspection .graph_list { width: 1070px; float: right; }
#inspection .graph_list > .top { position: relative; }
#inspection .graph_list > .top > .name { position: absolute; left: 0; bottom: 0; }
#inspection .graph_list > .top > .name button { padding: 13px; margin: 0 5px 0 0; width: 90px; border-radius: 10px 10px 0 0; background: #dcdcdc; font-size: 14px; color: #999; text-align: center; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; transition: .3s; display: block; overflow: hidden; float: left; }
#inspection .graph_list > .top > .name button:first-child { margin: 0 5px 0 30px; }
#inspection .graph_list > .top > .name button.on { color: #fff; background: #f8428c; }
#inspection .graph_list > .top > .name button:hover { color: #fff; background: #ff8f51; }
#inspection .graph_list > .top > .check { position: absolute; right: 0; bottom: -3px; }
#inspection .graph_list > .top > .check > h1 { font-size: 12px; color: #666; text-align: right; float: right; }
#inspection .graph_list > .top > .check > h1 > span { font-weight: 800; }
#inspection .graph_list > .top > .check > img { float: right; }
#inspection .graph_list > ul > li { position: relative; }
#inspection .graph_list > ul > li.wcdp > .title { background: #edf8f7; }
#inspection .graph_list > ul > li.wmas > .title { background: #edf4f8; }
#inspection .graph_list > ul > li.wsrs > .title { background: #f4edf8; }
#inspection .graph_list > ul > li.wfcm > .title { background: #dffae6; }
#inspection .graph_list > ul > li { margin: 0 0 20px 0; border: 1px solid #ccc; border-radius: 20px 0 20px 20px; }
#inspection .graph_list > ul > li > .title { position: relative; height: 50px; padding: 25px 30px; border-radius: 20px 0 0 0; }
#inspection .graph_list > ul > li > .title > img { float: left; }
#inspection .graph_list > ul > li > .title > .text { padding: 0 0 0 10px; float: left; }
#inspection .graph_list > ul > li > .title > .text > .sub_title { overflow: hidden; }
#inspection .graph_list > ul > li > .title > .text > .sub_title > h2 { padding: 4px 10px 0 0; font-size: 18px; color: #111; font-weight: 800; float: left; }
#inspection .graph_list > ul > li > .title > .text > .sub_title > button { width: 75px; min-width: 75px; height: 25px; line-height: 25px; padding: 0; margin: 0; border: 1px solid #ccc; border-radius: 12px; background: #fff; font-size: 12px; color: #999; text-align: center; font-weight: bold; }
#inspection .graph_list > ul > li > .title > .text > p { line-height: 18px; padding: 5px 0 0 0; font-weight: bold; font-size: 12px; color: #666; }
#inspection .graph_list > ul > li > .title > a { padding: 22px 0 0 0; font-size: 12px; color: #666; text-decoration: underline; text-underline-position: under; float: right; }
#inspection .graph_list > ul > li > .graph_wcdp { position: relative; height: 220px; margin: 30px; }
#inspection .graph_list > ul > li > .graph_wmas { height: 220px; margin: 30px; text-align: center; }
#inspection .graph_list > ul > li > .graph_wmas > .no_data { padding: 30px 0 0; }
#inspection .graph_list > ul > li > .graph_wmas > .no_data > p { margin: 20px 0 0; font-weight: 400; font-size: 15px; color: #ff8f51; }
#inspection .graph_list > ul > li > .graph_wsrs { height: 220px; margin: 30px; text-align: center; }
#inspection .graph_list > ul > li > .graph_wsrs > .no_data { padding: 30px 0 0; }
#inspection .graph_list > ul > li > .graph_wsrs > .no_data > p { margin: 20px 0 0; font-weight: 400; font-size: 15px; color: #ff8f51; }
#inspection .graph_list > ul > li > .graph_wfcm { margin: 30px; }
#inspection .graph_list > ul > li > .graph_wfcm > .no_data { padding: 60px 0 0; height: 220px; text-align: center; }
#inspection .graph_list > ul > li > .graph_wfcm > .no_data > p { margin: 20px 0 0; font-weight: 400; font-size: 15px; color: #ff8f51; }
#inspection .graph_list > ul > li > .explanation { padding: 20px; margin: 30px; border-radius: 20px; overflow: hidden; }
#inspection .graph_list > ul > li > .explanation.wcdp { border: 1px solid #58cabb; }
#inspection .graph_list > ul > li > .explanation.wctt_wpas { margin: 0; border: 1px solid #ff8f51; border-radius: 20px; }
#inspection .graph_list > ul > li > .explanation.wmas { border: 1px solid #5dbae5; }
#inspection .graph_list > ul > li > .explanation.wsrs { border: 1px solid #8a5fe1; }
#inspection .graph_list > ul > li > .explanation.wctt_wpas > img { position: absolute; margin: 0 10px 0 0; }
#inspection .graph_list > ul > li > .explanation.wctt_wpas > p { margin: 0 0 0 50px; font-size: 14px; color: #111; line-height: 20px; }
#inspection .graph_list > ul > li > .explanation > img { position: absolute; margin: 0 10px 0 0; }
#inspection .graph_list > ul > li > .explanation > p { margin: 0 0 0 50px; font-size: 14px; color: #111; line-height: 20px; }
#inspection .graph_list > ul > li > .explanation > p:nth-child(3) { margin-top: 10px; }
#inspection .graph_list > ul > li.wctt_wpas { padding: 20px; }
#inspection .graph_list > ul > li .test { position: relative; width: 460px; height: 310px; padding: 20px; margin: 0 0 30px 0; border-radius: 20px 0 0 0; }
#inspection .graph_list > ul > li .test > .title { height: 50px; line-height: 50px; border-radius: 20px 0 0 0; }
#inspection .graph_list > ul > li .test > .title > img { float: left; }
#inspection .graph_list > ul > li .test > .title > .sub_title > h2 { padding: 0 10px 0 10px; font-size: 18px; color: #111; font-weight: 800; float: left; }
#inspection .graph_list > ul > li .test > .title > .sub_title > button { width: 75px; min-width: 75px; height: 25px; line-height: 25px; padding: 0; margin: 0; border: 1px solid #ccc; border-radius: 12px; background: #fff; font-size: 12px; color: #999; text-align: center; font-weight: bold; }
#inspection .graph_list > ul > li .test > a { position: absolute; right: 20px; bottom: 20px; font-size: 12px; color: #666; text-decoration: underline; text-underline-position: under; }
#inspection .graph_list > ul > li .test.wctt { background: url("/images/mypage/img_wctt1.png") no-repeat #f8f5ed; background-position: center bottom; float: left; }
#inspection .graph_list > ul > li .test.wpas { background: url("/images/mypage/img_wpas2.png") no-repeat #f8f0ed; background-position: center bottom; float: right; }
#inspection .graph_list > ul > li .test > .look { position: relative; height: 290px; text-align: center; }
#inspection .graph_list > ul > li .test > .look > .no_data { position: absolute; width: 100%; margin: 50px 0 0; text-align: center; z-index: 1; }
#inspection .graph_list > ul > li .test > .look > .no_data > p { margin: 20px 0 0; font-weight: 400; font-size: 15px; color: #ff8f51; }
#inspection .graph_list > ul > li .test > .look > img { position: absolute; top:112px; left: 60px; }
#inspection .graph_list > ul > li .test > .look > img.cloudy { top: 90px; left: 90px; }
#inspection .graph_list > ul > li .test > .look > img.bee { top: 265px; left: 440px; }
#inspection .graph_list > ul > li .test > .look > .img.wpas_img > .text {}
#inspection .graph_list > ul > li .test > .look > .img1.wpas_img > img + img { left: -20px; }
#inspection .graph_list > ul > li .test > .look > .img > .text { position: absolute; top: 105px; left: 50%; width: 110px; line-height: 18px; transform: translateX(-50%); cursor: pointer; }
#inspection .graph_list > ul > li .test > .look > .img > .text.small { width: 75px; }
#inspection .graph_list > ul > li .test > .look > .img > .text > h3 { font-size: 14px; color: #111; font-weight: 800; }
#inspection .graph_list > ul > li .test > .look > .img > .text > p { font-size: 12px; color: #666; }
#inspection .graph_list > ul > li .test > .look > .img1 { position: absolute; bottom: 25px; left: 50%; width: 166px; transform: translateX(-50%); z-index: 2; }
#inspection .graph_list > ul > li .test > .look > .img1 > img + img { position: absolute; top: 15px; right: -20px; }
#inspection .graph_list > ul > li .test > .look > .img2 { position: absolute; bottom: 20px; left: 63px; width: 102px; z-index: 1; }
#inspection .graph_list > ul > li .test > .look > .img2 > .text { top: 40px; }
#inspection .graph_list > ul > li .test > .look > .img2 > .text > h3 { line-height: 1; font-size: 11px; color: #999; }
#inspection .graph_list > ul > li .test > .look > .img2 > .text > p { font-size: 9px; color: #999; letter-spacing: -1px; }
#inspection .graph_list > ul > li .test > .look > .img3 { position: absolute; bottom: 20px; right: 62px; width: 102px; z-index: 1; }
#inspection .graph_list > ul > li .test > .look > .img3 > .text { top: 40px; }
#inspection .graph_list > ul > li .test > .look > .img3 > .text > h3 { line-height: 1; font-size: 11px; color: #999; }
#inspection .graph_list > ul > li .test > .look > .img3 > .text > p { font-size: 9px; color: #999; letter-spacing: -1px; }

/* 그래프 팝업 - WCDP */
#wcdpGraphLayer { position: absolute; top: 215px; left: 0; width: 500px; height: 400px; border-radius: 20px; background: #fff; box-shadow: 0 0px 10px 0px #ddd; z-index: 5; display: none; }
#wcdpGraphLayer::before { content: ''; position: absolute; top: -14px; left: calc(50% - 13px); width: 26px; height: 26px; margin: 0; border-top: 1px solid #eee; border-right: 1px solid #eee; transform: rotate(-45deg); background: #fff; }
#wcdpGraphLayer::after { content: ''; display: block; clear: both; }
#wcdpGraphLayer > .close { position: absolute; top: 20px; right: 20px; cursor: pointer; z-index: 1; }
#wcdpGraphLayer > iframe { width: 100%; height: 100%; }
#wcdpGraphLayer.stage1 { left: -174px; }
#wcdpGraphLayer.stage2 { left: -88px; }
#wcdpGraphLayer.stage3 { left: -2px; }
#wcdpGraphLayer.stage4 { left: 84px; }
#wcdpGraphLayer.stage5 { left: 170px; }
#wcdpGraphLayer.stage6 { left: 256px; }
#wcdpGraphLayer.stage7 { left: 343px; }
#wcdpGraphLayer.stage8 { left: 428px; }
#wcdpGraphLayer.stage9 { left: 515px; }
#wcdpGraphLayer.stage10 { left: 600px; }
#wcdpGraphLayer.stage11 { left: 686px; }

/* 그래프 팝업 - WCTT, WPAS */
#wcttGraphLayer { position: absolute; top: 0; left: 0; width: 500px; height: 300px; border-radius: 20px; background: #fff; box-shadow: 0 0px 10px 0px #ddd; z-index: 5; display: none; }
#wcttGraphLayer::before { content: ''; position: absolute; bottom: -14px; left: calc(50% - 13px); width: 26px; height: 26px; margin: 0; border-left: 1px solid #eee; border-bottom: 1px solid #eee; transform: rotate(-45deg); background: #fff; }
#wcttGraphLayer::after { content: ''; display: block; clear: both; }
#wcttGraphLayer > .close { position: absolute; top: 20px; right: 20px; cursor: pointer; z-index: 1; }
#wcttGraphLayer > iframe { width: 100%; height: 100%; }
#wcttGraphLayer.stage1 { top: -110px; left: 20px; }
#wcttGraphLayer.stage2 { top: -55px; left: -97px; }
#wcttGraphLayer.stage3 { top: -55px; left: 135px; }
#wcttGraphLayer.stage4 { top: -110px; left: 549px; }
#wcttGraphLayer.stage5 { top: -55px; left: 432px; }
#wcttGraphLayer.stage6 { top: -55px; left: 664px; }

/* 그래프 팝업 - WSRS */
#wsrsGraphLayer { position: absolute; top: -300px; left: 0; width: 690px; height: 520px; border-radius: 20px; background: #fff; box-shadow: 0 0px 10px 0px #ddd; z-index: 5; display: none; }
#wsrsGraphLayer::before { content: ''; position: absolute; bottom: -14px; left: calc(50% - 13px); width: 26px; height: 26px; margin: 0; border-left: 1px solid #eee; border-bottom: 1px solid #eee; transform: rotate(-45deg); background: #fff; }
#wsrsGraphLayer::after { content: ''; display: block; clear: both; }
#wsrsGraphLayer > .close { position: absolute; top: 20px; right: 20px; cursor: pointer; z-index: 1; }
#wsrsGraphLayer > iframe { width: 100%; height: 100%; }

/* 그래프 팝업 - WMAS */
#wmasGraphLayer { position: absolute; top: -250px; left: 0; width: 785px; height: 400px; border-radius: 20px; background: #fff; box-shadow: 0 0px 10px 0px #ddd; z-index: 5; display: none; }
#wmasGraphLayer::before { content: ''; position: absolute; bottom: -14px; left: calc(50% - 13px); width: 26px; height: 26px; margin: 0; border-left: 1px solid #eee; border-bottom: 1px solid #eee; transform: rotate(-45deg); background: #fff; }
#wmasGraphLayer::after { content: ''; display: block; clear: both; }
#wmasGraphLayer > .close { position: absolute; top: 20px; right: 20px; cursor: pointer; z-index: 1; }
#wmasGraphLayer > iframe { width: 100%; height: 100%; }
#wmasWeakLayer { position: absolute; top: -250px; left: 0; width: 785px; height: 400px; border-radius: 20px; background: #fff; box-shadow: 0 0px 10px 0px #ddd; z-index: 5; display: none; }
#wmasWeakLayer::before { content: ''; position: absolute; bottom: -14px; left: calc(50% - 13px); width: 26px; height: 26px; margin: 0; border-left: 1px solid #eee; border-bottom: 1px solid #eee; transform: rotate(-45deg); background: #fff; }
#wmasWeakLayer::after { content: ''; display: block; clear: both; }
#wmasWeakLayer > .close { position: absolute; top: 20px; right: 20px; cursor: pointer; z-index: 1; }

#graphLayerLoading { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }


/* 회사소개 */
#plusCompany { min-width: 1500px; line-height: 1; }
#plusCompany .inner { width: 1500px; margin: 0 auto; }
#plusCompany > .top { position: relative; height: 450px; background: #f6f6f6; }
#plusCompany > .top > .inner { position: relative; top: -450px; height: 450px; }
#plusCompany > .top > .inner > .text { position: absolute; top: 50%; left: 280px; transform: translateY(-50%); }
#plusCompany > .top > .inner > .text > h1 { font-size: 80px; color: #111; font-family: 'Dongle'; letter-spacing: -1px; }
#plusCompany > .top > .inner > .text > h1 > span { color: #f8428c; }
#plusCompany > .top > .inner > .text > p { font-size: 28px; color: #444; font-weight: bold; }
#plusCompany > .top img { position: absolute; top: 50%; right: 270px; transform: translateY(-50%); }
#plusCompany > .contents { padding: 100px 0; }
#plusCompany > .contents .title { float: left; }
#plusCompany .title > h1 { position: relative; font-size: 80px; color: #ff8f51; letter-spacing: -1px; font-family: Dongle; font-weight: 300; }
#plusCompany .title > h1 > span { color: #f8428c; }
#plusCompany .title > h1::after { position: absolute; top: 5px; right: -15px; width: 20px; height: 20px; background: url("/images/company/img_company_plus.png") no-repeat; content: ''; }
#plusCompany > .contents .contents_box { width: 1080px; float: right; }
#plusCompany > .contents .vision > .contents_box > p { padding: 28px 0; font-size: 26px; color: #111; font-weight: bold; }
#plusCompany > .contents .vision { overflow: hidden; }
#plusCompany > .contents .mission { position: relative; margin: 95px 0 0 0; overflow: hidden; }
#plusCompany > .contents .mission > .contents_box > ul { margin: 0 0 0 35px; }
#plusCompany > .contents .mission > .contents_box > ul li { width: 380px; height: 380px; margin: 0 0 0 -35px; border-radius: 50%; background: #f6dfeb; text-align: center; mix-blend-mode: multiply; float: left; }
#plusCompany > .contents .mission > .contents_box > ul li > p { line-height: 33px; padding: 145px 0 0 0; font-size: 24px; color: #111; font-weight: bold; }
#plusCompany > .contents .mission > .title { position: absolute; top: 50%; transform: translateY(-50%); }
#plusCompany > .contents .mission > .contents_box > ul li:nth-child(2) { background: #f6ecdf; }
@keyframes growIn {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
#plusCompany > .contents .wikifoki { padding: 95px 0 0 0; overflow: hidden; }
#plusCompany > .contents .wikifoki > .title > h1::after { top: -5px; right: -20px; }
#plusCompany > .contents .wikifoki > .contents_box > ul li { position: relative; padding: 40px; margin: 0 0 20px 0; border: 1px solid #ccc; transition: .3s; }
#plusCompany > .contents .wikifoki > .contents_box > ul li:hover { border: 1px solid #ff8f51; }
#plusCompany > .contents .wikifoki > .contents_box > ul li > h2 { font-size: 14px; color: #f8428c; font-weight: 800; }
#plusCompany > .contents .wikifoki > .contents_box > ul li > h1 { padding: 10px 0 20px 0; font-size: 24px; color: #111; font-weight: bold; }
#plusCompany > .contents .wikifoki > .contents_box > ul li > p { line-height: 28px; margin: 0 0 20px 0; font-size: 16px; color: #111; }
#plusCompany > .contents .wikifoki > .contents_box > ul li > button { position: absolute; right: 15px; bottom: 15px; width: 100px; height: 30px; margin: 0; padding: 0; border: 1px solid #ccc; border-radius: 15px; background: #fff; color: #111; font-size: 12px; font-weight: bold; text-align: center; }
#plusCompany > .contents .wikifoki > .contents_box > ul li > button:hover { border: 1px solid #f8428c; color: #f8428c; }
#plusCompany > .history { height: 890px; position:relative; }
#plusCompany > .history .title { width: 260px; padding: 80px 0 0 0; margin: 0 0 0 50%; text-align: center; transform: translateX(-50%); }
#plusCompany > .history p { line-height: 33px; font-size: 20px; color: #111; text-align: center; }
#plusCompany > .history > .year { position: relative; height: 640px; }
#plusCompany > .history > .year button { position: absolute; background: transparent; }
#plusCompany > .history > .year button > p { position: absolute; top: 50%; left: 73px; font-size: 80px; color: #111; letter-spacing: -1px; text-align: center; font-family: Dongle; transform: translateY(-50%); z-index: 2; }
#plusCompany > .history > .year button > img { z-index: 1; }
#plusCompany > .history > .year button.yearbtn { left: 0; bottom: 120px; z-index: 5; }
#plusCompany > .history > .year button.btn2024 { left: 320px; bottom: 10px; }
#plusCompany > .history > .year button.btn2023 { left: 600px; bottom: 20px; }
#plusCompany > .history > .year button.btn2022 { left: 900px; bottom: 60px; }
#plusCompany > .history > .year button.btn2021 { left: 1170px; bottom: 54px; }
#plusCompany > .history > .year button.btn2020 { left: 1300px; bottom: 270px; }
#plusCompany > .history > .year > .history_contents { position: absolute; top: 35px; left: 500px; width: 660px; height: 380px; z-index: 1; }
#plusCompany > .history > .year > .history_contents > div { width: 100%; height: 100%; padding: 25px 30px 5px 30px; border: 1px dashed #f8428c; border-radius: 9px; background: #fff; overflow: auto;  }
#plusCompany > .history > .year > .history_contents.list2024 { position: relative; }
#plusCompany > .history > .year > .history_contents.list2024::before { position: absolute; top: 150px; left: -279px; width: 278px; height: 1px; background: #f8428c; content: ''; }
#plusCompany > .history > .year > .history_contents.list2023 { display: none; }
#plusCompany > .history > .year > .history_contents.list2023::before { position: absolute; top: 150px; left: -298px; width: 297px; height: 1px; background: #f8428c; content: ''; }
#plusCompany > .history > .year > .history_contents.list2022 { display: none; }
#plusCompany > .history > .year > .history_contents.list2022::before { position: absolute; top: 150px; left: -323px; width: 322px; height: 1px; background: #f8428c; content: ''; }
#plusCompany > .history > .year > .history_contents.list2021 { display: none;}
#plusCompany > .history > .year > .history_contents.list2021::before { position: absolute; top: 200px; left: -282px; width: 282px; height: 1px; background: #f8428c; content: ''; }
#plusCompany > .history > .year > .history_contents.list2020 { display: none; }
#plusCompany > .history > .year > .history_contents.list2020::before { position: absolute; top: 200px; left: -322px; width: 321px; height: 1px; background: #f8428c; content: ''; }
#plusCompany > .history > .year > .history_contents > div::-webkit-scrollbar { width:15px; }
#plusCompany > .history > .year > .history_contents > div::-webkit-scrollbar-thumb { background-color: #f8428c;border-radius:15px;background-clip:padding-box;border:2px solid transparent; }
#plusCompany > .history > .year > .history_contents > div::-webkit-scrollbar-track { background-color:#fff;border-radius:15px;box-shadow:inset 0px 0px 5px white; }
#plusCompany > .history > .year > .history_contents .list { padding: 0 0 15px 0; }
#plusCompany > .history > .year > .history_contents .list > h1 { padding: 0 0 10px 0; font-size: 24px; color: #f8428c; font-weight: 900; }
#plusCompany > .history > .year > .history_contents .list > h2 { position: relative; line-height: 24px; padding: 0 0 7px 15px; font-weight: bold; font-size: 16px; color: #111; }
#plusCompany > .history > .year > .history_contents .list > p { position: relative; line-height: 1; padding: 0 0 5px 30px; font-size: 14px; color: #666; text-align: left; }
#plusCompany > .history > .year > .history_contents .list > p:before { position: absolute; top: 6px; left: 20px; width: 5px; height: 1px; background: #999; content: ''; }
#plusCompany > .history > .year > .history_contents .list > h2:before { position: absolute; width: 6px; height: 6px; top: 9px; left: 0; border-radius: 50%; background: #f8428c; content: ''; }
#plusCompany > .award { min-width: 1500px; background:#f7f7f7; padding:30px 0}
#plusCompany > .award .title { width: 460px; padding: 80px 0 0 0; margin: 0 0 0 50%; text-align: center; transform: translateX(-50%); }
#plusCompany > .award .title > h1::after { top: -10px; right: -10px; }
#plusCompany > .award ul { margin: 80px 0 0 0; }
#plusCompany > .award ul li { width: 480px; padding: 40px 0 10px 0; margin: 0 30px 0 0; border: 1px solid #ccc; border-radius: 20px; text-align: center; box-sizing: border-box; float: left; }
#plusCompany > .award ul li:last-child { margin: 0; }
#plusCompany > .award ul li > .text { padding: 0 0 20px 0; }
#plusCompany > .award ul li > .text > h2 { line-height: 33px; font-size: 24px; color: #111; font-weight: bold; }
#plusCompany > .award ul li > .text > p { width: 200px; height: 30px; line-height: 30px; margin: 15px 0 0 50%; border-radius: 15px; background: #ffe9f2; font-size: 14px; color: #111; text-align: center; transform: translateX(-50%); }
#plusCompany > .award button { width: 110px; height: 30px; line-height: 30px; margin: 40px 0 0 50%; padding: 0; border-radius: 15px; background: linear-gradient(90deg, rgba(248,66,140,1) 0%, rgba(255,143,81,1) 100%); text-align: center; font-size: 12px; color: #fff; font-weight: bold; transform: translateX(-50%); }
#plusCompany > .brand { margin: 80px 0 0 0; padding: 0 0 65px 0;  overflow: hidden; }
#plusCompany > .brand .title { width: 240px; padding: 80px 0 0 0; margin: 0 0 0 50%; text-align: center; transform: translateX(-50%); }
#plusCompany > .brand .title > h1::after { top: -10px; right: -10px; }
#plusCompany > .brand p { text-align: center; }
#plusCompany > .brand ul { width: 1340px; margin: 100px 0 0 50%; transform: translateX(-50%); }
#plusCompany > .brand ul li { width: 630px; height: 510px; margin: 0 80px 0 0; float: left; }
#plusCompany > .brand ul li:last-child { margin: 0; }
#plusCompany > .brand ul li > .brand_box { position: relative; height: 370px; padding: 80px 0 60px 0; border: 1px solid #ccc; border-radius: 20px; background: #fff; text-align: center; z-index: 1; }
#plusCompany > .brand ul li > .brand_box > .title { position: relative; top: -110px; width: 310px; height: 80px; border-radius: 42px; border: 2px solid #74b7f1; background: #fff; box-sizing: border-box; z-index: 2; }
#plusCompany > .brand ul li > .brand_box > .title > img { position: absolute; top: 0; left: 0; width: 100%; }
#plusCompany > .brand ul li > .brand_box > img { margin: -70px 0 0 0; }
#plusCompany > .brand ul li > .brand_box > .text { padding: 10px 50px; }
#plusCompany > .brand ul li > .brand_box > .text p { position: relative; padding: 10px 0 0 15px; font-size: 16px; color: #111; text-align: left; }
#plusCompany > .brand ul li > .brand_box > .text p:before { position: absolute; top: 15px; left: 0; width: 6px; height: 6px; border-radius: 50%; background: #f8428c; content: ''; }
#plusCompany > .brand ul li > .brand_box.goodt > .title { border: 2px solid #2fb3a0; }
#plusCompany > .contents .news { overflow: hidden; }
#plusCompany > .contents .news > .contents_box > ul li { height: 165px; margin: 0 0 20px 0; border: 1px solid #ccc; transition: .3s; cursor: pointer; overflow: hidden; }
#plusCompany > .contents .news > .contents_box > ul li:hover { border: 1px solid #f8428c; }
#plusCompany > .contents .news > .contents_box > ul li > .text { position: relative; width: 70%; padding: 30px; float: left; }
#plusCompany > .contents .news > .contents_box > ul li > .text > h1 { font-size: 16px; color: #111; font-weight: bold; }
#plusCompany > .contents .news > .contents_box > ul li > .text > p { width: 780px; line-height: 24px; padding: 10px 0 0 0; font-size: 14px; color: #666; text-overflow: ellipsis; white-space: break-spaces; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all; overflow: hidden; display: -webkit-box; }
#plusCompany > .contents .news > .contents_box > ul li > .text > h3 { position: absolute; left: 30px; bottom: -20px; font-size: 12px; color: #999; }
#plusCompany > .contents .news > .contents_box > ul li > .thumb { width: 180px; height: 132px; margin: 15px 20px; border: 1px solid #ccc; float: right; }
#plusCompany > .contents .news > .contents_box > ul li > .thumb > img { width: 100%; height: 100%; object-fit: cover; }
#plusCompany > .contents.partner_box { padding: 0; }
#plusCompany > .contents > .partner { padding: 80px 0; background: #f7f7f7; overflow: hidden; }
#plusCompany > .contents > .partner .contents_box > ul li { position: relative; width: 330px; height: 160px; margin: 0 45px 20px 0; border-radius: 20px; background: #fff; text-align: center; float: left; }
#plusCompany > .contents > .partner .contents_box > ul li:nth-child(3n) { margin: 0; }
#plusCompany > .contents > .partner .contents_box > ul li > img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#plusCompany > .contents > .partner button { width: 110px; height: 35px; line-height: 35px; margin: 40px 0 0 50%; padding: 0; border: 1px solid #aaa; border-radius: 17.5px; background: #fff; text-align: center; font-size: 12px; font-weight: bold; transform: translateX(-50%); }
#companyIntroductionLayer {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: none; z-index: 15;}
#companyIntroductionLayer > .content {position: absolute; top: 50%; left: 50%; width: 1100px; height: 600px;transform: translate(-50%, -50%);margin: 20px auto;padding: 20px;border-radius: 10px; background: white;box-shadow: 0 4px 8px rgba(0,0,0,0.1);}
#companyIntroductionLayer > .content >.test_tabs {width: 100%;}
#companyIntroductionLayer > .content > .test_tabs ul {list-style: none;padding: 0;margin: 0;display: flex;}
#companyIntroductionLayer > .content > .test_tabs .wcdp.on {background-color :#40B6A6;}
#companyIntroductionLayer > .content > .test_tabs .wctt.on {background-color :#bb951f;}
#companyIntroductionLayer > .content > .test_tabs .wmas.on {background-color :#73ABE6;}
#companyIntroductionLayer > .content > .test_tabs .wpas.on {background-color :#EF7E1B;}
#companyIntroductionLayer > .content > .test_tabs .wsrs.on {background-color :#9370DB;}
#companyIntroductionLayer > .content > .test_tabs li {flex: 1; display: inline-block;height:60px;margin: 0 10px 0 0;border-radius: 10px;background-color:#e4e4e4;padding: 10px 10px 10px 5px;cursor: pointer;transition: background-color 0.3s;align-self: flex-end;}
#companyIntroductionLayer > .content > .test_tabs li:hover {background-color: #e0e0e0;}
#companyIntroductionLayer > .content > .test_tabs li.on {background-color: #ffffff;border-bottom: none;}
#companyIntroductionLayer > .content .test_img { width: 60px; height: 60px; margin: 0 10px 0 5px; border-radius: 70%; background-size: cover; float:left; }
#companyIntroductionLayer > .content .wcdp .test_img {background-image: url('/images/company/img_thumb_wcdp.png');}
#companyIntroductionLayer > .content .wctt .test_img {background-image: url('/images/company/img_thumb_wctt.png');}
#companyIntroductionLayer > .content .wmas .test_img {background-image: url('/images/company/img_thumb_wmas.png');}
#companyIntroductionLayer > .content .wpas .test_img {background-image: url('/images/company/img_thumb_wpas.png');}
#companyIntroductionLayer > .content .wsrs .test_img {background-image: url('/images/company/img_thumb_wsrs.png');}
#companyIntroductionLayer > .content .test { color: #fff; font-size:14px;}
#companyIntroductionLayer > .content .test_code { color: #fff;font-size: 13px;}
#companyIntroductionLayer > .content > .test_layer_header { margin: 5px 0 20px 10px; font-size: 24px; font-weight: 800; color: #333; }
#companyIntroductionLayer > .content > .test_layer_header span { margin: 0 10px 0 0; font-size: 18px; color:#F8428C; }
#companyIntroductionLayer > .content > .test_layer_header > .close { position:absolute; right: 30px; cursor: pointer; }
#companyIntroductionLayer > .content .description .section {margin-top: 10px;padding: 0 0 0 40px;}
#companyIntroductionLayer > .content .section h4 { position: relative; margin: 20px 20px 10px 0; color: #333; font-size: 18px; font-weight: 800; display: inline-block; }
#companyIntroductionLayer > .content .section h4::after {content: ''; position: absolute; left: -30px; top: 50%; width: 11px; height: 11px; margin: 0 0 0 10px; transform: translateY(-50%); border-radius: 6px; }
#companyIntroductionLayer > .content .wcdp_description .section h4::after {background-color: #40B6A6;}
#companyIntroductionLayer > .content .wctt_description .section h4::after {background-color: #EDB919;}
#companyIntroductionLayer > .content .wmas_description .section h4::after {background-color: #73ABE6;}
#companyIntroductionLayer > .content .wpas_description .section h4::after {background-color: #EF7E1B;}
#companyIntroductionLayer > .content .wsrs_description .section h4::after {background-color: #9370DB;}
#companyIntroductionLayer > .content .section p {width: 98%; line-height: 1.6; font-size: 15px; color: #333;     text-align: justify;word-break: keep-all;}
#companyIntroductionLayer > .content.lab { min-height: 700px; overflow: auto; }
#companyIntroductionLayer > .content.lab > .description > .section > h4 { margin: 10px 0 5px 0; }
#companyIntroductionLayer > .content.lab > .description > .section:nth-child(1) > h4 { margin: 0 0 5px 0; }
#companyIntroductionLayer > .content.lab > .description > .section > p > i { position: relative; margin: 0 0 0 10px; display: block; }
#companyIntroductionLayer > .content.lab > .description > .section > p > i:before { content: ''; position: absolute; top: 9px; left: -10px; width: 5px; height: 5px; border-radius: 2.5px; background: #555; }
#companyIntroductionLayer > .content.lab > .description > .section.business > p { margin: 15px 0 0; }
#companyIntroductionLayer > .content.lab > .description > .section.business > p:nth-child(2) { margin: 0; }
#companyIntroductionLayer > .content.lab > .description > .section.business > p > strong { font-weight: 700; display: block; }
#companyIntroductionLayer > .content.lab > .description > .section.business > p > span { margin: 0 0 0 20px; }
#companyIntroductionLayer > .content.lab > .description > .section.business > p > i { margin: 0 0 0 40px; }


/* 사진공모전 수상작 발표 */
#contestResult { width:900px;margin:0 auto 50px auto; }
#contestResult > .result > li { margin:50px 0 0; }
#contestResult > .result > li > dt { margin:0 0 10px 0;text-align:center; }
#contestResult > .result > li > dt > .rank_name { font-size:26px;color:#222;font-weight:600;display:block; margin: 10px 0; }
#contestResult > .result > li > dt > .rank_name > i { font-size:18px; }
#contestResult > .result > li > dt > .rank_award { font-size:20px;color:#666;display:block; }
#contestResult > .result > li > dd { margin:10px 0 0;overflow:hidden;text-align:center; }
#contestResult > .result > li > dd > dl { width:145px;margin:10px 0 0 10px;padding:10px;border:1px solid #ccc;display:inline-block;cursor:pointer; }
#contestResult > .result > li > dd > dl:first-child {margin:10px 0  0 0 ;}
#contestResult > .result > li > dd > dl > dt { height:82px;overflow:hidden; }
#contestResult > .result > li > dd.rank_1st > dl { width:280px; }
#contestResult > .result > li > dd.rank_1st > dl > dt { height:180px; }
#contestResult > .result > li > dd.rank_2nd > dl { width:250px; }
#contestResult > .result > li > dd.rank_2nd > dl > dt { height:141px; }
#contestResult > .result > li > dd.rank_3rd > dl { width:180px; }
#contestResult > .result > li > dd.rank_3rd > dl > dt { height:101px; }
#contestResult > .result > li > dd > dl > dd { color:#666;font-size:12px;text-align:center; }
#contestResult > .result > li > dd > dl > dd > span { width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block; padding: 10px 0 5px 0; font-weight:700; font-size:13px; }
#contestResult > .result > li > dd.rank_1st > dl > dd,
#contestResult > .result > li > dd.rank_2nd > dl > dd { font-size:15px; }
#contestResult > .result > li > dd.rank_1st > dl > dd > span,
#contestResult > .result > li > dd.rank_2nd > dl > dd > span { padding:10px 0 5px 0;font-size:15px; }
#contestResult > .result > li > dd > dl > dt > img { width:100%;height:auto; }
#contestResult > .result > li > dd > ol { width:866px;margin:0 auto;padding:10px;border:2px solid #ddd;text-align:left;overflow:hidden; }
#contestResult > .result > li > dd > ol > li { width:50%;cursor:pointer;float:left; }
#contestResult > .result > li > dd > ol > li:hover { background:#f1f1f1; }
#contestResult > .result > li > dd > ol > li > * { padding:5px 10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; }
#contestResult > .result > li > dd > ol > li > dt { width:calc(70% - 40px);float:left; }
#contestResult > .result > li > dd > ol > li > dd { width:25%;text-align:right;font-size:13px;color:#666;float:right; }

/* 전문가 자료+ 신청 폼 */
#archiveRegisterLayer > .inner { height: 660px; }
#archiveRegisterForm .btn { margin: 0; }
#archiveRegisterForm input[type='text'] { height: 35px; }
#archiveRegisterForm input.mobile { width: 80px; }
#archiveRegisterForm input.bizcode:nth-child(1) { width: 70px }
#archiveRegisterForm input.bizcode:nth-child(2) { width: 60px }
#archiveRegisterForm input.bizcode:nth-child(3) { width: 80px }
#archiveRegisterForm select { height: 40px; line-height: 40px; }
#archiveRegisterForm > .select_type > h2 { padding: 20px 0 40px 0; font-size: 18px; font-weight: 700; text-align: center; }
#archiveRegisterForm > .select_type > ul { overflow: hidden; }
#archiveRegisterForm > .select_type > ul > li { width: 48%; border: 1px solid #ddd; border-radius: 10px; text-align: center; }
#archiveRegisterForm > .select_type > ul > li:nth-child(1) { float: left; }
#archiveRegisterForm > .select_type > ul > li:nth-child(2) { float: right; }
#archiveRegisterForm > .select_type > ul > li > dt { padding: 20px 0; height: 50px; }
#archiveRegisterForm > .select_type > ul > li > dd { padding: 0 0 20px 0; }
#archiveRegisterForm > .form > h2 { font-size: 15px; font-weight: 800; text-align: center; }
#archiveRegisterForm > .form > ul { margin: 15px 0 0; }
#archiveRegisterForm > .form > ul > li > dt { margin: 0 0 5px; font-weight: 700; }
#archiveRegisterForm > .form > ul > li > dt.red_mark { position: relative; }
#archiveRegisterForm > .form > ul > li > dt.red_mark:before { content: '*'; position: absolute; top: 3px; left: -8px; color: red; }
#archiveRegisterForm > .form > ul > li > dd { margin: 0 0 10px; }
#archiveRegisterForm > .agree {}
#archiveRegisterForm > .agree > dl { overflow: hidden; }
#archiveRegisterForm > .agree > dl > dt { width: 30px; float: left; }
#archiveRegisterForm > .agree > dl > dd { width: calc(100% - 30px); float: left; }
#archiveRegisterForm > .complete { margin: 80px 0 0; text-align: center; }
#archiveRegisterForm > .complete > .text { line-height: 30px; font-size: 16px; }
#archiveRegisterForm > .complete > .text > strong { padding: 10px; font-size: 20px; display: block; }
#archiveRegisterForm > .complete > .helpdesk > strong { margin: 40px 0 10px 0; font-size: 16px; display: block; }
#archiveRegisterForm > .complete > .button { margin: 200px 0 0; }
/* 전문가 자료 플러스 */
#archivePeriod { position: relative; display: inline-block; width: 100%; border-top: 1px solid #e7e7e7; }
#archivePeriod > .archive_period { position: absolute; top: -50px; right: 10px; }
#archivePeriod > ul > li { position: relative; float: left; width: 25%; height: 240px; box-sizing: border-box; padding: 20px 10px; border-bottom: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; }
#archivePeriod > ul > li:nth-child(4n+1) {border-left: 1px solid #e7e7e7; }
#archivePeriod > ul > li > span { display: inline-block; border-radius: 50px; background-color: #999; color: #fff; padding: 0 10px;  }
#archivePeriod > ul > li > p { display: inline-block; width: 100%; padding: 5px 10px; }
#archivePeriod > ul > li > div.p_img { text-align: center; }
#archivePeriod > ul > li > div > img { width: auto; height: 140px; }
#archivePeriod > ul > li > .p_h { width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; font-size: 13px; text-align: left; background-color: rgb(0,0,0,0.6); color: #fff; padding: 20px; box-sizing: border-box; display: none; }
#archivePeriod > ul > li > .p_h > strong { display: inline-block; width: 100%; color: #ff8f51; font-weight: 600; font-size: 14px; margin-bottom: 5px;  }
#archivePeriod > ul > li > .p_h > .button { position: absolute; bottom: 18px; width: 100%; text-align: center; }
#archivePeriod > ul > li:hover > .p_h { display: block; }
#archivePeriod > ul > li:hover > span,
#archivePeriod > ul > li:hover > p,
#archivePeriod > ul > li:hover > .p_img { opacity: 0.2; }
/* 전문가 자료 플러스 - 위키포키미래역량검사 영역 */
#wfcmBox { position: relative; overflow: hidden; }
#wfcmBox > ul { overflow: hidden; min-height: 233px; }
#wfcmBox > ul > li { position: relative; }
#wfcmBox > ul > li:nth-child(1) { width: 270px; float: left; }
#wfcmBox > ul > li:nth-child(2) { width: calc(100% - 270px); line-height: 25px; font-size: 13.5px; float: right; }
#wfcmBox > ul > li:nth-child(2) > span { color: #247639; font-weight: 800; }
#wfcmBox > ul > li:nth-child(2) > .goto_paper { text-align: right; }
#wfcmBox > ul > li:nth-child(2) > .goto_paper > .btn { width: 110px; height: 30px; padding: 0; line-height: 30px; margin: 20px 20px 20px 0; border-radius: 15px; background: #59bf73; font-size: 14px; color: #fff; font-weight: bold; }
#wfcmBox > ul > li > dl { position: absolute; top: -23px; left: 0; }
#wfcmBox > ul > li > dl > dd { margin: 22.5px 0 0; font-size: 12px; color: #777; }
#wfcmBox > ul > li > ol { position: absolute; top: 157px; left: 20px; width: 215px; overflow: hidden; }
#wfcmBox > ul > li > ol > li { font-size: 12px; float: left; }
#wfcmBox > ul > li > ol > li > i.date { font-size: 10px; display: block; }
#wfcmBox > ul > li > ol.count3 { left: 19px; width: 224px; }
#wfcmBox > ul > li > ol.count3 > li { width: 33%; text-align: center; }
#wfcmBox > ul > li > ol.count2 { left: 18px; width: 222px; }
#wfcmBox > ul > li > ol.count2 > li { width: 50%; text-align: center; }
#wfcmBox > ul > li > ol.count2 > li:nth-child(2) { float: right; }
#wfcmBox > ul > li > ol.count1 > li { width: 100%; text-align: center; }
#wfcmBox > ul > li > ol.count1 > li > span { font-size: 10px; display: block; }
#wfcmBox > ul > li > .legend { position: absolute; top: 188px; left: 15px; line-height: 13px; font-size: 10px; }
#wfcmBox > ul > li > .legend > img { width: 12px; margin: -3px 0 0 15px; }
/* 고객센터 */
#archiveLists > .lists_inner { width: 1500px; margin: 0 auto; }
#archiveLists .archive_lists_tab { display: inline-block; float: left; width: 200px; border-top: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; box-sizing: border-box; }
#archiveLists .archive_lists_tab > li { position: relative; width: 50%; height: 80px; text-align: center; float: left; border-bottom: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; box-sizing: border-box; }
#archiveLists .archive_lists_tab > li > span { display: none; position: absolute; left: 0; width: 100%; height: 100%; background-color: rgb(0,0,0,0.6); color: #fff; line-height: 80px; font-size: 14px; cursor: pointer; }
#archiveLists .archive_lists_tab > li > img { width: auto; height: 75px; }
#archiveLists .archive_lists_tab > li:hover span,
#archiveLists .archive_lists_tab > li.on span { display: block; }
#archiveLists .archive_lists_con { display: inline-block ; width: 1300px; float: left; padding-left: 30px; box-sizing: border-box; }
#archiveLists .archive_lists_con > .archive_lists_txt > p { color: #ff8f51; font-weight: 600; font-size: 16px; margin-bottom: 5px; }
#archiveLists .archive_lists_con > .whole_tab_wrap { position: relative; }
#archiveLists .archive_lists_con > .whole_tab_wrap > .whole_tab { display: inline-block; margin: 20px 0 ; text-align: center; font-size: 15px; }
#archiveLists .archive_lists_con > .whole_tab_wrap > .whole_tab > li { display: inline-block; float: left; width: 120px; height: 40px; line-height: 40px; margin-right: 5px; background-color: #f8f8f8; color: #999; border-radius: 50px; cursor: pointer; }
#archiveLists .archive_lists_con > .whole_tab_wrap > .whole_tab > li.on,
#archiveLists .archive_lists_con > .whole_tab_wrap > .whole_tab li:hover { background-color: #f8428c; color: #fff; font-weight: 600; }
#archiveLists .archive_lists_con > .whole_tab_wrap > .register { position: absolute; right: 0; top: 30px; }
#archiveLists .archive_lists_con > .whole_tab_wrap > .register > .btn_apply { height: 40px; margin: -10px 0 0 10px; line-height: 40px; padding: 0 20px; border: 1px solid #ff8f51; background-color: #ff8f51; color: #fff; cursor: pointer; display: inline-block; }
#archiveLists .archive_lists_con > .whole_tab_wrap > .register > .btn_apply:hover { border: 1px solid #ff8f51; background-color: #fff; color: #ff8f51; }
#archiveLists .archive_lists_con > .whole_tab_wrap > .btn_apply:hover { background-color: #ff8f51; color: #fff; }
#archiveLists .archive_lists_con > .preview_video_list { display: inline-block; width: 100%; }
#archiveLists .archive_lists_con > .preview_video_list > li { display: inline-block; float:left; width: 25%; height: 290px; padding-left: 20px; box-sizing: border-box; }
#archiveLists .archive_lists_con > .preview_video_list > li:nth-child(4n+1) {padding-left: 0;}
#archiveLists .archive_lists_con > .preview_video_list > li > .thumb_wrap { position: relative; display: inline-block; width:100%; height: 175px; background-color: #eee; margin-bottom: 10px;  }
#archiveLists .archive_lists_con > .preview_video_list > li > .thumb_wrap > img.thumb { width: 100%; height: 100%; }
#archiveLists .archive_lists_con > .preview_video_list > li > .thumb_wrap > span.video { position: absolute; display: inline-block; left: 0; top: 0; width: 100%; height: 100%; background: url('/images/archive/icon_video.png') no-repeat center; cursor: pointer; z-index: 1; }
#archiveLists .archive_lists_con > .preview_video_list > li > .thumb_wrap > span.video:hover { background: url('/images/archive/icon_video_hover.png') no-repeat center; }
#archiveLists .archive_lists_con > .preview_video_list > li > .thumb_wrap > span.time { font-size: 13px; line-height: 17px; letter-spacing: 0; position: absolute; right: 0px; bottom: 0px; color: #ffffff; background-color: rgb(0,0,0,0.6); padding: 5px 10px;  }
#archiveLists .archive_lists_con > .preview_video_list > li > .tit { font-size: 15px; line-height: 22px;  }
#archiveLists .archive_lists_con > .preview_video_list > li > .sub_tit { font-size: 13px; color: #666666; margin-top: 5px; }
#archiveLists .archive_lists_con > .preview_video_list > li span.lock { position: absolute; display: inline-block; left: 0; top: 0; width: 100%; height: 100%; background: rgb(0,0,0,0.6) url('/images/archive/icon_lock.png') no-repeat center;  }
#videoPlayer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; display: none; }
#videoPlayer > .blind { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; display: block; }
#videoPlayer > .close { position: absolute; top: 50%; left: 50%; height: 610px; transform: translateX(-50%) translateY(-50%); z-index: 11; }
#videoPlayer > .close:after { content: '\00d7'; position: absolute; width: 40px; height: 40px; line-height: 40px; border-radius: 20px; text-align: center; background: #fff; font-size: 30px; cursor: pointer; }
#videoPlayer > .video_player { position: absolute; top: 50%; left: 50%; width: 800px; height: 500px; transform: translateX(-50%) translateY(-50%); overflow: hidden; z-index:11; }
#videoPlayer > .video_player > video { width: 100%; }
#videoPlayer > .video_player > .controller { width: 100%; overflow: hidden; }
#videoPlayer > .video_player > .controller > .timeline { position: absolute; right: 16px; bottom: 27px; width: 74%; height: 10px; border-radius: 5px; background: #eee; }
#videoPlayer > .video_player > .controller > .timeline > .ui-slider-range { position: absolute; top: 0; left: 0; height: 100%; border: 0; border-radius: 10px; background: #ffc700; }
#videoPlayer > .video_player > .controller > .timeline > .ui-slider-handle { display: none; }
#videoPlayer > .video_player > .controller > p { width: 25px; height: 25px; background-color: #eee; margin: 0 0 0 7px; transition: all ease-in-out .5s; border-radius: 50%; text-align: center; cursor: pointer; float: left; }
#videoPlayer > .video_player > .controller > p.hidden { display: none; }
#videoPlayer > .video_player > .controller > p.pause { background-image: url(/images/archive/icon_player_pause.png); background-repeat: no-repeat; background-size: 60%; background-position: center; }
#videoPlayer > .video_player > .controller > p.pause:hover { background-image: url(/images/archive/icon_player_pause_on.png); background-repeat: no-repeat; background-size: 60%; background-position: center; }
#videoPlayer > .video_player > .controller > p.play { background-image: url(/images/archive/icon_player_play.png); background-repeat: no-repeat; background-size: 60%; background-position: center; }
#videoPlayer > .video_player > .controller > p.play:hover { background-image: url(/images/archive/icon_player_play_on.png); background-repeat: no-repeat; background-size: 60%; background-position: center; }
#videoPlayer > .video_player > .controller > p.volume_on { background-image: url(/images/archive/icon_player_volume_up.png); background-repeat: no-repeat; background-size: 60%; background-position: center; }
#videoPlayer > .video_player > .controller > p.volume_on:hover { background-image: url(/images/archive/icon_player_volume_up_on.png); background-repeat: no-repeat; background-size: 60%; background-position: center; }
#videoPlayer > .video_player > .controller > p.volume_off { background-image: url(/images/archive/icon_player_volume_off.png); background-repeat: no-repeat; background-size: 60%; background-position: center; }
#videoPlayer > .video_player > .controller > p.volume_off:hover { background-image: url(/images/archive/icon_player_volume_off_on.png); background-repeat: no-repeat; background-size: 60%; background-position: center; }
#videoPlayer > .video_player > .controller > p.full { background-image: url(/images/archive/icon_player_full.png?v=1); background-repeat: no-repeat; background-size: 70%; background-position: center; }
#videoPlayer > .video_player > .controller > p.full:hover { background-image: url(/images/archive/icon_player_full_on.png?v=1); background-repeat: no-repeat; background-size: 70%; background-position: center; }
#videoPlayer > .video_player > .controller > p.prev { margin-left: 20px; background-image: url(/images/archive/icon_player_next.png); background-repeat: no-repeat; background-size: 60%; background-position: center; transform: rotate(180deg); }
#videoPlayer > .video_player > .controller > p.prev:hover { background-image: url(/images/archive/icon_player_next_on.png); background-repeat: no-repeat; background-size: 60%; background-position: center; }
#videoPlayer > .video_player > .controller > p.next { background-image: url(/images/archive/icon_player_next.png); background-repeat: no-repeat; background-size: 60%; background-position: center; }
#videoPlayer > .video_player > .controller > p.next:hover { background-image: url(/images/archive/icon_player_next_on.png); background-repeat: no-repeat; background-size: 60%; background-position: center; }
#videoPlayer > .video_player > .play_icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 50px; color: #fff; cursor: pointer; z-index: 1; }
#videoPlayer > .video_player > .play_icon:hover { color: #f8428c; }
#videoPlayer > .video_player > .play_icon:after { content: ''; position: absolute; top: 50%; left: 47%; width: 80px; height: 80px; transform: translate(-50%, -50%); border: 5px solid #fff; border-radius: 50%; }
#videoPlayer > .video_player > .play_icon:hover:after { border-color: #f8428c; }
/*발달 영상 세로*/
#growLists > .lists_inner { width: 1500px; margin: 0 auto; }
#growLists .archive_lists_tab { display: inline-block; float: left; width: 200px; border-top: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; box-sizing: border-box; }
#growLists .archive_lists_tab > li { position: relative; width: 50%; height: 80px; text-align: center; float: left; border-bottom: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; box-sizing: border-box; }
#growLists .archive_lists_tab > li > span { display: none; position: absolute; left: 0; width: 100%; height: 100%; background-color: rgb(0,0,0,0.6); color: #fff; line-height: 80px; font-size: 14px; cursor: pointer; }
#growLists .archive_lists_tab > li > img { width: auto; height: 75px; }
#growLists .archive_lists_tab > li:hover span,
#growLists .archive_lists_tab > li.on span { display: block; }
#growLists .archive_lists_con { display: inline-block ; width: 1500px; float: left; padding-left: 50px; box-sizing: border-box; }
#growLists .archive_lists_con > .archive_lists_txt > p { color: #ff8f51; font-weight: 600; font-size: 16px; margin-bottom: 5px; }
#growLists .archive_lists_con > .preview_video_list { display: inline-block; width: 100%; padding-top:15px; }
#growLists .archive_lists_con > .preview_video_list > li { width: 20%; box-sizing: border-box; position: relative; padding: 0 20px 40px 0; float: left;}
#growLists .archive_lists_con > .preview_video_list > li > .video_wrap { position: relative; max-height: 350px; cursor: pointer; overflow: hidden; z-index: 1; }
#growLists .archive_lists_con > .preview_video_list > li > .video_wrap > a { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; }
#growLists .archive_lists_con > .preview_video_list > li > .video_wrap > img { position: absolute; width: 235px; max-height: initial;  z-index: 1; }
#growLists .archive_lists_con > .preview_video_list > li > .video_wrap { width: 235px; height: 350px; }
#growLists .archive_lists_con > .preview_video_list > li > button { width: 86%; height: 34px; margin: 10px 0 0 0; border: 1px solid #3268DD; border-radius: 5px; background: #fff; text-align: center; color: #3268DD; font-size: 14px; }

/* 부모성장플러스 */
#growPage > .grow_page_inner { width: 1500px; margin: 0 auto; }
#growPage > .grow_page_inner > .grow_box { background: #fffae3; }
#growPage > .grow_page_inner > .grow_box > .grow_list { padding: 0 80px 70px 80px; }
#growPage > .grow_page_inner > .grow_box > .grow_list > .grow_list_title { padding: 40px 0; }
#growPage > .grow_page_inner > .grow_box > .grow_list > ul > li.step1 { background: #ffd9e8; }
#growPage > .grow_page_inner > .grow_box > .grow_list > ul > li.step2 { background: #ffdebb; }
#growPage > .grow_page_inner > .grow_box > .grow_list > ul > li.step3 { background: #d9efb4; }
#growPage > .grow_page_inner > .grow_box > .grow_list > ul > li.step4 { background: #afefbc; }
#growPage > .grow_page_inner > .grow_box > .grow_list > ul > li.step5 { background: #b9e2f9; }
#growPage > .grow_page_inner > .grow_box > .grow_list > ul > li { padding: 15px 60px 20px 30px; margin: 0 0 15px 0; border-radius: 20px; align-items: center; display: flex; }
#growPage > .grow_page_inner > .grow_box > .grow_list > ul > li > img { padding: 0 48px 0 0; }
#growPage > .grow_page_inner > .grow_box > .grow_list > ul > li:first-child > img { padding: 0; }
#growPage > .grow_page_inner > .grow_box > .grow_list > ul > li:nth-child(3) > img, #growPage > .grow_page_inner > .grow_box > .grow_list > ul > li:nth-child(4) > img { padding: 0 36px 0 0; }
#growPage > .grow_page_inner > .grow_box > .grow_list > ul > li:last-child > img { padding: 0 130px 0 0; }
#growPage > .grow_page_inner > .grow_box > .grow_list > ul > li > ol { align-items: center; justify-content: flex-end; display: flex; }
#growPage > .grow_page_inner > .grow_box > .grow_list > ul > li > ol > li { position: relative; padding: 0 15px; border-radius: 20px; cursor: pointer; overflow: hidden; }
#growPage > .grow_page_inner > .grow_box > .grow_list > ul > li > ol > li > .hover_content { position: absolute; top: 0; left: 0; height: 161px; padding: 20px; margin: 0 20px; border-radius: 20px; background: #fdfcf5; text-align: left; align-items: center; flex-direction: column; justify-content: center; opacity: 0; transition: opacity 0.3s ease; display: flex; }
#growPage > .grow_page_inner > .grow_box > .grow_list > ul > li > ol > li:hover > .hover_content { opacity: 1; }
#growPage > .grow_page_inner > .grow_box > .grow_list > ul > li > ol > li > .hover_content h3 { margin: 0 0 5px 0; font-size: 18px; font-weight: bold; color: #f76498; }
#growPage > .grow_page_inner > .grow_box > .grow_list > ul > li > ol > li > .hover_content p { margin: 0 0 5px 0; font-size: 14px; color: #666; }
#growPage > .grow_page_inner > .grow_box > .grow_list > ul > li > ol > li > .hover_content .consult_btn { border: none; border-radius: 25px; background: #f76498; color: #fff; font-size: 12px; cursor: pointer; transition: background 0.3s ease; }
#growPage > .grow_page_inner > .grow_box > .grow_list > ul > li > ol > li > .hover_content .consult_btn:hover { background: #ff1493; }
#growPage > .grow_page_inner > .grow_box > .grow_list > ul > li.step1 > ol > li:nth-child(2) > .hover_content > h3 { font-size: 16px; text-align: center; }
#growPage > .grow_page_inner > .grow_box > .grow_list > ul > li.step1 > ol > li:nth-child(2) > .hover_content > p { font-size: 13px; }
#growLists #select_box { margin: 40px auto; padding: 40px 30px; background: #F3F3F3; border-radius: 20px; align-items: center; display: flex; }
#growLists #select_box > select { width: 350px; height: 65px; border-radius: 20px; background: url('/images/shorts/parents/icon_select.png') no-repeat #fff 90% 50%; }
#growLists #select_box > img { padding: 0 17px; }
#growLists #select_box > .text_box { min-width: 495px; padding: 0 50px 0 0; }
#growLists #select_box > .text_box > h1 { font-size: 20px; font-weight: 800; }
#growLists #select_box > .text_box > p { line-height: 28px; padding: 5px 0 0 0; font-size: 16px; letter-spacing: -1px; }