@charset "utf-8";

@page{ size:auto; margin:5mm}
body {min-width: auto}

/*800px*/
#pop_wrapper {width:800px;margin:0 auto}
#pop_wrapper.w850 {width:850px;margin:0 auto}
#pop_wrapper.w950 {width:950px;margin:0 auto}
#pop_wrapper.w978 {width:978px;margin:0 auto}
#pop_wrapper.w1060 {width:1060px;margin:0 auto}
#pop_wrapper.w1098 {width:1098px;margin:0 auto}
#pop_wrapper.w935 {width:935px;margin:0 auto}
#pop_wrapper h2 {background-color: #5f5c83;color: #fff;text-align: center;padding: 16px 0;font-size: 24px;position: relative}
.pop_text_box01 {background: #dee1eb url('../images/pop/img_icon01.png') no-repeat 34px center;padding: 26px 0 26px 125px}
.pop_text_box01 > strong {display: block;font-size: 20px;color: #454174}
.pop_text_box01 > span {display: block;font-size: 14px;font-weight: 600;color: #1b1b1b;margin-top: 3px}
.pop_text_box01 > p {color: #595959;line-height: 16px;margin-top: 5px}
.pop_brand {padding: 20px;position: relative}
.pop_brand h3 {font-size: 19px;color: #1b1b1b;position: relative;padding-left: 10px}
.pop_brand h3:before {content: '';top: 6px;left: 0;background-color: #5d5bd0;width: 5px;height: 16px;position: absolute}
.pop_brand > strong {font-size: 14px;color: #1b1b1b}
.pop_brand_box {}
.pop_brand_box > li {float: left;width: 225px}
.pop_brand_box > li:first-child {width: 100px}
.pop_brand_box > li:last-child {width: 431px}
.pop_brand_box > li > .image {display: table;}
.pop_brand_box > li > .image > .image_in {display: table-cell;position: relative;vertical-align: middle;border: 1px solid #d4d4d4;width: 85px;height: 85px;text-align: center}
.pop_brand_box > li > .image > .image_in > span {color: #fff;font-size: 11px;left: 0;padding: 1px 6px 2px;position: absolute;top: 0}
.pop_brand_box > li > p {}
.pop_brand_box > li > p > span {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}

.pop_confirm_box {clear: both;border: 1px solid;padding: 29px}
.pop_confirm_box > ul {display:table;width: 100%;}
.pop_confirm_box > ul > li {display: table-cell;width: 25%;text-align: center;vertical-align: top}
.pop_confirm_box > ul > li > span {display: table;width: 132px;height: 148px;background: url('../images/pop/box.gif') no-repeat center;text-align: center;margin: 0 auto}
.pop_confirm_box > ul > li > span > em {display: table-cell;vertical-align: middle;font-size: 19px;font-weight: 600;line-height: 24px}
.pop_confirm_box .check input[type="radio"] + label {text-indent: -999em}

.pop_btn01 {position: absolute;top: 51px;right: 20px}
.pop_btn02 {background-color: #6e6b91;border-color: #6e6b91 #58557d #58557d #6e6b91;border-style: solid;border-width: 1px;color: #fff;display: inline-block;font-size: 12px;font-weight: 600;height: 25px;line-height: 20px;text-align: center;width: 65px}

#pop_wrapper_all {position: relative;background: url('../images/sub/bg.gif') repeat-y 0 0;min-width: 1024px}
#lnb_wrap {bottom: 0;left: 0;height: 100%;position: absolute;top: 0;width: 204px}
#lnb_wrap h2 {font-size:14px;padding: 13px 13px 0}
.pop_lnb {padding: 10px 12px}
.pop_lnb > ul {clear: both;margin-bottom: 10px;position: relative;height: 62px}
.pop_lnb > ul > li {display: table;float: left;font-size: 12px}
.pop_lnb > ul > li:nth-child(2) {padding: 1px 0 0 7px;line-height: 19px}
.pop_lnb > ul > li > div {background-color: #fff;display: table-cell;height: 62px;text-align: center;vertical-align: middle;width: 62px;border: 1px solid #d4d4d4}
.pop_lnb > ul > li > em {color: #fff;display: inline-block;padding: 4px 6px;line-height: 15px}
.pop_lnb > ul strong {background: rgba(67, 82, 172, 0.2);border: 2px solid #5f5c83;height: 71px;left: -12px;position: absolute;text-indent: -999em;top: -4px;width: 204px}
.pop_lnb > ul strong > em {background: url(/images/sub/in.png) no-repeat 0 0;height: 15px;position: absolute;right: -10px;top: 24px;width: 8px}
.page {line-height: 21px}
.page > a.on {font-weight: 600}
.page > a {display: inline-block;font-family: verdana;font-size: 11px;height: 23px;padding-top: 0;text-align: center;width: 16px}
.page > span > a.end {background-position: -42px 0}
.page > span > a {background: url('../images/sub/p_n_icon.png') no-repeat 0 0;display: inline-block;height: 23px;text-indent: -999em;width: 23px}

#contents-wrap {margin-left: 204px;padding-bottom: 50px}
#contents-wrap > .pop_title02 {background-color: #5f5c83;padding: 13px 0 13px 28px}
#contents-wrap > .pop_title02 > h2 {float: left;color: #fff;font-size: 19px}
.pop_toplink {float: right;margin: 10px 10px 0}
.pop_toplink li {float: left;padding: 0 10px 0 39px}
.pop_toplink li a {font-weight: 600;font-size: 13px;color: #fff;position: relative}
.pop_toplink li:first-child a:before {background-position: center 0}
.pop_toplink li:last-child a:before {background-position: center -61px}
.pop_toplink li:last-child a:after {background-image: none}
.pop_toplink li a:before {background: url('../images/pop/topicon.gif') no-repeat center -29px;content: "";height: 20px;left: -27px;position: absolute;top: -2px;width: 24px}
.pop_toplink li a:after {background: url('../images/pop/topline.gif') no-repeat center 1px;content: "";height: 16px;position: absolute;right: -11px;top: 0;width: 1px}

.pop_contents {padding:25px 20px}
.pop_contents h3 {}

.pop_contents .txt01 {font-size: 13px;padding: 3px 0 0 8px}
.pop_contents .txt01 em {font-weight:600;color:#1b1b1b}

.brand {margin-top:16px; overflow: hidden}
.brand li:first-child {float:left}
.brand li:last-child {margin-left: 227px}
.brand li .Thumbnail {border: 1px solid #d4d4d4;display: table-cell;height: 211px;text-align: center;vertical-align: middle;width: 211px}
.brand li .Thumbnail img {max-height: 210px;max-width: 210px}
.brand > li > em {background-color: #0da983;color: #fff;display: inline-block;line-height: 15px;padding: 3px 6px;font-size:12px;margin-right: 7px}
.brand li strong {font-size:13px}
.zoom {color: #6a6a6a;display: block;font-size: 13px;margin: 8px;padding-left: 17px;position: relative}
.zoom:before {background:url('../images/pop/zoom.gif') no-repeat;content: "";height: 14px;left: 0px;position: absolute;top: 1px;width: 14px}
.pop_contents h4 {color: #4352ac;font-size: 15px;font-weight: 600;margin: 20px 0 10px;padding-left: 5px}
.page {line-height: 21px}
.page > span > a {background: url("../images/sub/p_n_icon.png") no-repeat 0 0;display: inline-block;height: 23px;text-indent: -999em;width: 23px}
.page > span > a.end {background-position:-42px 0}
.page > a {display: inline-block;font-family: verdana;font-size: 11px;height: 23px;padding-top: 0;text-align: center;width: 16px}
.page > a.on {font-weight:600}

.chart {height: 87px;margin: 10px;overflow: hidden;position: relative}
.chart:before {background-color: #d7d7d7;content: "";height: 10px;left: 58px;position: absolute;top: 28px;width: 695px}
.chart li {float:left;font-weight: 600;position:relative}
.chart li:nth-child(2n+1) {width:58px}
.chart li:nth-child(2n+2) {text-indent: -999em}
.chart li:nth-child(2) {width:146px}
.chart li:nth-child(4) {width:114px}
.chart li:nth-child(6) {width:164px}
.chart li:nth-child(8) {width:46px}
.chart li:before {background-color: #785ab0;content: "";height: 10px;left: 0;position: absolute;top: 28px;width: 100%}
.chart li:nth-child(2):before {background-color: #596bd7;width: 100%}
.chart li:nth-child(4):before {background-color: #0da983;width: 100%}
.chart li:nth-child(6):before {background-color: #29a5bf;width: 100%}

.chart li span {background: url("/images/pop/chart.png") no-repeat 0 0;color: #fff;height: 66px;line-height: 63px;text-align: center;width: 58px;display: block;position:relative}
.chart li:nth-child(3) span {background-position: center -76px}
.chart li:nth-child(5) span {background-position: center -152px}
.chart li:nth-child(7) span {background-position: center -228px}
.chart li:nth-child(9) span {background-position: center -304px}
.chart li em {color: #325dd3;font-size: 11px;left: -1px;position: absolute;top: 71px;font-weight:700}
.chart li:nth-child(2) em {color: #0da983}
.chart li:nth-child(3) em {color: #29a5bf}
.chart li:last-child em {color: #fa3261}

.pop_search {}
.pop_search .sub_fieldset { background-color: #dee1eb;box-shadow: none}
.pop_search .sub_fieldset > li {width:129px;padding: 0 2px;border:none}
.pop_search .sub_fieldset > li:last-child {width:460px}
.pop_search .sub_fieldset select {border-color:#292325;padding: 0 26px 0 10px;height: 40px;margin: 15px 0}
.pop_search .sub_fieldset select.pop_zoom {background: #fff url('../images/pop/search_icon.gif') no-repeat right center}
.pop_search .sub_fieldset > li > a {border: 1px solid #292325;background: #fff url('../images/pop/search_icon.gif') no-repeat right center;color: #1b1b1b;line-height: 40px;font-size:13px;font-weight: 200;padding: 0 26px 0 10px;width: 100%;height: 40px}
.pop_search .sub_fieldset > li input[type="text"] {height: 40px;border: 1px solid #292325}
.pop_search .sub_fieldset > li input[type="submit"] {background: url('../images/pop/pop_sbtn.png') no-repeat;width: 65px;height: 45px;top: 15px;right: -10px}

.pop_search .sub_fieldset.mtmb0 > li:first-child {width:200px}

.pop_tab {}
.pop_tab > li {width: 50%;float: left;text-align: center}
.pop_tab > li > a {font-size: 16px;display: block;border-bottom: 3px solid #dedede;height: 39px}
.pop_tab > li:first-child a {position:relative}
.pop_tab > li:first-child > a:after {position:absolute;content:"";top:5px;right:0;background-color:#c7c7c7;width:1px;height:17px}
.pop_tab > li.on > a {color:#4352ac;font-weight:600;border-color:#4352ac;font-size: 19px}

.pop_gallery {border-top: 1px solid #000}
.pop_gallery > li:nth-child(6n+1)  {padding-left: 0}
.pop_gallery > li:nth-child(6n+6) {padding-right: 0}
.pop_gallery > li {padding: 15px 13px 20px 13px;width: 16.66666%;float: left;border-bottom: 1px solid #dfdfdf}
.pop_gallery > li > div {position: relative;display: table;margin: 0 auto}
.pop_gallery > li > div > .s_img {width: 127px;height: 127px;border: 1px solid #d4d4d4;display: table-cell;text-align: center;vertical-align: middle}
.pop_gallery > li > div > .s_img > img {max-width: 100px;max-height:100px}
.pop_gallery > li > div > em {position:absolute;top:0;left:0;color:#fff;font-size: 12px;padding: 2px 5px}
.pop_gallery > li > span {font-family: verdana;color:#4352ac;display:block;padding-left: 5px;margin-top: 5px}
.pop_gallery > li > strong {font-size: 14px;color: #1b1b1b;font-weight: 700;padding-left: 5px}
.pop_gallery > li > .s_btn {padding-left: 5px;margin-top: 5px}
.pop_gallery > li > .s_btn > a {border-color: #9e9e9e #282828 #282828 #9e9e9e;color: #1b1b1b;display: inline-block;border-style: solid;border-width: 1px;padding: 1px 5px;font-weight: 600}
.pop_gallery > li > .s_btn > .ptn01 {background: url('../images/pop/pop_btn_icon.gif') no-repeat 10px center;padding-left: 24px}
.pop_gallery > li > .s_btn > .ptn02 {background-color: #f4f4f6}

.print_menu {position: absolute;top: 23px;right: 14px;font-size: 14px;}
.print_menu > li {float: left}
.print_menu > li:first-child a {background-position: 0 2px}
.print_menu > li:last-child a {background-position: 0 -89px}
.print_menu > li a {color: #fff;font-weight: 600;display: inline-block;margin-left: 30px;padding-left: 28px;line-height: 1.8;background: url('../images/pop/printmenu.png') no-repeat 0 -46px;position: relative;}
.print_menu > li a:after {position: absolute;top: 4px;right: -16px;content: '';width: 2px;height: 16px;background: url('../images/pop/dt.png') no-repeat 0 0;}

.print_wrap {max-width: 904px;position: relative;margin: 0 auto}
.print_wrap > h4 {text-align: center;font-size: 36px;color: #1b1b1b;padding: 10px 0 14px;letter-spacing: 20px;position: relative}
.print_wrap > h4 > .pop_logo {position: absolute;left: 0;top: 23px}
.print_wrap > .top_text01 {border: 2px solid;padding: 9px 15px;font-size: 17px;font-weight: 600;color: #1b1b1b}
.print_wrap > .top_text01 li {float: left;width: 50%;text-align: left}
.print_wrap > .top_text01 li:last-child {text-align: right}
.print_txt_s {font-size: 15px}
.print_wrap > .top_text02 {overflow: hidden;font-size: 13px;font-weight: 600;color: #1b1b1b;margin-left: -10px}
.print_wrap > .top_text02 li {float: left;width: 50%;padding-left: 10px;height: 166px}
.print_tar {text-align: right;font-size: 16px;padding: 30px 24px;border: 2px solid;line-height: 1.5;height: 100%}
.print_tar > span {font-size: 18px;color: #4352ac;display: block}
.font14 {font-size: 14px;font-weight: 200}
.print_wrap > .top_text02 > li dl {border: 2px solid;overflow: hidden;height: 100%}
.print_wrap > .top_text02 > li dt {float: left;background-color: #eaeaea;height: 100%;border-right: 1px solid;font-size: 15px;padding: 33px 17px;line-height: 1.7}
.print_wrap > .top_text02 > li dd {float: left;padding: 16px;line-height: 1.7;position: relative}
.print_wrap > .top_text02 > li dd > ul > li {height: auto;width: auto;padding: 0;float: none;font-weight: 200}
.print_wrap > .top_text02 > li dd > ul > li > span {position: relative;padding-left: 11px;display: inline-block}
.print_wrap > .top_text02 > li dd > ul > li > span.w022 {width: 160px}
.print_wrap > .top_text02 > li dd > ul > li > span {position: relative;padding-left: 11px;display: inline-block}
.print_wrap > .top_text02 > li dd > ul > li > span:before {position: absolute;content: '';top: 10px;left: 0;width: 4px;height: 4px;background-color: #6071d2}
.pop_tit {color: #1b1b1b;font-size: 19px;background: url('/images/pop/lgo.gif') no-repeat 0 2px;padding-left: 33px}
.print_total {text-align: center;border: 1px solid;padding: 7px 0;font-size: 20px;font-weight: 600;color: #1b1b1b}
.print_total strong {font-weight: 600;color: #4352ac}
.print_total strong em {font-size: 28px;font-family: verdana;vertical-align: -3px}
.print_total strong .fnone {font-weight: 200;font-size: 16px;font-family: "Nanum Gothic";vertical-align: 1px}
.print_total strong span {font-family: verdana}
.print_tit {font-size: 20px;color: #1b1b1b}
.print_tit em {font-family: verdana}
.bank {border: 1px solid #606060;padding: 20px;line-height: 1.2;font-size: 18px;color: #4352ac;font-family: verdana;font-weight: 600}
.bank span {padding-left: 16px}
.bank span em {font-size: 14px;color: #1b1b1b;font-family: "Nanum Gothic"}
.bank img {vertical-align: -5px}
.account {font-size: 18px;color: #1b1b1b;font-weight: 600;display: block}
.stamp {position: absolute;top: 5px;right: 64px}
.pop_mail_box {display: table;margin: 0 auto}
.pop_mail_box > li {padding: 5px 0}
.pop_mail_box > li > span {}
.pop_etc {color: #1b1b1b}
.pop_etc > li:first-child {}
.pop_etc > li {width: 16.666666%;float: left;}
.pop_etc > li > dl {}
.pop_etc > li:last-child > dl {}
.pop_etc > li > dl > dt {}
.pop_etc > li > dl > dt > .title {height: 205px;border-left: 1px solid #a8a8a8}
.pop_etc > li > dl > dt > .title > li {text-align: center;font-size: 14px;font-weight: 600;background-color: #fff;padding: 17px}
.pop_etc > li > dl > dt > .title > li > p  {width: 142px;height: 142px;display: table-cell;border: 1px solid #d9d9d9;vertical-align: middle;background-color: #fff}
.pop_etc > li > dl > dt > .title > li > p > img {max-width: 142px;max-height: 142px}
.pop_etc > li > dl > dt > .title > li:first-child {background-color: #5f6063;color: #fff;padding: 4px}
.pop_etc > li > dl > dt > .title.first > li {height: 205px;background-color: #fff;padding-top: 41px}
.pop_etc > li > dl > dt > .title.first > li > img {}
.pop_etc > li > dl > dd {}
.pop_etc > li > dl > dd > .up_box {border-left: 1px solid #a8a8a8}
.pop_etc > li > dl > dd > .up_box > li {padding: 7px;border-bottom: 1px solid #a8a8a8;text-align: center;height: 35px}
.pop_etc > li > dl > dd > .up_box > li:first-child {background-color: #f1f1f1;height: 54px;padding: 10px;font-weight: 600;line-height: 17px;border-top: 1px solid #a8a8a8;text-align:left}
.pop_etc > li > dl > dd > .down_box {border-left: 1px solid #a8a8a8;margin-top: 10px}
.pop_etc > li > dl > dd > .down_box .event {position: relative}
.pop_etc > li > dl > dd > .down_box .event > .event_box {position: absolute;top: 32px;left: 50%;background-color: #fff;border: 1px solid;font-size: 12px;width: 214px;margin-left: -106px;padding: 8px;color:#1b1b1b;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition:  all 0.3s ease-in-out;-ms-transition:  all 0.3s ease-in-out;transition:  all 0.3s ease-in-out;opacity:0;visibility:hidden}
.pop_etc > li > dl > dd > .down_box .event:hover > .event_box {top:22px;opacity:1;display:block;visibility:initial}

.pop_etc > li > dl > dd > .down_box .event > .event_box:before {position: absolute;content: '';top: -7px;left: 50%;background: url(../images/pop/event_box.png) no-repeat;margin-left: -7px;width: 13px;height: 7px}
.pop_etc > li > dl > dd > .down_box > li {padding: 7px;border-bottom: 1px solid #a8a8a8;text-align: center;height: 35px}
.pop_etc > li > dl > dd > .down_box > li:first-child {border-top: 1px solid #a8a8a8;color: #4352ac}
.pop_etc > li:last-child > dl > dd > .down_box {border-right: 1px solid #a8a8a8}
.pop_etc > li:first-child > dl > dt > .title {border-left: 0}
.pop_etc > li:last-child > dl > dt > .title {border-right: 1px solid #a8a8a8}
.pop_etc > li:first-child > dl > dd > .up_box > li {font-size: 14px;font-weight: 600;text-align: center}
.pop_etc > li:first-child > dl > dd > .up_box > li:first-child {line-height: 32px}
.pop_etc > li:last-child > dl > dd > .up_box {border-right:1px solid #a8a8a8}
.pop_etc > li:first-child > dl > dd > .down_box > li:first-child {height: 280px;font-size: 14px;font-weight: 600;background-color: #5f6063;color: #fff;padding-top: 15px}
.pop_etc > li.on > dl > dt > .title > li:first-child {background-color: #5671d9}
.pop_etc > li.on > dl > dt > .title > li {background-color:#eff1f7}
.pop_etc > li.on > dl > dd > .up_box > li:first-child {background-color:#5f6063;color: #fff}
.pop_etc > li.on > dl > dd > .up_box > li {background-color:#eff1f7}
.pop_etc > li.on > dl > dd > .down_box > li {background-color:#eff1f7}
.pop_etc > li.on {position:relative}
.pop_etc > li.on:before {content: '';position: absolute;top: 0;left: 0;right: -1px;bottom: 0;border: 2px solid}