@charset "UTF-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

/*! common */
.clfix:after,.clfix:before{display:table;line-height:0;content:""}
.clfix:after{clear:both}
.hide_txt{overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;clip:rect(0 0 0 0);white-space:nowrap;margin:-1px;padding:0;border:0}
@media (max-width: 1024px){
a .hide_txt{font-size:0}}
a:before{content:'　';position:absolute;font-size:0}
/*! skipnav */
.skipnav{position:absolute;top:0;left:0;z-index:9999;width:100%;height:0;line-height:1}
.skipnav a{display:block;overflow:hidden;width:1px;height:1px;margin:0 -1px -1px 0;padding:0;font-size:0;line-height:1}
.skipnav a:active,.skipnav a:focus,.skipnav a:hover{position:absolute;top:0;left:0;z-index:50;width:100%;height:19px;margin:0;padding:5px 0;border:1px solid #c4d7ea;background:#2b6cb0;color:#fff;font-weight:700;font-size:1.333em;text-align:center;line-height:100%}
/*! Browser Upgrade Prompt */
.browserupgrade{margin:.2em 0;padding:.2em 0;background:#ccc;color:#000;font-size:1px}
.browserupgrade strong{color:#000;font-weight:700}
.browserupgrade a{color:#8d0080;font-weight:700;text-decoration:underline}
/*! dimm */
.dimm{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background:#000;opacity:.6}
.dimm img{display:block}
/*! plugin */
/*! font */
.fnt_36B{font-size:36px;font-family:'NanumSquareB',sans-serif}
.fnt_28B{font-size:28px;font-family:'NanumSquareB',sans-serif}
.fnt_22B{font-size:22px;font-family:'NanumSquareB',sans-serif}
.fnt_18B{font-size:18px;font-family:'NanumSquareB',sans-serif}
.fnt_16{font-size:16px}
.fnt_14{font-size:14px}
.fnt_12{font-size:12px}
/*! margin paddind */
.mgr0{margin-right:0!important}
.mgb0{margin-bottom:0!important}
.mgb10{margin-bottom:10px!important}
.mgb20{margin-bottom:20px!important}
.mgb30{margin-bottom:30px!important}
.mgb40{margin-bottom:40px!important}
.mgb50{margin-bottom:50px!important}
.mgt0{margin-top:0!important}
.mgt10{margin-top:10px!important}
.mgt20{margin-top:20px!important}
.mgt30{margin-top:30px!important}
.mgt40{margin-top:40px!important}
.mgt50{margin-top:50px!important}
.pdt0{padding-top:0!important}
.pdt20{padding-top:20px!important}
.pdt50{padding-top:50px!important}
.pdb0{padding-bottom:0!important}
.pdb20{padding-bottom:20px!important}
/*! btn */
.btn_area{padding-top:60px;text-align:center}
.btn_area .btn{margin:0 3px; }
.btn{display:inline-block}
.btn a{display:inline-block;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top}
.btn a:active{opacity:0.5;-webkit-transition:0.2s;transition:0.2s}
.btn.edge a{position:relative}
.btn.edge a:after{content:'';display:block;position:absolute;right:0;bottom:0;width:0;height:0;border-bottom:19px solid #fff;border-left:19px solid transparent}
.btn.more.edge a{height:56px;line-height:56px;color:#8d8d8d}
.btn.more.edge a:after{border:none;right:-1px;bottom:-1px;width:12px;height:12px;background:#fff url("/resources/giftiel/images/common/btn_white_edge.gif") no-repeat 0 0}
.btn.more.edge a:hover{color:#fff;background:#e14d4b;border:none;-webkit-transition:0.2s;transition:0.2s}
.btn.more.edge a:hover:after{width:0;height:0;border-bottom:12px solid #fff;border-left:12px solid transparent;background:none}
.btn.large a{width:200px;height:60px;line-height:60px;font-size:18px;font-family:'NanumSquareB',sans-serif}
.btn.medium a{padding:0 40px;height:60px;line-height:60px;font-size:18px;font-family:'NanumSquareB',sans-serif}
.btn.small a{padding:0 20px;height:40px;line-height:40px;font-size:14px}
.btn.small2 a{width:80px;height:30px;line-height:30px;font-size:14px}
.btn.full,.btn.full a{width:100%}
.btn.white a{border:1px solid #cacaca;background:#fff}
.btn.white2 a{padding:0 20px;border:1px solid #cacaca;background:#fff;color:#8d8d8d;font-family:'Nanum Square',sans-serif}
.btn.white2.on a{border:1px solid #e14d4b;background:#e14d4b;color:#fff;}
.btn.grey a{color:#fff;background:#8d8d8d;}
.btn.red a{color:#fff;background:#e14d4b; }
.btn.red2 a{color:#e14d4b;background:#fff;border:1px solid #e14d4b; }
.btn.black a{color:#fff;background:#373737;}
.br10 a{border-radius:10px}
.btn.plus a:after{content:'';display:inline-block;margin-left:10px;vertical-align:middle;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-690px -453px;width:9px;height:9px;background-size:704px 669px}
.btn.down a{position:relative;padding:0 10px 0 40px;font-size:14px;height:40px;line-height:40px;color:#8d8d8d;border:1px solid #cacaca;background:#fff}
.btn.down a:before{left:10px;top:8px;width:20px;height:24px}
.btn.xls a:before{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-650px -176px;width:20px;height:24px;background-size:704px 669px}
.btn.hwp a:before{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-650px -44px;width:20px;height:24px;background-size:704px 669px}
.btn.doc a:before{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-650px -132px;width:20px;height:24px;background-size:704px 669px}
.btn.ai a:before{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-650px 0;width:20px;height:24px;background-size:704px 669px}
.btn.jpg a:before{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-650px -88px;width:20px;height:24px;background-size:704px 669px}
.btn.pdf a:before{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-454px -371px;width:20px;height:24px;background-size:704px 669px}
.btn.delete a{width:13px;height:15px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-690px -34px;width:13px;height:15px;background-size:704px 669px}
.btn.file{background:#fff}
.btn.file a{padding:0;color:#8d8d8d;border:1px solid #8d8d8d}
.btn.file a label{display:block;padding:0 40px}
.btn.file a label:hover{cursor:pointer}
/*! form */
input::-ms-clear{display:none}
input::-webkit-input-placeholder{font-size:16px;color:#8d8d8d;opacity:1}
input::-moz-placeholder{font-size:16px;color:#8d8d8d;opacity:1}
input:-ms-input-placeholder{font-size:16px;color:#8d8d8d;opacity:1}
input::-ms-input-placeholder{font-size:16px;color:#8d8d8d;opacity:1}
input::placeholder{font-size:16px;color:#8d8d8d;opacity:1}
.input_checkbox + .input_checkbox,.input_radio + .input_radio{margin-left:18px}
.input_checkbox,.input_radio{display:inline-block}
.input_checkbox input,.input_radio input{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.input_checkbox label:hover,.input_radio label:hover{cursor:pointer}
.type_btn{display:inline-block;position:relative}
.type_btn .label{display:inline-block;margin-left:28px;padding:0 20px;height:38px;line-height:38px;font-size:16px;color:#fff;border:1px solid #e14d4b;background:#e14d4b}
.type_btn .label:before{left:-28px}
.type_btn .label:after{left:-24px}
.input_checkbox input:focus + label:before,.input_checkbox input:hover + label:before,.input_radio input:focus + label:before,.input_radio input:hover + label:before{border-color:#373737}
.input_checkbox input:active + label:before,.input_radio input:active + label:before{-webkit-transition-duration:0;transition-duration:0;-webkit-filter:brightness(0.2);filter:brightness(0.2)}
.input_checkbox input + label,.input_radio input + label{position:relative;padding-left:30px;vertical-align:middle;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.input_checkbox input + label .cl_red,.input_radio input + label .cl_red{color:#e14d4b}
.input_checkbox.right input + label{padding-left:0;padding-right:30px;color:#8d8d8d}
.input_checkbox.right input + label:before{left:auto;right:0}
.input_checkbox.right input:checked + label:after{left:auto;right:3px}
.input_checkbox input + label:before,.input_radio input + label:before{-webkit-box-sizing:content-box;box-sizing:content-box;content:'';color:#e14d4b;position:absolute;top:50%;left:0;width:14px;height:14px;margin-top:-9px;border:2px solid #cacaca;text-align:center;background:#fff}
.input_checkbox input + label:after,.input_radio input + label:after{-webkit-box-sizing:content-box;box-sizing:content-box;content:'';background-color:#e14d4b;position:absolute;top:50%;left:4px;width:10px;height:10px;margin-top:-5px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-transition:-webkit-transform 200ms ease-out;transition:-webkit-transform 200ms ease-out;transition:transform 200ms ease-out;transition:transform 200ms ease-out,-webkit-transform 200ms ease-out}
.input_checkbox input + label:after{background-color:transparent;top:50%;left:4px;width:8px;height:3px;margin-top:-4px;border-style:solid;border-color:#373737;border-width:0 0 3px 3px;-webkit-border-image:none;-o-border-image:none;border-image:none;-webkit-transform:rotate(-45deg) scale(0);-ms-transform:rotate(-45deg) scale(0);transform:rotate(-45deg) scale(0);-webkit-transition:none;transition:none}
.input_checkbox input:checked + label:after{content:'';-webkit-transform:rotate(-45deg) scale(1);-ms-transform:rotate(-45deg) scale(1);transform:rotate(-45deg) scale(1);-webkit-transition:-webkit-transform 200ms ease-out;transition:-webkit-transform 200ms ease-out;transition:transform 200ms ease-out;transition:transform 200ms ease-out,-webkit-transform 200ms ease-out}
.input_checkbox input:disabled:hover + label:before,.input_radio input:disabled:hover + label:before{border-color:#cacaca}
.input_checkbox input:disabled + label:before,.input_radio input:disabled + label:before{background-color:#f1f1f1}
.input_radio input:checked + label:before{-webkit-animation:borderscale 300ms ease-in;animation:borderscale 300ms ease-in;background-color:#fff}
.input_radio input:checked + label:after{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.input_radio input + label:after,.input_radio input + label:before{border-radius:50%}
.input_checkbox input:checked + label:before{-webkit-animation:borderscale 200ms ease-in;animation:borderscale 200ms ease-in}
.input_checkbox input:checked + label:after{-webkit-transform:rotate(-45deg) scale(1);-ms-transform:rotate(-45deg) scale(1);transform:rotate(-45deg) scale(1)}
.input_checkbox.no_txt label,.input_radio.no_txt label{padding-left:18px}
@-webkit-keyframes borderscale{
50%{-webkit-box-shadow:0 0 0 2px #fff;box-shadow:0 0 0 2px #fff}}
@keyframes borderscale{
50%{-webkit-box-shadow:0 0 0 2px #fff;box-shadow:0 0 0 2px #fff}}
.input_box{padding:20px 0 20px 20px;border:1px solid #cacaca}
.input_box .input_radio label{margin-bottom:0}
.input_box .input_txt{width:245px;margin-right:18px}
.input_box .input_txt input{height:38px;line-height:38px}
.input_box.pd10{padding:10px 20px}
.ui-ibrd.on{border-color:#8d8d8d!important;-webkit-transition:0.5s;transition:0.5s;outline:none}
.input_wrp > label{display:block;margin-bottom:20px;font-size:18px;line-height:20px;color:#373737;font-family:'NanumSquareB'}
.input_wrp label span{display:inline-block;margin-left:5px;font-size:18px;line-height:20px;color:#e31d1a;vertical-align:middle;font-family:'NanumSquareB'}
.input_wrp label em{display:inline-block;margin-left:10px;font-size:16px;line-height:20px;color:#8d8d8d;vertical-align:middle}
.imp_txt{position:relative;margin-top:8px;padding-left:10px;font-size:14px;line-height:20px;color:#8d8d8d}
.imp_txt:before {  content: '';  display: block;  position: absolute;  left: 0;  top: 9px;  width: 6px;   height: 6px;  background: #8d8d8d;  border-radius: 50%; }
.imp_txt.fnt16{font-size:16px}
.alert{margin-top:10px;font-size:14px}
.alert.block{color:#e14d4b}
.alert.pass{color:#237a97}
.input_txt{display:inline-block;position:relative;width:100%;background-color:#fff}
.input_txt input{display:inline-block;padding:0 0 0 20px;width:100%;font-size:16px;height:60px;line-height:60px;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:0;-webkit-border-radius:0;border:1px solid #cacaca}
.input_txt input:active,.input_txt input:focus{border-color:#8d8d8d;-webkit-transition:0.5s;transition:0.5s;outline:none}
.input_txt input:disabled{color:#8d8d8d;background:#f1f1f1}
.input_txt input:-moz-read-only{color:#8d8d8d;background:#f1f1f1}
.input_txt input:read-only{color:#8d8d8d;background:#f1f1f1}
.input_txt input:-moz-read-only:focus{border-color:#cacaca}
.input_txt input:read-only:focus{border-color:#cacaca}
.input_txt input.h40{height:40px;line-height:40px}
.input_txt a,.input_txt i{display:inline-block;position:absolute;right:20px;top:50%;width:25px;height:23px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-499px -507px;width:25px;height:23px;background-size:704px 669px;-webkit-transform:translate(0, -48%);-ms-transform:translate(0, -48%);transform:translate(0, -48%)}
.input_txt input[type=password]{font-family:Arial,sans-serif}
.input_wrp.prc input{text-align:right;padding:0 60px 0 0}
.input_wrp.prc .won{position:absolute;right:1px;top:1px;width:58px;font-size:16px;line-height:58px;text-align:center;background:#fff}
.input_wrp .email{border:1px solid #cacaca;background:#fff}
.input_wrp .email .w210{width:210px}
.input_wrp .email .w186{width:186px}
.input_wrp .email .w180{width:180px}
.input_wrp .email .snabel{width:16px;font-size:16px;line-height:58px}
.input_wrp .email > span{float:left}
.input_wrp .email .input_txt input{border:none;height:58px;line-height:58px}
.input_wrp .email .selectbox_wrap{border:none}
.input_wrp .email .selectbox_wrap:active{height:58px;line-height:58px;border:1px solid #cacaca;outline:none}
.input_wrp .ss_num{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;border:1px solid #cacaca}
.input_wrp .ss_num .input_txt{width:-webkit-calc(50% - 13px);width:calc(50% - 13px)}
.input_wrp .ss_num .snabel{display:block;width:26px;font-size:16px;line-height:58px;text-align:center;background:#fff}
.input_wrp .ss_num input{height:58px;line-height:58px;border:none;text-align:center}
.input_wrp .phone{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;border:1px solid #cacaca}
.input_wrp .phone .input_txt{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.input_wrp .phone .input_txt input{border:none;height:58px;line-height:58px}
.input_wrp .phone .input_txt.w_txt{width:-webkit-calc(100% - 120px);width:calc(100% - 120px)}
.input_wrp .phone .bar{height:58px;line-height:58px}
.input_wrp .phone.readonly .bar{background:#f1f1f1}
.input_multiple{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.input_multiple .input_txt,.input_multiple .selectbox_wrap{margin-right:10px}
.input_txt .file{background:#fff!important}
.input_txt .time{position:absolute;right:20px;top:20px;font-size:14px;line-height:21px;color:#373737}
.input_txt .time:before{content:'';display:inline-block;margin:3px 6px 0 0;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-690px -69px;width:13px;height:13px;background-size:704px 669px;vertical-align:top}
.input_wrp textarea{width:100%;padding:20px;font-size:16px;line-height:20px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #cacaca}
.input_wrp textarea:focus{border:1px solid #8d8d8d}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-size:16px;color:#cacaca;opacity:1}
input::-moz-placeholder,textarea::-moz-placeholder{font-size:16px;color:#cacaca;opacity:1}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{font-size:16px;color:#cacaca;opacity:1}
input::-ms-input-placeholder,textarea::-ms-input-placeholder{font-size:16px;color:#cacaca;opacity:1}
input::placeholder,textarea::placeholder{font-size:16px;color:#cacaca;opacity:1}
.selectbox_wrap{position:relative;z-index:0;display:inline-block;width:100%;border:1px solid #cacaca;-webkit-box-sizing:border-box;box-sizing:border-box}
.selectbox_wrap:after{content:'';display:block;position:absolute;top:50%;right:20px;margin-top:-3px;width:13px;height:7px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-690px -399px;width:13px;height:7px;background-size:704px 669px}
.selectbox_wrap.w120 .selectbox{width:120px}
.selectbox_layer_wrap{position:relative;z-index:0;display:inline-block;width:100%;border:1px solid #cacaca;-webkit-box-sizing:border-box;box-sizing:border-box}
.selectbox_layer_wrap:after{content:'';display:block;position:absolute;top:50%;right:20px;margin-top:-3px;width:13px;height:7px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-690px -399px;width:13px;height:7px;background-size:704px 669px}
.selectbox_layer_wrap.w120 .selectbox{width:120px}
.selectbox{display:inline-block;vertical-align:middle;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;width:100%;padding:0 0 0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;height:58px;line-height:58px;font-size:16px;color:#373737;background-color:#fff}
.ie9 .selectbox{width:-webkit-calc(100% + 20px);width:calc(100% + 20px)}
.selectbox::-ms-expand{display:none}
.select_multiple{border:1px solid #cacaca}
.select_multiple > span,.select_multiple > span input{border:none;height:58px;line-height:58px}
.select_multiple .input_txt,.select_multiple .selectbox_wrap{float:left}
.select_multiple .selectbox{height:58px;line-height:58px;vertical-align:top}
.select_multiple .input_txt{height:57px;line-height:57px;vertical-align:top}
.select_multiple .input_txt input{height:57px;line-height:57px;text-align:center}
.select_multiple_wrp{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.select_multiple_wrp .select_multiple{display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.select_multiple_wrp .select_multiple .selectbox_wrap{float:left;width:50%}
.select_multiple_wrp .select_multiple .selectbox_wrap.w30p{width:30%}
.select_multiple_wrp .select_multiple .selectbox_wrap.w70p{width:70%}
.input_wrp .bar,.select_multiple_wrp .bar{display:inline-block;width:36px;line-height:60px;vertical-align:middle;text-align:center}
.ie9 select{width:-webkit-calc(100% + 20px);width:calc(100% + 20px);padding:12px 0 10px 15px;height:auto}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){
.selectbox select{padding:12px 0 10px 15px;height:auto}}
.input_out_btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.input_out_btn .input_txt,.input_out_btn .selectbox_wrap{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin-right:10px}
.input_out_btn .btn + .btn{margin-left:10px}
.input_in_btn{position:relative}
.input_in_btn .btn{position:absolute;right:10px;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}
.input_in_btn .btn.search{right:14px;top:50%}
.input_in_btn .btn.search a{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-204px -567px;width:21px;height:21px;background-size:704px 669px}

.input_in_btn_layer{position:relative; width:60%; text-align:right; display:inline-block;}
.input_in_btn_layer .btn{position:absolute;right:10px;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}
.input_in_btn_layer .btn.search{right:14px;top:50%}
.input_in_btn_layer .btn.search a{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-204px -567px;width:21px;height:21px;background-size:704px 669px}

.input_out_btn .no_input{display:inline-block;width:100%;padding:15px 20px;margin-right:0;line-height:28px;font-size:16px;color:#8d8d8d;border:1px solid #cacaca;-webkit-box-sizing:border-box;box-sizing:border-box}
.flex_btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.flex_btn .phone{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin-right:10px}
.flex_btn .email{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin-right:10px}
.flex_btn .email .w186{width:140px}
.flex_btn .email .w210{width:149px}
.flex_btn .email + .btn a{padding:0 20px}
/*! page navigation */
.paginav{margin-top:40px;text-align:center}
.paging-util{position:relative;display:inline-block;width:40px;height:40px;line-height:40px;vertical-align:top}
.paging-util .icon{position:absolute;top:50%;left:50%}
.paging-util:hover{border-color:#373737}
.btn-paging-first .icon{margin:-7px 0 0 -8px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-129px -621px;width:16px;height:13px;background-size:704px 669px}
.btn-paging-prev .icon{margin:-7px 0 0 -6px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-690px -242px;width:8px;height:13px;background-size:704px 669px}
.btn-paging-next .icon{margin:-7px 0 0 -2px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-690px -275px;width:8px;height:13px;background-size:704px 669px}
.btn-paging-last .icon{margin:-7px 0 0 -8px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-93px -621px;width:16px;height:13px;background-size:704px 669px}
.paging-list{display:inline-block;vertical-align:top}
.paging-list .paging_num:nth-child(1):before{display:none}
.paging_num{display:inline-block;position:relative;width:40px;height:40px;line-height:40px;color:#8d8d8d;vertical-align:top}
.paging_num .txt{font-size:16px;color:#8d8d8d}
.paging_num.on,.paging_num.on:hover{color:#e31d1a}
.paging_num.on:hover .txt{color:#e31d1a}
.paging_num.on .txt{color:#e31d1a}
.paging_num:active,.paging_num:focus,.paging_num:hover{background-color:#fff;color:#373737}
.paging_num:active .txt,.paging_num:focus .txt,.paging_num:hover .txt{color:#373737}
.paging_num:before{content:'';position:absolute;left:-5px;top:15px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-690px -610px;width:6px;height:9px;background-size:704px 669px}
.diminish{display:inline-block;width:30px;height:42px;line-height:30px;vertical-align:top;color:#8d8d8d;font-size:16px;font-weight:700}
/*! board */
/*! table */
.tbl table{width:100%}
.tbl table .align_r{padding-right:20px;text-align:right}
.tbl table .align_l{padding-left:20px;text-align:left}
.tbl table .align_r span{display:inline-block;vertical-align:top}
.tbl table .red{margin-right:5px;color:#e14d4b;font-family:'NanumSquareB',sans-serif}
.tbl table td,.tbl table th{font-size:18px;text-align:center;border:1px solid #cacaca}
.tbl table th{line-height:40px;font-family:'NanumSquareB',sans-serif;background:#f1f1f1}
.tbl2.pos_rel{position:relative}
.tbl2 table{width:100%}
.tbl2 table td,.tbl2 table th{padding-left:20px;font-size:16px;line-height:56px;text-align:left;border:1px solid #cacaca}
.tbl2 table td.ord_cancel{line-height:35px;}
.tbl2 table th{background:#f1f1f1}
.tbl2 table thead th{padding:0;text-align:center}
.tbl2 table .fnt14 th{padding:0;font-size:14px;text-align:center;background:#fff}
.tbl2 table .fnt14 td{padding:0;font-size:14px;text-align:center}
.tbl2 table .fnt14 td.align_l{padding-left:10px;text-align:left}
.tbl2 table .fnt14 td.align_r{padding-right:10px;text-align:right}
.tbl2 table .cl_red{color:#e14d4b}
.tbl2 table .cl_blue{color:#52a1be}
.tbl2 table .cl_grey{color:#8d8d8d}
.tbl2 table .align_c{padding:0;text-align:center}
.tbl2 table .tt_sum th{font-size:16px;font-family:'NanumSquareB',sans-serif;border-bottom:2px solid #373737}
.tbl2 table .tt_sum th.align_l{padding-left:20px;text-align:left}
.tbl2 table .tt_sum .line2{line-height:19px}
.tbl2.white table thead th{border:none;background:#fff;border-top:1px solid #373737;border-bottom:1px solid #cacaca}
.tbl2.white table tbody td{border:none;background:#fff;border-bottom:1px solid #cacaca}
.tbl2.white .nodata{padding:0;height:250px;text-align:center}
.tbl2.white .nodata:before{content:'';display:inline-block;margin-top:88px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:0 -567px;width:34px;height:34px;background-size:704px 669px}
.tbl2.white .nodata span{display:block;font-size:16px;line-height:46px}
table .pos_rel{position:relative;min-height:56px}
table .btn.abs_r{position:absolute;right:20px;top:50%;margin-top:-20px}
table .btn.abs_l{position:absolute;left:0;top:50%;margin-top:-20px}
table .btn.small{height:40px}
table .ellipsis{display:block;width:90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding:url(ellipsis.xml#ellipsis)}
table .line2{line-height:29px!important}
table a:hover{text-decoration:underline}
table .btn a:hover{text-decoration:none}
.tbl_info{position:relative;margin-bottom:20px}
.tbl_info p{font-size:16px;line-height:40px}
.tbl_info p span{font-size:16px;line-height:40px;color:#e14d4b;font-family:'NanumSquareB',sans-serif}
.tbl_info p span.black{color:#373737;font-family:'NanumSquareB',sans-serif}
.tbl_info p.grey{color:#8d8d8d}
.tbl_info p em{font-size:16px;line-height:40px;color:#8d8d8d}
.tbl_info p.fnt22{font-size:22px}
.tbl_info p.fnt22 span{font-size:22px;font-family:'NanumSquareB',sans-serif}
.tbl_info .btn{position:absolute;right:0;top:0}
.tbl_info .pos_r100{right:100px}
.tbl_info .pos_r232{right:232px}
.tbl_info .selectbox_wrap{position:absolute;right:0;top:-20px;width:205px}
.tbl_info .selectbox_layer_wrap{right:0; width:205px; vertical-align: top;}
.tbl_area{margin-top:30px}
.tbl_area .tbl2{float:left;width:-webkit-calc(50% - 15px);width:calc(50% - 15px)}
.tbl_area .tbl2:nth-child(2){float:right}
.tbl_area .tbl2 tbody th{font-size:16px;line-height:20px;font-family:'NanumSquareB',sans-serif;background:#f1f1f1}
.tbl_area .tbl2 tbody td{line-height:40px;color:#8d8d8d}
.tbl_area .tbl2 tbody td.black{color:#373737}
.tbl_tit{margin:27px 0 18px;font-size:18px;line-height:23px;font-family:'NanumSquareB',sans-serif}
/*! tab */
.tab01{margin-top:20px}
.tab01 ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.tab01 ul li{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.tab01 ul li a{display:block;font-size:22px;line-height:60px;color:#8d8d8d;text-align:center;border-bottom:2px solid #cacaca}
.tab01 ul li.on a{font-family:'NanumSquareB',sans-serif;color:#373737;border-bottom:2px solid #e14d4b}
.tab_cont{display:none}
.tab_cont.on{display:block}
.tab01.fnt16 ul li a{font-size:16px}
.tab02 ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;border-bottom:1px solid #e5e5e5}
.tab02 li a{display:block;padding:0 23px;font-size:20px;line-height:61px;color:#8d8d8d}
.tab02 li.on a{position:relative;color:#373737}
.tab02 li.on a:before{left:0;bottom:-1px;width:100%;height:2px;background:#e31d1a}
.ui_tab_cont .tab_cont{display:none}
.ui_tab_cont .tab_cont.on{display:block}
/*! board list */
.board_list ul{border-top:1px solid #373737}
.board_list ul li{position:relative;padding-left:30px;border-bottom:1px solid #dbdbdb}
.board_list ul li a{display:inline-block;margin:25px 0;max-width:580px;font-size:16px;line-height:50px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding:url(ellipsis.xml#ellipsis);vertical-align:top}
.board_list ul li .date{display:inline-block;position:absolute;right:180px;top:30px;font-size:16px;line-height:40px}
.board_list ul li .info{display:inline-block;position:absolute;right:30px;top:30px;width:120px;font-size:16px;line-height:40px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}
.board_list ul li .info.red{color:#e14d4b;border:1px solid #e14d4b}
.board_list ul li .info.black{color:#373737;border:1px solid #8d8d8d}
.board_list .nodata{padding:0!important;height:250px;text-align:center}
.board_list .nodata:before{content:'';display:inline-block;margin-top:88px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:0 -567px;width:34px;height:34px;background-size:704px 669px}
.board_list .nodata span{display:block;font-size:16px;line-height:46px}
/*! board view */
.board_view .view_top{padding:26px 30px 23px;border-top:1px solid #373737;border-bottom:1px solid #dbdbdb}
.board_view .view_top p{margin-bottom:14px;font-size:18px;line-height:26px;font-family:'NanumSquareB',sans-serif}
.board_view .view_top span{display:block;font-size:16px;line-height:26px;color:#8d8d8d}
.board_view .view_txt{padding:43px 30px 48px;font-size:16px;line-height:26px;color:#8d8d8d;border-bottom:1px solid #dbdbdb}
.board_view .view_file{position:relative;padding:20px 30px}
.board_view .view_file p{float:left;padding:0 20px;font-size:16px;line-height:20px;border-left:1px solid #dbdbdb}
.board_view .view_file p:first-child{padding-left:0;border:none}
.board_view .view_answer .answer_top{position:relative;padding:0 30px;background:#373737}
.board_view .view_answer .answer_top p{font-size:16px;line-height:60px;color:#fff}
.board_view .view_answer .answer_top span{display:block;position:absolute;top:0;right:30px;font-size:16px;line-height:60px;color:#fff}
.board_view .view_answer .answer_txt{padding:25px 30px;font-size:16px;line-height:26px;border-bottom:1px solid #cacaca}
.board_view .view_answer_ing{padding:24px 30px 25px;border-top:1px solid #373737;border-bottom:1px solid #cacaca}
.board_view .view_answer_ing p{margin-bottom:9px;font-size:16px;line-height:26px;color:#e14d4b}
.board_view .view_answer_ing span{display:block;font-size:16px;line-height:26px}
/*! header */
.header_content{width:100%;min-width:1200px}
.header_area{position:relative;padding-bottom:49px}
.top_banner{position:relative;width:100%;height:39px;border-bottom:1px solid #3d3d3d}
.top_banner .close_banner{display:block;position:absolute;right:30px;top:9px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-162px -567px;width:22px;height:22px;background-size:704px 669px}
.banner_in{position:relative;width:1200px;height:39px;margin:0 auto}
.banner_in li a{display:block;height:39px;line-height:39px;font-size:16px;text-align:center;color:#fff}
.banner_in .swiper-button-next,.banner_in .swiper-button-prev{position:absolute;right:0;width:12px;height:5px;margin:0}
.banner_in .swiper-button-next{top:27px;background:none;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-690px -560px;width:12px;height:5px;background-size:704px 669px;opacity:1}
.banner_in .swiper-button-prev{left:auto;top:9px;background:none;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-690px -585px;width:12px;height:5px;background-size:704px 669px;opacity:1}
.banner_in .swiper-button-next a,.banner_in .swiper-button-prev a{display:block;width:12px;height:5px}
.header_lnk{width:100%;height:30px;border-bottom:1px solid #e5e5e5}
.header_lnk_in{position:relative;width:1200px;margin:0 auto}
.header_lnk_in a{display:inline-block;font-size:12px;line-height:30px;color:#e14d4b}
.header_lnk_in a.lnk02{position:absolute;right:130px;top:0;padding-left:10px;color:#0766f5;font-weight: 500;}
.header_lnk_in a.lnk02:before{left:0;top:14px;width:3px;height:2px;background:#8d8d8d}
.header_lnk_in a.lnk03{position:absolute;right:70px;top:0;padding-left:10px;color:#8d8d8d}
.header_lnk_in a.lnk03:before{left:0;top:14px;width:3px;height:2px;background:#8d8d8d}
.header_lnk_in a.lnk04{position:absolute;right:0px;top:0;padding-left:10px;color:#8d8d8d}
.header_lnk_in a.lnk04:before{left:0;top:14px;width:3px;height:2px;background:#8d8d8d}
.header_util{width:100%;border-bottom:1px solid #e5e5e5}
.header_util_in{position:relative;width:1200px;margin:0 auto}
.header_util_in h1 a{display:inline-block;padding:25px 0 24px}
.header_util_in .search{position:absolute;right:301px;top:0;width:540px;margin-top:17px;padding-right:50px}
.header_util_in .search_box{border-bottom:1px solid #373737}
.header_util_in .search input{width:90%;height:40px;padding-left:18px;font-size:16px;border:none;-webkit-box-sizing:border-box;box-sizing:border-box}
.header_util_in .search .btn_search{position:absolute;right:70px;top:0;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-349px -507px;width:30px;height:30px;background-size:704px 669px}
.header_util_in .searchinput::-webkit-input-placeholder{font-size:16px;color:#cacaca;opacity:1}
.header_util_in .searchinput::-moz-placeholder{font-size:16px;color:#cacaca;opacity:1}
.header_util_in .searchinput:-ms-input-placeholder{font-size:16px;color:#cacaca;opacity:1}
.header_util_in .searchinput::-ms-input-placeholder{font-size:16px;color:#cacaca;opacity:1}
.header_util_in .searchinput::placeholder{font-size:16px;color:#cacaca;opacity:1}
.header_util_in .search .tag{overflow:hidden;width:100%;height:33px;text-align:center}
.header_util_in .search .tag a{display:inline-block;padding:0 10px;font-size:14px;line-height:33px;color:#8d8d8d}
.header_util_in .util_info{position:absolute;right:0;top:0;border-right:1px solid #e5e5e5}
.header_util_in .util_info li{position:relative;float:left;border-left:1px solid #e5e5e5}
.header_util_in .util_info li > a{display:block;position:relative;width:99px;height:99px}
.header_util_in .util_info li > a .txt{position:absolute;left:0;bottom:5px;width:100%;text-align:center;font-size:13px}
.header_util_in .util_info li > a > span{display:block;position:absolute;left:55px;top:58px;width:16px;height:16px;font-size:10px;line-height:16px;text-align:center;color:#fff;background:#373737;border-radius:16px}
.header_util_in .util_info li:nth-child(1) > a{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-320px -164px;width:99px;height:98px;background-size:704px 669px}
.header_util_in .util_info li.on:nth-child(1) > a{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-119px -320px;width:99px;height:98px;background-size:704px 669px}
.header_util_in .util_info li:nth-child(2) > a{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:0 -320px;width:99px;height:98px;background-size:704px 669px}
.header_util_in .util_info li:nth-child(3) > a{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-238px -320px;width:99px;height:98px;background-size:704px 669px}
.header_util_in .brand_lst{display:none;position:absolute;left:0;top:100px;width:1200px;background:#fff;border:1px solid #e5e5e5;border-top:none;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:15}
.header_util_in .brand_in{position:relative}
.header_util_in .brand_in:before{content:'';position:absolute;right:0;top:-1px;width:99px;height:1px;background:#222}
.header_util_in .brand_in .tit{padding:26px 0 18px 30px;font-size:16px;line-height:20px}
.header_util_in .brand_in .search_box{position:absolute;right:29px;top:22px;padding-bottom:3px;width:270px;border-bottom:1px solid #373737}
.header_util_in .brand_in .search_box input{width:100%;height:22px;font-size:14px;line-height:22px;border:none}
.header_util_in .brand_in .search_box .btn_search{display:block;position:absolute;right:0;top:0;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-587px -507px;width:24px;height:22px;background-size:704px 669px}
.header_util_in .brand_in .list{overflow-y:auto;max-height:465px}
.header_util_in .brand_in .list ul{padding:20px 30px 0}
.header_util_in .brand_in .list li{float:left;margin-right:22px}
.header_util_in .brand_in .list li:nth-child(6n){margin-right:0}
.header_util_in .brand_in .list li a{display:block}
.header_util_in .brand_in .list li a img{padding:20px;width:128px;height:128px;border:1px solid #e5e5e5}
.header_util_in .brand_in .list li a span{display:block;margin-bottom:12px;padding:7px 0;font-size:14px;line-height:23px;text-align:center}
.header_util_in .top-info{position:absolute;right:-360px;top:0}
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){
.header_util_in .brand_in .list li{margin-right:20px}}
.header_util_in .brand_in .list::-webkit-scrollbar{width:6px}
.header_util_in .brand_in .list::-webkit-scrollbar-track{background:#ededed;border-radius:6px}
.header_util_in .brand_in .list::-webkit-scrollbar-thumb{background:#373737;border-radius:6px}
.header_util_in .brand_in .list::-webkit-scrollbar-thumb:hover{background:#cdcdcd}
.header_gnb{position:absolute;left:0;top:131px;width:100%;background:#373737;z-index:13;}
.header_gnb_in{position:relative;width:1200px;margin:0 auto}
.header_gnb_in > ul > li{float:left;text-align:left}
.header_gnb_in > ul > li a{display:inline-block;font-family:'NanumSquareB';font-size:16px;line-height:49px;color:#fff}
.header_gnb_in > ul > li.on a{color:#e14d4b}
.header_gnb_in > ul > li:first-child a{padding:0 0 0 27px}
.header_gnb_in > ul > li:nth-child(1){width:175px}
.header_gnb_in > ul > li:nth-child(1){width:175px}
.header_gnb_in > ul > li:nth-child(2){width:220px}
.header_gnb_in > ul > li:nth-child(3){width:160px}
.header_gnb_in > ul > li:nth-child(4){width:150px}
.header_gnb_in > ul > li:nth-child(5){width:145px}
.header_gnb_in .btn_ev{display:block;position:absolute;right:0;top:0;padding:0 17px;font-family:'NanumSquareB',sans-serif;font-size:16px;line-height:49px;color:#fff;background:#e14d4b;}
.gnb_open{display:none;width:100%;height:310px;background:#fff;z-index:200;border-bottom:1px solid #e5e5e5}
.gnb_open .gnb_open_in{width:1200px;margin:0 auto;padding:23px 0 21px;max-height:267px;overflow-y:auto}
.gnb_open .gnb_open_in ul{float:left}
.gnb_open .gnb_open_in ul li a{display:inline-block;font-size:16px;line-height:30px;color:#8d8d8d}
.gnb_open .gnb_open_in ul li a:hover{color:#dc4b49}
.gnb_open .gnb_open_in ul:nth-child(1){width:175px}
.gnb_open .gnb_open_in ul:nth-child(1) li{padding-left:27px}
.gnb_open .gnb_open_in ul:nth-child(2){width:220px}
.gnb_open .gnb_open_in ul:nth-child(3){width:160px}
.gnb_open .gnb_open_in ul:nth-child(4){width:150px}
.gnb_open .gnb_open_in ul:nth-child(5){width:145px}
.gnb_open .gnb_open_in::-webkit-scrollbar{width:6px}
.gnb_open .gnb_open_in::-webkit-scrollbar-track{background:#ededed;border-radius:6px}
.gnb_open .gnb_open_in::-webkit-scrollbar-thumb{background:#373737;border-radius:6px}
.gnb_open .gnb_open_in::-webkit-scrollbar-thumb:hover{background:#cdcdcd}
.util_info .log_area{display:none}
.util_info .log_box{display:none;position:absolute;left:0;top:100px;padding:30px 30px 20px;width:300px;background:#fff;border:1px solid #e5e5e5;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:15}
.util_info .log_box:before{content:'';position:absolute;left:-1px;top:-2px;width:101px;height:2px;background:#373737}
.util_info .log_box ul li{float:none;border:none;margin-top:8px}
.util_info .log_box ul li:first-child{margin-top:0}
.util_info .log_box ul li .input_wrp label{margin-bottom:8px;font-size:16px;line-height:18px}
.util_info .log_box ul li .input_wrp input{line-height:50px;height:50px}
.util_info .log_box .btn{margin-top:20px}
.util_info .log_box .login_btn a{font-size:14px;line-height:33px;color:#8d8d8d}
.util_info .log_box .login_btn a:last-child{margin-left:8px}
.util_info .log_box .login_btn span{padding:0 5px}
.util_info .log_lnk{display:none;position:absolute;left:0;top:100px;padding:25px 30px 27px;width:300px;background:#fff;border:1px solid #e5e5e5;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:15}
.util_info .log_lnk:before{content:'';position:absolute;left:-1px;top:-2px;width:101px;height:2px;background:#373737}
.util_info .log_lnk p{margin-top:13px}
.util_info .log_lnk p a{display:inline-block;font-size:16px;line-height:22px}
.util_info .log_lnk p:first-child{margin-top:0}
.util_info .log_lnk p a:hover{color:#e14d4b;font-family:'NanumSquareB',sans-serif}
/*! footer */
.footer_content{width:100%;height:260px;background:#f9f9f9}
.footer_content .foot_link{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
.footer_content .foot_link ul{width:1200px;margin:0 auto}
.footer_content .foot_link ul li{float:left}
.footer_content .foot_link ul li a{display:block;position:relative;padding:0 20px;font-size:16px;line-height:50px;color:#8d8d8d}
.footer_content .foot_link ul li a:before{left:0;top:20px;width:1px;height:10px;background:#cacaca}
.footer_content .foot_link ul li:first-child a{padding-left:0}
.footer_content .foot_link ul li:first-child a:before{width:0;height:0}
.footer_content .foot_in{position:relative;width:1200px;margin:0 auto}
.footer_content .foot_inf{position:relative;padding-top:20px}
.footer_content .foot_inf p:nth-child(1){width:385px;font-size:16px;line-height:34px;border-bottom:1px solid #cacaca}
.footer_content .foot_inf p:nth-child(2){font-size:30px;line-height:64px}
.footer_content .foot_inf .mailto{display:block;padding-left:25px;position:absolute;left:214px;top:80px;font-size:16px;line-height:24px;color:#8d8d8d;z-index: 10;}
.footer_content .foot_inf .mailto:before{left:0;top:6px;width:20px;height:12px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-650px -452px;width:20px;height:12px;background-size:704px 669px}
.footer_content .foot_inf .blog{display:block;padding-left:184px;position:absolute;left:214px;top:80px;font-size:13px;line-height:24px;color:#8d8d8d;z-index: 1;}
.footer_content .foot_inf .blog:before{left:155px;top:0px;width:23px;background-image:url(/resources/giftiel/images/common/blog.png);background-size: cover;}
.footer_content .foot_inf .safeguard {
    display: block;
    padding-left: 333px;
    position: absolute;
    left: 214px;  /* blog의 left: 214px + padding-left: 184px 이상 */
    top: 80px;
    font-size: 13px;
    line-height: 24px;
    color: #8d8d8d;
    z-index: 1;
}
.footer_content .foot_inf .safeguard:before {
    content: '';
    position: absolute;
    left: 310px;
    top: 6px;
    width: 20px;
    height: 20px;
    background-image: url('/resources/giftiel/images/common/safeguard.png'); /* 아이콘 경로 */
    background-size: cover;
}
.footer_content .foot_in ul{margin-bottom:10px}
.footer_content .foot_in ul li{float:left;position:relative;padding:0 17px;font-size:14px;line-height:1;color:#8d8d8d}
.footer_content .foot_in ul li:before{content:'';position:absolute;left:0;top:2px;width:1px;height:10px;background:#cacaca}
.footer_content .foot_in ul li:first-child{padding-left:0}
.footer_content .foot_in ul li:first-child:before{display:none}
.footer_content .foot_in .address,.footer_content .foot_in .copyright{margin-bottom:10px;font-size:14px;line-height:1;color:#8d8d8d}
.footer_content .foot_in h2{position:absolute;right:0;top:84px}
/*! popup */
/*! location */
.location{width:100%;border-bottom:1px solid #e5e5e5}
.loaction_in{width:1200px;margin:0 auto}
.loaction_in .depth,.loaction_in .home{float:left}
.loaction_in .home{width:56px;height:59px;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-494px -329px;width:56px;height:59px;background-size:704px 669px}
.loaction_in .depth{position:relative;border-right:1px solid #e5e5e5}
.loaction_in .depth > a{display:block;position:relative;width:180px;height:59px;padding-left:20px;line-height:59px;font-family:'NanumSquareB',sans-serif;font-size:16px;color:#222}
.loaction_in .depth > a:after{content:'';display:inline-block;position:absolute;right:20px;top:27px;width:8px;height:5px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-448px -567px;width:8px;height:5px;background-size:704px 669px}
.loaction_in .depth ul{display:none;position:absolute;left:-1px;top:60px;width:100%;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#fff;z-index:100;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top;-webkit-transition:-webkit-transform .1s;transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s}
.loaction_in .depth.on ul{display:block;-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1)}
.loaction_in .depth li a{display:block;height:60px;padding-left:20px;font-size:16px;line-height:60px;-webkit-transition:background .3s;transition:background .3s}
.loaction_in .depth li a:hover{background:#f1f1f1}
/*! layout */
#container{min-height:-webkit-calc(100vh - 220px - 260px);min-height:calc(100vh - 220px - 260px)}
#content{width:1200px;margin:60px auto 0;padding-bottom:100px;background:#fff}
/*! event */
#content.event{margin-top:0}
.view_area.item_event{margin-top:28px;padding-bottom:60px;border-bottom:1px solid #dbdbdb}
.view_area.item_event > .top_info .txt{margin-bottom:26px;font-size:28px;font-family:'NanumSquareB',sans-serif}
.view_area.item_event .view_data{margin-bottom:50px;padding:0 30px;color:#fff;font-size:16px;line-height:60px;background:#373737}
.view_area.item_event .view_data .date{float:left}
.view_area.item_event .view_data .date span{display:inline-block;vertical-align:top;margin-left:5px;color:#e14d4b;font-family:'NanumSquareB',sans-serif}
.view_area.item_event .view_data .count{float:right}
.view_area.item_event .view_data .count span{display:inline-block;vertical-align:top;margin-left:10px}
.view_area.item_event .list_area{margin-top:20px}
.view_area.item_event .list_area .list_slct{float:right;margin-top:15px}
.btn_area.controller{position:relative}
.btn_area.controller .prev{position:absolute;left:0;color:#8d8d8d;font-family:'Nanum SquareR',sans-serif;font-size:16px}
.btn_area.controller .next{position:absolute;right:0}
.btn_area.controller .next a,.btn_area.controller .prev a{position:relative;color:#8d8d8d;font-family:'Nanum SquareR',sans-serif;font-size:16px}
.btn_area.controller .prev a:before{content:'';position:absolute;top:15px;left:0;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-454px -320px;width:16px;height:31px;background-size:704px 669px}
.btn_area.controller .next a:before{content:'';position:absolute;top:15px;right:0;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-126px -567px;width:16px;height:31px;background-size:704px 669px}
.btn_area.controller .next a:hover,.btn_area.controller .prev a:hover{color:#373737}
.btn_area.controller .prev a:hover:before{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-54px -567px;width:16px;height:31px;background-size:704px 669px}
.btn_area.controller .next a:hover:before{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-90px -567px;width:16px;height:31px;background-size:704px 669px}
.item_area.item_event{border:0}
.item_area.item_event ul li{width:100%;margin:0 0 40px 0}
.item_area.item_event ul li .img{width:100%;height:320px;-webkit-box-sizing:border-box;box-sizing:border-box}
.item_area.item_event ul li .img img{width:100%;height:100%}
.item_area.item_event ul li .txt01{border-bottom:0}
.item_area.item_event + .btn_area{padding-top:10px}
.item_event.end_event li .img:before{content:'';display:block;width:1200px;height:100%;position:absolute;left:0;top:0;background:#000;opacity:0.7}
.main #content{position:relative;width:100%;margin:0;padding-bottom:0}
.top_bg_area{overflow:hidden;position:relative;margin:0 auto;max-width:1920px;width:100%;height:550px}
.top_bg_area .bg01{position:absolute;left:0;top:0;padding-right:230px;width:50%;height:550px;background:url("/resources/giftiel/images/common/main_bg01.png") no-repeat right 0;z-index:1}
.top_bg_area .bg02{position:absolute;right:0;top:0;width:50%;height:451px;background:url("/resources/giftiel/images/common/main_bg02.png") no-repeat 0 0}
.top_bg_area svg{position:absolute;left:50%;top:0;margin-left:-960px;width:1920px!important;height:550px!important}
.top_slide_area{position:absolute;left:50%;top:0;width:1200px;margin:0 0 0 -600px;z-index:1}
.top_slide_area .slide_cont{float:left;height:550px}
.top_slide_area .slide_item{position:relative;display:none}
.top_slide_area .slide_item a{display:block;width:700px;height:100%}
.top_slide_area .slide_item .txt01{position:absolute;left:0;top:150px;width:100%;font-size:30px;line-height:40px;color:#fff;z-index:1}
.top_slide_area .slide_item .txt02{position:absolute;left:0;top:200px;width:100%;font-size:44px;line-height:60px;font-family:'NanumSquareB',sans-serif;color:#fff;z-index:1;letter-spacing:-1px}
.top_slide_area .slide_item .txt03{position:absolute;left:0;top:277px;width:100%;font-size:22px;line-height:30px;color:#fff;letter-spacing:-1px;z-index:1}
.top_slide_area .slide_item img{display:none;position:absolute;right:30px;bottom:0}
.top_slide_area .slide_cont.l_cont{width:-webkit-calc(50% + 222px);width:calc(50% + 222px)}
.top_slide_area .slide_cont.l_cont .slide_wrp img{display:block}
.top_slide_area .slide_cont.l_cont .txt01,.top_slide_area .slide_cont.l_cont .txt02,.top_slide_area .slide_cont.l_cont .txt03{color:#373737}
.top_slide_area .slide_cont.r_cont{width:-webkit-calc(50% - 222px);width:calc(50% - 222px)}
.top_slide_area .slide_cont.r_cont .txt01,.top_slide_area .slide_cont.r_cont .txt02,.top_slide_area .slide_cont.r_cont .txt03{color:#fff}
.top_slide_area .slide_cont.r_cont .swiper-slide{position:absolute;display:none}
.top_slide_area .indi_area{position:absolute;right:0;top:451px;padding-top:50px;width:400px;height:50px;background:#fff;z-index:10}
.top_slide_area .indi_area .num01 span{position:relative;display:inline-block;width:40px;height:30px;line-height:30px;color:#fff;text-align:center;background:#e31d1a}
.top_slide_area .indi_area .num01 em{display:inline-block;padding-left:8px;font-size:16px;line-height:30px}
.top_slide_area .indi_area .num01 span:after{content:'';display:inline-block;position:absolute;left:0;bottom:-7px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:0 -662px;width:7px;height:7px;background-size:704px 669px}
.top_slide_area .indi_area .num02{position:absolute;right:0;bottom:-67px}
.top_slide_area .indi_area .num02 span{position:relative;display:inline-block;width:40px;height:30px;line-height:30px;color:#fff;text-align:center;background:#8d8d8d}
.top_slide_area .indi_area .num02 span:after{content:'';display:inline-block;position:absolute;right:0;top:-7px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-27px -662px;width:7px;height:7px;background-size:704px 669px}
.top_slide_area .indi_area .bar{position:relative;margin-top:17px;width:100%;height:2px;background:#e5e5e5}
.top_slide_area .indi_area .bar span{position:absolute;display:inline-block;height:2px;background:#373737}
.top_slide_area .indi_area .bar .swiper-pagination-progressbar-fill{background:#373737!important}
.top_slide_area .control{margin-top:57px;text-align:center}
.top_slide_area .control a{display:inline-block;vertical-align:top}
.top_slide_area .control .prv{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-377px -282px;width:36px;height:7px;background-size:704px 669px}
.top_slide_area .control .stop{margin:0 18px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-690px -308px;width:8px;height:12px;background-size:704px 669px}
.top_slide_area .control .nxt{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-320px -282px;width:37px;height:7px;background-size:704px 669px}
.main_section01{position:relative}
.main_section01_new .new_slide{position:relative;min-width:1200px}
.main_section01_new .new_slide .slide_cont{overflow:hidden;height:490px}
.main_section01_new .new_slide .slide_item{width:100%;min-width:1200px;height:490px}
.main_section01_new .new_slide .slide_item a{display:block;position:relative;width:1200px;margin:0 auto;height:490px}
.main_section01_new .new_slide .slide_item .txt01{position:absolute;left:0;top:105px;padding:0 20px;font-size:14px;line-height:30px;color:#fff;background:#e31d1a;font-family:'NanumSquareB',sans-serif;border-radius:20px}
.main_section01_new .new_slide .slide_item .txt02{position:absolute;left:0;top:144px;font-size:52px;line-height:66px;color:#222;font-family:'NanumSquareB',sans-serif}
.main_section01_new .new_slide .slide_item .txt03{position:absolute;left:0;top:325px;font-size:20px;line-height:28px;color:#222;opacity:0.8}
.main_section01_new .new_slide .num{position:absolute;left:50%;top:390px;margin-left:-46px;width:92px;padding:10px 0;background:#7e8ea0;border-radius:34px;z-index:10;text-align:center}
.main_section01_new .new_slide .num > span{display:inline-block;width:44px;font-size:14px;line-height:14px;color:#fff;font-family:'NanumSquareB',sans-serif;vertical-align:middle}
.main_section01_new .new_slide .num > span:after{content:'';display:inline-block;margin-left:10px;width:1px;height:14px;background:#bfc7d0;vertical-align:middle}
.main_section01_new .new_slide .num .stop{display:inline-block;margin-left:11px;width:8px;height:13px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-690px -340px;width:8px;height:12px;background-size:704px 669px;vertical-align:middle}
.main_section01_new .new_slide .num .play{display:inline-block;margin-left:9px;width:8px;height:13px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-690px -208px;width:10px;height:14px;background-size:704px 669px;vertical-align:middle}
.main_section01_new .new_slide .indi_area{position:absolute;left:50%;top:446px;margin-left:-600px;width:1200px;z-index:10;background:#fff;-webkit-box-shadow:0 0 20px #cfcfcf;box-shadow:0 0 20px #cfcfcf}
.main_section01_new .new_slide .indi_in{position:relative}
.main_section01_new .new_slide .indi_area li{position:relative;float:left;width:200px;padding:23px 0 21px;border-bottom:2px solid #373737}
.main_section01_new .new_slide .indi_area li a{display:block;position:relative;padding:0 24px;height:44px;font-size:16px;line-height:22px;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}
.main_section01_new .new_slide .indi_area li a:before{display:block;position:absolute;left:0;top:2px;width:1px;height:40px;background:#e5e5e5}
.main_section01_new .new_slide .indi_area li:first-child a:before{display:none}
.main_section01_new .new_slide .indi_area li.on a{color:#e14d4b;font-family:'NanumSquareB',sans-serif}
.main_section01_new .new_slide .indi_area li.on:after{content:'';display:block;position:absolute;left:0;bottom:-2px;width:100%;height:3px;background:#e14d4b}
.main_section01_new .new_slide .indi_area .prv{position:absolute;left:-25px;top:25px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-413px -438px;width:40px;height:40px;background-size:704px 669px;}
.main_section01_new .new_slide .indi_area .prv:hover{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-353px -438px;width:40px;height:40px;background-size:704px 669px}
.main_section01_new .new_slide .indi_area .nxt{position:absolute;right:-25px;top:25px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-293px -438px;width:40px;height:40px;background-size:704px 669px;}
.main_section01_new .new_slide .indi_area .nxt:hover{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:0 -507px;width:40px;height:40px;background-size:704px 669px}
.sec_tit strong{font-size:30px;line-height:40px;vertical-align:top}
.sec_tit span{padding:0 15px;font-size:20px;line-height:40px;vertical-align:top}
.sec_tit em{font-size:16px;line-height:40px;vertical-align:top;color:#8d8d8d}
.main_section02 .alarm{position:absolute;left:-320px;top:325px;}
.main_section02 .alarm_in{position:relative}
.main_section02 .alarm_in:before{content:'';display:inline-block;position:absolute;left:3px;top:2px;width:10px;height:10px;border-radius:10px;background:#e14d4b}
.main_section02 .alarm_in > span{display:block;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-574px -430px;width:38px;height:43px;background-size:704px 669px}
.main_section02 .alarm_txt{border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; position:absolute;left:20px;bottom:90px;padding:36px 35px 31px 20px;min-width:240px;background:#8d8f8f;-webkit-box-sizing:border-box;box-sizing:border-box;}
.main_section02 .alarm_txt p{font-size:14px;line-height:25px;color:#fff;letter-spacing:-1px}
.main_section02 .alarm_txt p a{font-size:14px;line-height:25px;color:#fff;letter-spacing:-1px}
.main_section02 .alarm_txt p:first-child a:hover{text-decoration:underline}
.main_section02 .alarm_txt p span{color:#ffd200}
.main_section02 .alarm_txt:after{content:'';display:inline-block;position:absolute;left:0;bottom:-23px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-544px -507px;width:23px;height:23px;background-size:704px 669px}
.main_section02{position:relative;width:1200px;margin:0 auto;padding:123px 0 0}
.main_section02 .item_box{position:relative;padding-top:44px;min-height:720px}
.main_section02 .item_box .swiper_container{margin:50px 60px 120px}
.main_section02 .item_box .swiper_slide img{width:278px;height:278px;border:1px solid #e5e5e5;-webkit-box-sizing:border-box;box-sizing:border-box}
.main_section02 .item_box .txt{padding-top:49px;text-align:center}
.main_section02 .item_box .txt p:nth-child(1){font-size:20px;line-height:40px;font-family:'NanumSquareB',sans-serif}
.main_section02 .item_box .txt p:nth-child(2) span{font-size:14px;line-height:35px;color:#8d8d8d;text-decoration:line-through}
.main_section02 .item_box .txt p:nth-child(2) em{padding-left:10px;font-size:20px;line-height:35px}
.main_section02 .item_box .prv{display:block;position:absolute;left:20px;top:210px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-62px -621px;width:11px;height:21px;background-size:704px 669px;z-index:1}
.main_section02 .item_box .nxt{display:block;position:absolute;right:20px;top:210px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-650px -484px;width:11px;height:21px;background-size:704px 669px}
.main_section02 .item_box .swiper_pagination{padding-top:21px;text-align:center}
.main_section02 .item_box .swiper_pagination span{display:inline-block;width:10px;height:10px;border-radius:10px;background:#aaa;opacity:1}
.main_section02 .item_box .swiper_pagination span.swiper-pagination-bullet-active{background:#373737}
.main_section02 .left_item ul li{position:relative}
.main_section02 .left_item ul li:nth-child(3n){margin-right:0}
.main_section02 .left_item ul li .img{display:block;position:relative;width:278px;height:278px}
.main_section02 .left_item ul li .img img{width:100%;height:100%}
.main_section02 .left_item ul li .img > span{display:block;position:absolute;left:21px;top:21px;width:48px;height:48px;border-radius:48px;text-align:center}
.main_section02 .left_item ul li .img > span span{display:block;margin-top:7px;font-size:10px;line-height:12px;color:#fff}
.main_section02 .left_item ul li .img > span em{display:block;font-size:12px;line-height:18px;color:#fff}
.main_section02 .left_item ul li .img > span.green{background:#24aca7}
.main_section02 .left_item ul li .img > span.red{background:#e14d4b}
.main_section02 .left_item ul li .img_dimm{display:none;position:absolute;left:0;top:157px;width:278px;height:120px;background:#000;opacity:0.7;border-radius:20px}
.main_section02 .left_item ul li .item_btn{display:none;position:absolute;left:44px;top:175px;z-index:1}
.main_section02 .left_item ul li .item_btn a{display:block;float:left;margin-left:8px;color:#fff;opacity:0.5}
.main_section02 .left_item ul li .item_btn a:first-child{margin-left:0}
.main_section02 .left_item ul li .item_btn a:before{content:'';display:block;position:static}
.main_section02 .left_item ul li .item_btn a em{display:block;font-size:14px;line-height:30px;text-align:center;color:#fff;opacity:1}
.main_section02 .left_item ul li .item_btn .ico01:before{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-494px 0;width:60px;height:59px;background-size:704px 669px}
.main_section02 .left_item ul li .item_btn .ico02:before{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-494px -79px;width:59px;height:59px;background-size:704px 669px}
.main_section02 .left_item ul li .item_btn .ico03:before{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-494px -158px;width:59px;height:59px;background-size:704px 669px}
.main_section02 .left_item ul li.on .img_dimm{display:block}
.main_section02 .left_item ul li.on .item_btn{display:block;-webkit-transition:0.3s;transition:0.3s}
.main_section02 .left_item ul li .item_btn a:focus,.main_section02 .left_item ul li .item_btn a:hover{opacity:1}
.main_section02 .left_item ul li .item_btn a:focus em,.main_section02 .left_item ul li .item_btn a:hover em{opacity:1}
.main_section02 .left_item ul li .txt01{margin-top:17px;padding-bottom:13px;border-bottom:1px solid #cacaca}
.main_section02 .left_item ul li .txt01 a{display:block}
.main_section02 .left_item ul li .txt01 span{display:block;font-size:16px;line-height:20px;color:#8d8d8d;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding:url(ellipsis.xml#ellipsis)}
.main_section02 .left_item ul li .txt01 p{font-size:18px;line-height:32px;color:#373737;font-family:'NanumSquareB',sans-serif;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding:url(ellipsis.xml#ellipsis)}
.main_section02 .left_item ul li .txt02 span{display:inline-block;vertical-align:top;line-height:57px}
.main_section02 .left_item ul li .txt02 span:nth-child(1){margin-left:0;font-size:14px;color:#8d8d8d;text-decoration:line-through}
.main_section02 .left_item ul li .txt02 span:nth-child(2){margin-left:8px;font-size:18px;color:#373737}
.main_section02 .left_item ul li .txt02 span:nth-child(3){margin-left:2px;font-size:18px;color:#e14d4b}
.main_section02 .category_area{position:absolute;left:123px;bottom:-73px;z-index:10}
.main_section02 .category_area_in{position:relative}
.main_section02 .category_area .btn_ct{display:block;padding-top:57px;width:150px;height:150px;text-align:center;line-height:54px;font-size:16px;color:#fff;background:#373737;-webkit-box-sizing:border-box;box-sizing:border-box; /* 네 각을 둥글게 */}
.main_section02 .category_area .btn_ct:before{display:block;left:70px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-690px -482px;width:11px;height:6px;background-size:704px 669px}
.main_section02 .category_area .btn_ct.on:before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.main_section02 .category_area .ct_box{display:none;position:absolute;left:0;bottom:150px;width:150px;background:#fff;border:1px solid #cacaca;border-bottom:none;-webkit-box-sizing:border-box;box-sizing:border-box}
.main_section02 .category_area .ct_box ul{overflow-y:auto;height:210px;margin:20px 10px}
.main_section02 .category_area .ct_box li{padding:5px 0 6px}
.main_section02 .category_area .ct_box a{display:inline-block;font-size:16px;line-height:22px}
.main_section02 .category_area .ct_box ul::-webkit-scrollbar{width:6px}
.main_section02 .category_area .ct_box ul::-webkit-scrollbar-track{background:#ededed;border-radius:6px}
.main_section02 .category_area .ct_box ul::-webkit-scrollbar-thumb{background:#373737;border-radius:6px}
.main_section02 .category_area .ct_box ul::-webkit-scrollbar-thumb:hover{background:#cdcdcd}
.main_section02 .left_item{position:relative;float:left;width:400px;margin-right:50px;border:1px solid #e5e5e5;-webkit-box-sizing:border-box;box-sizing:border-box}
.main_section02 .right_item{float:left;width:750px}
.product_list ul li{position:relative;float:left;width:220px;margin:0 45px 0 0}
.product_list ul li:nth-child(3n){margin-right:0}
.product_list ul li .img{display:block;position:relative;width:218px;height:218px;border:1px solid #e5e5e5}
.product_list ul li .img img{width:100%;height:100%}
.product_list ul li .img > span{display:block;position:absolute;left:21px;top:21px;width:48px;height:48px;border-radius:48px;text-align:center}
.product_list ul li .img > span span{display:block;margin-top:7px;font-size:10px;line-height:12px;color:#fff}
.product_list ul li .img > span em{display:block;font-size:12px;line-height:18px;color:#fff}
.product_list ul li .img > span.green{background:#24aca7}
.product_list ul li .img > span.red{background:#e14d4b}
.product_list ul li .img_dimm{display:none;position:absolute;left:0;top:109px;width:220px;height:110px;background:#000;opacity:0.7;border-radius:20px}
.product_list ul li .item_btn{display:none;position:absolute;left:13px;top:125px;z-index:1}
.product_list ul li .item_btn a{display:block;float:left;margin-left:8px;color:#fff;opacity:0.5}
.product_list ul li .item_btn a:first-child{margin-left:0}
.product_list ul li .item_btn a:before{content:'';display:block;position:static}
.product_list ul li .item_btn a em{display:block;font-size:14px;line-height:30px;text-align:center;color:#fff;opacity:1}
.product_list ul li .item_btn .ico01:before{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-494px 0;width:60px;height:59px;background-size:704px 669px}
.product_list ul li .item_btn .ico02:before{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-494px -79px;width:59px;height:59px;background-size:704px 669px}
.product_list ul li .item_btn .ico03:before{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-494px -158px;width:59px;height:59px;background-size:704px 669px}
.product_list ul li.on .img_dimm{display:block}
.product_list ul li.on .item_btn{display:block;-webkit-transition:0.3s;transition:0.3s}
.product_list ul li .item_btn a:focus,.product_list ul li .item_btn a:hover{opacity:1}
.product_list ul li .item_btn a:focus em,.product_list ul li .item_btn a:hover em{opacity:1}
.product_list ul li .txt01{margin-top:17px;padding-bottom:13px;border-bottom:1px solid #cacaca}
.product_list ul li .txt01 a{display:block}
.product_list ul li .txt01 span{display:block;font-size:16px;line-height:20px;color:#8d8d8d;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding:url(ellipsis.xml#ellipsis)}
.product_list ul li .txt01 p{font-size:18px;line-height:32px;color:#373737;font-family:'NanumSquareB',sans-serif;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding:url(ellipsis.xml#ellipsis)}
.product_list ul li .txt02 span{display:inline-block;vertical-align:top;line-height:57px}
.product_list ul li .txt02 span:nth-child(1){margin-left:0;font-size:14px;color:#8d8d8d;text-decoration:line-through}
.product_list ul li .txt02 span:nth-child(2){margin-left:8px;font-size:18px;color:#373737}
.product_list ul li .txt02 span:nth-child(3){margin-left:2px;font-size:18px;color:#e14d4b}
.main_section03{width:100%;background:#f9f9f9}
.main_section03 .section_in{width:1200px;margin:0 auto;padding:44px 0 60px}
.main_section03 .product_slide{position:relative;margin-top:44px}
.main_section03 .product_slide .slide_cont{margin:0 50px}
.main_section03 .product_slide .swiper_slide{width:auto}
.main_section03 .product_slide .swiper_slide a{display:inline-block;padding:0 35px;font-size:16px;line-height:50px;color:#8d8d8d}
.main_section03 .product_slide .swiper_slide.swiper-slide-active a{color:#fff;background:#373737;}
.main_section03 .product_slide .swiper_slide.swiper-slide-active a:after{content:'';display:block;position:absolute;right:0;bottom:0;width:0;height:0;border-bottom:11px solid #f9f9f9;border-left:11px solid transparent}
.main_section03 .product_slide .prv{display:block;position:absolute;left:0;top:15px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-31px -621px;width:11px;height:21px;background-size:704px 669px}
.main_section03 .product_slide .nxt{display:block;position:absolute;right:0;top:15px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-650px -566px;width:11px;height:21px;background-size:704px 669px}
.product_new{padding-top:30px}
.product_new ul li{position:relative;float:left;width:280px;margin:40px 0 0 26px}
.product_new ul li:nth-child(4n+1){margin-left:0}
.product_new ul li .img{display:block;position:relative;width:278px;height:278px;border:1px solid #e5e5e5}
.product_new ul li .img img{width:100%;height:100%}
.product_new ul li .img > span{display:block;position:absolute;left:21px;top:21px;width:48px;height:48px;border-radius:48px;text-align:center}
.product_new ul li .img > span span{display:block;margin-top:7px;font-size:10px;line-height:12px;color:#fff}
.product_new ul li .img > span em{display:block;font-size:12px;line-height:18px;color:#fff}
.product_new ul li .img > span.green{background:#24aca7}
.product_new ul li .img > span.red{background:#e14d4b}
.product_new ul li .img_dimm{display:none;position:absolute;left:0;top:159px;width:280px;height:120px;background:#000;opacity:0.7;border-radius:20px}
.product_new ul li .item_btn{display:none;position:absolute;left:40px;top:180px;z-index:1}
.product_new ul li .item_btn a{display:block;float:left;margin-left:8px;color:#fff;opacity:0.5}
.product_new ul li .item_btn a:first-child{margin-left:0}
.product_new ul li .item_btn a:before{content:'';display:block;position:static}
.product_new ul li .item_btn a em{display:block;font-size:14px;line-height:30px;text-align:center;color:#fff;opacity:1}
.product_new ul li .item_btn .ico01:before{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-494px 0;width:60px;height:59px;background-size:704px 669px}
.product_new ul li .item_btn .ico02:before{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-494px -79px;width:59px;height:59px;background-size:704px 669px}
.product_new ul li .item_btn .ico03:before{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-494px -158px;width:59px;height:59px;background-size:704px 669px}
.product_new ul li.on .img_dimm{display:block}
.product_new ul li.on .item_btn{display:block;-webkit-transition:0.3s;transition:0.3s}
.product_new ul li .item_btn a:focus,.product_new ul li .item_btn a:hover{opacity:1}
.product_new ul li .item_btn a:focus em,.product_new ul li .item_btn a:hover em{opacity:1}
.product_new ul li .txt01{margin-top:17px;padding-bottom:13px;border-bottom:1px solid #cacaca}
.product_new ul li .txt01 a{display:block}
.product_new ul li .txt01 span{display:block;font-size:16px;line-height:20px;color:#8d8d8d;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding:url(ellipsis.xml#ellipsis)}
.product_new ul li .txt01 p{font-size:18px;line-height:32px;color:#373737;font-family:'NanumSquareB',sans-serif;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding:url(ellipsis.xml#ellipsis)}
.product_new ul li .txt02 span{display:inline-block;vertical-align:top;line-height:57px}
.product_new ul li .txt02 span:nth-child(1){margin-left:0;font-size:14px;color:#8d8d8d;text-decoration:line-through}
.product_new ul li .txt02 span:nth-child(2){margin-left:8px;font-size:18px;color:#373737}
.product_new ul li .txt02 span:nth-child(3){margin-left:2px;font-size:18px;color:#e14d4b}
.product_new .btn_area .btn.edge.more a:after{background:#fff url("/resources/giftiel/images/common/btn_white_edge2.gif") no-repeat 0 0}
.product_new .btn_area .btn.edge.more a:hover:after{width:0;height:0;border-bottom:12px solid #f9f9f9;border-left:12px solid transparent;background:none}
.main_section04{position:relative;width:1200px;margin:0 auto;padding:60px 0 60px}
.main_section04 .banner{margin-bottom:55px;height:90px}
.main_section04 .banner .slide_cont{height:90px}
.main_section04 .banner img{height:90px}
.main_section04 .banner .prv{position:absolute;right:26px;top:20px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-390px -567px;width:9px;height:5px;background-size:704px 669px;z-index:11}
.main_section04 .banner .nxt{position:absolute;right:26px;bottom:20px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-419px -567px;width:9px;height:5px;background-size:704px 669px;z-index:11}
.main_section04 .banner .swiper-pagination{position:absolute;right:20px;top:35px;bottom:auto;left:auto;width:auto;font-size:14px;line-height:20px;color:#fff;z-index:11}
.main_section04 .product_recommend{margin-top:23px;border-top:2px solid #8d8d8d}
.main_section04 .left_rec{float:left;width:560px;margin-right:40px;border:1px solid #e5e5e5;border-top:none;-webkit-box-sizing:border-box;box-sizing:border-box}
.main_section04 .left_rec .btn_box{float:left;padding-top:28px;width:238px}
.main_section04 .left_rec .theme_list li{padding:0 0 10px 16px}
.main_section04 .left_rec .theme_list li a{font-size:16px;line-height:20px;color:#8d8d8d}
.main_section04 .left_rec .theme_list li.on{margin:24px 0}
.main_section04 .left_rec .theme_list li:first-child.on{margin:0 0 24px}
.main_section04 .left_rec .theme_list li.on a{font-size:26px;line-height:30px;color:#3bc1b6}
.main_section04 .left_rec .key_list{padding-top:6px}
.main_section04 .left_rec .key_list li{margin-left:16px}
.main_section04 .left_rec .key_list li a{display:inline-block;margin-top:10px;padding:0 19px;font-size:16px;line-height:38px;color:#8d8d8d;border:1px solid #cacaca;border-radius:38px}
.main_section04 .left_rec .view_box{float:left;width:319px;border-left:1px solid #e5e5e5}
.main_section04 .left_rec .view_box .txt{padding:25px 20px 55px;margin-bottom:11px;border-bottom:1px solid #e5e5e5}
.main_section04 .left_rec .view_box .txt > span:nth-child(1){display:block;margin-bottom:11px;font-size:20px;line-height:27px;color:#8d8d8d}
.main_section04 .left_rec .view_box .txt > span:nth-child(2){display:block;height:72px;margin-bottom:12px;font-size:26px;line-height:36px;font-family:'NanumSquareB',sans-serif;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}

.main_section04 .left_rec .view_box .txt > span:nth-child(3) > span:nth-child(1){margin-left:0;font-size:14px;color:#8d8d8d;text-decoration:line-through}
.main_section04 .left_rec .view_box .txt > span:nth-child(3) > span:nth-child(2){margin-left:8px;font-size:18px;color:#373737}
.main_section04 .left_rec .view_box .txt > span:nth-child(3) > span:nth-child(3){margin-left:2px;font-size:18px;color:#e14d4b}

.main_section04 .left_rec .view_box img{width:319px;height:319px}
.main_section04 .left_rec .view_box .indi{position:absolute;right:20px;bottom:362px;left:auto;top:auto;width:auto;z-index:1}
.main_section04 .left_rec .view_box .indi a{display:inline-block;vertical-align:middle}
.main_section04 .left_rec .view_box .indi a.prv{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-433px -282px;width:36px;height:7px;background-size:704px 669px}
.main_section04 .left_rec .view_box .indi a.nxt{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-494px -408px;width:36px;height:8px;background-size:704px 669px}
.main_section04 .left_rec .view_box .indi span{display:inline-block;position:static;width:auto;padding:0 14px;font-size:14px;line-height:17px;color:#8d8d8d;vertical-align:middle}
.left_rec .view_box ul li{position:relative;float:left;width:319px}
.left_rec .view_box ul li .img{display:block;position:relative;width:319px;height:319px}
.left_rec .view_box ul li .img img{width:100%;height:100%}
.left_rec .view_box ul li .img > span{display:block;position:absolute;left:21px;top:21px;width:48px;height:48px;border-radius:48px;text-align:center}
.left_rec .view_box ul li .img > span span{display:block;margin-top:7px;font-size:10px;line-height:12px;color:#fff}
.left_rec .view_box ul li .img > span em{display:block;font-size:12px;line-height:18px;color:#fff}
.left_rec .view_box ul li .img > span.green{background:#24aca7}
.left_rec .view_box ul li .img > span.red{background:#e14d4b}
.left_rec .view_box ul li .img_dimm{display:none;position:absolute;left:0;top:199px;width:319px;height:120px;background:#000;opacity:0.7;border-radius:20px}
.left_rec .view_box ul li .item_btn{display:none;position:absolute;left:65px;top:220px;z-index:1}
.left_rec .view_box ul li .item_btn a{display:block;float:left;margin-left:8px;color:#fff;opacity:0.5}
.left_rec .view_box ul li .item_btn a:first-child{margin-left:0}
.left_rec .view_box ul li .item_btn a:before{content:'';display:block;position:static}
.left_rec .view_box ul li .item_btn a em{display:block;font-size:14px;line-height:30px;text-align:center;color:#fff;opacity:1}
.left_rec .view_box ul li .item_btn .ico01:before{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-494px 0;width:60px;height:59px;background-size:704px 669px}
.left_rec .view_box ul li .item_btn .ico02:before{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-494px -79px;width:59px;height:59px;background-size:704px 669px}
.left_rec .view_box ul li .item_btn .ico03:before{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-494px -158px;width:59px;height:59px;background-size:704px 669px}
.left_rec .view_box ul li.on .img_dimm{display:block}
.left_rec .view_box ul li.on .item_btn{display:block;-webkit-transition:0.3s;transition:0.3s}
.left_rec .view_box ul li .item_btn a:focus,.left_rec .view_box ul li .item_btn a:hover{opacity:1}
.left_rec .view_box ul li .item_btn a:focus em,.left_rec .view_box ul li .item_btn a:hover em{opacity:1}
.main_section04 .right_rec{float:left;width:600px}
.right_rec .prd_list ul li{position:relative;float:left;width:280px;margin:60px 0 0 40px}
.right_rec .prd_list ul li:nth-child(1){margin-left:0}
.right_rec .prd_list ul li .img{display:block;position:relative;width:278px;height:278px;border:1px solid #e5e5e5}
.right_rec .prd_list ul li .img img{width:100%;height:100%}
.right_rec .prd_list ul li .img > span{display:block;position:absolute;left:21px;top:21px;width:48px;height:48px;border-radius:48px;text-align:center}
.right_rec .prd_list ul li .img > span span{display:block;margin-top:7px;font-size:10px;line-height:12px;color:#fff}
.right_rec .prd_list ul li .img > span em{display:block;font-size:12px;line-height:18px;color:#fff}
.right_rec .prd_list ul li .img > span.green{background:#24aca7}
.iteright_rec .prd_list_area ul li .img > span.red{background:#e14d4b}
.right_rec .prd_list ul li .img_dimm{display:none;position:absolute;left:0;top:159px;width:280px;height:120px;background:#000;opacity:0.7;border-radius:20px}
.right_rec .prd_list ul li .item_btn{display:none;position:absolute;left:40px;top:180px;z-index:1}
.right_rec .prd_list ul li .item_btn a{display:block;float:left;margin-left:8px;color:#fff;opacity:0.5}
.right_rec .prd_list ul li .item_btn a:first-child{margin-left:0}
.right_rec .prd_list ul li .item_btn a:before{content:'';display:block;position:static}
.right_rec .prd_list ul li .item_btn a em{display:block;font-size:14px;line-height:30px;text-align:center;color:#fff;opacity:1}
.right_rec .prd_list ul li .item_btn .ico01:before{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-494px 0;width:60px;height:59px;background-size:704px 669px}
.right_rec .prd_list ul li .item_btn .ico02:before{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-494px -79px;width:59px;height:59px;background-size:704px 669px}
.right_rec .prd_list ul li .item_btn .ico03:before{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-494px -158px;width:59px;height:59px;background-size:704px 669px}
.right_rec .prd_list ul li.on .img_dimm{display:block}
.right_rec .prd_list ul li.on .item_btn{display:block;-webkit-transition:0.3s;transition:0.3s}
.right_rec .prd_list ul li .item_btn a:focus,.right_rec .prd_list ul li .item_btn a:hover{opacity:1}
.right_rec .prd_list ul li .item_btn a:focus em,.right_rec .prd_list ul li .item_btn a:hover em{opacity:1}
.right_rec .prd_list ul li .txt01{margin-top:17px;padding-bottom:13px;border-bottom:1px solid #cacaca}
.right_rec .prd_list ul li .txt01 a{display:block}
.right_rec .prd_list ul li .txt01 span{display:block;font-size:16px;line-height:20px;color:#8d8d8d;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding:url(ellipsis.xml#ellipsis)}
.right_rec .prd_list ul li .txt01 p{font-size:18px;line-height:32px;color:#373737;font-family:'NanumSquareB',sans-serif;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding:url(ellipsis.xml#ellipsis)}
.right_rec .prd_list ul li .txt02 span{display:inline-block;vertical-align:top;line-height:57px}
.right_rec .prd_list ul li .txt02 span:nth-child(1){margin-left:0;font-size:14px;color:#8d8d8d;text-decoration:line-through}
.right_rec .prd_list ul li .txt02 span:nth-child(2){margin-left:8px;font-size:18px;color:#373737}
.right_rec .prd_list ul li .txt02 span:nth-child(3){margin-left:2px;font-size:18px;color:#e14d4b}
.main_section05{width:100%;border-top:1px solid #e5e5e5}
.main_section05 .section_in{width:1200px;margin:0 auto;padding:80px 0}
.main_section05 .box_in{position:relative;float:left;width:580px;border-top:1px solid #000}
.main_section05 .box_in:first-child{margin-right:40px}
.main_section05 .box_in p{position:absolute;left:0;top:-1px;width:120px;font-size:16px;line-height:35px;height:35px;text-align:center;color:#fff;background:#000}
.main_section05 .box_in a{display:block;margin-top:78px}
.main_section05 .box_in a span{display:block}
.main_section05 .box_in .txt01{margin-bottom:21px;font-size:20px;line-height:30px}
.main_section05 .box_in .txt02{margin-bottom:36px;font-size:16px;line-height:30px}
.main_section06{width:100%;border-top:1px solid #e5e5e5}
.main_section06 .notice_area{border-bottom:1px solid #e5e5e5}
.main_section06 .notice_in{position:relative;width:1200px;margin:0 auto;padding:12px 0}
.main_section06 .notice_in a,.main_section06 .notice_in span{display:block;float:left}
.main_section06 .notice_in .tit01{margin-right:20px;width:70px;font-size:14px;line-height:26px;text-align:center;color:#fff;background:#e14d4b}
.main_section06 .notice_in .tit02{margin-right:50px;font-size:16px;line-height:26px}
.main_section06 .notice_in .tit02{margin-right:50px;font-size:16px;line-height:26px}
.main_section06 .notice_in .date{position:absolute;right:120px;top:12px;font-size:14px;line-height:26px;color:#8d8d8d}
.main_section06 .notice_in .lnk01{max-width:600px;font-size:16px;line-height:26px;color:#8d8d8d;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding:url(ellipsis.xml#ellipsis)}
.main_section06 .notice_in .lnk02{position:absolute;right:0;top:12px;font-size:12px;line-height:26px}
.main_section06 .notice_in .lnk02:after{content:'+';display:inline-block;margin-left:10px}
.main_section07{position:relative;width:1200px;margin:0 auto;padding:70px 0 43px}
.main_section07 .tit{position:relative;padding:38px 94px 0 20px;width:275px;-webkit-box-sizing:border-box;box-sizing:border-box}
.main_section07 .tit:after{content:'';display:block;position:absolute;right:0;top:26px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-357px -320px;width:77px;height:77px;background-size:704px 669px}
.main_section07 .tit span{display:block;font-size:24px;line-height:28px}
.main_section07 .tit strong{display:block;font-size:24px;line-height:46px;font-family:'NanumSquareB',sans-serif}
.main_section07 ul{position:absolute;right:0;top:40px}
.main_section07 ul li{position:relative;float:left;padding-top:40px;text-align:center}
.main_section07 ul li:after{content:'';display:block;position:absolute;right:0;top:50px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-533px -438px;width:21px;height:36px;background-size:704px 669px}
.main_section07 ul li a{display:block}
.main_section07 ul li a:before{content:'';display:inline-block;position:static}
.main_section07 ul li span{display:block;padding-top:16px;text-align:center;font-size:16px;line-height:24px;color:#9b9b9b;letter-spacing:-1px}
.main_section07 ul li span:after{display:none}
.main_section07 ul li:nth-child(1){padding-right:85px}
.main_section07 ul li:nth-child(2){padding-left:60px;padding-right:85px}
.main_section07 ul li:nth-child(2) span{padding-top:12px}
.main_section07 ul li:nth-child(3){padding-left:60px;padding-right:85px}
.main_section07 ul li:nth-child(3) span{padding-top:12px}
.main_section07 ul li:nth-child(4){padding-left:60px;padding-right:20px}
.main_section07 ul li:nth-child(4) span{padding-top:18px}
.main_section07 ul li:nth-child(4):after{display:none}
.main_section07 ul li:nth-child(1) a:before{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-91px -438px;width:62px;height:49px;background-size:704px 669px}
.main_section07 ul li:nth-child(2) a:before{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-574px -172px;width:44px;height:51px;background-size:704px 669px}
.main_section07 ul li:nth-child(3) a:before{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:0 -438px;width:71px;height:49px;background-size:704px 669px}
.main_section07 ul li:nth-child(4) a:before{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-574px -243px;width:53px;height:40px;background-size:704px 669px}
.main_section07 ul li a:hover span{color:#373737}
.main_section07 ul li a:hover span:after{content:'';display:block;position:absolute;left:50%;top:0;margin-left:-15px;width:30px;height:2px;background:#373737}
.main_section07 ul li:nth-child(1) a:hover span:after{left:30px;margin:0}
.main_section07 ul li:nth-child(4) a:hover span:after{left:100px;margin:0}
.quick{position:fixed;right:0;top:220px;z-index:100}
.quick .quick01{position:relative}
.quick .quick01 ul{position:relative;height:445px}
.quick .quick01 li{position:absolute;left:0;opacity:0}
.quick .quick01 li > a{display:block;position:relative;padding-top:57px;width:88px;height:88px;text-align:center;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.2s;transition:.2s}
.quick .quick01 li > a:before{content:'';display:block;position:absolute}
.quick .quick01 li > a > span{display:block;font-size:14px;line-height:17px;color:#8d8d8d}
.quick .quick01 li > a:hover > span{color:#e14d4b}
.quick .quick01 li.on > a > span{color:#e14d4b}
.quick .quick01 li:nth-child(2) > a{padding-top:48px}
.quick .quick01 .btn_qck{display:block;position:relative;padding:30px;background:#373737;}
.quick .quick01 .btn_qck > span{display:block;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-399px -507px;width:30px;height:30px;background-size:704px 669px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.quick .quick01 ul li{display:block;border:1px solid #cacaca;border-bottom:none}
.quick .quick01 ul li.qck_li01.new{top:120px}
.quick .quick01 ul li.qck_li01.new > a:before{left:21px;top:16px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-180px -507px;width:38px;height:36px;background-size:704px 669px}
.quick .quick01 ul li.qck_li01{top:120px}
.quick .quick01 ul li.qck_li01 > a:before{left:21px;top:16px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-574px -303px;width:49px;height:35px;background-size:704px 669px}
.quick .quick01 ul li.qck_li02{top:209px}
.quick .quick01 ul li.qck_li02 > a:before{height: 35px;left: 28px;    top: 5px;    width: 35px;    background-image: url(/resources/giftiel/images/common/blog.png);    background-size: cover;}
.quick .quick01 ul li.qck_li03{top:299px}
.quick .quick01 ul li.qck_li03 > a:before{left:29px;top:14px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-439px -164px;width:34px;height:36px;background-size:704px 669px}
.quick .quick01 ul li.qck_li04{top:389px}
.quick .quick01 ul li.qck_li04 > a:before{left:25px;top:14px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-238px -507px;width:40px;height:32px;background-size:704px 669px}
.quick .quick01 ul li.qck_li05{top:479px}
.quick .quick01 ul li.qck_li05 > a:before{left:25px;top:16px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-120px -507px;width:40px;height:38px;background-size:704px 669px}
.quick .quick01 ul li:nth-child(1){top:0}
.quick .quick01 ul li:nth-child(2){top:89px}
.quick .quick01 ul li:nth-child(3){top:179px}
.quick .quick01 ul li:nth-child(4){top:269px}
.quick .quick01 ul li:nth-child(5){top:359px}
.quick .quick01 .btn_qck span{-webkit-animation-name:quick1;-webkit-animation-duration:0.8s;animation-name:quick1;animation-duration:0.8s;-webkit-transform:rotate(405deg);-ms-transform:rotate(405deg);transform:rotate(405deg)}
@-webkit-keyframes quick1{
from{-webkit-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}
@keyframes quick1{
from{-webkit-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}
.quick .quick01.on .btn_qck span{-webkit-animation-name:quick;-webkit-animation-duration:0.8s;animation-name:quick;animation-duration:0.8s;-webkit-transform:rotate(720deg);-ms-transform:rotate(720deg);transform:rotate(720deg)}
@-webkit-keyframes quick{
from{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
to{-webkit-transform:rotate(720deg);transform:rotate(720deg)}}
@keyframes quick{
from{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
to{-webkit-transform:rotate(720deg);transform:rotate(720deg)}}
.qck_show01{display:none!important;position:absolute;top:0;width:700px;z-index:-1}
.qck_show01 .infbox{background:#fff;text-align:left}
.qck_show01 .box_in{overflow-y:auto;padding:30px 20px 0 40px;height:645px;-webkit-box-sizing:border-box;box-sizing:border-box}
.qck_show01 .box_in .scroll{overflow-y:auto;height:615px;padding-right:20px}
.qck_show01 .txt01{font-size:26px}
.qck_show01 .txt01:before{content:'';display:inline-block;margin-right:15px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-494px -237px;width:46px;height:72px;background-size:704px 669px;vertical-align:middle}
.qck_show01 .txt01 span{padding-right:8px;font-family:'NanumSquareB',sans-serif;vertical-align:middle}
.qck_show01 .txt02{margin-top:9px;font-size:18px;line-height:40px;color:#8d8d8d}
.qck_show01 .txt03{font-size:22px;line-height:40px}
.qck_show01 .txt03 span{margin-right:8px;font-family:'NanumSquareB',sans-serif;color:#e31d1a}
.qck_show01 .txt_tit01{margin:38px 0 22px;font-size:22px;line-height:26px;font-family:'NanumSquareB',sans-serif}
.qck_show01 .txt_tit01 a{display:inline-block;margin-left:30px;vertical-align:middle}
.qck_show01 .txt_tit02{margin:38px 0 28px;font-size:22px;line-height:26px;font-family:'NanumSquareB',sans-serif}
.qck_show01 .tbl thead th{font-size:14px;line-height:34px}
.qck_show01 .tbl tbody td{font-size:14px;color:#8d8d8d;line-height:34px}
.qck_show01 .buy_item{margin:0;width:543px;-webkit-box-sizing:border-box;box-sizing:border-box}
.qck_show01 .buy_item .slide_wrp{margin:0 40px}
.qck_show01 .buy_item .slide_item{margin-left:20px;width:100px}
.qck_show01 .buy_item .slide_item:first-child{margin-left:0}
.qck_show01 .buy_item .slide_item a{display:block;border:1px solid #e5e5e5}
.qck_show01 .buy_item .slide_item a:hover{border:1px solid #373737}
.qck_show01 .buy_item .slide_item img{width:98px;height:98px}
.qck_show01 .buy_item .prv{position:absolute;left:0;top:45px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:0 -621px;width:11px;height:21px;background-size:704px 669px}
.qck_show01 .buy_item .nxt{position:absolute;right:0;top:45px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-650px -525px;width:11px;height:21px;background-size:704px 669px}
.qck_show03{display:none;position:absolute;top:0;width:700px;z-index:-1}
.qck_show03 .infbox{background:#fff;text-align:left}
.qck_show03 .box_in{padding:30px 20px 40px;height:645px;-webkit-box-sizing:border-box;box-sizing:border-box}
.qck_show03 .box_in .scroll{overflow-y:auto;height:615px;padding-right:20px}
.qck_show03 .txt01{font-size:26px}
.qck_show03 .txt01 span{padding-right:8px;font-family:'NanumSquareB',sans-serif;vertical-align:middle}
.qck_show03 .txt02{margin-top:9px;font-size:18px;line-height:40px;color:#8d8d8d}
.qck_show03 .txt03{font-size:22px;line-height:40px}
.qck_show03 .txt03 span{margin-right:8px;font-family:'NanumSquareB',sans-serif;color:#e31d1a}
.qck_show03 .tbl_area .tbl2 table td{line-height:50px;border-left:none;border-right:none}
.qck_show03 .tbl_area .tbl2 table td.black{color:#373737;background:#f9f9f9;font-family:'NanumSquareB',sans-serif}
.qck_show03 .tt_tbl{border-top:2px solid #373737}
.qck_show03 .tt_tbl table thead th{border-left:none;border-right:none;color:#373737;font-family:'NanumSquareB',sans-serif}
.qck_show03 .tt_tbl table tbody td:first-child,.qck_show03 .tt_tbl table tbody td:last-child{border-left:none;border-right:none}
.qck_show03 .tt_tbl table tbody td{color:#8d8d8d}
.qck_show03 .tt_tbl .c_red{color:#e31d1a!important}
.qck_show03 .tt_tbl.no_line table tbody th{padding-left:20px;color:#373737;background:#f9f9f9;border-left:none;border-right:none;text-align:left;font-family:'NanumSquareB',sans-serif}
.qck_show03 .tt_tbl.no_line table tbody td{border-left:none;border-right:none}
.qck_show03 .tt_tbl.no_line .fnt18 td,.qck_show03 .tt_tbl.no_line .fnt18 th{font-size:18px;font-family:'NanumSquareB',sans-serif}
.quick .infbox .scroll::-webkit-scrollbar{margin-right:20px;width:6px}
.quick .infbox .scroll::-webkit-scrollbar-track{background:#ededed;border-radius:6px}
.quick .infbox .scroll::-webkit-scrollbar-thumb{background:#7b818e;border-radius:6px}
.quick .infbox .scroll::-webkit-scrollbar-thumb:hover{background:#cdcdcd}
.quick02{position:relative;margin-top:20px;background:#fff}
.quick02 > a{display:block;width:88px;height:88px;border:1px solid #cacaca;text-align:center}
.quick02 > a span{display:block;padding:4px 0 0;font-size:14px;line-height:55px;color:#8d8d8d}
.quick02 > a:after{content:'';display:inline-block;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-294px -567px;width:29px;height:7px;background-size:704px 669px}
.quick02.on > a{position:relative;background:#373737;z-index:5}
.quick02.on > a span{color:#fff}
.quick02.on > a:after{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-245px -567px;width:29px;height:7px;background-size:704px 669px}
.quick02 .latest_list{display:none;position:absolute;left:100px;top:1px;width:260px;height:88px;border:1px solid #cacaca;border-right:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff}
.quick02 .latest_list img{width:46px;height:46px;border:1px solid #e5e5e5}
.quick02 .swiper-container{margin:19px 46px 0}
.quick02 .swiper-slide{width:48px}
.quick02 .swiper-pagination{font-size:12px;color:#999;position:static;padding-top:3px}
.quick02 .prv{display:block;position:absolute;left:19px;top:37px;width:8px;height:17px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-690px -102px;width:8px;height:17px;background-size:704px 669px}
.quick02 .nxt{display:block;position:absolute;right:19px;top:37px;width:8px;height:17px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-690px -139px;width:8px;height:17px;background-size:704px 669px}
.quick02.on .latest_list{display:block}
.mainpop .pop_in{width:500px;top:200px;margin-left:-250px;transform: none;}}
.mainpop .pop_w{padding-bottom:100px;}
.mainpop .pop_close{top:45px;right:30px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-650px -416px;width:16px;height:16px;background-size:704px 669px}
.mainpop .btn_area{position:absolute;left:0;bottom:0;width:100%;}
.mainpop .btn_area .btn{position:relative;float:left;width:50%;margin:0;}
.mainpop .btn_area .btn:first-child:after{content:'';display:block;position:absolute;right:0;top:15px;width:1px;height:30px;background:#737373}
.mainpop .btn_area a{width:100%;margin:0;}

/*! popup */
.pop_wrp{display:none}
.pop_dimm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:290;background: rgba(0, 0, 0, 0.4);}
.pop_in{position:fixed;left:50%;top:50%;z-index:300;background:#fff;transform: translateY(-50%);}}
.pop_in2{position:fixed;left:50%;top:50%;z-index:300;background:#fff;}}
.pop_in .pop_cont{max-height:570px}
.pop_in.w630{width:630px;margin-left:-315px}
.pop_in.w820{width:820px;margin-left:-410px}
.pop_in.w870{width:820px;margin-left:-435px}
.pop_in.w990{width:990px;margin-left:-495px}
.pop_in.w1040{width:1040px;margin-left:-520px}
.pop_w{position:relative;padding:40px 50px 50px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;}
.pop_close{display:block;position:absolute;right:0;top:-52px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-298px -507px;width:31px;height:31px;background-size:704px 669px}
.pop_tit{padding:0 0 27px;font-size:18px;line-height:23px;font-family:'NanumSquareB',sans-serif;color:#222;border-bottom:1px solid #cacaca}
.pop_tit.fnt28{padding:0 0 20px;font-size:28px;line-height:30px}
.pop_sub_tit{margin-top:20px;font-size:18px;line-height:20px;font-family:'NanumSquareB',sans-serif;color:#222}
.mainpop_loginErr .pop_w {padding: 0;}
.mainpop_loginErr .pop_tit {font-size: 22px; line-height: 1; padding: 20px 28px 16px; border: none; background: #e47877; color: #fff;}
.mainpop_loginErr .away_txt {font-size: 15px; line-height: 1.5; max-height: 600px; overflow: auto; padding: 28px 28px 21px; width: 630px; box-sizing: border-box;}
.mainpop_loginErr .btn_area .btn:first-child:after {display: none;}
.pop_in.message{width:330px;margin-left:-165px;background:url("/resources/giftiel/images/common/bg_frame.png") no-repeat 0 0}
.pop_in.message .pop_w{padding:43px 14px 0 13px;background:none}
.pop_in.message .pop_w .pop_cont{min-height:612px;max-height:612px}
.pop_in.message .pop_w .btn_area{padding-top:110px}
.pop_in.message .frame_logo{padding-right:36px;text-align:right}
.pop_in.message .frame_tit{font-size:16px;line-height:50px;text-align:center;color:#fff;font-family:'NanumSquareB',sans-serif;background:#8d8d8d}
.pop_in.message .frame_img{padding-top:12px;text-align:center}
.pop_in.message .frame_img img{width:130px}

.pop_in.message .frame_txt01{padding:8px 0;font-size:16px;line-height:18px;text-align:center;color:#222;font-family:'NanumSquareB',sans-serif}
.pop_in.message .frame_txt02{padding:8px 25px;font-size:12px;line-height:21px;color:#888;font-family:'NanumSquareB',sans-serif;background:#f5f5f5}
.pop_in.message .frame_txt03{padding:8px 20px 20px 25px;font-size:12px;line-height:15px;color:#222;font-family:'NanumSquareB',sans-serif}
.pop_in.message .frame_barcode{padding:12px 0;text-align:center}
.pop_in.message .frame_barcode img{width:205px}
.pop_in.message .frame_banner{margin-bottom:10px}
.pop_in.message .frame_banner img{width:100%}
.pop_in.message .btn_area .btn.edge a:after{border-bottom:19px solid #333;border-left:19px solid transparent}
.pop_wrp .pop_in.message .swiper-container{padding:0;margin:0}
.pop_wrp .pop_in.message .swiper-container-vertical > .swiper-scrollbar{height:95%}
.pop_wrp .swiper-container{margin-right:-20px;padding-right:20px}
.pop_wrp .swiper-container-vertical > .swiper-scrollbar{right:0;top:0;height:100%}
.pop_wrp .form_area .form_list li{position:relative;width:435px}
.pop_wrp .form_area .form_list li:first-child{margin-right:20px}
.pop_wrp .form_area .form_list li .pos_abs{position:absolute;right:0;top:0}
.pop_wrp .form_area .form_list li.full .input_wrp{width:100%}
.pop_wrp .form_area .form_list li.full .input_wrp textarea{height:80px;font-size:16px;line-height:26px;color:#373737}
.pop_wrp .message.whitebox{padding:40px 50px;width:870px;margin-left:-435px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}
.pop_wrp .message.whitebox .box_in{margin:0 auto;width:330px;background:url("/resources/giftiel/images/common/bg_frame.png") no-repeat 0 0}
.pop_wrp .message.whitebox .pop_w .btn_area{top:75px}
.pop_wrp .message.whitebox .pop_w .btn_area .btn.edge a:after{border-bottom:19px solid #fff}
.pop_wrp .message.whitebox .pop_close{top:-50px;right:0;z-index:15}
.pop_wrp .message.whitebox > .pop_cont.scroll_df{overflow-y:auto;max-height:685px}
.tbl2 table .fnt14 td.align_l.pop_input{padding:0}
.tbl2 table .fnt14 td.align_l.pop_input .input_txt input{padding-left:10px;height:40px;line-height:40px;border:none;font-size:14px;color:#8d8d8d}
.scroll_df::-webkit-scrollbar{width:6px}
.scroll_df::-webkit-scrollbar-track{background:#ededed;border-radius:6px}
.scroll_df::-webkit-scrollbar-thumb{background:#7b818e;border-radius:6px}
.scroll_df::-webkit-scrollbar-thumb:hover{background:#cdcdcd}
/**/
.pop_wrp  .pop_in_preview .box_in .base .pop_cont .frame_logo {padding: 8px 0; text-align: center; background: #e31d1a;}
.pop_wrp  .pop_in_preview .box_in .base .pop_cont .frame_logo img {height: 30px;}
.pop_wrp  .pop_in_preview .box_in .base .pop_cont .frame_txt01 {margin-top: 22px;}
.pop_wrp  .pop_in_preview .box_in .base .pop_cont .frame_txt02 {font-size: 14px; line-height: 27px; color: #555; font-weight: 400; background: none;}
.pop_wrp .pop_in_preview.whitebox .box_in {background: none; box-sizing: border-box;}
.pop_wrp .pop_in_preview .box_in .pop_w {padding: 0;}
.pop_wrp .pop_in_preview .box_in .mms_wrp .type_title {width: 170px; padding: 8px 0; margin: 0 auto 26px; font-size: 16px; color: #373737; font-weight: 700; background: #f1f1f1; border-radius: 16px; text-align: center;}
.pop_wrp .pop_in_preview .box_in .pop_cont {position: relative; width: 330px; border: 10px solid #373737; box-sizing: border-box; border-radius: 30px; overflow: hidden;}
.pop_wrp .pop_in_preview .box_in .pop_cont:after {position: absolute; content: ''; top: -4px; left: 50%; transform: translateX(-50%); width: 88px; height: 11px; background: #373737; border-radius: 7px;}
.pop_wrp .pop_in_preview .box_in .pop_cont.pop_cont_bg {position: relative; max-height: none;}
.pop_wrp .pop_in_preview .box_in .pop_cont.pop_cont_bg * {font-family: 'Pretendard', sans serif !important;}
.pop_wrp .pop_in_preview .box_in .pop_cont.pop_cont_bg .frame_scroll {padding: 20px 16px;}
.pop_wrp .pop_in_preview .box_in .pop_cont.pop_cont_bg .frame_wrap {position: relative; background: #fff; border-radius: 25px; overflow: hidden;}
.pop_wrp .pop_in_preview .box_in .pop_cont.pop_cont_bg .frame_wrap .header img {width: 100%;}
.pop_wrp .pop_in_preview .box_in .pop_cont.pop_cont_bg .frame_background {position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; object-fit: cover;}
.pop_wrp .pop_in_preview .box_in .pop_cont.pop_cont_bg .frame_background img {width: 100%; height: 100%; object-fit: cover;}
.pop_wrp .pop_in_preview .box_in .pop_cont.pop_cont_bg .frame_product_detail {margin-top: 22px; display: flex; gap: 0 10px; align-items: center; padding: 0 15px;}
.pop_wrp .pop_in_preview .box_in .pop_cont.pop_cont_bg .frame_product_detail .frame_img {padding: 0; width: 93px; height: 93px;}
.pop_wrp .pop_in_preview .box_in .pop_cont.pop_cont_bg .frame_product_detail .frame_img img {width: 100%;}
.pop_wrp .pop_in_preview .box_in .pop_cont.pop_cont_bg .frame_product_content {width: calc(100% - 93px);}
.pop_wrp .pop_in_preview .box_in .pop_cont.pop_cont_bg .frame_product_content .frame_txt01 {padding: 0; margin-bottom: 8px; font-size: 15px; text-align: left; color: #000; line-height: 1.2;}
.pop_wrp .pop_in_preview .box_in .pop_cont.pop_cont_bg .frame_product_content .frame_txt01 span {display: block; overflow: hidden;}
.pop_wrp .pop_in_preview .box_in .pop_cont.pop_cont_bg .frame_product_content .frame_txt01 .brand {height: 18px; font-weight: 400;}
.pop_wrp .pop_in_preview .box_in .pop_cont.pop_cont_bg .frame_product_content .frame_txt01 .product {max-height: 36px; font-weight: 700;}
.pop_wrp .pop_in_preview .box_in .pop_cont.pop_cont_bg .frame_product_content .frame_txt02 {padding: 0; background: none; color: #000;}
.pop_wrp .pop_in_preview .box_in .pop_cont.pop_cont_bg .frame_product_content .frame_txt02 .due {width: 63px; padding: 3px 0; font-size: 12px; font-weight: 500; line-height: 1; text-align: center; background: #d8e8eb; border-radius: 10px;}
.pop_wrp .pop_in_preview .box_in .pop_cont.pop_cont_bg .frame_barcode {margin-bottom: 5px;}
.pop_wrp .pop_in_preview .box_in .pop_cont.pop_cont_bg .frame_content {position: relative;}
.pop_wrp .pop_in_preview .box_in .message .pop_cont .frame_content .smsText {position: absolute; left: 50%; top: 60px; transform: translateX(-50%); width: 78.531%; padding: 0; text-align: center; font-size: 16px; line-height: 20px; color: #3e3e3e; white-space: pre-line; word-break: break-all;}
.pop_wrp .pop_in_preview .box_in .message .pop_cont .frame_content .smsText.text-white {color: #fff;}
.pop_wrp .pop_in_preview .box_in .message .pop_cont .frame_content img {width: 100%; height: 342px; object-fit: cover}
.pop_wrp .pop_in_preview .box_in .banner .pop_cont .frame_wrap {padding: 15px; border-radius: 15px;}
.pop_wrp .pop_in_preview .box_in .banner .pop_cont .frame_banner {height: 199px; border-radius: 5px; overflow: hidden;}
.pop_wrp .pop_in_preview .box_in .banner .pop_cont .frame_banner img {height: 100%; object-fit: cover;}
.pop_wrp .pop_in_preview .box_in .banner .pop_cont .frame_logo {display: flex; justify-content: flex-end; padding: 0; height: 31px; margin-bottom: 3px;}
.pop_wrp .pop_in_preview .box_in .banner .pop_cont .frame_logo img {width: 86px; height: 100%; object-fit: contain;}
.pop_wrp .pop_in_preview .box_in .banner .pop_cont .frame_product_detail {padding: 0;}
.pop_wrp .pop_in_preview .box_in .banner .pop_cont.pop_cont_bg .frame_product_detail {margin-top: 12px;}
.pop_wrp .pop_in_preview .box_in .banner .pop_cont .frame_product_detail .frame_img {padding: 0; width: 87px; height: 87px;}
.pop_wrp .pop_in_preview .box_in .banner .pop_cont .frame_product_content {width: calc(100% - 87px);}
.pop_wrp .pop_in_preview .box_in .banner .pop_cont .frame_product_content .frame_txt_intro {font-size: 12px; color: #8b8b8b; letter-spacing: -0.3px;}
.pop_wrp .pop_in_preview .box_in .banner .pop_cont .frame_product_content .frame_txt_intro img {display: inline-block; margin-left: 2px; vertical-align: middle; height: 14px; filter: grayscale(1); opacity: .8;}
.pop_wrp .pop_in_preview .box_in .banner .pop_cont .frame_product_content .frame_txt01 {padding: 0; margin: 7px 0 11px; font-size: 15px; font-weight: 500;}
.pop_wrp .pop_in_preview .box_in .banner .pop_cont .frame_product_content .frame_txt02 {display: flex; gap: 0 3px; font-size: 12px; color: #8b8b8b; line-height: 1;}
.pop_wrp .pop_in_preview .box_in .banner .pop_cont .frame_product_content .frame_txt02 .due {width: auto; padding: 0; border-radius: 0; background: none;}
.pop_wrp .pop_in_preview .box_in .banner .pop_cont .frame_content {margin-top: 11px; padding: 15px; background: #f7f7f7; border-radius: 5px; height: 180px; max-height: 180px; overflow-y: auto;}
.pop_wrp .pop_in_preview .box_in .banner .pop_cont .frame_content .smsText {padding: 0; font-size: 16px; line-height: 20px; color: #777; text-align: center; white-space: pre-line; word-break: break-all;}
.pop_wrp .msg_preview_tablist {justify-content: center; width: fit-content; margin: 38px auto 0; border-radius: 30px; overflow: hidden; box-shadow: 0 0 8px 1px rgba(0, 0, 0, .2);}
.pop_wrp .msg_preview_tablist li {-webkit-box-flex: none; -webkit-flex: none; flex: none;}
.pop_wrp .msg_preview_tablist li a {line-height: 1; border: none; padding: 9px 62px;}
.pop_wrp .msg_preview_tablist li.on a {color: #fff; background: #e14d4b;}

.pop_w_upload {position: static; padding-left: 29px; padding-right: 29px; max-height: 85vh; overflow-y: auto;}
.pop_w_upload .input_list {display: flex; margin: 15px 0 39px; gap: 0 35px;}
.pop_w_upload .form_list .input_radio {margin: 0;}
.pop_w_upload .form_list .input_radio label {pointer-events: none; padding-left: 22px; opacity: .6;}
.pop_w_upload .form_list .input_radio input:checked + label {opacity: 1;}
.pop_w_upload .pop_sub_tit {font-size: 18px; margin: 0 0 14px;}
.pop_w_upload .pop_sub_tit .red {font-size: 16px; color: #e14d4b;}
.pop_w_upload .tab_wrp .tab01 ul li a {font-size: 16px; line-height: 31px; border: 1px solid #dfdfdf}
.pop_w_upload .tab_wrp .tab01 ul li:nth-child(n+2) a {border-left-color: transparent;}
.pop_w_upload .tab_wrp .tab01 ul li.on a {border-color: transparent; background: #373737; color: #fff;}
.pop_w_upload .tab_wrp :is(.tab_cont, .tab_cont_box) .img_list {display: flex; height: auto; padding: 30px 0 18px; flex-direction: column; gap: 10px 0; align-items: center; justify-content: center;}
.pop_w_upload .tab_wrp :is(.tab_cont, .tab_cont_box) .img_list.row {flex-direction: row; gap: 0 20px;}
.pop_w_upload .tab_wrp :is(.tab_cont, .tab_cont_box) .img_list img {height: 100%;}
.pop_w_upload .tab_wrp :is(.tab_cont, .tab_cont_box) .img_list li a {display: block; height: 85px;}
.pop_w_upload .tab_wrp :is(.tab_cont, .tab_cont_box) .img_list li a.on {position: relative;}
.pop_w_upload .tab_wrp :is(.tab_cont, .tab_cont_box) .img_list li a.on:after {position: absolute; content: ""; top: 0; left: 0; box-sizing: border-box; width: 100%; height: 100%; border: 3px solid #e14d4b;}
.pop_w_upload .tab_wrp :is(.tab_cont, .tab_cont_box) .img_list.row li a {height: 122px;}
.pop_w_upload .tab_wrp :is(.tab_cont, .tab_cont_box) .img_list.row.bg li a {height: 176px; overflow: hidden; border-radius: 8px;}
.pop_w_upload .tab_wrp :is(.tab_cont, .tab_cont_box) .img_list div {margin: 0;}
.pop_w_upload .tab_wrp :is(.tab_cont, .tab_cont_box) .img_list_box {background: #f5f5f5; padding-bottom: 22px;}
.pop_w_upload .tab_wrp :is(.tab_cont, .tab_cont_box) .img_list_box .pagination {display: flex; justify-content: center; gap: 0 4px;}
.pop_w_upload .tab_wrp :is(.tab_cont, .tab_cont_box) .img_list_box .pagination li {font-size: 15px;}
.pop_w_upload .tab_wrp :is(.tab_cont, .tab_cont_box) .img_list_box .pagination li button {position: relative; height: 22px; cursor: pointer;}
.pop_w_upload .tab_wrp :is(.tab_cont, .tab_cont_box) .img_list_box .pagination li button.is-active {font-weight: 700;}
.pop_w_upload .tab_wrp :is(.tab_cont, .tab_cont_box) .img_list_box .pagination li button.is-active:after {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); content: ''; width: 50%; height: 2px; background: #000;}
.pop_w_upload .pop_cont2 {margin-top: 31px;}
.pop_w_upload .btn_area {padding-top: 30px;}
.pop_w_upload .btn a {width: 167px; line-height: 41px; font-size: 18px; color: #fff; background: #373737;}
.pop_w_upload .btn.close a {color: #000; background: none; border: 1px solid #dfdfdf;}
.pop_w_upload .upload_file_box {padding: 21px 30px 50px; background: #f5f5f5; border: none;}
.pop_w_upload .upload_file_box .input_txt input {height: 36px; line-height: 35px;}
.pop_w_upload .upload_file_box .input_out_btn .btn.file a {width: 89px; height: 35px; line-height: 34px; font-size: 16px; color: #373737; background: #e0e0e0; border: none;}
.pop_w_upload .upload_file_box .input_out_btn .btn.file a label {padding: 0;}
.pop_w_upload .upload_file_box .warn_wrp p {font-size: 14px; line-height: 18px; white-space: pre-line;}
.pop_w_upload .upload_file_box .warn_wrp .grey {margin: 12px 0 14px; color: #9a9a9a;}
.pop_w_upload .upload_file_box .warn_wrp li {font-size: 12px; color: #e14d4b; white-space: pre-line;}
.pop_w_upload .upload_file_box .warn_wrp li:nth-child(n+2) {margin-top: 4px;}
.pop_w_upload .upload_file_box .warn_wrp .title {font-weight: 700;}
.pop_w_upload .upload_file_box .warn_wrp .dot:before {position: absolute; top: 5px; left: 0; content: ''; width: 2px; height: 2px; background: #e14d4b; border-radius: 100%;}
.pop_w_upload .pop_cont3 {margin-top: 31px;}
.pop_w_upload .pop_cont3 .pop_sub_tit .desc {font-size: 14px; color: #9a9a9a; font-weight: 500;}
.pop_w_upload .pop_cont3 .upload_file_box {padding: 0; background: none;}
.pop_w_upload .upload_file_box .warn_wrp .dot {position: relative; padding-left: 8px; }
.pop_w_upload .pop_close {top: 18px; right: 30px; background: url(/resources/giftiel/images/sprite_pc/ico_es_btn2.png) no-repeat center/contain; border: 1px solid #333;}

    /*! member */
.member h2{padding-bottom:39px;font-size:36px;line-height:38px;font-family:'NanumSquareB',sans-serif;color:#222;border-bottom:1px solid #e5e5e5;text-align:center}
.member .login p{line-height:24px;text-align:center;font-family:'NanumSquareB',sans-serif;color:#8d8d8d}
.member .login p:first-child{padding-top:37px;font-size:28px;color:#222;line-height:33px}
.member .login_form{width:450px;margin:0 auto;padding-top:45px}
.member .login_form.w600{width:600px}
.member .login_form ul{padding-bottom:20px}
.member .login_form li{margin-top:20px}
.member .login_form li.align_r{text-align:right}
.member .login_form li:first-child{margin-top:0}
.member .login_btn{margin-top:14px}
.member .login_btn a{display:inline-block;margin-left:20px;font-size:16px;line-height:30px;color:#8d8d8d}
.member .login_btn a:first-child{margin-left:0}
.member .join_end{margin-top:50px;text-align:center}
.member .pw_txt{margin-top:8px;display:block;padding-left:10px;text-indent:-10px;font-size:16px;line-height:26px;color:#8d8d8d}
.member .pw_txt.first{margin-top:15px}
.pw_end{text-align:center}
.pw_end:before{content:'';display:inline-block;margin:40px 0 0;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-439px -220px;width:34px;height:34px;background-size:704px 669px}
.pw_end p{margin-top:15px;font-size:18px;line-height:20px}
.form_area{padding-top:40px;padding-bottom:40px;border-top:1px solid #e5e5e5}
.form_area.first{border:none}
.form_area.last{padding-bottom:0}
.form_area .form_tit{margin-bottom:48px;font-size:28px;line-height:30px;font-family:'NanumSquareB',sans-serif;color:#222}
.form_area .guide_txt{font-size:14px;line-height:20px;text-align:right;color:#8d8d8d}
.form_area .guide_txt span{color:#e14d4b}
.form_area .form_tit.align_c{text-align:center}
.form_area .form_tit.align_c{text-align:center}
.form_area .txt_phone{font-size:18px;line-height:28px;font-family:'NanumSquareB',sans-serif;text-align:center}
.form_area .form_tit em{display:inline-block;margin-left:9px;font-size:16px;line-height:30px;color:#888;vertical-align:top;font-family:'Nanum Square',sans-serif}
.form_area .form_list{margin-top:20px}
.form_area .form_list:first-child{margin-top:0}
.form_area .form_list li{float:left;width:588px}
.form_area .form_list li:first-child{margin-right:22px}
.form_area .form_list li.full{width:100%;margin-right:0!important}
.form_area .form_list li.full .input_wrp{width:588px}
.form_area .form_list li.full .input_wrp.w_full{width:100%}
.form_area .form_list li.pos_rel{position:relative}
.form_area .bank_inf{padding:40px 20px;background:#f1f1f1}
.form_area .txt_box{padding-top:30px}
.form_area .txt_box.first{padding-top:0}
.form_area .txt_box > p{margin-bottom:20px;font-size:18px;line-height:20px}
.form_area .txt_box .box{padding:36px 20px;background:#f1f1f1}
.form_area .txt_box .box p{font-size:16px;line-height:26px}
.away_txt{padding-top:24px;font-size:16px;line-height:26px;color:#8d8d8d}
.away_txt.dot p{position:relative;padding-left:8px;font-size:16px;line-height:26px;color:#8d8d8d}
.away_txt.dot p::before{content:'';display:block;position:absolute;left:0;top:12px;width:1px;height:1px;background:#8d8d8d}
.member .find_id{padding:34px 0 0;text-align:center}
.member .find_id p{font-size:22px;line-height:33px;font-family:'NanumSquareB',sans-serif}
.member .find_id dl{padding-top:45px}
.member .find_id dt{display:inline-block;padding:0 5px;font-size:18px;line-height:20px}
.member .find_id dd{display:inline-block;padding:0 5px;font-size:18px;line-height:20px;color:#e14d4b}
.member .no_data{text-align:center}
.member .no_data:before{content:'';display:inline-block;margin-top:80px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:0 -567px;width:34px;height:34px;background-size:704px 669px}
.member .no_data span{display:block;font-size:16px;line-height:46px}
.member .phone_certification{text-align:center}
.member .phone_certification:before{content:'';display:block;margin:40px auto;width:300px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:0 0;width:300px;height:300px;background-size:704px 669px}
.member .phone_certification .btn{width:200px}
/*! 약관 */
.term_area{margin-top:50px}
.term_area.first{margin-top:0}
.term_area .term_tit{margin-bottom:18px;font-size:18px;line-height:20px;font-family:'NanumSquareB',sans-serif}
.term_area .term_box{border:1px solid #cacaca}
.term_area .term_box:first-child{margin-top:0}
.term_area .term_in{overflow-y:auto;max-height:250px;padding:30px 10px 30px 30px;color:#8d8d8d;font-size:16px;line-height:25px;background:#fff;word-break:keep-all;-webkit-box-sizing:border-box;box-sizing:border-box}
.term_area .term_box strong{display:block;font-family:'NanumSquareB',sans-serif}
.term_area .term_box .fnt_big{margin-top:10px;font-size:20px}
.term_area .agree_check{margin-top:10px;text-align:right}
.term_area .agree_check .input_checkbox label{padding-left:0;padding-right:30px;color:#8d8d8d}
.term_area .agree_check .input_checkbox label:before{left:auto;right:0}
.term_area .agree_check .input_checkbox input:checked + label:after{left:auto;right:3px}
.term_area .agree_check.all{margin-top:30px}
.term_area .agree_check.all .input_checkbox label{font-family:'NanumSquareB',sans-serif;color:#373737}
.term_area .agree_check2{margin-top:40px}
.term_area .agree_check2:first-child{margin-top:30px}
.term_area .agree_check2 .txt01{font-size:18px;line-height:20px;font-family:'NanumSquareB',sans-serif}
.term_area .agree_check2 .txt01 .cl_red{color:#e14d4b}
.term_area .agree_check2 .txt01 .cl_grey{color:#8d8d8d}
.term_area .agree_check2 .input_checkbox{margin-top:20px}
/*! mypage */
.mypage .cont_left{float:left;width:260px;margin-right:50px}
.mypage .cont_right{float:left;width:890px}
.mypage .cont_right .login{border-top:1px solid #e5e5e5}
.mypage .my_box{position:relative;width:260px;min-height:350px;margin-bottom:7px;padding:0 40px 40px;background:#373737;-webkit-box-sizing:border-box;box-sizing:border-box; }
.mypage .my_box:after{content:'';display:block;position:absolute;right:0;bottom:0;width:0;height:0;border-bottom:25px solid #fff;border-left:19px solid transparent}
.mypage .my_box .user_info{padding-top:36px}
.mypage .my_box .user_info p{font-family:'NanumSquareB',sans-serif;font-size:18px;line-height:25px;color:#fff}
.mypage .my_box .user_info p:first-child{margin-bottom:11px;line-height:35px}
.mypage .my_box .user_info p strong{display:inline-block;font-family:'NanumSquareB',sans-serif;font-size:28px;line-height:35px}
.mypage .my_box .user_info p span{display:inline-block;font-family:'NanumSquareB',sans-serif;font-size:18px;line-height:25px;vertical-align:middle}
.mypage .my_box .user_link{padding-top:5px}
.mypage .my_box .user_btn01{margin-bottom:40px}
.mypage .my_box .user_btn01 a{display:block;font-size:14px;line-height:55px;color:#888;border-bottom:1px solid #5f5f5f}
.mypage .my_box .user_btn02 a{display:block;position:relative;padding:0 20px;font-size:16px;line-height:50px;background:#fff;}
.mypage .my_box .user_btn02 a:hover{color:#000;text-decoration:underline}
.mypage .my_box .user_btn02 a:after{content:'';display:inline-block;position:absolute;right:20px;top:18px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-690px 0;width:14px;height:14px;background-size:704px 669px}
.mypage .my_box .user_btn03{margin-top:27px;text-align:right}
.mypage .my_box .user_btn03 a{display:inline-block;position:relative;padding-right:15px;font-size:14px;line-height:19px;color:#fff}
.mypage .my_box .user_btn03 a:after{content:'';display:inline-block;position:absolute;right:0;top:6px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-625px -358px;width:4px;height:7px;background-size:704px 669px}
.mypage .link_box{padding-top:41px}
.mypage .link_box .link_tit{border-bottom:1px solid #cacaca}
.mypage .link_box .link_tit a,.mypage .link_box .link_tit span{display:inline-block;padding:0 0 18px 20px;font-size:18px;line-height:20px;font-family:'NanumSquareB',sans-serif}
.mypage .link_box .link_tit.on a{font-family:'NanumSquareB',sans-serif;color:#e14d4b}
.mypage .link_box ul{padding:24px 0 0 42px}
.mypage .link_box ul li{position:relative;padding-left:8px}
.mypage .link_box ul li:before{content:'';display:inline-block;position:absolute;left:0;top:12px;width:1px;height:1px;background:#373737}
.mypage .link_box ul li a{display:inline-block;font-size:16px;line-height:26px}
.mypage .link_box ul li.on:before{background:#e14d4b}
.mypage .link_box ul li.on a{font-family:'NanumSquareB',sans-serif;color:#e14d4b}
.mypage h2.tit{padding-bottom:50px;font-size:36px;line-height:38px;font-family:'NanumSquareB',sans-serif;color:#8d8d8d}
.mypage h3.tit{padding-bottom:30px;font-size:28px;line-height:30px;font-family:'NanumSquareB',sans-serif;color:#222;border-bottom:1px solid #cacaca}
.mypage .tit_h3{margin-top:50px;font-size:28px;line-height:30px;font-family:'NanumSquareB',sans-serif}
.mypage .top_info_box ul li{float:left;position:relative;width:25%;height:160px;border-top:1px solid #cacaca;border-bottom:1px solid #cacaca;border-right:1px solid #cacaca;-webkit-box-sizing:border-box;box-sizing:border-box}
.mypage .top_info_box ul li:first-child{border-left:1px solid #cacaca}
.mypage .top_info_box ul li > a,.mypage .top_info_box ul li > span{display:block;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}
.mypage .top_info_box ul li > a .tit,.mypage .top_info_box ul li > span .tit{position:absolute;right:10px;top:-13px;padding:0 10px;font-size:16px;line-height:26px;background:#fff}
.mypage .top_info_box ul li > a .tit:after,.mypage .top_info_box ul li > span .tit:after{content:'';display:inline-block;margin-left:10px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-625px -385px;width:4px;height:7px;background-size:704px 669px}
.mypage .top_info_box ul li > a .info,.mypage .top_info_box ul li > span .info{position:absolute;top:110px;left:0;width:100%;padding-right:20px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}
.mypage .top_info_box ul li > a .info span,.mypage .top_info_box ul li > span .info span{display:inline-block;font-size:18px;line-height:30px;vertical-align:top}
.mypage .top_info_box ul li > a .info span:first-child,.mypage .top_info_box ul li > span .info span:first-child{margin-right:8px;font-size:28px;font-family:'NanumSquareB',sans-serif;color:#e14d4b}
.mypage .top_info_box ul li:hover{border:none}
.mypage .top_info_box ul li > a:hover,.mypage .top_info_box ul li > span:hover{border:2px solid #e14d4b}
.mypage .top_info_box ul li > a:hover .tit,.mypage .top_info_box ul li > span:hover .tit{background:#e14d4b;color:#fff}
.mypage .top_info_box ul li > a:hover .tit:after,.mypage .top_info_box ul li > span:hover .tit:after{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-550px -408px;width:4px;height:7px;background-size:704px 669px}
.mypage .top_info_box ul li > a:hover .info,.mypage .top_info_box ul li > span:hover .info{top:111px}
.mypage .top_info_box.cash{margin-bottom:50px}
.mypage .top_info_box.cash .tit{left:20px;right:auto}
.mypage .top_info_box.cash li{position:relative;float:none;width:100%;height:100px}
.mypage .top_info_box.cash li .info{position:static;padding:40px 0 0 30px;text-align:left}
.mypage .top_info_box.cash li:hover .info{padding:39px 0 0 29px}
.mypage .top_info_box.cash li .btn.small.black{position:absolute;top:30px;right:146px}
.mypage .top_info_box.cash li .btn.small.grey{position:absolute;top:30px;right:20px}
.mypage .top_info_box.cash li:hover .btn.small.black{top:31px;right:147px}
.mypage .top_info_box.cash li:hover .btn.small.grey{top:31px;right:21px}
.mypage .list_box{position:relative;margin-top:43px;border:1px solid #cacaca}
.mypage .list_box .tit{position:absolute;left:20px;top:-13px;padding:0 10px;font-size:16px;line-height:26px;background:#fff}
.mypage .list_box .tit:after{content:'';display:inline-block;margin-left:10px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-625px -385px;width:4px;height:7px;background-size:704px 669px}
.mypage .list_box ul{padding:50px 29px}
.mypage .list_box li{position:relative;margin-top:15px;padding-bottom:13px;border-bottom:1px solid #cacaca}
.mypage .list_box li:first-child{margin-top:0}
.mypage .list_box li p{font-size:14px;line-height:23px;color:#8d8d8d}
.mypage .list_box li .link{display:block;width:630px;font-size:18px;line-height:28px;font-family:'NanumSquareB',sans-serif;color:#8d8d8d;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding:url(ellipsis.xml#ellipsis)}
.mypage .list_box li > span{display:block;position:absolute;right:115px;top:23px;padding:0 15px;font-size:16px;line-height:28px}
.mypage .list_box li span.blue{color:#52a1be}
.mypage .list_box li span.red{color:#e14d4b}
.mypage .list_box li .pay_detail{display:block;position:absolute;right:0;top:23px;font-size:14px;line-height:28px}
.mypage .list_box.add_img .img{display:inline-block;position:absolute;left:0;top:0;border:1px solid #e5e5e5}
.mypage .list_box.add_img .img img{width:78px;height:78px}
.mypage .list_box.add_img li{margin:22px 0 0;padding:16px 0 27px 100px}
.mypage .list_box.add_img li .link{width:460px}
.mypage .list_box.add_img li > span{right:160px;top:38px}
.mypage .list_box.add_img li .small2{position:absolute;top:36px;right:65px}
.mypage .list_box.add_img li .delete{position:absolute;top:44px;right:0}
.mypage .list_box:hover{border:2px solid #e14d4b}
.mypage .list_box:hover .tit{background:#e14d4b;color:#fff}
.mypage .list_box:hover .tit:after{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-550px -408px;width:4px;height:7px;background-size:704px 669px}
.mypage .list_box:hover ul{padding:49px 28px}
.mypage .no_data{position:relative;margin:129px 0 102px;font-size:16px;line-height:81px;text-align:center}
.mypage .no_data:before{content:'';display:block;position:absolute;left:50%;top:0;margin-left:-14px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-343px -567px;width:27px;height:5px;background-size:704px 669px;text-align:center}
.mypage .list_box:hover .no_data{margin:128px 0 101px}
.mypage .btn_box{position:relative;margin-top:30px}
.mypage .btn_box .btn{margin-left:6px}
.mypage .btn_box .btn:first-child{margin-left:0}
.mypage .btn_box .abs_r{position:absolute;right:0;top:0}
.mypage .form_area{padding-bottom:0}
.mypage .form_area .btn_area{padding-top:30px}
.mypage .form_list ul li{width:435px}
.mypage .form_list ul li:first-child{margin-right:20px}
.mypage .agree_area{margin-top:30px;text-align:right}
.mypage .agree_area .input_checkbox.right input + label{color:#373737;font-family:'NanumSquareB',sans-serif}
.mypage .large_send{position:relative;padding-top:216px;text-align:center;border-top:1px solid #e5e5e5}
.mypage .large_send:before{content:'';display:block;position:absolute;left:424px;top:130px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-574px -79px;width:41px;height:73px;background-size:704px 669px}
.mypage .large_send .txt01{font-size:28px;line-height:40px;font-family:'NanumSquareB',sans-serif}
.mypage .large_send .txt02{padding:6px 0 0;font-size:18px;line-height:34px;color:#8d8d8d}
.mypage .large_send .txt03{padding:62px 0 0;font-size:22px;line-height:40px;font-family:'NanumSquareB',sans-serif}
.mypage .large_send ul{position:relative;padding:155px 0 15px}
.mypage .large_send ul:before{content:'';display:block;position:absolute;left:420px;top:50px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-574px -358px;width:31px;height:52px;background-size:704px 669px}
.mypage .large_send li{display:inline-block;padding:0 10px;font-size:22px;line-height:38px;color:#8d8d8d}
.mypage .large_send li strong{padding-right:8px;font-family:'NanumSquareB',sans-serif;color:#373737}
.ms_area{margin-top:50px}
.ms_frame{float:left;width:330px;margin-right:33px;background:url("/resources/giftiel/images/common/bg_frame.png") no-repeat 0 0}
.ms_frame .frame_in{padding:43px 14px 0 13px;height:647px}
.ms_frame .frame_scroll{overflow-y:auto;height:610px}
.ms_frame .frame_logo{padding-right:36px;text-align:right}
.ms_frame .frame_tit{font-size:16px;line-height:50px;text-align:center;color:#fff;font-family:'NanumSquareB',sans-serif;background:#8d8d8d}
.ms_frame .frame_img{padding-top:12px;text-align:center}
.ms_frame .frame_img img{width:130px}
.ms_frame .frame_txt01{padding:8px 0;font-size:16px;line-height:18px;text-align:center;color:#222;font-family:'NanumSquareB',sans-serif}
.ms_frame .frame_txt02{padding:8px 25px;font-size:12px;line-height:21px;color:#888;font-family:'NanumSquareB',sans-serif;background:#f5f5f5}
.ms_frame .frame_txt03{padding:8px 20px 20px 25px;font-size:12px;line-height:15px;color:#222;font-family:'NanumSquareB',sans-serif; word-break: break-all; white-space: pre-line;}
.ms_frame .frame_txt03.text-white {color: #fff !important;}
.ms_frame .frame_barcode{padding:12px 0;text-align:center}
.ms_frame .frame_barcode img{width:205px}
.ms_frame .frame_banner{margin-bottom:10px}
.ms_frame .frame_banner img{width:100%}
.ms_frame .frame_scroll::-webkit-scrollbar{width:6px}
.ms_frame .frame_scroll::-webkit-scrollbar-track{background:#ededed;border-radius:6px}
.ms_frame .frame_scroll::-webkit-scrollbar-thumb{background:#7b818e;border-radius:6px}
.ms_frame .frame_scroll::-webkit-scrollbar-thumb:hover{background:#cdcdcd}
.ms_area .ms_form{float:left;width:527px}
.ms_area .ms_form_full {width: 100%;}
.ms_area .ms_form .img img{height:85px;width:auto}
.ms_area .ms_form .img_btn{margin-top:20px}
.ms_area .ms_form .img_btn .btn{margin:0 4px}
.ms_area .ms_form .img_btn .btn:first-child{margin-left:0}
.ms_area .ms_form .form_list textarea{height:160px}
.ms_area .ms_form .form_list .txt_num{position:absolute;bottom:7px;right:11px;font-size:14px;line-height:20px}
.ms_area .ms_form .form_list .default_img{display:block;position:absolute;right:0;top:0;font-size:16px;line-height:18px;color:#8d8d8d}
.ms_area .ms_form .form_list .default_img:before{display:inline-block;position:static;margin-right:10px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-650px -378px;width:16px;height:18px;background-size:704px 669px;vertical-align:middle}
.tab_cont .img_list{overflow-y:auto;padding:30px 0;height:335px;-webkit-box-sizing:border-box;box-sizing:border-box}
.tab_cont .img_list div{margin-top:10px}
.tab_cont .img_list div:first-child{margin-top:0}
.tab_cont .img_list div a{display:inline-block;position:relative}
.tab_cont .img_list div a:hover:before{display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:3px solid #373737;-webkit-box-sizing:border-box;box-sizing:border-box}
.tab_cont .img_list div.on a:before{display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:3px solid #373737;-webkit-box-sizing:border-box;box-sizing:border-box}
.tab_cont .img_list div img{height:85px}
.tab_cont .img_list::-webkit-scrollbar{width:6px}
.tab_cont .img_list::-webkit-scrollbar-track{background:#ededed;border-radius:6px}
.tab_cont .img_list::-webkit-scrollbar-thumb{background:#7b818e;border-radius:6px}
.tab_cont .img_list::-webkit-scrollbar-thumb:hover{background:#cdcdcd}
/*! 상품 */
#content.shop{margin-top:0}
.sub_top .tit{padding:30px;text-align:center;border-bottom:1px solid #e5e5e5}
.sub_top .tit p{font-size:36px;line-height:53px;font-family:'NanumSquareB',sans-serif}
.sub_top .tit span{font-size:16px;line-height:30px;color:#8d8d8d}
.search_area{position:relative;margin-top:60px}
.search_area .l_box{float:left;width:150px;height:80px;line-height:80px;font-size:18px;font-family:'NanumSquareB',sans-serif;color:#fff;background:#373737;text-align:center;}
.search_area .r_box{float:left;width:1050px;padding:22px 30px 21px;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
.search_area .brand .l_box{height:229px;line-height:229px;}
.search_area .brand .r_box{overflow-y:auto;padding-bottom:12px;height:229px;border:none;-webkit-box-sizing:border-box;box-sizing:border-box}
.search_area .money .r_box{padding:14px 30px}
.search_area .sorting01 li{float:left;margin-left:10px}
.search_area .sorting01 li:first-child{margin-left:0}
.search_area .sorting01 li a{display:block;padding:0 11px;line-height:33px;font-size:14px;color:#8d8d8d;border:1px solid #cacaca}
.search_area .sorting01 li.on a,.search_area .sorting01 li:hover a{padding:0 10px;line-height:31px;color:#373737;border:2px solid #373737}
.search_area .sorting02 li{float:left;padding-bottom:12px;margin-left:20px;text-align:center}
.search_area .sorting02 li:first-child,.search_area .sorting02 li:nth-child(6n+1){margin-left:0}
.search_area .sorting02 li a{display:block;position:relative;width:140px;height:50px;text-align:center}
.search_area .sorting02 li a img{width:50px;height:50px}
.search_area .sorting02 li span{display:block;width:140px;line-height:33px;font-size:16px;color:#8d8d8d;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding:url(ellipsis.xml#ellipsis)}
.search_area .sorting02 li.on a,.search_area .sorting02 li:hover a{line-height:31px;color:#373737}
.search_area .sorting02 li.on span,.search_area .sorting02 li:hover span{color:#373737}
.search_area .sorting02 li.on a:before,.search_area .sorting02 li:hover a:before{position:absolute;left:0;top:0;width:100%;height:100%;border:2px solid #373737;-webkit-box-sizing:border-box;box-sizing:border-box}
.search_area .sorting03 li{float:left;margin-left:20px}
.search_area .sorting03 li:first-child{margin-left:0}
.search_area .sorting03 li a{display:block;width:136px;line-height:46px;font-size:16px;color:#8d8d8d;border:2px solid #f9f9f9;background:#f9f9f9;text-align:center;}
.search_area .sorting03 li.on a,.search_area .sorting03 li:hover a{color:#373737;border:2px solid #373737;background:#fff}
.search_area .brand .r_box::-webkit-scrollbar{width:6px}
.search_area .brand .r_box::-webkit-scrollbar-track{background:#ededed;border-radius:6px}
.search_area .brand .r_box::-webkit-scrollbar-thumb{background:#7b818e;border-radius:6px}
.search_area .brand .r_box::-webkit-scrollbar-thumb:hover{background:#cdcdcd}
.search_area .btn_reset{position:absolute;right:0;top:-41px}
.search_area .btn_reset a{display:block;padding-left:30px;font-size:16px;line-height:21px}
.search_area .btn_reset a:before{content:'';display:inline-block;left:0;top:0;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-650px -220px;width:20px;height:21px;background-size:704px 669px}
.list_area{margin-top:50px}
.list_area .top_info .txt{float:left;width:630px;font-size:16px;line-height:75px;color:#8d8d8d}
.list_area .top_info .txt span{color:#e14d4b}
.list_area .top_info .list_srch{position:relative;float:left;margin-right:20px;padding-bottom:13px;width:400px;border-bottom:1px solid #373737}
.list_area .top_info .list_srch input{height:30px;width:350px;padding-left:10px;font-size:16px;line-height:30px;border:none}
.list_area .top_info .list_srch a{display:block;position:absolute;right:10px;top:0;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-449px -507px;width:30px;height:30px;background-size:704px 669px}
.list_area .top_info .list_slct{float:left;width:150px}
.list_area .list_slct{padding-bottom:13px;border-bottom:1px solid #373737}
.list_area .list_slct .selectbox_wrap{border:none}
.list_area .list_slct .selectbox_wrap .selectbox{height:30px;line-height:30px}
.item_area{border-top:1px solid #cacaca}
.item_area ul li{position:relative;float:left;width:280px;margin:40px 0 0 26px}
.item_area ul li:nth-child(4n+1){margin-left:0}
.item_area ul li .img{display:block;position:relative;width:278px;height:278px;border:1px solid #e5e5e5}
.item_area ul li .img img{width:100%;height:100%}
.item_area ul li .img > span{display:block;position:absolute;left:21px;top:21px;width:48px;height:48px;border-radius:48px;text-align:center}
.item_area ul li .img > span span{display:block;margin-top:7px;font-size:10px;line-height:12px;color:#fff}
.item_area ul li .img > span em{display:block;font-size:12px;line-height:18px;color:#fff}
.item_area ul li .img > span.green{background:#24aca7}
.item_area ul li .img > span.red{background:#e14d4b}
.item_area ul li .img_dimm{display:none;position:absolute;left:0;top:159px;width:280px;height:120px;background:#000;opacity:0.7;border-radius:20px}
.item_area ul li .item_btn{display:none;position:absolute;left:40px;top:180px;z-index:1}
.item_area ul li .item_btn a{display:block;float:left;margin-left:8px;color:#fff;opacity:0.5}
.item_area ul li .item_btn a:first-child{margin-left:0}
.item_area ul li .item_btn a:before{content:'';display:block;position:static}
.item_area ul li .item_btn a em{display:block;font-size:14px;line-height:30px;text-align:center;color:#fff;opacity:1}
.item_area ul li .item_btn .ico01:before{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-494px 0;width:60px;height:59px;background-size:704px 669px}
.item_area ul li .item_btn .ico02:before{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-494px -79px;width:59px;height:59px;background-size:704px 669px}
.item_area ul li .item_btn .ico03:before{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-494px -158px;width:59px;height:59px;background-size:704px 669px}
.item_area ul li.on .img_dimm{display:block}
.item_area ul li.on .item_btn{display:block;-webkit-transition:0.3s;transition:0.3s}
.item_area ul li .item_btn a:focus,.item_area ul li .item_btn a:hover{opacity:1}
.item_area ul li .item_btn a:focus em,.item_area ul li .item_btn a:hover em{opacity:1}
.item_area ul li .txt01{margin-top:17px;padding-bottom:13px;border-bottom:1px solid #cacaca}
.item_area ul li .txt01 a{display:block}
.item_area ul li .txt01 span{display:block;font-size:16px;line-height:20px;color:#8d8d8d;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding:url(ellipsis.xml#ellipsis)}
.item_area ul li .txt01 p{font-size:18px;line-height:32px;color:#373737;font-family:'NanumSquareB',sans-serif;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding:url(ellipsis.xml#ellipsis)}
.item_area ul li .txt02 span{display:inline-block;vertical-align:top;line-height:57px}
.item_area ul li .txt02 span:nth-child(1){margin-left:0;font-size:14px;color:#8d8d8d;text-decoration:line-through}
.item_area ul li .txt02 span:nth-child(2){margin-left:8px;font-size:18px;color:#373737}
.item_area ul li .txt02 span:nth-child(3){margin-left:2px;font-size:18px;color:#e14d4b}
.item_area .no_data{height:450px;text-align:center}
.item_area .no_data:before{content:'';display:inline-block;margin-top:180px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:0 -567px;width:34px;height:34px;background-size:704px 669px}
.item_area .no_data span{display:block;font-size:16px;line-height:46px}
.view_area{margin-top:50px}
.view_area .top_info .img{float:left;border:1px solid #e5e5e5;width:498px;height:498px}
.view_area .top_info .img img{width:100%;height:100%}
.view_area .item_info{float:right;width:655px}
.view_area .item_info .name{padding-bottom:17px;border-bottom:1px solid #e5e5e5}
.view_area .item_info .name p:first-child{margin-bottom:9px;font-size:20px;line-height:22px;color:#8d8d8d}
.view_area .item_info .name p:nth-child(2){font-size:26px;line-height:30px;font-family:'NanumSquareB',sans-serif}
.view_area .item_info .price{padding:10px 0 0}
.view_area .item_info .price em{display:block;font-size:16px;line-height:34px;color:#e31d1a}
.view_area .item_info .price p{line-height:45px}
.view_area .item_info .price p span:nth-child(1){font-size:32px;font-family:'NanumSquareB',sans-serif}
.view_area .item_info .price p span:nth-child(2){padding-left:8px;font-size:22px;font-family:'NanumSquareB',sans-serif}
.view_area .item_info .price p span:nth-child(3){padding-left:18px;font-size:16px;font-family:'NanumSquareB',sans-serif;color:#8d8d8d;text-decoration:line-through}
.view_area .item_info .calculator{padding-top:6px;border-bottom:1px solid #e5e5e5}
.view_area .item_info .calculator .txt{font-size:16px;line-height:56px}
.view_area .item_info .calculator table{width:100%}
.view_area .item_info .calculator table td,.view_area .item_info .calculator table th{font-size:16px;line-height:38px;text-align:center;border:1px solid #e5e5e5}
.view_area .item_info .calculator table th{color:#373737;border-left:none;background:#f9f9f9}
.view_area .item_info .calculator table td:last-child{border-right:none}
.view_area .item_info .calculator table .grey{color:#8d8d8d;background:#f9f9f9}
.view_area .item_info .calculator table .align_r{padding:0 10px;text-align:right}
.view_area .item_info .calculator table .price01 th{border-right:1px solid #e31d1a}
.view_area .item_info .calculator table .price01 .pr01{border-right:1px solid #e31d1a}
.view_area .item_info .calculator table .price01 .first .pr01{border-top:1px solid #e31d1a}
.view_area .item_info .calculator table .price01 .bot .pr01{border-bottom:1px solid #e31d1a}
.view_area .item_info .calculator table .price01 .grey.pr01{background:#e31d1a;color:#fff;font-family:'NanumSquareB',sans-serif}
.view_area .item_info .calculator table .price02 .pr01{border-right:1px solid #e31d1a}
.view_area .item_info .calculator table .price02 .pr02{border-right:1px solid #e31d1a}
.view_area .item_info .calculator table .price02 .first .pr02{border-top:1px solid #e31d1a}
.view_area .item_info .calculator table .price02 .bot .pr02{border-bottom:1px solid #e31d1a}
.view_area .item_info .calculator table .price02 .grey.pr02{background:#e31d1a;color:#fff;font-family:'NanumSquareB',sans-serif}
.view_area .item_info .calculator table .price03 .pr02{border-right:1px solid #e31d1a}
.view_area .item_info .calculator table .price03 .pr03{border-right:1px solid #e31d1a}
.view_area .item_info .calculator table .price03 .first .pr03{border-top:1px solid #e31d1a}
.view_area .item_info .calculator table .price03 .bot .pr03{border-bottom:1px solid #e31d1a}
.view_area .item_info .calculator table .price03 .grey.pr03{background:#e31d1a;color:#fff;font-family:'NanumSquareB',sans-serif}
.view_area .item_info .calculator .last th{background:#8d8d8d;color:#fff;border-right:none!important}
.view_area .item_info .calculator .last td{padding:10px 0;border-right:none;border-left:none}
.view_area .item_info .calculator .last td.align_r{padding-right:10px}
.view_area .item_info .calculator .last td.align_l{text-align:left;padding-left:0}
.view_area .item_info .calculator .last .input_txt{width:120px}
.view_area .item_info .calculator .last input{padding-right:10px;height:40px;line-height:40px;text-align:right}
.view_area .item_info .calculator ul{padding:16px 0 26px}
.view_area .item_info .calculator li{font-size:14px;line-height:23px;color:#8d8d8d}
.view_area .item_info .info ul{padding:24px 0 35px}
.view_area .item_info .info li{position:relative;padding-left:140px;min-height:25px}
.view_area .item_info .info li strong{display:block;position:absolute;left:0;top:0;font-size:16px;line-height:25px}
.view_area .item_info .info li span{display:block;font-size:16px;line-height:25px;color:#888}
.view_area .item_info .btn_area{padding-top:0;text-align:left}
.view_area .product_txt{margin-top:50px;padding:24px 0 53px;border-bottom:1px solid #e5e5e5}
.view_area .product_txt .txt01{margin-bottom:33px;font-size:26px;line-height:34px;font-family:'NanumSquareB',sans-serif}
.view_area .product_txt .txt02 dl{padding-top:27px}
.view_area .product_txt .txt02 dt{font-size:20px;line-height:30px;font-family:'NanumSquareB',sans-serif}
.view_area .product_txt .txt02 dd{font-size:16px;line-height:30px;color:#8d8d8d}
.rec_list .rec_tit{padding:50px 0 28px;font-size:26px;line-height:44px;font-family:'NanumSquareB',sans-serif}
.rec_list .item_area{padding-top:10px}
.view_area .banner{margin-top:80px;height:90px}
.view_area .banner .slide_cont{height:90px}
.view_area .banner img{height:90px}
.view_area .banner .prv{position:absolute;right:26px;top:20px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-390px -567px;width:9px;height:5px;background-size:704px 669px;z-index:11}
.view_area .banner .nxt{position:absolute;right:26px;bottom:20px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-419px -567px;width:9px;height:5px;background-size:704px 669px;z-index:11}
.view_area .banner .swiper-pagination{position:absolute;right:20px;top:35px;bottom:auto;left:auto;width:auto;font-size:14px;line-height:20px;color:#fff;z-index:11}

.info_area01{padding:16px 0 26px}
.info_area01 li{font-size:14px;line-height:23px;color:#8d8d8d}
.info_area01 li.area01{font-weight: 600;}

/*! 장바구니 */
#content.basket{margin-top:0}
.board_list_tbl{border-top:1px solid #373737}
.board_list_tbl table{width:100%}
.board_list_tbl table thead th{font-size:16px;line-height:50px;border-bottom:1px solid #cacaca}
.board_list_tbl table tbody th{border-bottom:1px solid #cacaca}
.board_list_tbl table tbody td{padding:20px 0;border-bottom:1px solid #cacaca}
.board_list_tbl .align_c{text-align:center}
.board_list_tbl .bk_info{position:relative;padding:0 0 0 80px}
.board_list_tbl .bk_info .img{position:absolute;left:0;top:9px;width:68px;height:68px;border:1px solid #e5e5e5}
.board_list_tbl .bk_info .img img{width:100%;height:100%}
.board_list_tbl .bk_info .txt{padding:9px 0 0}
.board_list_tbl .bk_info .txt .txt01{font-size:16px;line-height:17px}
.board_list_tbl .bk_info .txt .txt03{font-size:14px;line-height:21px;color:#8d8d8d}
.board_list_tbl .bk_info .txt .txt02 span{display:inline-block;line-height:35px;vertical-align:top}
.board_list_tbl .bk_info .txt .pr01{margin-right:8px;font-size:14px;color:#8d8d8d;text-decoration:line-through}
.board_list_tbl .bk_info .txt .pr02{margin-right:4px;font-size:18px;color:#373737}
.board_list_tbl .bk_info .txt .pr03{font-size:18px;color:#e31d1a}
.board_list_tbl .bk_btn .btn.full{margin-bottom:8px}
.board_list_tbl .bk_btn .btn.white{float:left;width:81px}
.board_list_tbl .bk_btn .btn.white.mgr10{margin-right:10px}
.board_list_tbl .bk_btn .btn.white a{display:block;padding:0}
.board_list_tbl .nodata{height:250px;text-align:center}
.board_list_tbl .nodata:before{content:'';display:inline-block;margin-top:88px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:0 -567px;width:34px;height:34px;background-size:704px 669px}
.board_list_tbl .nodata span{display:block;font-size:16px;line-height:46px}
/*! 견적서 */
#content.estimate{margin-top:20px}
.estimate_cont{padding-top:40px}
.estimate_cont .l_cont{float:left;width:580px}
.estimate_cont .r_cont{float:right;width:580px}
.estimate_cont .top_form{margin-bottom:50px}
.estimate_cont .tbl_info{margin-bottom:40px}
.estimate_cont .tbl_info .selectbox_wrap{top:-10px}
.estimate_cont .tbl_info .btn{top:-10px}
.es_list{overflow-y:auto;height:550px}
.es_list ul{border-top:1px solid #cacaca}
.es_list li{position:relative;padding:20px 20px 20px 100px;min-height:70px;border-bottom:1px solid #f1f1f1}
.es_list li:hover{background:#f1f1f1}
.es_list li .img{position:absolute;left:20px;top:20px;width:68px;height:68px;border:1px solid #e5e5e5}
.es_list li .img img{width:100%;height:100%}
.es_list li .txt{padding-top:9px}
.es_list li .txt .txt01{font-size:16px;line-height:27px;color:#8d8d8d}
.es_list li .txt .txt02 span{display:inline-block;line-height:27px;color:#8d8d8d;vertical-align:top}
.es_list li .txt .txt02 .pr01{margin-right:8px;font-size:14px;text-decoration:line-through}
.es_list li .txt .txt02 .pr02{margin-right:4px;font-size:18px}
.es_list li .txt .txt02 .pr03{font-size:18px}
.es_list li .es_btn{display:block;position:absolute;right:20px;top:34px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-173px -438px;width:40px;height:40px;background-size:704px 669px}
.es_list li.on .txt .txt01{color:#373737}
.es_list li.on .txt .txt02 .pr02{color:#373737}
.es_list li.on .txt .txt02 .pr03{color:#e31d1a}
.es_list li.on .es_btn{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-233px -438px;width:40px;height:40px;background-size:704px 669px}
.es_list li .num{position:absolute;right:80px;top:34px;width:80px}
.es_list li .num input{padding:0 10px 0 0;height:40px;line-height:40px;text-align:right}
.r_cont .es_list li .txt .txt01{color:#373737}
.r_cont .es_list li .txt .txt02 .pr02{color:#373737}
.r_cont .es_list li .txt .txt02 .pr03{color:#e31d1a}
.r_cont .es_list li .es_btn2{display:block;position:absolute;right:20px;top:34px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-473px -438px;width:40px;height:40px;background-size:704px 669px}
.es_list.check{height:auto}
.es_list.check li .txt .txt01{color:#373737}
.es_list.check li .txt .txt02 .pr02{color:#373737}
.es_list.check li .txt .txt02 .pr03{color:#e31d1a}
.es_list.check li .es_btn2{display:block;position:absolute;right:20px;top:34px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-473px -438px;width:40px;height:40px;background-size:704px 669px}
.es_list.check li{padding-left:130px}
.es_list.check li .img{left:50px}
.es_list.check li .input_checkbox{position:absolute;left:0;top:45px}
.es_list::-webkit-scrollbar{width:6px}
.es_list::-webkit-scrollbar-track{background:#ededed;border-radius:6px}
.es_list::-webkit-scrollbar-thumb{background:#7b818e;border-radius:6px}
.es_list::-webkit-scrollbar-thumb:hover{background:#cdcdcd}
.price_area{margin-top:30px;border-top:1px solid #cacaca}
.price__in{padding-top:40px}
.price__in .pr_tit{margin-bottom:15px;font-size:36px;line-height:50px;font-family:'NanumSquareB',sans-serif;color:#222;text-align:center}
.price__in .pr_tit_s{font-size:16px;line-height:30px;text-align:center}
.pr_tbl{margin-top:42px}
.pr_tbl table{width:100%}
.pr_tbl table thead th{height:60px;line-height:60px;font-size:16px;background:#373737;color:#fff;border:1px solid #373737;text-align:center}
.pr_tbl table tbody td{padding-right:20px;font-size:22px;line-height:58px;font-family:'NanumSquareB',sans-serif;border:1px solid #cacaca;text-align:right}
.pr_tbl table tbody td strong{display:inline-block;font-size:22px;line-height:58px;font-family:'NanumSquareB',sans-serif;vertical-align:top}
.pr_tbl table tbody td span{display:inline-block;margin-left:8px;font-size:16px;line-height:58px;vertical-align:top}
.pr_tbl table tbody td .cl_red{color:#e14d4b}
.pop_wrp .es_txt{padding:33px 0 0}
.pop_wrp .es_txt .txt01{margin-bottom:22px;font-size:28px;line-height:40px;text-align:center;font-family:'NanumSquareB',sans-serif}
.pop_wrp .es_txt .txt02{font-size:16px;line-height:35px}
.o_seal{position:absolute;right:40px;top:10px}
/*! 인쇄 */
.print #content{margin:0;padding:0}
.print .pop_wrp{display:block}
.print .pop_wrp .pop_in{position:static;left:auto;top:auto;margin:0}
.print .pop_wrp .pop_in .pop_cont{max-height:none}
.print .pop_wrp .swiper-container{margin:0;padding:0}
.print .pop_dimm{display:none}
.print .btn_area{display:none}
/*! 고객센터 */
#content.customer{margin-top:0}
.center_cont{margin-top:50px}
.center_cont .input_in_btn{position:absolute;right:0;top:0;width:400px}
.center_cont .selectbox_wrap{position:absolute;right:0;top:0;width:200px}
.center_cont .selectbox_wrap.pos_rel{position:relative}
.center_cont .w_full .selectbox_wrap{width:100%}
.center_cont .selectbox_wrap select{height:40px;line-height:40px}
.center_cont .input_in_btn input{line-height:40px;height:40px}
.center_cont .r100{right:100px}
.center_cont .r410{right:410px}
.center_cont .list_imp{display:inline-block;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-650px -301px;width:20px;height:20px;background-size:704px 669px;vertical-align:middle}
.center_cont .ico_new{display:inline-block;margin-left:10px;font-size:10px;width:15px;height:15px;line-height:15px;text-align:center;background:#e14d4b;color:#fff;vertical-align:middle}
.center_cont .tbl2.white td a{display:inline-block;padding-top:16px;position:relative;font-size:14px;line-height:20px}
.center_cont .board_list ul li{padding-left:195px}
.center_cont .board_list ul li a{max-width:700px}
.center_cont .board_list ul li .num{position:absolute;left:0;top:30px;width:77px;font-size:16px;line-height:40px;text-align:center;color:#8d8d8d}
.center_cont .board_list ul li .txt{position:absolute;left:78px;top:30px;width:98px;font-size:16px;line-height:40px;text-align:center;color:#e14d4b}
.form_box{margin-top:40px;border-top:1px solid #373737;border-bottom:1px solid #cacaca}
.form_box ul{padding:22px 0 25px}
.form_box li{position:relative}
.form_box li span{display:block;font-size:16px;line-height:31px;color:#8d8d8d}
.form_box li strong{display:block;position:absolute;left:126px;top:0;font-size:16px;line-height:31px;color:#373737;width:200px}
.form_box li .input_checkbox{position:absolute;left:330px;top:7px}
.cust_view{border-top:1px solid #373737}
.cust_view .view_top{padding:26px 30px 23px;border-bottom:1px solid #dbdbdb}
.cust_view .view_top span{display:inline-block;font-size:18px;line-height:26px;color:#e14d4b;vertical-align:top}
.cust_view .view_top strong{display:inline-block;padding-left:8px;font-size:18px;line-height:26px;font-family:'NanumSquareB',sans-serif;vertical-align:top}
.cust_view .view_top em{display:block;font-size:16px;line-height:26px;color:#8d8d8d}
.cust_view .view_cont{padding:40px 30px;font-size:16px;line-height:26px;color:#8d8d8d}
.cust_view .view_list{border-bottom:1px solid #cacaca}
.cust_view .view_list li{position:relative;padding-left:185px;border-top:1px solid #e5e5e5}
.cust_view .view_list li > span{display:block;position:absolute;left:0;top:0;width:185px;font-size:16px;line-height:60px;color:#8d8d8d;text-align:center}
.cust_view .view_list li div a{display:block;max-width:850px;font-size:16px;line-height:60px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding:url(ellipsis.xml#ellipsis)}
.cust_view .view_list li div a span{color:#e14d4b}
.cust_view .view_list li div a strong{padding-left:5px;color:#373737;font-family:'NanumSquareB',sans-serif}
.cust_view .view_list li div p{font-size:16px;line-height:60px;color:#8d8d8d}
.cust_view .view_list li em{position:absolute;right:40px;top:0;font-size:16px;line-height:60px;color:#8d8d8d}
.cust_view .view_list li > span:after{content:'';display:inline-block;margin-left:7px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-690px -508px;width:11px;height:6px;background-size:704px 669px;vertical-align:middle}
.cust_view .view_list li:first-child span:after{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-690px -534px;width:11px;height:6px;background-size:704px 669px}
.center_cont .large_send{position:relative;padding-top:130px;text-align:center}
.center_cont .large_send:before{content:'';display:block;position:absolute;left:580px;top:50px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-574px -79px;width:41px;height:73px;background-size:704px 669px}
.center_cont .large_send.ico:before{left:572px;top:62px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-574px 0;width:56px;height:59px;background-size:704px 669px}
.center_cont .large_send .txt01{font-size:28px;line-height:40px;font-family:'NanumSquareB',sans-serif}
.center_cont .large_send .txt02{padding:6px 0 0;font-size:18px;line-height:34px;color:#8d8d8d}
.center_cont .large_send .txt03{padding:62px 0 0;font-size:22px;line-height:40px;font-family:'NanumSquareB',sans-serif}
.center_cont .large_send ul{position:relative;padding:155px 0 15px}
.center_cont .large_send ul:before{content:'';display:block;position:absolute;left:565px;top:50px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-574px -358px;width:31px;height:52px;background-size:704px 669px}
.center_cont .large_send li{display:inline-block;padding:0 10px;font-size:22px;line-height:38px;color:#8d8d8d}
.center_cont .large_send li strong{padding-right:8px;font-family:'NanumSquareB',sans-serif;color:#373737}
/*! 주문/결제 */
#content.order{margin-top:0;}
.order .step{position:relative;margin-top:60px;height:30px}
.order .step ul{position:absolute;top:0;right:0}
.order .step li{float:left;margin-left:20px}
.order .step li em{display:inline-block;width:30px;font-size:16px;line-height:30px;text-align:center;color:#8d8d8d;background:#f1f1f1;border-radius:30px;vertical-align:top}
.order .step li span{display:inline-block;margin-left:8px;font-size:16px;line-height:30px;color:#8d8d8d;vertical-align:top}
.order .step li.on em{width:30px;height:30px;color:#e14d4b;background:#fff;border:1px solid #e14d4b;-webkit-box-sizing:border-box;box-sizing:border-box}
.order .step li.on span{color:#e14d4b}
.order_area{position:relative}
.order_area .order_cont{width:955px}
.order_area .pay_info{position:absolute;right:0;top:0;width:215px;}
.order_area .form_area{padding:0;border:none}
.order_area .form_area .form_tit{margin-top:50px;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #cacaca}
.order_area .form_area .form_tit.no_line{border:none;margin-bottom:0}
.order_area .form_area .form_tit.first{margin-top:20px}
.order_area .form_area .form_list{margin:0}
.order_area .form_area .form_list li{width:470px}
.order_area .form_area .form_list li.full{width:100%}
.order_area .form_area .form_list li:first-child{margin-right:15px}

.order_area .form_area .form_list2{margin:0}
.order_area .form_area .form_list2 li{width:30%}
.order_area .form_area .form_list li2.full{width:100%}
.order_area .form_area .form_list2 li:not(:last-child){margin-right:15px}
.form_area .form_list2 li{float:left;}
.order .pay_info.fix{position:fixed;top:30px;left:50%;margin-left:385px}
.order .pay_info > p{font-size:18px;line-height:60px;color:#fff;font-family:'NanumSquareB',sans-serif;background:#e14d4b;text-align:center;}
.order .pay_info .pay_line{padding:30px 9px;border-left:1px solid #cacaca;border-right:1px solid #cacaca;border-bottom:1px solid #cacaca;background:#fff}
.order .pay_info li{position:relative;margin-top:18px}
.order .pay_info li:first-child{margin-top:0}
.order .pay_info li:last-child{margin-top:28px}
.order .pay_info li span{display:block;font-size:16px;line-height:18px}
.order .pay_info li span:nth-child(2){position:absolute;right:0;top:0;text-align:right;color:#e14d4b}
.order .pay_info li span em{padding-left:10px;color:#373737}
.order .pay_info li p{margin-top:18px;font-size:18px;line-height:20px;font-family:'NanumSquareB',sans-serif;text-align:right}
.order .pay_info li p:first-child{margin-top:0;text-align:left}
.order .pay_info li p strong{font-size:18px;line-height:20px;font-family:'NanumSquareB',sans-serif;color:#e14d4b}
.order .pay_info li p em{font-size:18px;line-height:20px;font-family:'NanumSquareB',sans-serif;color:#373737}
.order .pay_info .pay_btn{margin-top:30px;padding:0 27px}
.order .pay_info .pay_btn{margin-top:30px;padding:0 27px}
.order .pay_info .pay_btn .btn{margin-top:10px;display:block;width:100%}
.order .pay_info .pay_btn .btn a{display:block;text-align:center;line-height:50px;font-family:'NanumSquareB',sans-serif; }
.order .pay_info .pay_btn .btn:first-child{margin-top:0}
.order .item_info_list > ul{border-top:1px solid #cacaca}
.order .item_info_list > ul > li > a{display:block;position:relative;height:109px;padding-left:100px;border-bottom:1px solid #cacaca}
.order .item_info_list > ul > li a > .img{display:block;position:absolute;left:20px;top:20px;width:68px;height:68px;border:1px solid #e5e5e5}
.order .item_info_list > ul > li a > .img img{width:100%;height:100%}
.order .item_info_list > ul > li .txt_area01{padding-top:19px}
.order .item_info_list > ul > li .txt_area01 .txt01{margin-bottom:5px;font-size:16px;line-height:18px}
.order .item_info_list > ul > li .txt_area01 .txt02{margin-bottom:8px;line-height:24px}
.order .item_info_list > ul > li .txt_area01 .txt02 span{padding-right:10px;font-size:14px;color:#8d8d8d;text-decoration:line-through}
.order .item_info_list > ul > li .txt_area01 .txt02 strong{padding-right:5px;font-size:18px}
.order .item_info_list > ul > li .txt_area01 .txt02 em{font-size:18px;color:#e31d1a}
.order .item_info_list > ul > li .txt_area01 .txt03{font-size:14px;line-height:15px;color:#8d8d8d}
.order .item_info_list > ul > li .txt_area01 .txt03 span{color:#e31d1a}
.order .item_info_list > ul > li .txt_area02{position:absolute;right:0;top:42px;font-size:16px;line-height:26px;font-family:'NanumSquareB',sans-serif}
.order .item_info_list > ul > li .txt_area02:after{content:'';display:inline-block;margin:0 20px 0 30px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-690px -426px;width:13px;height:7px;background-size:704px 669px}
.order .item_info_list > ul > li > a:hover{background:#f1f1f1;border-bottom:1px solid #f1f1f1}
.order .item_info_list > ul > li.on > a{background:#373737;border-bottom:1px solid #373737;}
.order .item_info_list li.on .txt_area01 .txt01,.order .item_info_list li.on .txt_area01 .txt02 span,.order .item_info_list li.on .txt_area01 .txt02 strong,.order .item_info_list li.on .txt_area01 .txt03,.order .item_info_list li.on .txt_area02{color:#fff}
.order .item_info_list li.on .txt_area02:after{background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-690px -372px;width:13px;height:7px;background-size:704px 669px}
.order li.on .detail_area{display:block}
.order .detail_area{display:none}
.order .detail_area .scroll{overflow-y:auto;max-height:445px;padding-right:20px;border-bottom:1px solid #e5e5e5}
.order .detail_area .scroll .btn_box{position:absolute;right:0;top:0}
.order .detail_area .scroll .btn_box .btn{position:static;margin-left:5px}
.order .detail_area .scroll .tbl2{padding-bottom:30px}
.order .detail_area table .input_txt input{padding:0;border:none}
.order .detail_area .txt_check{position:relative}
.order .detail_area .txt_check .input_checkbox{position:absolute;right:0;top:20px}
.order .ms_frame {position: relative; margin-right:35px; background: none; border: 10px solid #373737; box-sizing: border-box; border-radius: 30px; overflow: hidden;}
.order .ms_frame:after {position: absolute; content: ''; top: -4px; left: 50%; transform: translateX(-50%); width: 88px; height: 11px; background: #373737; border-radius: 7px;}
.order .ms_frame .frame_in {padding: 0; box-sizing: border-box;}
.order .ms_area{padding-bottom:110px;border-bottom:1px solid #373737}
.order .ms_area .ms_form{width:590px}
.order .ms_area .ms_form .form_area .form_list li{width:100%}
.order .ms_area .ms_form .form_area .form_list{margin-top:20px}
.order .ms_area .ms_form .form_area .form_list .alert {margin-top: 21px;}
.order .ms_area .ms_form .top_btn{text-align:right}
.order .ra_cont .input_txt input{padding-left:5px}
.order .detail_area .scroll::-webkit-scrollbar{width:6px}
.order .detail_area .scroll::-webkit-scrollbar-track{background:#ededed;border-radius:6px}
.order .detail_area .scroll::-webkit-scrollbar-thumb{background:#7b818e;border-radius:6px}
.order .detail_area .scroll::-webkit-scrollbar-thumb:hover{background:#cdcdcd}
.order .order_top_box ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.order .order_top_box li{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:26px 0 21px 40px;border:1px solid #e5e5e5;border-left:none;-webkit-box-sizing:border-box;box-sizing:border-box}
.order .order_top_box li:first-child{border-left:1px solid #e5e5e5}
.order .order_top_box li p{margin-bottom:12px;font-size:16px;line-height:20px}
.order .order_top_box li strong{display:block;font-size:18px;line-height:30px;font-family:'NanumSquareB',sans-serif}
.order .tbl_info .r140{right:140px}
.order .tbl_info .r140{right:140px}
.order .order_cont .cl_red .small{font-size:12px}
/**/
.order .ms_frame .frame_in.base {padding-top: 15px;}
.order .ms_frame .frame_in.base .frame_logo {padding: 8px 0; text-align: center; background: #e31d1a;}
.order .ms_frame .frame_in.base .frame_logo img {height: 30px;}
.order .ms_frame .frame_in.base .frame_txt01 {margin-top: 22px;}
.order .ms_frame .frame_in.base .frame_txt02 {font-size: 14px; line-height: 27px; color: #555; font-weight: 400; background: none;}
.order .ms_frame .frame_in.base .frame_banner {}
.order .ms_frame .frame_in.frame_in_bg {display: none; position: relative;}
.order .ms_frame .frame_in.frame_in_bg * {font-family: 'Pretendard', sans serif !important;}
.order .ms_frame .frame_in.frame_in_bg {padding: 20px 0;}
.order .ms_frame .frame_in.frame_in_bg .frame_scroll {padding: 0 16px;}
.order .ms_frame .frame_in.frame_in_bg .frame_wrap {position: relative; background: #fff; border-radius: 25px; overflow: hidden;}
.order .ms_frame .frame_in.frame_in_bg .frame_wrap .header img {width: 100%;}
.order .ms_frame .frame_in.frame_in_bg .frame_background {position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; object-fit: cover;}
.order .ms_frame .frame_in.frame_in_bg .frame_background img {width: 100%; height: 100%; object-fit: cover;}
.order .ms_frame .frame_in.frame_in_bg .frame_product {}
.order .ms_frame .frame_in.frame_in_bg .frame_product_detail {display: flex; margin-top: 22px; gap: 0 10px; align-items: center; padding: 0 15px;}
.order .ms_frame .frame_in.frame_in_bg .frame_product_detail .frame_img {padding: 0; width: 93px; height: 93px;}
.order .ms_frame .frame_in.frame_in_bg .frame_product_detail .frame_img img {width: 100%;}
.order .ms_frame .frame_in.frame_in_bg .frame_product_content {width: calc(100% - 93px);}
.order .ms_frame .frame_in.frame_in_bg .frame_product_content .frame_txt01 {padding: 0; margin-bottom: 8px; text-align: left;  font-size: 15px; color: #000; line-height: 1.2;}
.order .ms_frame .frame_in.frame_in_bg .frame_product_content .frame_txt01 span {display: block; overflow: hidden;}
.order .ms_frame .frame_in.frame_in_bg .frame_product_content .frame_txt01 .brand {height: 18px; font-weight: 400;}
.order .ms_frame .frame_in.frame_in_bg .frame_product_content .frame_txt01 .product {max-height: 36px; font-weight: 700;}
.order .ms_frame .frame_in.frame_in_bg .frame_product_content .frame_txt02 {padding: 0; background: none; color: #000;}
.order .ms_frame .frame_in.frame_in_bg .frame_product_content .frame_txt02 .due {width: 63px; padding: 3px 0; font-size: 12px; font-weight: 500; line-height: 1; text-align: center; background: #d8e8eb; border-radius: 10px;}
.order .ms_frame .frame_in.frame_in_bg .frame_barcode {margin-bottom: 5px;}
.order .ms_frame .frame_in.frame_in_bg .frame_content {position: relative; overflow: hidden;        }
.order .ms_frame .frame_in.message .frame_content .smsText {position: absolute; left: 50%; top: 69px; transform: translateX(-50%); width: 86.531%; padding: 0; text-align: center; font-size: 18px; line-height: 22px; color: #3e3e3e;}
.order .ms_frame .frame_in.message .frame_content img {width: 100%; height: 345px; object-fit: cover}
.order .ms_frame .frame_in.banner .frame_wrap {padding: 15px; border-radius: 15px;}
.order .ms_frame .frame_in.banner .frame_banner {height: 184px; border-radius: 5px; }
.order .ms_frame .frame_in.banner .frame_banner img {height: 100%; object-fit: cover;}
.order .ms_frame .frame_in.banner .frame_logo {display: flex; justify-content: flex-end; padding: 0; height: 31px; margin-bottom: 3px;}
.order .ms_frame .frame_in.banner .frame_logo img {width: 86px; height: 100%; object-fit: contain;}
.order .ms_frame .frame_in.banner .frame_product_detail {padding: 0; margin-top: 12px;}
.order .ms_frame .frame_in.banner .frame_product_detail .frame_img {padding: 0; width: 87px; height: 87px;}
.order .ms_frame .frame_in.banner .frame_product_content {width: calc(100% - 87px);}
.order .ms_frame .frame_in.banner .frame_product_content .frame_txt_intro {font-size: 12px; color: #8b8b8b; letter-spacing: -0.3px;}
.order .ms_frame .frame_in.banner .frame_product_content .frame_txt_intro img {display: inline-block; margin-left: 2px; vertical-align: middle; height: 14px; filter: grayscale(1); opacity: .8;}
.order .ms_frame .frame_in.banner .frame_product_content .frame_txt01 {padding: 0; margin: 7px 0 11px; font-size: 15px; font-weight: 500;}
.order .ms_frame .frame_in.banner .frame_product_content .frame_txt02 {display: flex; gap: 0 3px; font-size: 12px; color: #8b8b8b; line-height: 1;}
.order .ms_frame .frame_in.banner .frame_product_content .frame_txt02 .due {width: auto; padding: 0; border-radius: 0; background: none;}
.order .ms_frame .frame_in.banner .frame_content {margin-top: 6px; padding: 10px 25px; background: #f7f7f7; border-radius: 5px; height: 120px; max-height: 180px; overflow: hidden;}
.order .ms_frame .frame_in.banner .frame_content .smsText {padding: 0; font-size: 15px; line-height: 18px; color: #777; text-align: center;}
.order .ms_frame .frame_in.banner .frame_wrap.opc {opacity: 0.05;}
.order .form_wrap {padding-bottom: 30px; border-bottom: 2px solid #000;}
.order .form_wrap input[type="radio"] {}
.order .form_wrap .flex {display: flex;}
.order .form_wrap .form_list .req {display: inline-block; color: #e14d4b;}
.order .form_wrap h3 {margin-bottom: 36px; padding-bottom: 13px; font-size: 28px; border-bottom: 2px solid #000;}
.order .form_wrap .form_list .field_title {margin-bottom: 21px; font-size: 18px; font-weight: 800;}
.order .form_wrap .form_list.radio {padding-bottom: 38px; margin-bottom: 38px; border-bottom: 1px solid #dfdfdf;}
.order .form_wrap .form_list.radio .input_list {flex-wrap: wrap; gap: 17px 0; flex-direction: column;}
.order .form_wrap .form_list.radio .input_list .input_radio {padding: 0; margin: 0; border: none; width: 40%; gap: 0 11px; align-items: center;}
.order .form_wrap .form_list.image .title_box {justify-content: space-between; align-items: center; margin-bottom: 21px;}
.order .form_wrap .form_list.image .title_box .field_title {margin: 0;}
.order .form_wrap .form_list.image .title_box button {width: 177px; height: 39px; font-size: 16px; color: #fff; background: #373737; cursor: pointer;}
.order .form_wrap .form_list.image .input_list dl {justify-content: space-between; align-items: center;}
.order .form_wrap .form_list.image .input_list dl:nth-child(n+2) {margin-top: 11px;}
.order .form_wrap .form_list.image .input_list dt {font-size: 16px; font-weight: 700;}
.order .form_wrap .form_list.image .input_list dt .btn_trace_img {padding: 5px 8px; border: 1px solid #ccc; margin-left: 9px; font-size: 13px; border-radius: 6px; cursor: pointer;}
.order .form_wrap .form_list.image .input_list.base dl:not(.default) {opacity: 0.3; pointer-events: none;}
.order .form_wrap .form_list.image .input_list.message .only_banner {opacity: 0.3; pointer-events: none;}
/* 이미지#1 영역확인하기 */
.order .ms_frame .frame_in.base.hide .frame_scroll :not(.--trace-img1):not(.--trace-img1 > img) {opacity: 0.1; transition: opacity .4s;}
.order .ms_frame .frame_in.message.hide .frame_scroll .frame_background {opacity: 0.1; transition: opacity .4s;}
.order .ms_frame .frame_in.message.hide .frame_scroll .frame_wrap :not(.--trace-img1):not(.--trace-img1 > img) {opacity: 0.1; transition: opacity .4s;}
.order .ms_frame .frame_in.banner.hide .frame_scroll .frame_background {opacity: 0.1; transition: opacity .4s;}
.order .ms_frame .frame_in.banner.hide .frame_scroll .frame_wrap :not(.--trace-img1):not(.--trace-img1 > img) {opacity: 0.1; transition: opacity .4s;}
/* 이미지#2 영역확인하기 */
.order .ms_frame .frame_in_bg .frame_wrap.hide {opacity: 0.05; transition: opacity .4s;}
/* 이미지#3 영역확인하기 */
.order .ms_frame .frame_in.banner .frame_scroll.hide .frame_background {opacity: 0.2; transition: opacity .4s;}
.order .ms_frame .frame_in.banner .frame_scroll.hide .frame_wrap :not(.--trace-img3):not(.--trace-img3 > img) {opacity: 0.2; transition: opacity .4s;}

.order .form_wrap .form_list.image .input_list dd {width: 374px;}
.order .form_wrap .form_list.image .input_list dd input {width: 100%; height: 37px; border: none; padding: 0; font-size: 14px; box-sizing: border-box; cursor: pointer;}
.order .form_wrap .form_list.image .input_list dd input:active,
.order .form_wrap .form_list.image .input_list dd input:focus {border-color: #8d8d8d; transition: 0.5s; outline: none; -webkit-transition: 0.5s;}
.order .form_wrap .form_list.image .input_list dd.wd_reset {display: flex; align-items: center; justify-content: center;}
.order .form_wrap .form_list.image .input_list dd.wd_reset .btn_logo_reset {width: 69px; height: 29px; font-size: 13px; border: 1px solid #373737; border-radius: 15px; cursor: pointer;}
.order .form_wrap.message {margin-top: 90px;}
.order .form_wrap .top_btn .btn a {width: 197px; height: 35px; line-height: 34px; font-size: 16px; color: #fff; background: #373737; border: none; padding: 0;}
.order .ms_area .ms_form .form_wrap.message .form_list {margin-top: -20px;}
.order .form_wrap.message .form_list .input_txt input {height: 40px;}
.order .form_wrap.message .form_list .input_wrp.content {margin-top: 22px;}

/*! 주문/결제 */
#content.sitemap{margin-top:0}
.sitemap .sub_top .tit{padding:50px 0 40px;font-size:36px;font-family:'NanumSquareB',sans-serif;color:#8d8d8d;text-align:left;border-bottom:2px solid #373737}
.stm_box{padding-bottom:40px;border-bottom:1px solid #cacaca}
.stm_list{padding-top:30px}
.stm_list.first{margin-top:12px}
.stm_list h3{font-size:22px;line-height:36px;font-family:'NanumSquareB',sans-serif}
.stm_list ul{padding-top:2px}
.stm_list li{float:left;margin-right:50px;font-size:16px}
.stm_list li a{display:block;font-size:16px;line-height:34px;color:#8d8d8d}
.stm_box.last{padding:0;border:none}
.stm_box.last h3{float:left;margin-right:50px}
/*! 약관 */
#content.terms{margin-top:0}
.terms .sub_top .tit{padding:50px 0 40px;font-size:36px;font-family:'NanumSquareB',sans-serif;color:#8d8d8d;text-align:left;border-bottom:none}
.terms_area .top_txt{margin:35px 0 16px;font-size:22px;line-height:40px;font-family:'NanumSquareB',sans-serif}
.term_lnk ul{border-top:1px solid #cacaca;border-left:1px solid #cacaca}
.term_lnk li{float:left;width:50%;border-right:1px solid #cacaca;border-bottom:1px solid #cacaca;-webkit-box-sizing:border-box;box-sizing:border-box}
.term_lnk li a{display:inline-block;margin-left:20px;font-size:16px;line-height:58px}
.term_lnk li.full{width:100%}
.term_cnt{padding-top:45px}
.term_cnt.first{padding-top:0}
.term_cnt .tit_a{margin-bottom:12px;color:#373737;font-family:'NanumSquareB',sans-serif}
.term_cnt .tit_b{margin-bottom:12px;color:#8d8d8d;font-family:'NanumSquareB',sans-serif}
.term_cnt p{font-size:18px;line-height:26px;color:#8d8d8d}
.term_cnt .top_txt{margin-top:0}
.term_cnt .tbl{margin-top:20px}
.term_cnt .tbl thead th{padding:15px 0;line-height:25px}
.term_cnt .tbl tbody td{padding:15px 10px;font-size:16px;line-height:25px;text-align:left}
.term_cnt .tbl + p{margin-top:20px}
.term_cnt .tbl .align_c{text-align:center}
.term_cnt .red{color:#e14d4b}
/*! etc */
#content.etc{margin-top:0}
.etc .error_cont{padding:108px 0 0;text-align:center}
.etc .error_cont:before{content:'';display:inline-block;margin-bottom:27px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-320px 0;width:154px;height:144px;background-size:704px 669px}
.etc .error_cont .txt01{font-size:50px;line-height:80px}
.etc .error_cont .txt02{margin-top:27px;font-size:18px;line-height:28px}
/*! introduce */
#content.introduce{margin-top:0}
.introduce .tit{padding:30px;text-align:center;border-bottom:1px solid #e5e5e5}
.introduce .tit p{font-size:36px;line-height:53px;font-family:'NanumSquareB',sans-serif}
.introduce .tit span{font-size:16px;line-height:30px;color:#8d8d8d}
.introduce .intr_cont{margin-top:50px}
.introduce .intr_cont .intr_img{margin-top:200px}
.introduce .intr_cont .intr_img .txt{margin-top:20px;font-size:20px;line-height:30px}
.introduce .intr_cont .intr_img a{display:block;margin-top:30px;font-size:20px;line-height:30px}
.introduce .intr_grey_box{position:relative;padding:60px 0 0 425px;height:520px;background:#f1f1f1}
.introduce .intr_grey_box img{position:absolute;left:50px;top:40px;width:313px}
.introduce .intr_grey_box p{font-size:42px;line-height:60px;color:#373737}
.introduce .intr_grey_box p strong{display:block;color:#e14d4b}
.introduce .intr_grey_box .txt_dot{padding:54px 0 74px}
.introduce .txt_dot li{position:relative;padding-left:10px;font-size:16px;line-height:26px}
.introduce .txt_dot li:before{content:'';display:block;position:absolute;left:0;top:11px;width:2px;height:2px;background:#5c5c5c}
.introduce .intr_grey_box .btn.edge a:after{border-bottom:19px solid #f1f1f1}
.introduce .intr_txt_area{padding:135px 0 0}
.introduce .intr_txt_area h3{font-size:22px;line-height:60px;font-family:'NanumSquareB',sans-serif;border-bottom:1px solid #e5e5e5}
.introduce .intr_txt_area > ul{padding:70px 0 55px}
.introduce .intr_txt_area .li01{padding:103px 0 61px;background:url("/resources/giftiel/images/common/img_intro01.jpg") no-repeat 109px 0}
.introduce .intr_txt_area .li01 .txt_box{padding:0 0 109px 567px}
.introduce .intr_txt_area .li01 .txt_dot{margin:27px 0 0}
.introduce .intr_txt_area .li01 .tbl{width:950px;margin:0 auto}
.introduce .intr_txt_area .li01 .tbl tbody td,.introduce .intr_txt_area .li01 .tbl thead th{font-size:16px;line-height:48px}
.introduce .intr_txt_area .li02{padding:0 0 0 110px;background:url("/resources/giftiel/images/common/img_intro02.jpg") no-repeat 783px 0}
.introduce .intr_txt_area .li02 .txt_box{padding:132px 0 123px}
.introduce .intr_txt_area .li03{padding:0 0 0 567px;background:url("/resources/giftiel/images/common/img_intro03.jpg") no-repeat 105px 0}
.introduce .intr_txt_area .li03 .txt_box{padding:119px 0 126px}
.introduce .intr_txt_area .li04{padding:0 0 0 110px;background:url("/resources/giftiel/images/common/img_intro04.jpg") no-repeat 787px 0}
.introduce .intr_txt_area .li04 .txt_box{padding:118px 0 198px}
.introduce .intr_txt_area .li04 .txt02{padding-left:15px;font-size:32px;line-height:42px}
.introduce .intr_txt_area .li04 .txt02 span{color:#e14d4b}
.introduce .intr_txt_area .btn_area{padding-top:0;text-align:center}
.introduce .intr_txt_area .txt01{font-size:28px;line-height:40px}
.introduce .intr_txt_area .txt01 span{padding-right:30px;color:#e14d4b}
.introduce .use_way{position:relative;border-bottom:1px solid #e5e5e5}
.introduce .use_way:nth-child(1){margin-top:98px;padding-bottom:49px}
.introduce .use_way:nth-child(2){margin-top:234px;padding-bottom:20px}
.introduce .use_way:nth-child(3){margin-top:195px;padding-bottom:90px}
.introduce .use_way:nth-child(4){margin-top:204px;padding-bottom:50px}
.introduce .use_way:nth-child(5){margin:212px 0 140px;padding-bottom:90px}
.introduce .use_way p{margin-bottom:37px;font-size:30px;line-height:32px}
.introduce .use_way p span{padding-right:15px;font-size:80px;font-weight:300;line-height:64px;vertical-align:text-bottom;color:#e14d4b}
.introduce .use_way li{position:relative;padding-left:40px;font-size:20px;line-height:40px}
.introduce .use_way li:before{content:'';display:block;position:absolute;left:10px;top:10px;background-image:url(/resources/giftiel/images/common/sprite_pc.png);background-position:-650px -261px;width:20px;height:20px;background-size:704px 669px}
.introduce .use_way li span{display:block;padding:5px 0;font-size:18px;line-height:30px}
.introduce .use_way .btn_area{padding:39px 0 0 10px;text-align:left}
.introduce .use_way img{position:absolute;right:0;bottom:-150px}
.introduce .brand_area .brd_tit{padding:30px 0 0;font-size:30px;line-height:69px;border-bottom:1px solid #e5e5e5}
.introduce .brand_area ul li{float:left;margin:50px 53px 0 0;width:260px;height:260px;border:1px solid #e5e5e5;-webkit-box-sizing:border-box;box-sizing:border-box}
.introduce .brand_area ul li:nth-child(4n){margin-right:0}
.introduce .brand_area ul li a{display:block;padding:42px}
.introduce .brand_area ul li a img{width:174px}
.introduce .brand_txt{padding-top:106px}
.introduce .brand_txt p{font-size:32px;line-height:40px;text-align:center}
.introduce .brand_txt p span{color:#e14d4b}
.introduce .brand_txt .btn_area{padding-top:56px}

.lotte-tile {
    position: absolute;
    top: 14px;
    right: 13px;
    width: 60px;
    height: 60px;
    background: url('/resources/giftiel/images/lotte_symbol.png') no-repeat center/cover;
    color: white;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

.lotte-tile.tile-61 {
    opacity: 1;
}

.lotte-tile.tile-31 {
    opacity: 0.7;
}

.lotte-tile.tile-else {
    opacity: 0.5;
}

.lotte-tile-detail {
    position: absolute;
    top: 14px;
    right: 13px;
    width: 100px;
    height: 100px;
    background: url('/resources/giftiel/images/lotte_symbol.png') no-repeat center/cover;
    color: white;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    z-index: 10; /* 이미지 위에 뜨도록 */
}

.lotte-tile-detail.tile-61 {
    opacity: 1;
}

.lotte-tile-detail.tile-31 {
    opacity: 0.7;
}

.lotte-tile-detail.tile-else {
    opacity: 0.5;
}