/* 폰트 */ @import url('/css/font/font.css');

/* CSS Document */

*{margin: 0; padding: 0; font-family: 'Noto Sans KR' ; font-weight: 400; }


/***********************************    Reset    ***********************************/
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block}
html,body{margin:0;padding:0; height: 100%; width: 100%;}
body{font-family:'Noto Sans KR',Tahoma,Verdana,AppleGothic,sans-serif; font-size:14px; line-height:20px; overflow-y:scroll; }
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:14px; font-family: 'Noto Sans KR'; font-weight: 400; }
ol,ul{margin:0;padding:0;list-style:none; box-sizing:border-box;}
div,li,dl,dt,dd,form,iframe,p,a,span,blockquote,i,figure{margin:0;padding:0;box-sizing:border-box}
fieldset{margin:0;padding:0;border:0 solid transparent}
legend,hr{display:none}
label{vertical-align:middle;}
img{margin:0;padding:0;border:0;vertical-align:top;pointer-events: none;}
table,th,td{margin:0;padding:0; border-collapse: collapse; border-spacing: 0; border: 0;}
input,textarea,select{margin:0;padding:0;background:#fff;font-family:'Noto Sans KR',Tahoma,Verdana,AppleGothic,sans-serif;font-size:14px;color:#333;vertical-align:middle;border:0;border-radius:0;-webkit-border-radius:0;-webkit-appearance:none;box-sizing:border-box;outline:0;}
caption{visibility:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0}
a{font-family:'Noto Sans KR',Tahoma,Verdana,AppleGothic,sans-serif;font-size:14px;margin:0;padding:0;border:0;cursor:pointer;background:0}
a::-moz-focus-inner{border:0;padding:0}em{font-style:normal}
img{vertical-align:top; }
a,button{text-decoration:none;color:#333; }
a.link:hover,button.link:hover{text-decoration:underline}
a,input,button{transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out;}
.no-border{border:none!important}
input[type='radio'], input[type='checkbox'] {border:none !important}
select {-webkit-appearance: none;  /* 네이티브 외형 감추기 */-moz-appearance: none; appearance: none;  background-image:url(https://www.pmi-korea.com/resources/image/common/arrow_select01.png); background-repeat:no-repeat; background-position:99% 50%; padding-left:30px; line-height:40px; height:40px; border:1px solid #DDD;}
select::-ms-expand { display: none;}/* IE 10, 11의 네이티브 화살표 숨기기 */

#wrapper { width:100%; max-width: 2560px; margin:0 auto; }

/*GNB*/
.gnb_header { position: absolute; left:0px; top:0px; width: 100%; min-width: 1280px; height:140px; z-index:90; background-color:rgba(255,255,255,0); transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out; transition-delay:0.3s; -webkit-transition-delay:0.3s;}
.gnb_header.active { background-color:rgba(255,255,255,1); transition:all 0s  ease-in-out; -webkit-transition:all 0s ease -in-out; transition-delay:0s; -webkit-transition-delay:0s; }

.gnb_header .gnb_box { position:relative; max-width: 1600px; min-width: 1280px; height:140px; margin:0 auto; }
.gnb_header .gnb_box .logo { position: absolute; left: 0px; top: 25px;  width: 85px; height: 85px; background-image:url(https://www.pmi-korea.com/resources/image/common/logo_new.svg); background-size: 85px; background-repeat: no-repeat; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out; }
.gnb_header .gnb_box .logo a {width: 100%; height: 100%; display: block;}

.gnb_header .gnb_box .gnb_menu { position: absolute; top: 50px; right: 0px; height: 40px; text-align: center; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out; }
.gnb_header .gnb_box .gnb_menu>a { float: left; display: block; width: 40px; height: 40px; text-align: center; margin-left: 10px; position: relative; padding-top: 5px;}
.gnb_header .gnb_box .gnb_menu>a:first-child { margin-left: 0px; }


.gnb_header .gnb_box .gnb_menu a.join_btn, .gnb_header .gnb_box .gnb_menu a.login_btn, .gnb_header .gnb_box .gnb_menu a.logout_btn, .gnb_header .gnb_box .gnb_menu a.cs_btn { position: relative; width: auto; padding: 0px 10px; height: 40px; font-size: 17px; text-align: center; line-height: 40px; border-width: 300; }

.gnb_header .gnb_box .gnb_menu a.join_btn::before, .gnb_header .gnb_box .gnb_menu a.cs_btn:before { position: absolute; top: 12px; right: -5px; width: 1px; height: 16px; background-color: #999; content: "";}


.gnb_header .gnb_box .gnb_menu a.global_btn .ico-gnb { background-position: -0px -0px;}
.gnb_header .gnb_box .gnb_menu a.cart_btn .ico-gnb { background-position: -30px -0px;}
.gnb_header .gnb_box .gnb_menu a.search_btn .ico-gnb { background-position: -60px -0px;}
.gnb_header .gnb_box .gnb_menu a.total_btn .ico-gnb { background-position: -90px -0px;}
.gnb_header .gnb_box .gnb_menu a.cart_btn span { position: absolute; top: 14px; right: 11px; width:18px; height: 18px; font-size:11px; color: #222; line-height: 18px; font-weight: 500;}
.gnb_header .gnb_box .gnb_menu a.cart_btn:hover span { color: #004687; }

.gnb_header .gnb_box .gnb_menu a.join_btn:hover ,.gnb_header .gnb_box .gnb_menu a.login_btn:hover, .gnb_header .gnb_box .gnb_menu a.logout_btn:hover,.gnb_header .gnb_box .gnb_menu a.cs_btn:hover { color: #004687; }
.gnb_header .gnb_box .gnb_menu a.global_btn:hover .ico-gnb { background-position: -0px -30px;}
.gnb_header .gnb_box .gnb_menu a.cart_btn:hover .ico-gnb { background-position: -30px -30px;}
.gnb_header .gnb_box .gnb_menu a.search_btn:hover .ico-gnb { background-position: -60px -30px;}
.gnb_header .gnb_box .gnb_menu a.total_btn:hover .ico-gnb { background-position: -90px -30px;}


/*상단배너추가*/
.gnb_top_bn { position: relative;  width: 100%; min-width: 1280px; height:60px; z-index:89; background-color: #004687; }
.gnb_top_bn > a { display: flex; justify-content: center; align-items: center; font-size: 30px; line-height: 30px; color: #FFF; text-align: center; padding: 15px 0px; }

.gnb_top_bn > a b { font-weight: 900; line-height: 30px;}
.gnb_top_bn > a span:nth-of-type(1) { padding: 5px 10px; background-color: #c9f9ff ; color: #004687; font-size: 18px; line-height: 20px; font-weight: 600; margin-right: 10px; border-radius: 5px;}
.gnb_top_bn > a span:nth-of-type(2) { padding: 2px 10px; border: 2px solid #DDD ; color: #FFF; font-size: 16px; line-height: 20px; font-weight: 500; margin-left: 60px; margin-right: 10px; border-radius: 15px;}

.gnb_header.top_bn { top: 60px; transition:all 0s  ease-in-out; -webkit-transition:all 0s ease -in-out; transition-delay:0s; -webkit-transition-delay:0s; }


/*GNB FITLINE*/
.gnb_header.fitline .gnb_box .logo { background-image:url(https://www.pmi-korea.com/resources/image/common/logo_fitline.svg); }
.gnb_header.fitline .gnb_box .gnb_menu a.join_btn { background-color: #cd1619; }
.gnb_header.fitline .gnb_box .gnb_menu a.cart_btn:hover span { color: #cd1619; }

.gnb_header.fitline .gnb_box .gnb_menu a.join_btn:hover { background-color: #b70a0d;}
.gnb_header.fitline .gnb_box .gnb_menu a.login_btn:hover, .gnb_header.fitline .gnb_box .gnb_menu a.logout_btn:hover { color: #cd1619; }

.gnb_header.fitline .gnb_box .gnb_menu a.global_btn:hover .ico-gnb { background-position: -0px -90px;}
.gnb_header.fitline .gnb_box .gnb_menu a.cart_btn:hover .ico-gnb { background-position: -30px -90px;}
.gnb_header.fitline .gnb_box .gnb_menu a.search_btn:hover .ico-gnb { background-position: -60px -90px;}
.gnb_header.fitline .gnb_box .gnb_menu a.total_btn:hover .ico-gnb { background-position: -90px -90px;}

.linemap_menu.fitline li:nth-child(2) { background-color: #cd1619; border-color:#cd1619; }
.line_map.fitline li:last-child { color: #cd1619; }
.line_map.fitline li:last-child a { color: #cd1619; }

/*TOPMENU SCROLL*/
.gnb_header.flow {position: fixed; top: 0px; left: 0px; background-color:rgba(255,255,255,1); }

/*ICON Form*/
.ico-gnb {display:inline-block; width:30px; height:30px; background-image:url(https://www.pmi-korea.com/resources/image/common/icon_gnb.png); background-repeat: no-repeat; background-size:120px 120px; overflow:hidden; text-indent:-9999px; vertical-align:middle; }

/*MAIN MENU*/
.main_menu { margin: -140px auto 0px; max-width: 1600px; min-width: 1280px; text-align: left; font-size: 0px; padding-left:200px; }
.main_menu>li {display: inline-block; }
.main_menu>li>a{ position: relative; display: inline-block; padding:0px 27px; font-size: 18px; line-height: 140px; color: #222; }
.main_menu>li>a:before { position: absolute; left: 30px; bottom: 45px; width: 0px; height: 1px; background-color: #222; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out; content: ""; z-index: 1; opacity: 0; }
.main_menu>li>a.promotion_btn {width: auto; padding: 0px 20px; height: 40px; font-size: 15px; text-align: center; line-height: 40px; border-width: 300; color: #FFF; background-color: #222; border-radius: 20px; }
.main_menu>li>a.promotion_btn::before { display: none;}
.main_menu>li.active>div { height: auto;}
.main_menu>li.active>a:before { width:calc(100% - 60px); opacity: 1;}

.main_menu>li>div { position: absolute; left: 0px; top: 140px; width: 100%; height: 0px; background-color: #FFF; overflow: hidden; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out; }
.main_menu>li.active>div {box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.2);}
.main_menu>li>div>ul{position: relative; max-width: 1600px; min-width: 1280px; margin: 0 auto; display: flex; justify-content: space-around; }
.main_menu>li>div>ul>li { vertical-align:top; padding: 10px 0px 40px 0px; text-align: left;}
.main_menu>li>div>ul>li h3 { position: relative; width: 100%; font-size: 22px; color: #222; line-height: 40px; margin-bottom:10px;}
.main_menu>li>div>ul>li>a { display: block; width: 100%; font-size: 18px; color: #666; line-height: 40px; word-break: keep-all; }
.main_menu>li>div>ul>li>a:hover {color: #004687;}


.main_menu>li.munu01>div>ul { justify-content: space-between; }
.main_menu>li.munu01>div>ul>li a { text-align: center; padding: 0px; font-size: 22px; color: #222; width: 100%; }
.main_menu>li.munu01>div>ul>li a:hover {color: #004687;}
.main_menu>li.munu01>div>ul>li a:before { position: relative; display: block; width: 130px; height: 130px; content: ""; margin-bottom: 20px; background-size: 100%; background-position: center center; transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out; margin: 0 auto; background-color: #eff6fc; background-size:80px; background-repeat: no-repeat; border-radius: 50%; margin-bottom: 10px; }
.main_menu>li.munu01>div>ul>li a:hover:before { background-color: #d1eaff; }
.main_menu>li.munu01>div>ul>li:nth-child(1) a:before {background-image:url(https://www.pmi-korea.com/resources/image/common/menu_img_1_1.png) ;}
.main_menu>li.munu01>div>ul>li:nth-child(3) a:before {background-image:url(https://www.pmi-korea.com/resources/image/common/menu_img_1_2.png) ;}
.main_menu>li.munu01>div>ul>li:nth-child(4) a:before {background-image:url(https://www.pmi-korea.com/resources/image/common/menu_img_1_3.png) ;}
.main_menu>li.munu01>div>ul>li:nth-child(5) a:before {background-image:url(https://www.pmi-korea.com/resources/image/common/menu_img_1_4.png) ;}
.main_menu>li.munu01>div>ul>li:nth-child(6) a:before {background-image:url(https://www.pmi-korea.com/resources/image/common/menu_img_1_5.png) ;}
.main_menu>li.munu01>div>ul>li:nth-child(2) a:before {background-image:url(https://www.pmi-korea.com/resources/image/common/menu_img_1_6.png) ;}

.main_menu>li.munu03>div>ul { padding-right: 740px; }
.main_menu>li.munu03>div>ul::before { position: absolute; right: 50px; top: 10px;  height: calc(100% - 50px); width: 640px; background-size: cover; background-position: center 38%; content: ""; border-radius: 100px; overflow: hidden;  background-image:url(https://www.pmi-korea.com/resources/image/common/menu_img_3_1.jpg); }

.main_menu>li.munu04>div>ul>li .btn { padding: 0px 20px; line-height: 48px;}



@media only screen and (max-width:1440px) {
  .main_menu { padding-left:140px; }
  .main_menu>li>a { padding:0px 18px;}
}




/*GNB SEARCH*/
.gnb_header .gnb_search.active {opacity: 1; z-index: 100; visibility:visible; }
.gnb_header .gnb_search.active .close_box .close_btn {opacity: 1; transform:rotate(0deg);}

.gnb_header .gnb_search { opacity: 0; position: fixed; left: 0px; top: 0px; width:100%; height:100%; background-color:rgba(0,0,0,0.95); z-index: 100; visibility: hidden; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out;}
.gnb_header .gnb_search .close_box { position: absolute; left: 50%; top: 0px; width: 100%; max-width: 1600px; min-width: 1280px; transform: translateX(-50%);}
.gnb_header .gnb_search .close_box .close_btn { position: absolute; top: 45px; right: 45px; width: 50px; height: 50px; background-image: url(https://www.pmi-korea.com/resources/image/common/icon_pop_close01.png); background-repeat: no-repeat; opacity: 0; transform:rotate(45deg); transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out;}

.gnb_header .gnb_search .search_box { position: absolute; width: 600px; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: left; }
.gnb_header .gnb_search .search_box>a {position: absolute; top: 0px; right: 0px; width: 50px; height: 70px; background-image: url(https://www.pmi-korea.com/resources/image/common/icon_pop_search.png); background-position: center center; background-repeat: no-repeat;}
.gnb_header .gnb_search .search_box input { width: 100%; height: 70px; text-align: left; font-size:24px; font-weight: 400; color: #FFF; background-color:rgba(0,0,0,0); border: 0px; border-bottom: 2px solid #FFF; padding-right: 60px; margin-bottom: 80px; border-radius: 0px;}
.gnb_header .gnb_search .search_box input::placeholder {color: #CCC;}
.gnb_header .gnb_search .search_box input::-webkit-input-placeholder {color: #CCC;}
.gnb_header .gnb_search .search_box input:-ms-input-placeholder {color: #CCC;}

.gnb_header .gnb_search .search_box .hot_search h3 { font-size: 21px; color: #1f93ff; line-height: 30px; margin-bottom:20px; font-weight: 300; }
.gnb_header .gnb_search .search_box .hot_search a { position: relative; display: inline-block; font-size:18px; color: #FFF; line-height: 40px; margin-right: 30px; padding-left: 15px; }
.gnb_header .gnb_search .search_box .hot_search a:before { position: absolute; left: 0px; top: 0px; content: "#";}
.gnb_header .gnb_search .search_box .hot_search a:last-child { margin-right: 0px;}

/*TOTAL MENU*/
.gnb_header .gnb_total.active {opacity: 1; z-index: 100; visibility:visible; }
.gnb_header .gnb_total.active .close_box .close_btn {opacity: 1; transform:rotate(0deg);}

.gnb_header .gnb_total { opacity: 0; position: fixed; left: 0px; top: 0px; width:100%; height:100%; background-color:rgba(0,0,0,0.95); z-index: 100; visibility: hidden; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out;}
.gnb_header .gnb_total .close_box { position: absolute; left: 50%; top: 0px; width: 100%; max-width: 1600px; min-width: 1280px; transform: translateX(-50%);}
.gnb_header .gnb_total .close_box .close_btn { position: absolute; top: 45px; right: -5px; width: 50px; height: 50px; background-image: url(https://www.pmi-korea.com/resources/image/common/icon_pop_close01.png); background-repeat: no-repeat; opacity: 0; transform:rotate(45deg); transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out;}
.gnb_header .gnb_total .close_box:before { position: absolute; left: 0px; top: 25px;  width: 85px; height: 85px; background-image:url(https://www.pmi-korea.com/resources/image/common/logo_new_w.png); background-size: 85px; content: ""; }

.gnb_header .gnb_total .total_menu { position: absolute; left: 50%; top: 50%; max-width: 1600px; min-width: 1280px;  transform: translate(-50%,-50%);}
.gnb_header .gnb_total .total_menu>li { width: 100%; float: left; margin-right: 40px; margin-bottom: 40px;}
.gnb_header .gnb_total .total_menu>li>a { display: block; width: 100%; font-size: 21px; line-height: 30px; margin-bottom: 20px; color: #1f93ff; font-weight: 300; }
/* .gnb_header .gnb_total .total_menu>li.munu01>a { color: #ff6a6c;} */
.gnb_header .gnb_total .total_menu>li>div>ul>li { float: left; padding-right: 40px; }
.gnb_header .gnb_total .total_menu>li>div>ul>li>h3 {font-size: 16px; line-height: 30px; color: #FFF; }
.gnb_header .gnb_total .total_menu>li>div>ul>li>a { display: block; font-size: 14px; line-height: 30px; color: #aaa; }
.gnb_header .gnb_total .total_menu>li>div>ul>li>a:hover { color: #FFF;}
.gnb_header .gnb_total .total_menu>li>div>ul>li>a:first-child { font-size: 16px; line-height: 30px; }
.gnb_header .gnb_total .total_menu>li>div>ul>li>a.btn { padding: 0px 20px; height: 40px; line-height: 38px; color: #FFF; }



@media only screen and (max-height:1075px) {
  .gnb_header .gnb_total { overflow-y: auto;}
	.gnb_header .gnb_total .total_menu { top: 120px; transform: translate(-50%,0%); }
}

/*FOOTER*/
.footer { position:relative; width:100%; min-width: 1280px; background-color:#333333; text-align: center; padding: 120px 0px 120px;}
.footer .footer_con { position:relative; width:100%; max-width: 1600px; min-width: 1280px; margin: 0 auto; display: flex; flex-wrap: wrap;}
.footer .footer_con>a.top_btn {position: absolute; right: 0px; top: 350px; display: block; width: 50px; height: 50px; border-radius: 50%; border: 1px solid #DDD; z-index: 1;}
.footer .footer_con>a.top_btn:before,.footer .footer_con>a.top_btn:after {position: absolute; top: 22px; width: 14px; height: 1px; background-color: #DDD; content: "";}
.footer .footer_con>a.top_btn:before {left: 13px; transform:rotate(-45deg);}
.footer .footer_con>a.top_btn:after {left: 22px; transform:rotate(-135deg);}

.footer_top { width: 45%; text-align: left;}
.footer_top>div {margin-bottom: 30px;}
.footer_top h2 {font-size: 30px; line-height: 30px; color: #FFF; margin-bottom: 20px; }
.footer_top p {font-size: 16px; line-height: 30px; color: #CCC; }
.footer_top p span { position: relative; padding-right: 10px; margin-right: 10px;}
.footer_top p span::before { position: absolute; top: 5px; right: -1px; width: 1px; height: 12px; background-color: #888; content: "";}
.footer_top p span:last-child { margin-right: 0px; padding-right: 0px;}
.footer_top p span:last-child::before { display: none;}

.footer_menu { width: 55%; text-align: right;}
.footer_menu li:first-child { margin-bottom: 40px;}
.footer_menu li:first-child a:nth-child(1), .footer_menu li:first-child a:nth-child(2) { margin-right: 20px;}
.footer_menu li:first-child a:nth-child(1) img, .footer_menu li:first-child a:nth-child(2) img { width: 40px; }
.footer_menu li { margin-bottom:20px ;}
.footer_menu li:last-child { margin-bottom: 0px;}
.footer_menu li h3 {font-size: 20px; line-height: 30px; color: #FFF; margin-bottom: 20px; }
.footer_menu li a { display: inline-block; font-size: 16px; line-height: 30px; color: #CCC; font-weight: 300; margin-right: 20px; }
.footer_menu li a:hover { color: #FFF;}
.footer_menu li a:last-child { margin-right: 0px;}
.footer_menu li:nth-of-type(3) a:nth-of-type(1) { font-weight: 600;}

.footer_bottom { display: flex; flex-wrap: wrap; width: 100%; border-top: 1px solid #666; margin-top:50px; padding-top: 50px;}
.footer_bottom li { position: relative; width: 60%; padding-left: 100px;}
.footer_bottom li h2 { position: absolute; left: 0px; top: 0px;  font-size: 14px; line-height: 25px; color: #FFF; }
.footer_bottom li p { font-size: 14px; line-height: 25px; color: #CCC; text-align: left; }
.footer_bottom li:nth-child(1) {width: 100%; margin-bottom: 30px;}
.footer_bottom li:nth-child(2n) {width: 40%;}

/* GUIDE*/
.guide_box { margin-bottom: 60px;}
.guide_box .btn-set{ margin-bottom: 40px;}
.guide_title { font-size: 40px; line-height: 40px; color: #222; margin-bottom: 20px;}

/*INPUT*/
.inp-txt{ width:100%; height:50px; border:1px solid #DDD; font-size:16px; padding:9px 20px; line-height:30px; border-radius: 10px; }
.inp-txt::placeholder { color:#999;}
.inp-txt::-webkit-input-placeholder {color:#999;}
.inp-txt:-ms-input-placeholder {color:#999;}
.inp-txt:focus{color: #222; border-color: #004687;}
.inp-txt[type='text']:disabled { background-color:#EEE;}

.inp-txt.both { margin-top:10px;}
.inp-txt.disabled {background-color:#EEE;}
.inp-txt.disabled:focus{border-color: #DDD;}

.inp-txt[type=password]{font-family:'Noto Sans KR',Tahoma,Verdana,AppleGothic,sans-serif;}
.inp-txt[type=password]:-ms-input-placeholder{font-family:'Noto Sans KR',Tahoma,Verdana,AppleGothic,sans-serif;}
.inp-txt[type=password]::-webkit-input-placeholder{font-family:'Noto Sans KR',Tahoma,Verdana,AppleGothic,sans-serif;}
.inp-txt[type=password]:-moz-placeholder{font-family:'Noto Sans KR',Tahoma,Verdana,AppleGothic,sans-serif;}
.inp-txt[type=password]::-moz-placeholder{font-family:'Noto Sans KR',Tahoma,Verdana,AppleGothic,sans-serif;}
.inp-txt.uppercase {text-transform: uppercase;}

/*INPUT SET*/

.phone-set {position:relative; display: flex;}
.phone-set li { width:30%;}
.phone-set li:nth-child(2), .phone-set li:nth-child(4) { width:5%; text-align:center; line-height:50px;}
.phone-set li .inp-txt { text-align:center;}

.kakao_name-set {position:relative; overflow:hidden; }
.kakao_name-set li:nth-child(1) { width: 50%;}
.kakao_name-set li:nth-child(3) { line-height: 50px; padding-right: 0px; }
.kakao_name-set li {float:left; width: 25%; padding-right: 10px; }

.name-set {position:relative; overflow:hidden; }
.name-set li:first-child { padding-right:5px;}
.name-set li:last-child { padding-left:5px; }
.name-set li {float:left; width:50%; line-height:50px; }

.en_name-set {position:relative; overflow:hidden; }
.en_name-set li:first-child { padding-right:5px;}
.en_name-set li:last-child { padding-left:5px; }
.en_name-set li {float:left; width:50%; line-height:50px; }

.email-set {position:relative;overflow:hidden;}
.email-set li { width:100%; float:left; padding-right:10px;}
.email-set li:nth-child(1) { width:35%}
.email-set li:nth-child(2) { width:5%; text-align:center; line-height:50px;}
.email-set li:nth-child(3) { width:35%}
.email-set li:nth-child(4) { width: 25%; padding-right:0px;}

.post-set {position:relative;overflow:hidden}
.post-set li {float:left; width:100%; margin-bottom: 10px;}
.post-set li:nth-child(1) { width:35%; padding-right:10px; }
.post-set li:nth-child(2) { width:25%; padding-right:0px; }
.post-set li:last-child { margin-bottom: 0px; }

.sponsor-set {position:relative;overflow:hidden}
.sponsor-set li:first-child { width:35%; }
.sponsor-set li:nth-child(2) { width:25%; padding-right: 0px;}
.sponsor-set li:nth-child(3) { width: 100%;}
.sponsor-set li:nth-child(3) span { font-size: 16px;}
.sponsor-set li {float:left; padding-right:10px; line-height:40px;}
.sponsor-set li .icon_delete {background: url(https://www.pmi-korea.com/resources/image/common/icon_delete.png) no-repeat center center; height: 40px; width: 40px; display: inline-block; vertical-align: middle; }
.sponsor-set li .icon_delete:hover {background-image: url(https://www.pmi-korea.com/resources/image/common/icon_delete_hover.png)}

.bank-set {position:relative;overflow:hidden}
.bank-set li { float:left; padding-right:10px;}
.bank-set li:nth-child(1) { width:35%; }
.bank-set li:nth-child(2) { width:40%;}
.bank-set li:nth-child(3) { width:25%; padding-right:0px;}

.join_file-set {position:relative;overflow:hidden;}
.join_file-set li {float: left; padding-right: 10px; line-height: 50px; position: relative;}
.join_file-set li:nth-child(1) { width: 75%;}
.join_file-set li:nth-child(2) {width: 25%;}
.join_file-set .file_button { position: absolute; width: 100%; height: 50px; vertical-align: top; opacity: 0; cursor: pointer;  top: 0; left: 0; z-index: 1;}
.join_file-set .file_button:hover + .btn { background-color: #F4F4F4; cursor: pointer; }

.birthday-set {position:relative;overflow:hidden;}
.birthday-set li { float:left; padding-right:10px;}
.birthday-set li:nth-child(1) { width:30%;}
.birthday-set li:nth-child(2) { width:15%;}
.birthday-set li:nth-child(3) { width:15%;}
.birthday-set li:nth-child(4) { width:40%; padding-right: 0px; line-height: 50px;}

.social_security-set {position:relative;overflow:hidden;}
.social_security-set li { width:100%; float:left; padding-right:10px;}
.social_security-set li:nth-child(1) { width:35%}
.social_security-set li:nth-child(2) { width:5%; text-align:center; line-height:50px;}
.social_security-set li:nth-child(3) { width:35%}
.social_security-set li:nth-child(4) { width: 25%; padding-right:0px;}

.file-set {position:relative;overflow:hidden; width: 670px;}
.file-set li {float: left; padding-right: 10px; line-height: 50px; position: relative;}
.file-set li:nth-child(1) { width: 75%;}
.file-set li:nth-child(2) {width: 25%;}
.file-set .file_button { position: absolute; width: 100%; height: 50px; vertical-align: top; opacity: 0; cursor: pointer;  top: 0; left: 0; z-index: 1;}
.file-set .file_button:hover + .btn { background-color: #F4F4F4; cursor: pointer; }

.cardnum-set {position:relative;overflow:hidden}
.cardnum-set li { float: left; width:20%; padding-right: 10px;}
.cardnum-set li:last-child {padding-right: 0px;}

.cardname-set {position:relative;overflow:hidden}
.cardname-set li { float: left; width:40%; padding-right: 10px;}

.cardinfo-set {position:relative;overflow:hidden}
.cardinfo-set li { float: left; width:20%; padding-right: 10px;}
.cardinfo-set li:first-child { width:40%; }

.auto_day-set {position:relative;overflow:hidden; margin-bottom: 30px;}
.auto_day-set li { float: left; width:40%; padding-right: 10px;}
.auto_day-set li:nth-child(3) { width:100%; }

/* SELECT BOX */
.select {display:inline-block; width:100%; height:50px; border:1px solid #ddd; font-size:16px; color: #999; padding-left:20px;  background-image:url(https://www.pmi-korea.com/resources/image/common/arrow_select01.png); border-radius: 10px; }
.select:focus {color:#000; background-image:url(https://www.pmi-korea.com/resources/image/common/arrow_select01_focus.png); }

/* TEXTAREA */
.textarea { width: 100%; height: 350px; font-size: 16px; line-height: 25px; padding: 20px; border: 1px solid #DDD; border-radius: 10px; }
.textarea:focus {color: #222; border-color: #004687;}

/* CHECK BOX */
input[type="checkbox"].check_box {display: none;}
input[type="checkbox"].check_box + label {display: inline-block; padding-left: 30px; font-size: 16px; line-height: 21px; height: 22px; margin-right: 10px; cursor: pointer; background-image:url(https://www.pmi-korea.com/resources/image/common/icon_check_type.png); background-repeat: no-repeat; background-position: 0px 0px; background-size:22px 66px; color: #666;}
input[type="checkbox"].check_box:checked + label { color: #004687; background-position: 0px -44px;}
input[type="checkbox"].check_box + label:last-child {margin-right: 0;}
input[type="checkbox"].check_box.both + label { margin-top: 10px;}

/* RADIO BOX */
input[type="radio"].radio_box {display: none;}
input[type="radio"].radio_box + label {display: inline-block; padding-left: 30px; font-size: 16px; line-height: 21px; height: 22px; margin-right: 10px; cursor: pointer; background-image:url(https://www.pmi-korea.com/resources/image/common/icon_radio_type.png); background-repeat: no-repeat; background-position: 0px 0px; background-size:22px 66px; color: #666;}
input[type="radio"].radio_box:checked + label {color: #004687; background-position: 0px -44px;}
input[type="radio"].radio_box + label:last-child {margin-right: 0;}
input[type="radio"].radio_box.both + label { margin-top: 10px;}

/* RADIO BOX */
/* input[type="radio"].radio_tab {display: none;}
input[type="radio"].radio_tab + label { float: left; display: inline-block; width: 50%; height: 100px; font-size: 18px; line-height: 20px; cursor: pointer; color: #888; text-align: center; background-color: #F4F4F4; border: 1px solid #DDD; border-left: 1px solid #F4F4F4; padding-top: 20px; box-sizing: border-box;}
input[type="radio"].radio_tab:checked + label { color: #FFF; background-color: #004687; border-color: #004687;}
input[type="radio"].radio_tab + label:nth-child(2) { border-left:1px solid #DDD; }
input[type="radio"].radio_tab:checked + label:nth-child(2) { border-left:1px solid #004687; }
input[type="radio"].radio_tab.both + label { margin-top: 10px;} */

/* CHECK BOX */
/* input[type="checkbox"] {display: none;}
input[type="checkbox"] + label {display: inline-block; padding-left: 30px; font-size: 14px; background:url("https://www.pmi-korea.com/resources/image/admin/icon_check_type.png") no-repeat left top; background-size:22px 66px; line-height: 21px; height: 22px; margin-right: 10px; cursor: pointer; color: #888;}
input[type="checkbox"]:checked + label {  background-position: 0 -44px; color: #222; }
input[type="checkbox"] + label:last-child {margin-right: 0;} */

/* RADIO BOX */
/* input[type="radio"] {display: none;}
input[type="radio"] + label {display: inline-block; padding-left: 30px; font-size: 14px; background:url("https://www.pmi-korea.com/resources/image/admin/icon_radio_type.png") no-repeat 0 0; background-size:22px 66px; line-height: 21px; height: 22px; margin-right: 10px; cursor: pointer; color: #888;}
input[type="radio"]:checked + label {background-position: 0 -44px; color: #222;}
input[type="radio"] + label:last-child {margin-right: 0;}

input[type="radio"].join_radio_tab {display: none;}
input[type="radio"].join_radio_tab + label { float: left; display: inline-block; width: 48.5%; height: 70px; font-size: 18px; line-height: 68px; cursor: pointer; color: #FFF; text-align: center; background-color: #888; box-sizing: border-box;}
input[type="radio"].join_radio_tab:checked + label { color: #FFF; background-color: #004687; } */

/*BTN SET*/
.btn {display:inline-block; width:100%; height:50px;line-height:48px; vertical-align:middle; text-align:center; font-size:16px; color:#FFF; font-weight: 400; border-radius: 35px;}
.btn.btn-sm{font-size:15px;height:40px;line-height:38px;}
.btn.btn-lg{font-size:18px;height:60px;line-height:58px; font-weight:400;}
.btn.btn-in { width:110px; margin-left:10px;}
.btn.btn-block{display:block}
.btn.both { margin-top: 10px;}

.btn.btn-grey{border:1px solid #888;color:#888;}
.btn.btn-grey.btn-full{background-color:#888; color:#FFF;}
.btn.btn-grey:hover { background-color:#f4f4f4; }
.btn.btn-grey.btn-full:hover {background-color:#777; border-color:#777; color:#FFF;}


.btn.btn-blue{border:1px solid #004687; color:#004687; background-color: #FFF;}
.btn.btn-blue.btn-full{background-color:#004687; color:#FFF;}
.btn.btn-blue:hover {  background-color:#f4f4f4; }
.btn.btn-blue.btn-full:hover {background-color:#003a6f; border-color:#003a6f; color:#FFF;}

.btn.btn-black{border:1px solid #333; color:#333;}
.btn.btn-black.btn-full{background-color:#333; color:#FFF;}
.btn.btn-black:hover { background-color:#f4f4f4; }
.btn.btn-black.btn-full:hover {background-color:#000; border-color:#000; color:#FFF;}

.btn.btn-red{border:1px solid #ed1c24; color:#ed1c24;}
.btn.btn-red.btn-full{background-color:#ed1c24; color:#FFF;}
.btn.btn-red:hover {  background-color:#f4f4f4; }
.btn.btn-red.btn-full:hover {background-color:#b40007; border-color:#b40007; color:#FFF;}

.btn.btn-white{border:1px solid #FFF; color:#FFF;}
.btn.btn-white.btn-full{background-color:#FFF; color:#004687;}
.btn.btn-white:hover {  background-color:#f4f4f4; }
.btn.btn-white.btn-full:hover {background-color:#f4f4f4; }

.btn.btn-pink{border:1px solid #cd1619; color:#cd1619; background-color: #FFF;}
.btn.btn-pink.btn-full{background-color:#cd1619; color:#FFF;}
.btn.btn-pink:hover {  background-color:#f4f4f4; }
.btn.btn-pink.btn-full:hover {background-color:#b70a0d; border-color:#b70a0d; color:#FFF;}

.btn.btn-text{border:1px solid #888;color:#888;}
.btn.btn-text.btn-full{background-color:#888; color:#FFF;}
.btn.btn-text:hover { background-color:#FFF; }
.btn.btn-text.btn-full:hover {background-color:#888; border-color:#888; color:#FFF;}

.btn.btn-kakao { display:block; background-color: #fce000; color: rgba(0,0,0,0.85);}
.btn.btn-kakao i {display: inline-block; width:40px; height:40px; background:url(https://www.pmi-korea.com/resources/image/common/kakao_logo02.png) no-repeat; background-size:36px 36px; vertical-align: middle; }
.btn.btn-kakao:hover { background-color:#e9cf00 ;}

div.btn-set {position:relative;overflow:hidden; text-align:center;}
div.btn-set .btn { margin-left:10px;}
div.btn-set .btn:first-child { margin-left:0px;}
div.btn-set .btn.left { float:left; margin-left:0px; margin-right:10px;}
div.btn-set .btn.right { float:right;}
div.btn-set .btn.right:first-child { margin-left:10px;}
div.btn-set .btn.disabled { background-color:#999; color:#FFF; cursor: default;}
div.btn-set .btn.disabled:hover {background-color:#999; color:#FFF;}
div.btn-set .soldout { width: 100%; height: 70px; background-color: #F4F4F4; font-size: 20px; line-height: 70px; color: #222; border: 1px solid #DDD; border-radius: 35px;  }

ul.btn-set {position:relative;overflow:hidden; text-align:center;}
ul.btn-set>li {float: left; padding: 0px 10px;}
ul.btn-set>li:first-child { padding-left: 0px;}
ul.btn-set>li:last-child { padding-right: 0px;}

ul.btn-set.set02>li { width: 50%;}
ul.btn-set.set03>li { width: 33.3%;}
ul.btn-set.set04>li { width: 25%;}
ul.btn-set.set05>li { width: 20%;}
ul.btn-set.set06>li { width: 16.6%;}
ul.btn-set.set07>li { width: 14.2%;}
ul.btn-set.set08>li { width: 12.5%;}

.btn_arrow { position: relative; display: inline-block; width: auto; height: 50px; line-height: 20px; font-size:18px; color:#222; font-weight:500; padding: 15px 30px 15px 10px; }
.btn_arrow:before,.btn_arrow:after,.btn_arrow i {position: absolute; right: 0px; width: 8px; height: 2px; background-color: #666; content: "";}
.btn_arrow:before {top: 27px;  transform:rotate(-45deg);}
.btn_arrow:after {top: 21px;  transform:rotate(-135deg);}
.btn_arrow:hover { color:#004687; }
.btn_arrow:hover:before,.btn_arrow:hover:after,.btn_arrow:hover i {background-color: #004687;}
.btn_arrow i { width: 20px; top: 24px; }

.btn_arrow.btn-sm { font-size: 14px; height: 30px; padding: 5px 15px 5px 10px;}
.btn_arrow.btn-sm:before {top: 17px;  transform:rotate(-45deg);}
.btn_arrow.btn-sm:after {top: 12px;  transform:rotate(-135deg);}


.btn-set-text {position:relative;overflow:hidden; text-align:center; padding-top:20px; }
.btn-set-text p { display:inline-block; font-size:16px; line-height:25px; color:#333; vertical-align: top; }

/*BTN SIZE*/
.wid_all {width: 100%;}
.wid_900 {width: 900px;}
.wid_650 {width: 650px;}
.wid_600 {width: 600px;}
.wid_590 {width: 590px;}
.wid_540 {width: 540px;}
.wid_515 {width: 515px;}
.wid_480 {width: 480px;}
.wid_440 {width: 440px;}
.wid_400 {width: 400px;}
.wid_395 {width: 395px;}
.wid_350 {width: 350px;}
.wid_340 {width: 340px;}
.wid_300 {width: 300px;}
.wid_260 {width: 260px;}
.wid_255 {width: 255px;}
.wid_240 {width: 240px;}
.wid_220 {width: 220px;}
.wid_200 {width: 200px;}
.wid_180 {width: 180px;}
.wid_160 {width: 160px;}
.wid_150 {width: 150px;}
.wid_140 {width: 140px;}
.wid_130 {width: 130px;}
.wid_120 {width: 120px;}
.wid_110 {width: 110px;}
.wid_100 {width: 100px;}
.wid_90 {width: 90px;}
.wid_80 {width: 80px;}
.wid_70 {width: 70px;}
.wid_60 {width: 60px;}

/* 폰트컬러 */
span.alert_text { position:relative; padding-left:28px; color:#ed1c24; font-size:15px; line-height:20px; display:inline-block;}
span.alert_text::after { position:absolute; width:18px; height:18px; left:0px; top:0px; line-height:18px; border-radius:10px; background-color:#fff; border: 1px solid #ed1c24; content:"!"; color:#ed1c24; font-weight:600; text-align:center;}
span.alert_text.both, span.bl_text.both, span.dot_text.both { margin-top:10px;}
span.alert_text.black { color:#222;}
span.alert_text.black::after { border: 1px solid #222; color:#222;}
span.alert_text.blue { color:#004687;}
span.alert_text.blue::after { border: 1px solid #004687; color:#004687;}
span.alert_text.grey { color:#999;}
span.alert_text.grey::after { border: 1px solid #999; color:#999;}

span.bl_text { position:relative; display:block; padding-left:15px; color:#666; font-size:14px; line-height:20px; text-align: left;}
span.bl_text::after { position:absolute; width:4px; height:4px; left:5px; top:8px; border-radius:50%; background-color:#666; content:"";}
span.bl_text.blue::after { background-color:#004687;}
span.bl_text.red::after { background-color:#ed1c24;}
span.bl_text.grey::after { background-color:#999;}

span.dot_text { position:relative; padding-left:15px; color:#222; font-size:16px; line-height:20px; text-align:left; display:inline-block;}
span.dot_text::after { position:absolute; font-size:18px; left:0px; top:4px; line-height:18px; border-radius:10px; content:"*"; color:#666; font-weight:700; text-align:center;}
span.dot_text.blue::after { color:#004687;}
span.dot_text.red::after { color:#ed1c24;}
span.dot_text.grey::after { color:#999;}

span.font_blue {color: #004687;}
span.font_red {color: #ed1c24;}
span.font_grey {color: #999;}
span.font_black {color: #222;}
span.font_pink {color: #cd1619;}

span.in_text ,input.in_text, select.in_text ,label.in_text { margin-left:10px;}

/*TAB*/
#tab_con>div { display: none;}
#tab_con>ul { display: none;}

/*PAGE Animation************************************************/
.ani {opacity:0; transition:all 0.6s  ease-in-out; -webkit-transition:all 0.6s ease -in-out;}

/*Animation Position */
.ani.top{transform:translateY(-50px); -webkit-transform:translateY(-50px); }
.ani.bottom{transform:translateY(50px); -webkit-transform:translateY(50px);}
.ani.left{transform:translateX(-50px); -webkit-transform:translateX(-50px);}
.ani.right{transform:translateX(50px); -webkit-transform:translateX(50px);}

.ani.scale {transform:scale(1.1,1.1)}

/*Animation Active************************************************/
.ani.active { opacity:1; transform:translate(0px,0px) scale(1,1); -webkit-transform:translate(0px,0px) scale(1,1); }

/*Animation Delay Time************************************************/
.ani.d_1 { transition-delay:0.2s; -webkit-transition-delay:0.2s;}
.ani.d_2 { transition-delay:0.4s;  -webkit-transition-delay:0.4s;}
.ani.d_3 { transition-delay:0.6s;  -webkit-transition-delay:0.6s;}
.ani.d_4 { transition-delay:0.8s;  -webkit-transition-delay:0.8s;}
.ani.d_5 { transition-delay:1s;  -webkit-transition-delay:1s;}
.ani.d_6 { transition-delay:1.2s;  -webkit-transition-delay:1.2s;}
.ani.d_7 { transition-delay:1.4s;  -webkit-transition-delay:1.4s;}
.ani.d_8 { transition-delay:1.6s;  -webkit-transition-delay:1.6s;}
.ani.d_9 { transition-delay:1.8s;  -webkit-transition-delay:1.8s;}
.ani.d_10 { transition-delay:2s;  -webkit-transition-delay:2s;}
.ani.d_11 { transition-delay:2.2s;  -webkit-transition-delay:2.2s;}

@keyframes ani_time {
	0% { transform: scaleX(0); }
  100% { transform: scaleX(1); }
}

@keyframes ani_opacity {
	0% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes ani_width {
	0% { width: 0%;}
  100% { width: 100%; }
}

/*CONTENT*/
.content { padding-top: 0px; padding-bottom:120px;}
.content.main { padding-top: 0px; padding-bottom: 0px;}
.content.academ_main { padding-top: 0px; padding-bottom: 0px; overflow: hidden;}

.sub_content { position: relative; width:100%; min-width: 1600px; overflow: hidden; padding-top: 0px; }
.sub_content .content_box { position:relative; width:1600px; margin:0 auto; }
.sub_content .content_box.full { width:100%;}
.sub_content .content_box.full.gray {background-color: #f4f4f4;}

/*SUB_TITLE LINE MENU*/
.linemap_menu { position:absolute; z-index:20; width:100%; top:600px; left:0px; overflow: hidden; }
.linemap_menu ul { position: relative; width: 1600px; margin: 0 auto;}
.linemap_menu li { float: left; width: 250px; position:relative;  border: 1px solid; background-repeat:no-repeat; background-position:210px 25px;}
.linemap_menu li>a{ display:block; width:250px; font-size:16px; color:#FFF; text-align:left; padding-left:30px; line-height:60px; height:60px; }
.linemap_menu li>div>a{ display:block; width:250px; font-size:16px; text-align:left; padding-left:30px; line-height:40px; height:40px; }
.linemap_menu li div { display:none;}
.linemap_menu li div a:last-child { margin-bottom: 20px;}
.linemap_menu li.active div { display:block; }

.linemap_menu li:nth-child(1) { background-color: #FFF; border-color:#DDD; border-radius: 30px 0px 0px 30px; background-image:url(https://www.pmi-korea.com/resources/image/common/arrow_select01.png); }
.linemap_menu li:nth-child(1)>a { color: #333; }
.linemap_menu li:nth-child(1).active { border-radius: 30px 0px 30px 30px; background-image:url(https://www.pmi-korea.com/resources/image/common/arrow_select02.png);}
.linemap_menu li:nth-child(1)>div>a { color: #888;}
.linemap_menu li:nth-child(1)>div>a:hover { color: #333;}

.linemap_menu li:nth-child(2) { background-color: #004687; border-color:#004687; border-radius: 0px 30px 30px 0px; background-image:url(https://www.pmi-korea.com/resources/image/common/arrow_select03.png);}
.linemap_menu li:nth-child(2)>a { color: #FFF; }
.linemap_menu li:nth-child(2).active { border-radius: 0px 30px 30px 30px; background-image:url(https://www.pmi-korea.com/resources/image/common/arrow_select04.png);}
.linemap_menu li:nth-child(2)>div>a { color: #AAA;}
.linemap_menu li:nth-child(2)>div>a:hover { color: #FFF;}

.linemap_menu.center { top: 430px;}
.linemap_menu.center ul { padding-left:550px ;}

.linemap_menu.top_bn { top: 660px;}
.linemap_menu.center.top_bn { top: 490px;}


/*SUB TITLE*/
.sub_content .sub_title { width:1600px; min-height: 480px; margin: 0 auto 100px; padding-top: 20px; padding-right: 900px; }
.sub_content .sub_title h2 { font-size:70px; line-height:70px; color:#222; text-align: left; font-weight:400; margin-bottom:40px ;}
.sub_content .sub_title p { font-size:18px; line-height:30px; color:#222; text-align: left; font-weight:300; }

.sub_content .sub_title .title_img { position: absolute; width: 860px; height: 480px; left: 50%; top: 240px; transform: translateX(-60px); background-color: #F4F4F4; z-index: -1; background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; }

.sub_content .sub_title.sub01 .title_img  { background-image:url(https://www.pmi-korea.com/resources/image/common/bg_subtitle01.jpg);}/*글로벌PMI*/
.sub_content .sub_title.sub02 .title_img  { background-image:url(https://www.pmi-korea.com/resources/image/common/bg_subtitle02.jpg);}/*비즈니스*/
.sub_content .sub_title.sub03 .title_img  { background-image:url(https://www.pmi-korea.com/resources/image/common/bg_subtitle03.jpg);}/*자선사업*/
.sub_content .sub_title.sub04 .title_img  { background-image:url(https://www.pmi-korea.com/resources/image/common/bg_subtitle04.jpg);}/*FSP후원*/
.sub_content .sub_title.sub05 .title_img  { background-image:url(https://www.pmi-korea.com/resources/image/common/bg_subtitle05.jpg);}/*피엠매거진*/
.sub_content .sub_title.sub06 .title_img  { background-image:url(https://www.pmi-korea.com/resources/image/common/bg_subtitle06.jpg);}/*고객서비스*/
.sub_content .sub_title.sub07 .title_img  { background-image:url(https://www.pmi-korea.com/resources/image/common/bg_subtitle07.jpg);}/*제품강의*/
.sub_content .sub_title.sub08 .title_img  { background-image:url(https://www.pmi-korea.com/resources/image/common/bg_subtitle08.jpg);}/*비즈니스강의*/
.sub_content .sub_title.sub09 .title_img  { background-image:url(https://www.pmi-korea.com/resources/image/common/bg_subtitle09.jpg);}/*자료실*/
.sub_content .sub_title.sub10 .title_img  { background-image:url(https://www.pmi-korea.com/resources/image/common/bg_subtitle10.jpg);}/*고객센터*/
.sub_content .sub_title.sub11 .title_img  { background-image:url(https://www.pmi-korea.com/resources/image/common/bg_subtitle11.jpg);}/*CCM*/

.sub_content .sub_title.join { min-height: auto; padding-right: 0px; padding-top: 0px; margin-bottom: 60px;}
.sub_content .sub_title.join p, .sub_content .sub_title.join h2 { text-align: center;}
.sub_content .sub_title.join p { color: #004687; font-size: 18px; font-weight: 500; margin-bottom: 40px; }

.sub_content .sub_title.center { min-height: 250px; padding-right: 0px; padding-top: 0px;}
.sub_content .sub_title.center h2 { text-align: center;}

/*LINE MAP*/
.line_map { display: flex; position: relative; margin-bottom: 40px;}
.line_map li { position: relative; margin-right: 35px; font-size: 15px; line-height: 20px; color: #222;}
.line_map li:before { position: absolute; right: -22px; top: 8px; width: 4px; height: 4px; background-color: #999; content: "";}
.line_map li:first-child { margin-left: 25px;}
.line_map li:first-child::after { position: absolute; left: -25px; top: 0px; width: 20px; height: 20px; background-image:url(https://www.pmi-korea.com/resources/image/common/icon_linemap.png); background-repeat: no-repeat; background-position: center center; content: "";}
.line_map li:last-child { color: #004687; font-weight: 500; margin-right: 0px;}
.line_map li:last-child:before { display: none;}
.line_map li a { font-size: 15px; line-height: 20px; color: #222;}
.line_map li:last-child a {color: #004687;}

.sub_title.join .line_map { justify-content: center;}
.sub_title.join .line_map li { color: #CCC; font-weight: 700; margin-right: 50px;}
.sub_title.join .line_map li:first-child { margin-left: 0px;}
.sub_title.join .line_map li:first-child::after { display: none;}
.sub_title.join .line_map li:last-child { margin-right: 0px;}
.sub_title.join .line_map li:before { right: -35px; top: 0px; width: 20px; height: 20px; background-color:rgba(0,0,0,0); background-image:url(https://www.pmi-korea.com/resources/image/common/icon_linemap_info.png); background-position: 0px 0px;}
.sub_title.join .line_map li.active { color: #222;}

.sub_title.center .line_map { justify-content: center;}
.sub_title.join .line_map li { color: #CCC; font-weight: 700; margin-right: 50px;}
.sub_title.join .line_map li:first-child { margin-left: 0px;}
.sub_title.join .line_map li:first-child::after { display: none;}border
.sub_title.join .line_map li:last-child { margin-right: 0px;}
.sub_title.join .line_map li:before { right: -35px; top: 0px; width: 20px; height: 20px; background-color:rgba(0,0,0,0); background-image:url(https://www.pmi-korea.com/resources/image/common/icon_linemap_info.png); background-position: 0px 0px;}
.sub_title.join .line_map li.active { color: #222;}

/*CONTENT TOP*/
.content_top { position: relative; width: 1600px; min-height: 50px; margin: 0 auto 40px;}
.content_top .category_menu { overflow: hidden;}
.content_top .category_menu a{position: relative; display: inline-block; height: 50px; float: left; font-size:18px; line-height:50px; color:#999; margin-right: 25px; padding-right: 25px; }
.content_top .category_menu a:hover { color: #222;}
.content_top .category_menu a:before {position: absolute; right: -1px; top: 18px; width: 1px; height: 15px; background-color: #DDD; content: "";}
.content_top .category_menu a:last-child { margin-right: 0px; padding-right: 0px;}
.content_top .category_menu a:last-child::before { display: none;}
.content_top .category_menu a.active { color:#004687; cursor: default;}

.content_top .category_menu.search_type { padding-right: 400px;}

.content_top .total_sum { display: inline-block; font-size: 18px; line-height: 50px; color: #222;}
.content_top .total_sum span { font-weight: 500;}
.content_top .select_self { width:150px; }
.content_top .select_self .select {  background-position: 90% 50%; border-radius: 25px;}
.content_top .info_text { margin-top: 40px;;}
.content_top .info_title { font-size:35px; line-height:50px; font-weight: 500; color:#222; }
.content_top .auto_order_self { position: absolute; top: 0px; right: 510px; width:170px; }
.content_top .auto_order_self .select {  background-position: 90% 50%; border-radius: 25px;}

.day_content_top { position: relative; width: 1600px; margin: 0;}
.day_content_top .select_self { width:350px;}
.day_content_top .select_self .select { padding-left: 30px;  background-position: 95% 50%; border-radius: 25px;}

.content_top .category_select { width: 600px; display: flex; }
.content_top .category_select select:first-child { border-radius: 30px 0px 0px 30px; border-right: 0px; border-left: 1px solid #DDD; padding-left: 30px;}
.content_top .category_select select { border-radius: 0px; border-left: 0px; border-right: 0px; background-position: 90% 50%; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; padding-right: 40px;}
.content_top .category_select select:last-child { border-radius: 0px 30px 30px 0px; border-right: 0px; border-left: 1px solid #DDD; background-color: #004687; color: #FFF; border-color: #004687; background-image:url(https://www.pmi-korea.com/resources/image/common/arrow_select03.png); }

/* SEARCH BOX*/
ul.search_box {position: absolute; top: 0px; right: 0px; display: block; width: 500px; height: 50px; overflow: hidden; background-color:#F4F4F4 ; border-radius: 25px; display: flex; flex-wrap: wrap; }
ul.search_box li input {width: 100%; height: 50px; line-height: 50px; border: none; background-color:#F4F4F4; padding-left: 30px;}
ul.search_box li .select {height: 50px; background-position:95% 50%; border: none; background-color: #F4F4F4; padding-left: 30px;}
ul.search_box li:last-child a {display: block; width: 50px; height: 50px; background-image:url("https://www.pmi-korea.com/resources/image/common/icon_btn_search.png"); background-repeat:no-repeat; background-size: 50px 100px; background-position:0px 0px; transition:all 0s  ease-in-out; -webkit-transition:all 0s ease -in-out;}
ul.search_box li:last-child a:hover {background-position:0px -50px;}

ul.search_box li:nth-child(1) { width: 440px;}
ul.search_box li:nth-child(2) { width: 60px;}

/* SEARCH BOX SELECT */
ul.search_box.select_type li:nth-child(1) { width: 150px;}
ul.search_box.select_type li:nth-child(2) { width: 290px;}
ul.search_box.select_type li:nth-child(3) { width: 60px;}

/* SEARCH BOX CALENDAR */
ul.search_box.calendar_type {width: 500px;}
ul.search_box.calendar_type li:nth-child(1), ul.search_box.calendar_type li:nth-child(3) { width: 200px;}
ul.search_box.calendar_type li:nth-child(2) { width: 40px; font-size: 16px; line-height: 50px; color: #222; text-align: center;}
ul.search_box.calendar_type li:nth-child(4) { width: 60px;}

/* SEARCH BOX SELECT + CALENDAR*/
ul.search_box.select_calendar_type {width: 900px;}
ul.search_box.select_calendar_type li:nth-child(1), ul.search_box.select_calendar_type li:nth-child(2) { width: 200px;}
ul.search_box.select_calendar_type li:nth-child(3), ul.search_box.select_calendar_type li:nth-child(5) { width: 200px;}
ul.search_box.select_calendar_type li:nth-child(4) { width: 40px; font-size: 14px; line-height: 50px; color: #222; text-align: center;}
ul.search_box.select_calendar_type li:nth-child(6) { width: 60px;}

/* SEARCH BOX SELF ALLOWANCE*/
ul.search_box.self_allowance_type { flex-direction: column; width: 100%; background-color: rgba(255,255,255,0); border-radius: 0px; overflow: visible; }
ul.search_box.self_allowance_type li { width: 150px; background-color: #F4F4F4;}
ul.search_box.self_allowance_type li span.dot_text { display: block; line-height: 25px;}
ul.search_box.self_allowance_type li span.dot_text::after { top: 9px;}
ul.search_box.self_allowance_type li:nth-child(1) { width: 960px; background-color: rgba(255,255,255,0);}
ul.search_box.self_allowance_type li:nth-child(2) { border-radius: 25px 0px 0px 25px;  overflow: hidden;}
ul.search_box.self_allowance_type li:nth-child(4) { width: 40px; font-size: 14px; line-height: 50px; color: #222; text-align: center;}
ul.search_box.self_allowance_type li:nth-child(3), ul.search_box.self_allowance_type li:nth-child(6) { width: 120px;}
ul.search_box.self_allowance_type li:last-child { width: 60px; border-radius: 0px 25px 25px 0px;}

/* SEARCH BOX MONTH */
ul.search_box.month_type { width: 300px; border: none;}
ul.search_box.month_type li { width: 150px;}
ul.search_box.month_type li:last-child .select { background-position: 90% 50%; }

/* SEARCH BOX MONTH TO */
ul.search_box.month_to_type {width: 640px;}
ul.search_box.month_to_type li { width: 150px;}
ul.search_box.month_to_type li:nth-child(3) { width: 40px; font-size: 14px; line-height: 50px; color: #222; text-align: center;}
ul.search_box.month_to_type li:nth-child(2), ul.search_box.month_to_type li:nth-child(5) { width: 120px;}
ul.search_box.month_to_type li:last-child { width: 60px; }

/* SEARCH BOX MONTH TO +  NAME */
ul.search_box.month_name_type {width: 800px;}
ul.search_box.month_name_type li { width: 150px;}
ul.search_box.month_name_type li:nth-child(3) { width: 40px; font-size: 14px; line-height: 50px; color: #222; text-align: center;}
ul.search_box.month_name_type li:nth-child(2), ul.search_box.month_name_type li:nth-child(5) { width: 120px;}
ul.search_box.month_name_type li:nth-child(6) { width: 160px;}
ul.search_box.month_name_type li:last-child { width: 60px; }

/* SEARCH BOX SORT */
.content_top .sorting { position: absolute; top: 0px; right:130px; display: flex; }
.content_top .sorting a { position: relative; font-size:16px; line-height: 50px; color: #999;  padding:0px 20px;  }
.content_top .sorting a:hover { color: #666;}
.content_top .sorting a.active { color: #222; font-weight: 500; padding-left: 40px;}
.content_top .sorting a.active::before { position: absolute; left: 15px;  top: 15px; width: 20px; height: 20px;  background-image:url(https://www.pmi-korea.com/resources/image/common/icon_sorting.png); background-repeat: no-repeat; background-position:0px 0px;  content: ""; }


div.list_style { position: absolute; top: 0px; right: 0px; display: flex; padding-left: 20px;}
div.list_style:before { position: absolute; left: -1px; top: 15px; width: 1px; height: 20px; background-color: #DDD; content: "";}
div.list_style a { width:50px; height:50px; background-image:url(https://www.pmi-korea.com/resources/image/common/icon_list_style.png); background-size:100px 150px; background-position:0px 0px; transition:all 0s  ease-in-out; -webkit-transition:all 0s ease -in-out;}
div.list_style a.list {background-position:-50px 0px;}
div.list_style a.album {background-position:0px 0px; }
div.list_style a.list:hover  {background-position:-50px -50px;}
div.list_style a.album:hover  {background-position:0px -50px;}
div.list_style a.list.active {background-position:-50px -100px;}
div.list_style a.album.active {background-position:0px -100px;}

/* SEARCH BOX TREE VIEW */
ul.search_box.tree_view_type { width: 1600px; background-color: #FFF; }
ul.search_box.tree_view_type li:nth-child(1), ul.search_box.tree_view_type li:nth-child(2), ul.search_box.tree_view_type li:nth-child(3) { width: 130px; line-height: 48px; margin-right: 10px;}
ul.search_box.tree_view_type li:nth-child(3), ul.search_box.tree_view_type li:nth-child(4) {margin-right: 10px; }
ul.search_box.tree_view_type li:nth-child(1) > a, ul.search_box.tree_view_type li:nth-child(2) > a, ul.search_box.tree_view_type li:nth-child(3) > a {display: block; line-height: 48px; width: 130px; height: 50px; font-size: 14px; color: #fff; }
ul.search_box.tree_view_type li:nth-child(4), ul.search_box.tree_view_type li:nth-child(5) { width: 150px; }
ul.search_box.tree_view_type li:nth-child(4) .select, ul.search_box.tree_view_type li:nth-child(5)  .select { background-color: #FFF; border: 1px solid #DDD; border-radius: 25px;}
ul.search_box.tree_view_type li:nth-child(6) { margin-left: 450px; width: 120px;}
ul.search_box.tree_view_type li:nth-child(6) p { display: block; height: 50px; text-align: center; font-size: 16px; line-height: 50px; color: #333; border-radius: 25px 0px 0px 25px; background-color: #F4F4F4; }
ul.search_box.tree_view_type li:nth-child(7) { width: 230px; }
ul.search_box.tree_view_type li:nth-child(7) input { border-radius: 0px; }
ul.search_box.tree_view_type li:nth-child(8) a { width: 60px; background-color: #F4F4F4; padding-right: 10px; border-radius: 0px 25px 25px 0px;}





.pop_content.group ul.search_box.tree_view_type { width: 100%; height: 51px; background-color: #FFF; }
.pop_content.group ul.search_box.tree_view_type li:nth-child(1), .pop_content.group ul.search_box.tree_view_type li:nth-child(2) { width: 110px; line-height: 48px; margin-right: 10px;}
.pop_content.group ul.search_box.tree_view_type li:nth-child(1) > a, .pop_content.group ul.search_box.tree_view_type li:nth-child(2) > a {display: block; line-height: 48px; width: 110px; height: 50px; font-size: 14px; color: #fff; }

.pop_content.group ul.search_box.tree_view_type li:nth-child(3), .pop_content.group ul.search_box.tree_view_type li:nth-child(4) { width: 140px; }
.pop_content.group ul.search_box.tree_view_type li:nth-child(3) .select, .pop_content.group ul.search_box.tree_view_type li:nth-child(4)  .select { background-color: #FFF; border: 1px solid #DDD; border-radius: 25px; padding-left: 20px;}
.pop_content.group ul.search_box.tree_view_type li:nth-child(5) { margin-left: calc(100% - 951px); width: 120px;}
.pop_content.group ul.search_box.tree_view_type li:nth-child(5) p { display: block; height: 50px; text-align: center; font-size: 16px; line-height: 50px; color: #333; border-radius: 25px 0px 0px 25px; background-color: #F4F4F4; }
.pop_content.group ul.search_box.tree_view_type li:nth-child(6) { width: 230px; margin-left: 0px; }
.pop_content.group ul.search_box.tree_view_type li:nth-child(6) input { border-radius: 0px; }
.pop_content.group ul.search_box.tree_view_type li:nth-child(7) { width: 60px;}
.pop_content.group ul.search_box.tree_view_type li:nth-child(7) a { width: 60px; background-color: #F4F4F4; padding-right: 10px; border-radius: 0px 25px 25px 0px;}

/*CALEDER*/
.inp-txt.calendar_datepicker { padding-right:40px;  background-image:url(https://www.pmi-korea.com/resources/image/common/icon_calender.png); background-repeat:no-repeat; background-position:95% 50%; }
.inp-txt.calendar_datepicker:focus { background-image:url(https://www.pmi-korea.com/resources/image/common/icon_calender_on.png);}

body .ui-datepicker{border-radius:0; border:1px solid #222; padding:0; background:#fff; margin-left: -1px;}
body .ui-datepicker .ui-datepicker-title{position: relative;padding:3px 0 0;box-sizing: border-box;height: 50px;}
body .ui-datepicker .ui-datepicker-title:before { position:absolute; left:86px; top:16px; width:1px; height:15px; background-color:#CCC; content:""; }
body .ui-datepicker select.ui-datepicker-month {border:0; width:55px; padding:0; }
body .ui-datepicker select.ui-datepicker-year{border:0; width:60px; padding:0; margin-right:15px; }

body .ui-datepicker .ui-datepicker-header{background:#fff; border:0; padding:0}
body .ui-datepicker .ui-datepicker-next{right:2px !important; top:11px !important; border-radius: 0px;}
body .ui-datepicker .ui-datepicker-prev{left:2px !important; top:11px !important; border-radius: 0px;}
body .ui-datepicker .ui-datepicker-next-hover{right:20px; top:11px}
body .ui-datepicker .ui-datepicker-prev-hover{left:20px; top:11}

body .ui-datepicker .ui-widget-header .ui-icon-circle-triangle-e{background:url(https://www.pmi-korea.com/resources/image/common/btn_sh_r.png) no-repeat 50%; cursor:pointer; border:0; right:0}
body .ui-datepicker .ui-widget-header .ui-icon-circle-triangle-w{background:url(https://www.pmi-korea.com/resources/image/common/btn_sh_l.png) no-repeat 50%; cursor:pointer; border:0;right:0}

body .ui-datepicker .ui-datepicker-prev span,
body .ui-datepicker .ui-datepicker-next span{width:100%; position:static; height:100%; margin:0;}
body .ui-datepicker .ui-widget-header .ui-icon-circle-triangle-e:hover,
body .ui-datepicker .ui-widget-header .ui-icon-circle-triangle-w:hover{right:0}

body .ui-datepicker .ui-widget-header .ui-datepicker-next-hover,
body .ui-datepicker .ui-widget-header .ui-datepicker-prev-hover{ border-radius:0px;}
body .ui-datepicker .ui-icon{width:22px; height:22px}
body .ui-datepicker thead th{background:#f4f4f4;}
body .ui-datepicker thead th:first-child { color:#e30028;}
body .ui-datepicker thead th:last-child { color:#333;}
body .ui-datepicker td{position:relative; }
body .ui-datepicker .ui-state-default{position:relative; z-index:1; border:0; color:#222; background:transparent; text-align:center; font-size: 13px;}
body .ui-datepicker .ui-state-default.ui-priority-secondary { color:#AAA;}

body .ui-datepicker .ui-datepicker-current-day:after{content:""; display:block; position:absolute; top:0; left:50%; margin-left:-12px; width:24px; height:24px; border-radius:50%; background:#000}
body .ui-datepicker .ui-datepicker-current-day .ui-state-default{color:#fff}
.ui-datepicker-buttonpane {display:none}

/*ICON*/
.ico-footer_sns {display:inline-block; width:50px; height:50px; background:url(https://www.pmi-korea.com/resources/image/common/icon_footer_sns.png) no-repeat;background-size:350px 100px;overflow:hidden; text-indent:-9999px; vertical-align:middle; }
.ico-footer_sns.facebook { background-position: 0px 0px;}
.ico-footer_sns.twitter { background-position: -50px 0px;}
.ico-footer_sns.instagram { background-position: -100px 0px;}
.ico-footer_sns.pinterest { background-position: -150px 0px;}
.ico-footer_sns.youtube { background-position: -200px 0px;}
.ico-footer_sns.tiktok { background-position: -250px 0px;}
.ico-footer_sns.band { background-position: -300px 0px;}

/* PRODUCT LIST*/
.product_list { display: flex; flex-wrap: wrap; width: 100%; overflow: hidden;}
.product_list>li { position: relative; float: left; width: 370px; background-color: #F4F4F4; cursor: pointer; padding: 40px; margin-right: 40px; margin-bottom: 40px; border: 1px solid #F4F4F4; }
.product_list>li:nth-child(4n) { margin-right: 0px;}

.product_list>li>.product_img { position: relative; display: block; width: 100%; height: 290px; overflow: hidden; margin-bottom: 20px;}
.product_list>li>.product_img img {width: 290px; height: 290px;  transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease -in-out;}
.product_list>li>div>span { position: absolute; right: 20px; top: 20px; display: inline-block; width: 48px; height: 30px; z-index: 2; background-image:url("https://www.pmi-korea.com/resources/image/common/icon_newflag.png"); background-size: 100%; }
.product_list>li>div>span.flag { }

.product_list>li h3 {width:80%; font-size: 16px; line-height:20px; color: #cd1619; margin-bottom: 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.product_list>li h2 {width:100%; min-height: 60px; max-height: 60px; font-size:24px; line-height:30px; font-weight: 500; color:#222;  margin-bottom: 10px;  overflow:hidden; text-overflow:ellipsis; word-break: keep-all; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2;}
.product_list .product_pay_text p { position: relative; width: 100%; text-align: right; font-size: 15px; line-height:30px; color:#888; padding-left: 90px; }
.product_list .product_pay_text p::before { position: absolute; left: 0px; top: 0px; font-size: 15px; line-height:30px; color:#888; content: ""; }

.product_list .product_pay_text p.pay, .product_list .product_pay_text p.team, .product_list .product_pay_text p.auto { font-size: 20px;}
.product_list .product_pay_text p.pay { color:#222;}
.product_list .product_pay_text p.team, .product_list .product_pay_text p.auto { color: #cd1619;}
.product_list .product_pay_text p.pay::before { content: "권장소비자가";}
.product_list .product_pay_text p.team::before { content: "팀파트너가";}
.product_list .product_pay_text p.point::before { content: "포인트";}
.product_list .product_pay_text p.auto::before { content: "오토십가";}
.product_list .product_pay_text p.gv::before { content: "GV";}

.product_list>li .product_btn {position: absolute; top: 380px; left: -1px; height:50px; overflow:hidden; text-align: center; z-index: 2; width: calc( 100% + 1px); background-color: #cd1619; opacity: 0; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out; transform:translateY(30px); -webkit-transform:translateY(30px); visibility: hidden;  display: flex; flex-wrap: wrap;}

.product_list>li .product_btn li { position: relative; width: 33%; margin-right: 0; padding: 0; display: block; height: 60px; }
.product_list>li .product_btn li:nth-child(1) {width: 34%; }
.product_list>li .product_btn li:nth-child(2):before { position: absolute; top: 20px; right: -1px; width: 1px; height: 12px; background-color: #FFF; content: "";}
.product_list>li .product_btn li select { width:100%; padding-left:20px; line-height:50px; height:50px; text-align:left; color: #FFF; background-color: #cd1619; background:  url("https://www.pmi-korea.com/resources/image/common/arrow_select03.png") no-repeat right center; margin: 0; border: 0;}
.product_list>li .product_btn li select option { color: #222;}
.product_list>li .product_btn li>a {display: inline-block; width: auto; height: 50px; text-align: center; line-height: 50px; font-size: 15px; color: #FFF; padding: 0 10px;}
.product_list>li .product_btn li>a:hover {color:#ffa1bb;}

.product_list>li .product_btn .goods_count { border: 0px; border: 1px solid #cd1619; width: 100%; height: 50px; border-radius: 0px;}
.product_list>li .product_btn .goods_count a, .product_list>li .product_btn .goods_count input { height: 48px; background-color: #FFF;}
.product_list>li .product_btn .goods_count input { color: #cd1619;}
.product_list>li .product_btn .goods_count input:focus { color: #ffa1bb;}
.product_list>li .product_btn .goods_count a:before, .product_list>li .product_btn .goods_count a:after { background-color: #cd1619;}
.product_list>li .product_btn .goods_count a:hover:before, .product_list>li .product_btn .goods_count a:hover:after { background-color: #ffa1bb;}
.product_list>li .product_btn .goods_count a:before { top: 25px;}
.product_list>li .product_btn .goods_count a:after { top: 21px;}


.product_list li.active { border: 1px solid #cd1619;}
.product_list li.active>.product_img img { scale: 1.1;}
.product_list li.active .product_btn { opacity: 1; visibility: visible; transform:translateX(0px); -webkit-transform:translateX(0px); }

.product_list>li.soldout:before { opacity: 1; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out; position: absolute; left: 0px; top: 0px; display: block; width: 100%; height: 100%; background-color:rgba(0,0,0,0.5); z-index: 10; content: "일시품절"; font-size: 30px; line-height:550px; color: #FFF; text-align: center; }
.product_list>li.soldout .soldout_btn { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; z-index: 15;}
.product_list>li .soldout_btn { display: none;}

.product_list>li.no_data { background-color: #FFF; margin: 0px; border: 0px; }
.product_list>li.no_data:hover { border: 0px;}

/*list*/
.product_list.list>li { display: flex; flex-wrap: wrap; align-items: center;  width:100%; min-height: 320px; margin-bottom:30px; margin-right: 0px; padding: 30px 50px 30px 380px; }
.product_list.list>li>div:nth-of-type(1) { width: 60%;}
.product_list.list>li>div { width: 40%;}
.product_list.list>li>a {width:150px; height:150px; font-size: 20px; line-height: 200px;}
.product_list.list>li .product_img {position: absolute; width:300px; height:300px; top: 50%; left: 20px; transform: translateY(-50%); transition: all 0s ease-in-out; -webkit-transition: all 0s ease -in-out;}
.product_list.list>li .product_btn li { width: 30%; }
.product_list.list>li .product_btn li:nth-child(1) {width: 40%; }
.product_list.list>li .product_img img {width:300px; height:300px; top: 0; left: 0; margin-left: 0; transition: all 0s ease-in-out; -webkit-transition: all 0s ease -in-out;}
.product_list.list>li:hover .product_img img {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease -in-out;}
.product_list.list>li>div>span { position: relative; right: auto; top: auto; margin-bottom: 20px; }

.product_list.list>li h3 {font-size: 18px; margin-bottom: 10px; }
.product_list.list>li h2 { min-height: auto; max-height: 80px; font-size:30px; line-height: 40px;}
.product_list.list .product_pay_text p { font-size: 20px; line-height:40px; padding-left: 200px; }
.product_list.list .product_pay_text p::before { font-size: 18px; line-height:40px;}
.product_list.list .product_pay_text p.pay, .product_list.list .product_pay_text p.team, .product_list.list .product_pay_text p.auto { font-size: 30px; font-weight: 500;}

.product_list.list>li .product_btn {top: auto; bottom: 30px; left: 380px; height:50px; width: 320px; border: 1px solid #FFF; }
.product_list.list li.active::before { position: absolute; left: 340px; top: 0px; bottom: 0px; right: 0px; background-color: #555; content: "";}
.product_list.list li.active p, .product_list.list li.active span { z-index: 1;}
.product_list.list li.active h2, .product_list.list li.active h3 { position: relative; color: #FFF; z-index: 1;}
.product_list.list li.active .product_pay_text p, .product_list.list li.active .product_pay_text p::before { color: #FFF;}
.product_list.list>li .product_btn .goods_count { border: 0px;}

.product_list.list>li.soldout:before { line-height:320px;}
.product_list.list>li.no_data { display: block;}
.product_list.list>li.no_data::before { display: none;}


/*SHOPPING DETAIL*/
.sub_content.shopping_detail { padding-top: 140px;}
.sub_content.shopping_detail .sub_title.center { position: absolute; top: 180px; left: 50%; transform: translateX(-50%); min-height: 20px; z-index: 10;}
.sub_content.shopping_detail .sub_title.center .line_map { justify-content: left; margin-bottom: 0px;}

.product_con.flow { position: fixed;  left: 50%; top: 150px; margin-left: 260px; overflow-y: auto; overflow-x: hidden; }
.product_con.flow.bottom { position: absolute; left: auto; top: auto; bottom: 40px; height: auto; margin-left: 0px; }
.product_con { position: absolute; top: 120px; right: 0px; width:540px; z-index: 11; background-color: #FFF; border: 1px solid #DDD; border-radius: 20px; padding: 50px 60px; }

@media only screen and (max-height:1080px) {
  .product_con.flow { overflow-y: scroll; height: calc(100% - 180px); max-height: 891px; padding-right: 42px; }
}


.product_con .share_btn { position: absolute; top: 20px; right: 20px; overflow: hidden; z-index:2;}
.product_con .share_btn>p { float: right; width: 60px; height: 60px; cursor:pointer; text-align: center; line-height: 60px; }
.product_con .share_btn .share_icon {background-image:url(https://www.pmi-korea.com/resources/image/common/icon_share.png); background-repeat: no-repeat; background-position: center center; display: block; width: 60px; height: 60px;}
.product_con .share_btn .share_over { position: relative; float: right; padding: 0 9px; background-color: #F4F4F4; font-size: 0px; margin-right: 10px; border-radius: 8px; margin-top: 10px; opacity: 0; visibility: hidden; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out; transform: translateX(20px);}
.product_con .share_btn .share_over a {opacity: 0.7;}
.product_con .share_btn .share_over a:hover {opacity: 1;}
.product_con .share_btn .share_over:after {content: ""; position: absolute; right: -12px; top: 50%; margin-top: -6px; width: 0px; height: 0px; border: 6px solid transparent; border-left-color: #F4F4F4;}
.product_con .share_btn .share_over.active {opacity: 1; visibility: visible; transform: translateX(0px); }

.ico-share {display:inline-block; width:40px; height:40px; background-image:url(https://www.pmi-korea.com/resources/image/common/icon_sns.png); background-repeat: no-repeat; background-size:440px 40px;overflow:hidden; text-indent:-9999px; vertical-align:middle; border-radius: 10px; }
.ico-share.url {background-position:-300px 0px;}
.ico-share.kakaotalk {background-position:0px 0px;}
.ico-share.kakaostory {background-position:-50px 0px;}
.ico-share.facebook {background-position:-100px 0px;}
.ico-share.blog {background-position:-150px 0px;}
.ico-share.band {background-position:-200px 0px;}
.ico-share.twitter {background-position:-250px 0px;}

.product_con .product_con_title { margin-bottom: 20px;}
.product_con .product_con_title p { display: block; font-size: 16px; line-height: 25px; color: #cd1619; word-break: keep-all; font-weight: 500; margin-bottom: 5px;}
.product_con .product_con_title h2 {display: block; font-size: 35px; line-height: 40px; color: #222; word-break: keep-all; font-weight: 700;}

.opt_box { position: relative; }
.opt_box .pay_box { padding-bottom: 10px;}
.opt_box .pay_box li { display: flex; margin-bottom: 10px;}
.opt_box .pay_box li p { font-size: 18px; line-height: 30px;}
.opt_box .pay_box li p span { font-size: 30px; font-weight: 700;}
.opt_box .pay_box li p.pay, .opt_box .pay_box li p.team, .opt_box .pay_box li p.auto { position: relative; padding-left:130px; margin-right: 15px;}
.opt_box .pay_box li p.point, .opt_box .pay_box li p.gv { line-height: 20px; padding-top: 10px;}
.opt_box .pay_box li p.point { color: #666;}
.opt_box .pay_box li p.gv { color: #cd1619;}
.opt_box .pay_box li p.pay::before, .opt_box .pay_box li p.team::before, .opt_box .pay_box li p.auto::before { position: absolute; left: 0px; top: 0px; width: 90px; height: 30px; border-radius: 10px; font-size: 13px; color: #FFF; line-height: 30px; text-align: center;}
.opt_box .pay_box li p.pay::before { background-color: #999; content: "권장소비자가";}
.opt_box .pay_box li p.team::before { background-color: #cd1619; content: "팀파트너가";}
.opt_box .pay_box li p.auto::before { background-color: #cd1619; content: "오토십가";}

.opt_box .pay_info { margin-bottom: 30px;}
.opt_box .pay_info li { position: relative; padding-left: 130px; margin-bottom: 10px; font-size: 16px; line-height: 30px; color: #666; }
.opt_box .pay_info li span { position: absolute; left: 0px; top: 0px; font-size: 15px; line-height: 30px; color: #999;}
.opt_box .pay_info li:last-child { margin-bottom: 0px;}
.opt_box .pay_info li.option { padding-left: 0px;}
.opt_box .pay_info li.option .select { padding-right: 35px; text-overflow:ellipsis;white-space:nowrap;}

.product_con .pay_total { position: relative; padding-top: 20px; padding-left: 130px; border-top: 1px solid #DDD; margin-bottom: 20px; }
.product_con .pay_total p { font-size: 18px; line-height: 40px; color: #222; text-align: right; }
.product_con .pay_total p>span { font-size: 35px; font-weight: 700;}
.product_con .pay_total>span { position: absolute; left: 0px; top: 20px; font-size: 16px; line-height: 40px; color: #222;}

.product_con ul.btn-set { margin-bottom: 20px;}
.product_con ul.btn-set .btn { height: 70px; line-height: 68px; font-size: 20px;}
.product_con ul.btn-set.set02>li:nth-child(1) { width: 347px;}
.product_con ul.btn-set.set02>li:nth-child(2) { width: 70px; padding-left: 0px;}
.product_con ul.btn-set .add_to_cart { position: relative; border: 2px solid #cd1619;}
.product_con ul.btn-set .add_to_cart i { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display:inline-block; width:30px; height:30px; background-image:url(https://www.pmi-korea.com/resources/image/common/icon_gnb.png); background-repeat: no-repeat; background-size:120px 120px; overflow:hidden; text-indent:-9999px; vertical-align:middle; background-position: -30px -90px; }

.product_con div.btn-set .soldout { margin-bottom: 20px;}

.opt_box>.goods_count { position: absolute; right: 0px; top: 40px; }
.opt_box>.select { position: absolute; right: 0px; top: 40px; width: 330px;}

.opt_box .opt_choice { width: 100%; max-height: 200px; overflow-y: auto; padding-bottom: 10px;}
.opt_box .opt_choice li { position: relative; background-color: #F4F4F4; margin-bottom: 10px; padding: 20px 180px 20px 20px; border-radius: 10px;}
.opt_box .opt_choice li h2 {display: block; width: 100%; font-size: 15px; color: #222; line-height: 20px; font-weight: 500; word-break: keep-all; }
.opt_box .opt_choice li .goods_count { position: absolute; right: 50px; top: 50%; transform: translateY(-50%);}
.opt_box .opt_choice a.delete {position: absolute; right: 13px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; }
.opt_box .opt_choice a.delete:before, .opt_box .opt_choice a.delete:after {position: absolute; right: 7px; top: 15px; width: 15px; height: 1px; background-color: #888; content: ""; }
.opt_box .opt_choice a.delete:before {transform: rotate(-45deg);}
.opt_box .opt_choice a.delete:after {transform: rotate(45deg);}
.opt_box .opt_choice a.delete:hover:before, .opt_box .opt_choice a.delete:hover:after { background-color: #222;}

.goods_count { display: flex; width: 120px; height: 40px; border: 1px solid #ddd; border-radius: 20px; overflow: hidden; }
.goods_count input {float: left; width: 40px; height: 38px; text-align: center; padding:0px;border: 0px; border-radius: 0px;}
.goods_count a { position: relative; float: left; display: inline-block; width: 39px; height: 38px; background-color: #FFF; }
.goods_count a:hover { background-color: #F4F4F4;}
.goods_count a:before, .goods_count a:after { position: absolute; background-color: #222; content: ""; }
.goods_count a:before { left:15px; top: 19px; width: 9px; height: 1px; }
.goods_count a:after { left:19px; top: 15px; width: 1px; height: 9px; }
.goods_count a:nth-child(1):after { display: none;}

.goods_count.active { border-color: #004687; background-color: #004687;}
.goods_count.active a, .goods_count.active input { background-color: #004687; }
.goods_count.active input {  color: #FFF;}
.goods_count.active a:hover { background-color: #003a6f;}
.goods_count.active a:before, .goods_count.active a:after { background-color: #FFF; }

.product_detail { position: relative; width: 100%; padding-top: 120px; padding-bottom: 240px; }
.product_detail:before { position: absolute; left: -100%; top: 0px; width: 300%; height: 100%;  background-color: #F4F4F4; content: ""; z-index: -1;}

.product_detail .product_img { position:relative; width: 650px; height: 650px; z-index: 5; margin-left: 175px;}
.product_detail .product_img img {width:650px; height:650px;}
.product_detail .product_img>span { position: absolute; right: 20px; top: 20px; display: inline-block; width: 60px; height: 40px; z-index: 2; background-image:url("https://www.pmi-korea.com/resources/image/common/icon_newflag.png"); background-size: 100%;}
.product_detail .product_img>span.flag { }

.product_detail .another { position:absolute; left: 175px; bottom: 100px; display: flex; justify-content: center; width: 650px; z-index: 10; }
.product_detail .another { overflow: hidden;}
.product_detail .another li { display: block; width: 104px; height: 104px; cursor:pointer; margin-right: 10px; background-color: #FFF; border: 2px solid #FFF; overflow: hidden; border-radius: 10px;}
.product_detail .another li:last-child { margin-right: 0px;}
.product_detail .another li img {width: 100px; height: 100px; transform:scale(1); -webkit-transform:scale(1); transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease-in-out; overflow: hidden;}
.product_detail .another li:hover img {transform:scale(1.1); -webkit-transform:scale(1.1);}
.product_detail .another li.active {border: 2px solid #cd1619;}


.product_detail .auto_info { width: 1000px; background-color: #FFF; padding: 40px; border-radius: 10px;}
.product_detail .auto_info h2 { font-size: 20px; color: #222; line-height: 20px; font-weight: 500; margin-bottom: 20px;}
.product_detail .auto_info p { margin-bottom: 5px;}
.product_detail .auto_info p:last-child { margin-bottom: 0px;}

.shopping_tab_menu.auto>div a { width: 100%;}

/*SHOPPING DETAIL TEB*/
.shopping_tab_menu { position: absolute; width:100%; padding-top: 140px; }
.shopping_tab_menu>div { position: relative; width: 1600px; overflow: hidden; margin: 0 auto; z-index: 1; background-color: rgba(255,255,255,0.9); padding-right: 600px; display: flex; }
.shopping_tab_menu>div a { position: relative; width: 33.3%; display: block; height:60px; font-size:20px; line-height: 60px; color: #888; font-weight: 500; border-bottom: 1px solid #DDD; text-align: center; }
.shopping_tab_menu>div a:hover { color: #222; }
.shopping_tab_menu>div a.active { color: #222; }
.shopping_tab_menu>div a.active::before { position: absolute; left: 0px; bottom: -1px; width: 100%; height: 2px; background-color: #222; content: "";}
.shopping_tab_menu.flow { position: fixed; left: 0px; top: 0px; z-index: 10; }

/*SHOPPING DETAIL TEB CON*/
.product_info { position: relative; width: 1000px; min-height: 600px; padding-top: 240px; margin-bottom: 120px; }

.shopping_tab_con .view_detail { display: none; width:1000px; min-height:50px; margin:0 auto; margin-bottom:60px;
  word-wrap: break-word; /* Internet Explorer 5.5+ */
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-break:break-all;
  /* white-space: pre-line; /* CSS3*/}
.shopping_tab_con .view_detail iframe { width: 1000px; height: 563px;}
.shopping_tab_con .view_detail  img {width: 100%;}

/*PRODUCT DATAIL TABLE*/
.shopping_tab_con .view_detail.delivery>h2 { font-size:22px; color:#333; padding:30px; line-height:30px; font-weight:700; text-align:left;}
.shopping_tab_con .view_detail.delivery table { width:100%; border-top:1px solid #000; }
.shopping_tab_con .view_detail.delivery th { font-size:15px; color:#000; font-weight:600; line-height:25px; padding:15px 0px; vertical-align:top; border-bottom:1px solid #DDD; text-align:left; padding-left:30px; word-break: keep-all; }
.shopping_tab_con .view_detail.delivery td { font-size:15px; color:#666; line-height:25px; padding:15px 0px; vertical-align:top; border-bottom:1px solid #DDD; text-align:left; padding-left:30px; word-break: keep-all;}

/*OPEN DETAILS 임시*/
/* .view_detail .open_details { border-top: 1px solid #DDD;} */
.view_detail .open_details li { border-bottom: 1px solid #DDD;}
.view_detail .open_details li>a { position: relative; display: block; width: 100%; padding: 30px; font-size: 22px; color: #888; line-height: 30px; font-weight: 700; cursor: pointer;}
.view_detail .open_details li>a i { position: absolute; right: 30px; top: 50%; transform: translateY(-50%); display: inline-block; width: 17px; height: 16px; background-image: url("https://www.pmi-korea.com/resources/image/common/icon_faq.png"); background-repeat: no-repeat; background-position: center; opacity: 0.3; }
.view_detail .open_details li>a.active { color: #222; border-bottom: 1px solid #222;}
.view_detail .open_details li>a.active i {background-image: url("https://www.pmi-korea.com/resources/image/common/icon_faq.png"); transform: rotate(-180deg) translateY(50%); opacity: 1;}
.view_detail .open_details li>a:hover { background-color: #f3f6f9;}
.view_detail .open_details li>a.active:hover { background-color: #FFF;}

.view_detail .open_details li>div { display: none; padding: 20px 30px;}
.view_detail .open_details li>div h2 { font-size: 18px; line-height: 30px; color: #222; font-weight: 500; margin-bottom: 10px;}
.view_detail .open_details li>div h3 { position: relative; font-size: 18px; line-height: 30px; color: #222; font-weight: 500; margin-bottom: 20px; padding-left: 20px;}
.view_detail .open_details li>div h3>span { position: absolute; left: 0px;}
.view_detail .open_details li>div p { font-size: 16px; line-height: 25px; color: #888; font-weight: 300; margin-bottom: 20px; word-break: keep-all;}
.view_detail .open_details li>div p span { font-size: 15px; word-break: keep-all;}

/*SHOPPING PRODUCT LIKE*/
.product_like>h2 { font-size: 40px; line-height: 40px; margin-bottom: 60px; color: #222; font-weight: 700;}
.product_like { width: 1000px;}
.product_like .product_list li { width: 320px; margin-right: 20px;}
.product_like .product_list li:nth-child(3n) { margin-right: 0px;}
.product_like .product_list>li>.product_img { height: 240px;}
.product_like .product_list>li>.product_img img { width:240px; height: 240px;}

/*CART*/
.cart_wrap { position: relative; padding-right:480px; min-height: 510px; }

.cart_list { width: 100%; margin-bottom:40px; }
.cart_list>li { position: relative; display: block; min-height: 180px; padding:50px 400px 50px 220px; border-bottom: 1px solid #DDD; text-align: left;}
.cart_list>li.top_select>p, .cart_list>li>.check_box + label,.cart_list>li>.product_img, .cart_list>li .goods_count, .cart_list>li .pay_box,.cart_list>li .count_text {position: absolute; top: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.cart_list>li.top_select { min-height:60px; padding:30px 0px 30px 0px; text-align: right; border-top: 1px solid #222;}
.cart_list>li.top_select>p {position: absolute; left: 0px; }
.cart_list>li.top_select a { position: relative; padding: 0px 20px; font-size: 16px; color: #666;}
.cart_list>li.top_select a:first-child::before { position: absolute; right: -2px; top: 5px; width: 1px; height: 16px; background-color: #DDD; content: "";}
.cart_list>li.top_select a:hover { color: #004687;}

.cart_list>li>.check_box + label { left: 0px; }
.cart_list>li>.product_img { left: 40px; width: 140px; height: 140px; background-color: #F4F4F4;}
.cart_list>li>.product_img img{width: 140px; height: 140px;}
.cart_list>li .goods_count {position: absolute; right: 260px; }

.cart_list>li .count_text {position: absolute; right: 260px; width: 120px; font-size: 20px; color: #888; text-align: center; }
.cart_list>li .count_text>span { font-size: 20px; }

.cart_list>li>.text span { display: inline-block; font-size: 16px; color: #666; text-align: left; margin-bottom: 5px;}
.cart_list>li>.text>p { display: block; font-size: 16px; color: #004687; text-align: left; font-weight: 500; margin-bottom: 5px;}
.cart_list>li>.text>h2 {position: relative; width: auto; font-size: 24px; color: #222; line-height: 30px; text-align: left; font-weight: 700; word-break: keep-all; margin-bottom: 5px;}

.cart_list>li .pay_box {right: 40px; width: 200px; text-align: right; }
.cart_list>li .pay_box p { position: relative; display: block;}
.cart_list>li .pay_box p.pay { font-size: 24px; color: #222; line-height: 40px; font-weight: 700;}
.cart_list>li .pay_box p.point, .cart_list>li .pay_box p.gv { display: inline-block; font-size: 16px; color: #666; line-height: 40px; }
.cart_list>li .pay_box p.gv { position: relative; display: inline-block; padding-left: 15px; }
.cart_list>li .pay_box p.gv::before { position: absolute; top: 0px; left: 0px; content: "/";}

.cart_list>li a.close {position: absolute; right: 20px; top: 20px; width: 30px; height: 30px; }
.cart_list>li a.close:before, .cart_list>li a.close:after {position: absolute; right: 7px; top: 15px; width: 15px; height: 1px; background-color: #888; content: ""; }
.cart_list>li a.close:before {transform: rotate(-45deg);}
.cart_list>li a.close:after {transform: rotate(45deg);}
.cart_list>li a.close:hover:before, .cart_list>li a.close:hover:after { background-color: #222;}

.content_box .cart_list li.no_data { padding: 220px 0px; background-position: center 120px;}
.content_box .cart_list li.no_data p { margin-bottom: 20px;}

.cart_list>li.soldout .text span, .cart_list>li.soldout .text p, .cart_list>li.soldout .text h2, .cart_list>li.soldout p.pay, .cart_list>li.soldout p.point, .cart_list>li.soldout .count_text, .cart_list>li.soldout .pay_box p.gv  {text-decoration:line-through; color: #888;}
.cart_list>li.soldout .pay_box .price {color: #888;}
.cart_list>li.soldout .goods_count, .cart_list>li.soldout .goods_select, .cart_list>li.soldout>.check_box + label { display: none;}
.cart_list>li.soldout .text:before { display: inline-block; font-size:15px; color: #c90000; content: "[일시품절]"; margin-right: 5px; }

/*소비자주문전달*/
.cart_list.shopping>li { padding-right: 40px; padding-left: 180px;}
.cart_list.shopping>li .pay_box { position: relative; right: auto; top: auto; transform: translateY(0px); width: auto; text-align: left; padding: 0px; margin-bottom: 0px;}
.cart_list.shopping>li .pay_box p { display: inline-block; margin-left: 10px; }
.cart_list.shopping>li .pay_box p:first-child { margin-left: 0px;}
.cart_list.shopping>li>.goods_count { right: 40px;}
.cart_list.shopping>li .option_select { position: absolute; top: 90px; right: 40px; width: 380px; }
.cart_list.shopping>li>.product_img { left: 0px;}
.cart_list.shopping>li .opt_box { margin-top: 30px;}

.cart_list.resale>li .count_text {right: 130px;}

.cart_quick { position: absolute; top: 0px; right: 0px; width: 400px; overflow: hidden; border: 1px solid #DDD; padding:40px 30px; border-radius: 20px; }

.cart_quick.flow { position: fixed;  left: 50%; top: 140px; margin-left: 400px; }
.cart_quick.flow.bottom { position: absolute; left: auto; top: auto; bottom: 0px; margin-left: 0px; }
.cart_quick>h2 { font-size: 24px; line-height: 30px; color: #222; text-align: left; font-weight: 700; margin-bottom: 20px;}
.cart_quick>ul { width: 100%; overflow: hidden; padding-bottom: 20px; border-bottom: 1px solid #DDD; margin-bottom: 10px;}
.cart_quick>ul>li { float: left; line-height: 40px;}
.cart_quick>ul>li:nth-child(1n) { width: 30%; font-size: 16px; color: #666; text-align: left;}
.cart_quick>ul>li:nth-child(2n) { width: 70%;  font-size: 16px; color: #222; text-align: right;}
.cart_quick>ul>li:nth-child(2n)>span { font-size:22px; font-weight: 700; margin-right: 5px; }
.cart_quick .total_pay { position: relative; width: 100%; padding-left: 100px; line-height: 40px; margin-bottom: 20px;}
.cart_quick .total_pay>span { position: absolute; left: 0px; bottom: 0px; font-size:16px; line-height: 40px; color: #666; }
.cart_quick .total_pay>h2 { font-size: 16px; color: #222; text-align: right;}
.cart_quick .total_pay>p { font-size:22px; color: #222; text-align: right; font-weight: 500; }
.cart_quick .total_pay>p>span {font-size:30px; font-weight: 700; }
.cart_quick .btn { height: 70px; line-height: 68px; font-size: 20px;}

.cart_quick .agree_btn { position: relative; min-height: 58px; padding-top: 20px; margin-bottom: 10px; border-top: 1px solid #DDD;}
.cart_quick .agree_btn>.btn_arrow { position: absolute; bottom: 10px; right: 15px; }

.card_info_pop img { width: 600px;}

/*PRODUCT INFO BOX*/
.info_box { width: 100%; overflow: hidden; text-align: left; margin-top: 60px; }
.info_box li { position: relative; float: left; margin-bottom: 30px;}
.info_box h2 { font-size: 18px; line-height: 30px; color: #333; margin-bottom: 10px;}
.info_box p { position: relative; padding-left: 15px; color: #888; font-size: 14px; }
.info_box p:before { position: absolute; left: 3px; top: 8px; width: 3px; height: 3px; background-color: #999; content: "";}
.info_box li .btn { position: absolute; top: 0px; left: 165px; width: 180px; font-size: 12px; height: 30px; line-height: 26px;}
.info_box li .btn.premium { left: 190px;}

/*ORDER*/
.cart_list.order {margin-bottom: 80px; border-top: 1px solid #222; border-bottom: 1px solid #DDD; padding: 20px 0px;}
.cart_list.order>li { min-height: 140px; padding:40px 400px 40px 180px; border-bottom: 0px; }
.cart_list.order>li>.product_img { left: 0px;}

.order_info_list {position: relative; width:100%; padding-left: 320px; padding-bottom: 20px; border-bottom: 1px solid #DDD; margin-bottom: 60px; }
.order_info_list>h2 { position: absolute; left: 0px; top: 0px; font-size: 40px; line-height: 50px; color: #222; font-weight: 300;}
.order_info_list ul { overflow: hidden;}
.order_info_list li { position: relative; float: left; width: 100%; margin-bottom: 30px; padding-right: 120px; }
.order_info_list li.half { width: 50%; padding-right: 0px;}
.order_info_list li h2 { font-size: 18px; line-height: 25px; color: #222; font-weight: 500; margin-bottom: 10px; }
.order_info_list li h2 span, .order_info_list li p span, .order_info_list li h3 span, .order_info_list li h4 span { position: relative; margin-left: 15px; padding-left: 15px; font-weight: 300; }
.order_info_list li h2 span::before, .order_info_list li p span::before, .order_info_list li h3 span::before, .order_info_list li h4 span::before { position: absolute; left: -1px; top: 5px; width: 1px; height: 16px; background-color: #DDD; content: ""; }
.order_info_list li p,.order_info_list li h3 { font-size: 16px; line-height: 25px; color: #222; font-weight: 300; margin-bottom: 10px; }
.order_info_list li h3 { color: #666;}
.order_info_list li h2 span { font-weight: 500;}
.order_info_list li h4 { font-size: 16px; line-height: 25px; color: #666; font-weight: 300; margin-bottom: 10px; margin-top: 30px; }
.order_info_list li h4 span { color: #222;}
.order_info_list .btn { position: absolute; top: 0px; right: 20px; width: 100px;}



.order_form {position: relative; width:100%; padding-left: 320px; }
.order_form>h2 { position: absolute; left: 0px; top: 0px; font-size: 40px; line-height: 50px; color: #222; font-weight: 300;}
.order_form .tab_menu { left: 0px; transform: translateX(0px);}

.order_add_list>li { position: relative; width: 100%; padding-left: 70px; padding-right: 140px; margin-bottom:40px;}
.order_add_list>li .radio_box + label { height: 25px; font-size: 18px; font-weight: 500; color: #222; margin-right:5px; background-image: none; padding-left: 0px; margin-bottom: 10px;}
.order_add_list>li .radio_box + label i { position: absolute; top: 50%; left: 0px; transform: translateY(-50%); width:36px; height: 36px; background-color: #DDD; border-radius: 50%; content: ""; background-image:url(https://www.pmi-korea.com/resources/image/common/icon_check_jointype_on.png); background-repeat: no-repeat; background-position: center center; }
.order_add_list>li .radio_box:checked + label i { background-color: #004687;}
.order_add_list>li>span { display: inline-block; height: 25px; border: 1px solid #DDD;  font-size: 14px; color: #999; line-height: 23px; vertical-align:middle; border-radius: 5px; padding: 0px 10px; margin-bottom: 10px;}
.order_add_list>li>span.font_blue { border-color: #004687; color: #004687;}

.order_add_list>li p,.order_add_list>li h2 { font-size: 16px; line-height: 25px; color: #666; font-weight: 400; margin-bottom: 10px; word-break: keep-all; }
.order_add_list>li p span, .order_add_list>li h2 span { position: relative; margin-left: 15px; padding-left: 15px; }
.order_add_list>li p span::before, .order_add_list>li h2 span::before { position: absolute; left: -1px; top: 5px; width: 1px; height: 16px; background-color: #DDD; content: ""; }
.order_add_list>li p span:first-child, .order_add_list>li h2 span:first-child { margin-left: 0px; padding-left: 0px; }
.order_add_list>li p span:first-child:before, .order_add_list>li h2 span:first-child:before { display: none;}
.order_add_list>li h2 { font-size: 17px; color: #222;}
.order_add_list>li .order_add_btn { position: absolute; top: 50%; right: 0px; display: flex; width: 130px; transform: translateY(-50%); border: 1px solid #DDD; border-radius: 20px; overflow: hidden;}
.order_add_list>li .order_add_btn a { position: relative; width: 50%; height: 38px; font-size: 14px; line-height: 38px; color: #222; font-weight: 400; text-align: center; }
.order_add_list>li .order_add_btn a::before{ position: absolute; left: -1px; top: 12px; width: 1px; height: 16px; background-color: #DDD; content: ""; }
.order_add_list>li .order_add_btn a:first-child::before { display: none;}
.order_add_list>li .order_add_btn a:hover { color: #004687; background-color: #F4F4F4;}

.order_add_text {position: relative; width:100%; padding-left: 320px; padding-bottom: 40px; border-bottom: 1px solid #DDD; margin-bottom: 60px; }
.order_add_text li {margin-bottom: 20px; }
.order_add_text li .inp-txt { margin-top: 20px;}

.order_add_new>li { margin-bottom: 30px;}
.order_add_new>li input[type="checkbox"] + label { font-size: 16px;}

.order_pay_form {position: relative; width:100%; padding-left: 320px; padding-bottom: 30px; border-bottom: 1px solid #DDD; margin-bottom: 60px; }
.order_pay_form>h2 { position: absolute; left: 0px; top: 0px; font-size: 40px; line-height: 50px; color: #222; font-weight: 300;}

.order_pay_menu {  overflow: hidden; padding-bottom: 20px;}
.order_pay_menu input[type="radio"] {display: none;}
.order_pay_menu input[type="radio"] + label { position: relative; float: left; display: inline-block; width: 23.5%; height: 110px; border: 1px solid #DDD; font-size: 16px; line-height: 20px; text-align: center; color: #666; cursor: pointer; font-weight: 500; padding: 60px 0px 0px 0px;  margin-right: 2%; margin-bottom: 20px; box-sizing: border-box; background-image: none; border-radius: 10px; }
.order_pay_menu input[type="radio"]:nth-of-type(4n) + label { margin-right: 0px;}
.order_pay_menu input[type="radio"] + label i { position: absolute; top: 20px; left: 50%; transform: translateX(-50%); width: 60px; height: 40px; background-image:url(https://www.pmi-korea.com/resources/image/common/pay_icon.png); background-size:420px 80px; background-repeat: no-repeat; }
.order_pay_menu input[type="radio"] + label:hover { background-color: #F4F4F4; color: #222;}
.order_pay_menu input[type="radio"]:checked + label { background-color: #004687; border-color: #004687; color: #FFF;}
.order_pay_menu input[type="radio"].kakao_pay:checked + label { background-color: #ffeb00; border-color: #ffeb00; color: #222;}
.order_pay_menu input[type="radio"].naver_pay:checked + label { background-color: #00de5a; border-color: #00de5a; color: #222;}

.order_pay_menu i.type01{background-position: 0px 0px;}
.order_pay_menu i.type02{background-position: -60px 0px;}
.order_pay_menu i.type03{background-position: -120px 0px;}
.order_pay_menu i.type04{background-position: -180px 0px;}
.order_pay_menu i.type05{background-position: -240px 0px;}
.order_pay_menu i.type06{background-position: -300px 0px;}
.order_pay_menu i.type07{background-position: -360px 0px;}
.order_pay_menu input[type="radio"]:checked + label i.type01{background-position: 0px -40px;}
.order_pay_menu input[type="radio"]:checked + label i.type02{background-position: -60px -40px;}
.order_pay_menu input[type="radio"]:checked + label i.type03{background-position: -120px -40px;}
.order_pay_menu input[type="radio"]:checked + label i.type04{background-position: -180px -40px;}
.order_pay_menu input[type="radio"]:checked + label i.type05{background-position: -240px -40px;}
.order_pay_menu input[type="radio"]:checked + label i.type06{background-position: -300px -40px;}
.order_pay_menu input[type="radio"]:checked + label i.type07{background-position: -360px -40px;}

.pay_box { padding-top: 10px; margin-bottom: 10px; }
.pay_box input[type="checkbox"] {display: none;}
.pay_box input[type="checkbox"] + label {display: inline-block; width: 165px; height: 50px; border: 1px solid #DDD; font-size: 16px; line-height: 50px; margin-right: 10px; text-align: center; color: #666; vertical-align: top; cursor: pointer; font-weight: 700;}
.pay_box input[type="checkbox"]:checked + label { background-color: #004687; color: #FFF; border-color:#004687;  }

.pay_box input[type="checkbox"].naver_pay + label {background-image:url(..//image/common/pay_icon.png); background-size:100px 200px; background-position: center -100px; background-repeat: no-repeat; background-color: #FFF; }
.pay_box input[type="checkbox"].naver_pay:checked + label { background-position: center -150px; border-color:#00c73c;  }
.pay_box input[type="checkbox"].kakao_pay + label {background-image:url(..//image/common/pay_icon.png); background-size:100px 200px; background-position: center 0px; background-repeat: no-repeat; background-color: #FFF; }
.pay_box input[type="checkbox"].kakao_pay:checked + label {background-position: center -50px; background-color: #fae100; border-color:#fae100; }
.pay_box input[type="checkbox"].last_pay + label {margin-right: 0px; }

.cardnum_input>li { margin-bottom: 30px;}
.cardnum_input>li h2 { font-size: 20px; margin-bottom: 20px;}

.cardnum_input.two>li { margin-bottom: 30px;}
.cardnum_input.two>li:nth-child(4) { border-bottom: 1px solid #DDD; padding-bottom: 40px; margin-bottom: 40px;}
.cardnum_input.two>li h3 { font-size: 18px; line-height: 30px; color: #004687; text-align: center;}
.cardnum_input.two>li h3 span { font-size: 30px; font-weight: 700; margin-right: 5px;}
.cardnum_input.two>li h3 span:nth-child(1) { font-size: 18px; color: #222; font-weight: 500; margin-right: 30px;}

.order_pay_form .info_box { padding: 40px 40px 10px 40px; background-color: #F4F4F4; border-radius: 10px; margin-top: 0px; margin-bottom: 30px;}
.order_pay_form .info_box p { word-break: keep-all; font-size: 14px; margin-bottom: 5px; }

/*ORDER OK / VIEW*/
.order_ok_box { position: relative; width: 100%; border-top: 1px solid #222; border-bottom: 1px solid #222; padding:80px 0px;}
.order_ok_box img { width:235px; margin-bottom: 40px;}
.order_ok_box h2 { font-size: 30px; line-height: 30px; color: #222; margin-bottom: 20px; }
.order_ok_box h2 span { font-weight: 700;}
.order_ok_box p { display: inline-block; font-size: 20px; line-height: 30px; color: #999;  margin-left: 50px;}
.order_ok_box p:first-of-type { margin-left: 0px;}
.order_ok_box p span { position: relative; margin-left: 20px; padding-left: 20px; color: #222;}
.order_ok_box p span:before{ position: absolute; left: -1px; top: 5px; width: 1px; height: 20px; background-color: #DDD; content: ""; }

.order_ok_box .btn-set { position: absolute; top: 50%; transform: translateY(-50%); right: 20px; }
.order_ok_box div.btn-set { width: 200px;}
.order_ok_box div.btn-set .btn { margin-left: 0px; margin-bottom: 20px; }
.order_ok_box div.btn-set .btn:last-child { margin-bottom: 0px;}

.order_ok_box ul.btn-set { display: inline-flex; justify-content: right;}
.order_ok_box ul.btn-set .btn { width: 120px;}
.order_ok_box ul.btn-set h3 { display: block; font-size: 16px; margin-bottom: 5px; color: #999; }
.order_ok_box ul.btn-set p { display: block; font-size: 18px; margin-bottom: 10px; color: #222;}


.tab_menu {position: relative; left: 50%; transform: translateX(-50%); display: inline-flex; width: auto; background-color: #EEE; overflow: hidden; margin-bottom: 40px; border-radius: 30px;}
.tab_menu a { position: relative; width: auto; height: 60px;  display: block; float: left; font-size:18px; line-height: 60px; color: #666; text-align: center; background-color: #EEE; padding: 0px 60px; }
.tab_menu a:hover { color: #222;  }
.tab_menu a.active { color: #FFF; background-color: #004687;}
.tab_menu a.disable { cursor: default;}

#tab_con>div { display: none;}
#tab1_con>div { display: none;}
#tab2_con>div { display: none;}
#tab3_con>div { display: none;}
#tab4_con>div { display: none;}

#tab_con>ul { display: none;}
#tab1_con>ul { display: none;}
#tab2_con>ul { display: none;}
#tab3_con>ul { display: none;}
#tab4_con>ul { display: none;}


/* BOARD WRITE */
.board_write_con { width:1600px; padding:0px 0px 60px; min-height:100px; border-bottom:1px solid #DDD; margin-bottom: 60px;
  word-wrap: break-word; /* Internet Explorer 5.5+ */
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-break:break-all;
  /* white-space: pre-line; /* CSS3*/}
.board_write_con img { max-width: 100%;}


/* PAGING */
.paging {width:100%; text-align:center; vertical-align:middle;}
.paging a {width:40px; height:40px; display:inline-block; color:#999; font-size:16px; line-height:38px; vertical-align:top; text-decoration:none; font-weight: 400;}
.paging a:hover { color:#004687;}
.paging a.btn_com {background:url("https://www.pmi-korea.com/resources/image/common/page_arrow.png") no-repeat; transition:all 0s  ease-in-out; -webkit-transition:all 0s ease -in-out;}
.paging a.first {background-position: 0 0; background-color: #fff; }
.paging a.first:hover {background-position: 0 -40px;}
.paging a.prev {margin-right:2px; margin-left:2px; background-position:-40px 0; background-color: #fff; }
.paging a.prev:hover {background-position: -40px -40px;}
.paging a.next {margin-right:2px; margin-left:2px; background-position:-80px 0; background-color: #fff; }
.paging a.next:hover {background-position: -80px -40px;}
.paging a.last {background-position:-120px 0; background-color: #fff; }
.paging a.last:hover {background-position: -120px -40px;}
.paging .active {color:#004687; font-weight: 500;}
.paging .active:hover {color:#004687;}

/* Layer_POPUP */
.layer_pop_wrapper { opacity: 0; position: fixed; left: 0px; top: 0px; width:100%; height:100%; background-color:rgba(0,0,0,0.65); z-index: 100; visibility: hidden; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out;}
.layer_pop_wrapper.active { opacity: 1; visibility: visible; z-index: 100; }
.layer_pop_wrapper.active .layer_popup .pop_title .close {opacity: 1; transform:rotate(0deg);}

.layer_popup { position: relative; display: inline-flex; flex-direction: column; min-width: 600px; max-width: 1200px; min-height: 100px; max-height: 80%; left: 50%; top: 50%; background-color:#FFF; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); padding:40px 50px 50px; border-radius:15px;}

.layer_popup .pop_title { position: relative; width: 100%; }
.layer_popup .pop_title h1 {width: 100%; font-size: 26px; line-height: 30px; padding: 11px 60px 20px 0px; text-align: left; border-bottom:solid 2px #222; word-break: keep-all; box-sizing: border-box; }
.layer_popup .pop_title .close { position: absolute; top: 0px; right: 0px; display: block; width: 50px; height: 50px; background-image:url("https://www.pmi-korea.com/resources/image/common/icon_pop_close02.png"); background-repeat: no-repeat; background-position: top center; opacity: 0; transform:rotate(45deg); transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out; z-index: 10;}
.layer_popup .pop_title.bb_none h1 {border-bottom:none;}

.layer_popup .pop_content { height: calc(100% - 70px); overflow-y: auto; padding: 20px 0px;}

.layer_pop_wrapper.shopping_detail .layer_popup { max-width: 1240px;}
.layer_pop_wrapper.shopping_detail .layer_popup .pop_content { padding: 0px;}

/* POPUP */
.pop_wrapper {position: relative; padding: 10px 30px 30px; }
.pop_wrapper .pop_title { position: relative; width: 100%; }
.pop_wrapper .pop_title h1 {width: 100%; font-size: 24px; line-height: 30px; padding: 10px 60px 20px 0px; text-align: left; border-bottom:solid 2px #222; word-break: keep-all; box-sizing: border-box; }
.pop_wrapper .pop_title .close { position: absolute; top: 0px; right: 0px; display: block; width: 50px; height: 50px; background-image:url("https://www.pmi-korea.com/resources/image/common/icon_pop_close02.png"); background-repeat: no-repeat; background-position: top center; z-index: 10;}

.pop_wrapper .pop_content { padding: 20px 0px;}
.pop_wrapper .pop_content .list_table, .layer_popup .pop_content .list_table { width: 100%; margin-bottom: 40px;}
.pop_wrapper .pop_content .list_table:last-child, .layer_popup .pop_content .list_table:last-child {margin-bottom: 0px;}
.pop_wrapper .pop_content .list_table th, .pop_wrapper .pop_content .list_table td, .layer_popup .pop_content .list_table th, .layer_popup .pop_content .list_table td{ font-size: 13px; line-height: 20px; padding: 15px 0px; }
.pop_wrapper .pop_content .list_table th, .layer_popup .pop_content .list_table th { border-top: 0px;}
.pop_wrapper .pop_content .list_table td.left, .layer_popup .pop_content .list_table td.left {text-align: left; padding-left: 10px;}
.pop_wrapper .pop_content .content_top, .layer_popup .pop_content .content_top { width: 100%; margin-bottom: 20px;}
.pop_content .list_table td.no_data {padding: 80px 0; font-size: 15px; color: #999; }

/*LIST TABLE*/
.list_table {width: 100%; margin-bottom: 80px; }
.list_table th {font-size: 16px; color: #222; line-height: 25px; padding: 30px 0 ; text-align: center; border-top: 1px solid #ddd; border-bottom: 1px solid #222; }
.list_table td {font-size: 16px; color: #666; line-height: 25px; padding: 30px 0 ; text-align: center; border-bottom: 1px solid #ddd; }
.list_table th.left,.list_table td.left {text-align: left; padding-left: 20px;}
.list_table th.right,.list_table td.right {text-align: right; padding-right: 20px;}
.list_table td.no_data {padding: 80px 0; font-size: 16px; color: #999; }
.list_table tr.active:hover td {background-color: #f3f6f9; cursor: pointer;}

.list_table td.in_table { padding: 0px; border-bottom: 0px;}
.list_table td.in_table>div {padding: 20px 60px 50px; border: 1px solid #004687; border-radius: 0px 0px 10px 10px; overflow: hidden;  }
.list_table td.in_table table {width: 100%; }
.list_table td.in_table th {font-size: 15px; padding: 15px 0; border-top: 0px; }
.list_table td.in_table td {padding: 15px 0; }

/* footer 약관 */
.terms>div {margin-bottom:60px; }
.terms>div.center_text h2 { text-align: center; font-size: 30px; margin-bottom: 30px;}
.terms>div.center_text p { text-align: center; color: #666;}
.terms>div.box_grey {width: 100%; padding:40px; border: 1px solid #ddd; }
.terms>div.box_grey>h2 { font-size:16px; line-height: 25px; color: #222; font-weight:500; margin-bottom: 0; }
.terms>div.box_grey>a { display: block; text-align: left; }
.terms>div a { font-size:16px; line-height: 25px; color: #004687; font-weight:500; }
.terms>div>h2 {font-size:22px; line-height: 30px; color: #222; text-align: left; font-weight:500; margin-bottom: 30px; }
.terms>div>h3 {font-size:16px; line-height: 25px; color: #000; text-align: left; font-weight:400; margin-bottom:15px; }
.terms>div>p {font-size:16px; line-height: 25px; color: #666; text-align: left; font-weight:400;   margin-bottom:15px; word-break:keep-all; }
.terms>div>p span { display: block; padding-left: 20px;}
.terms>div ul {padding-left:20px; margin-bottom:20px; margin-left: 5px; }
.terms>div ul>li {font-size:15px; line-height:25px; color: #666; text-align: left; font-weight:400; word-break:keep-all; list-style: disc; margin-bottom: 5px; }
.terms>div ul>li::marker {  font-size: 10px; }
.terms table.view_table01 {width: 100%; border-top: 1px solid #DDD; border-left:1px solid #DDD; margin-bottom:30px;}
.terms table.view_table01 td.left { text-align: left; padding-left: 20px;}
.terms table.view_table01 th, .terms table.view_table01 td { font-size: 16px; line-height: 25px; color: #222; border-bottom: 1px solid #DDD; text-align: center; border-right:1px solid #DDD; padding: 15px 10px;}
.terms table.view_table01 th { background-color: #F4F4F4;}
.terms table.view_table01 td { font-size: 15px; color: #666;}

.privacy_policy .select { width: 400px;}

/* popup 약관 */
.pop_content>.terms>div {margin-bottom:20px; }
.pop_content>.terms>div.box_grey {padding:20px; }
.pop_content>.terms>div.box_grey>h2 { font-size:14px; line-height: 20px; }
.pop_content>.terms>div a { font-size:13px; line-height: 20px; }
.pop_content>.terms>div>h2 {font-size:16px; line-height: 25px; margin-bottom: 15px; }
.pop_content>.terms>div>h3 {font-size:13px; line-height: 20px; margin-bottom:10px; }
.pop_content>.terms>div>p {font-size:13px; line-height: 20px; margin-bottom:10px; }
.pop_content>.terms>div>p span { padding-left: 15px;}
.pop_content>.terms>div ul {padding-left:10px; margin-bottom:10px; margin-left: 5px; }
.pop_content>.terms>div ul>li {font-size:13px; line-height:20px; }
.pop_content>.terms>div ul>li::marker {  font-size: 9px; }
.pop_content>.terms table.view_table01 {margin-bottom:20px;}
.pop_content>.terms table.view_table01 td.left { padding-left: 10px;}
.pop_content>.terms table.view_table01 th, .pop_content>.terms table.view_table01 td { font-size: 13px; line-height: 20px; padding: 10px 10px;}
.pop_content>.terms table.view_table01 td { font-size: 13px; }

/* BOARD LIST*/
.list_board:not(.contact_view .list_board) {width: 100%; margin: 0 auto 80px; overflow: hidden; border-top: 1px solid #222; }
.list_board > li {position: relative; width: 100%; border-bottom: 1px solid #ddd; cursor: pointer; text-align: left; padding: 45px 240px 45px 370px; }
.list_board.qna > li p.num, .list_board > li > p.complete, .list_board > li > p.wait, .list_board > li > p.return {position: absolute; left: 30px; top: 50%; transform: translateY(-50%); width: 100px; text-align: center; font-size: 18px; color: #004687; line-height: 20px;}
.list_board > li > p.complete { width: 100px; height: 40px; font-size: 14px; line-height: 40px; border: 1px solid #004687; border-radius: 20px; }
.list_board > li > p.wait { width: 100px; height: 40px; font-size: 14px; line-height: 40px; color: #999; border: 1px solid #ddd; border-radius: 20px;}
.list_board > li > p.return { width: 100px; height: 40px; font-size: 14px; line-height: 40px; border: 1px solid #ed1c24; border-radius: 20px; color:#ed1c24 ; }
.list_board > li > p.num > .notice_icon { width: 100px; height: 24px; display: inline-block; background-image: url("https://www.pmi-korea.com/resources/image/common/icon_notice.png"); background-repeat: no-repeat; background-position: center;}
.list_board > li > span.category_type { position: absolute; left: 130px; top: 50%; margin-top: -10px; width: 240px; text-align: center; font-size: 16px; font-weight: 500; color: #004687; line-height: 20px; }
.list_board > li > h1 { position: relative; display: inline-block; max-width: 100%; font-size: 20px; line-height: 30px; color: #222; font-weight: 400; height: 30px; word-break: keep-all;}
.list_board > li:hover:not(.active, .no_data) { background-color: #f3f6f9; transition: 0.3s ease-in-out;}
.list_board > li.notice_top h1 {color: #222; }
.list_board.qna > li > div { position: absolute; right:0; top: 50%; margin-top: -12px; width: 204px; height: 24px; line-height: 24px; text-align: center; }
.list_board > li > div > span.add_file {float: left; width: 24px; height: 24px;  background-image: url("https://www.pmi-korea.com/resources/image/common/icon_add_file.png"); background-repeat: no-repeat; background-position: center; }
.list_board.qna > li > div > p {float: right; width: 180px; font-size: 16px; color: #999; }
.content_box  li.no_data { width: 100%; height: 300px; text-align: center; padding: 280px 0px 160px; font-size: 20px; color: #999; cursor: default; background-image:url("https://www.pmi-korea.com/resources/image/common/icon_no_data.png"); background-repeat: no-repeat; background-position: center 190px; }
.list_board > li:hover:not(.active, .no_data) { background-color: #f3f6f9; transition: 0.3s ease-in-out;}

/*상위공지*/
.list_board.no_line:not(.contact_view .list_board) { border-top: 0px;}

.notice_top_box { border: 1px solid #004687; border-radius:0px 0px 10px 10px; overflow: hidden; }
.notice_top_box .open_btn { position: relative; display: block; padding: 20px 50px; font-size: 18px; line-height: 20px; background-color: #004687; color: #FFF;}
.notice_top_box .open_btn::after {position: absolute; right:50px; top: 50%; margin-top: -8px; content: ""; background-image:url("https://www.pmi-korea.com/resources/image/common/icon_faq_open.png"); width: 17px; height: 16px; background-position: center center; background-repeat: no-repeat; transform: rotate(-180deg);}
.notice_top_box .open_btn.active::after {transform: rotate(0deg);}
.notice_top_box .list_board.no_line { margin-bottom: 0px;}
.notice_top_box .list_board.no_line li:last-child { border-bottom: 0px;}

/* FAQ */
.list_board.faq > li:not(.no_data) {padding: 0px;}
.list_board.faq > li h1 {max-width: 100%; display: inline-block; font-size: 20px; line-height: 30px; color: #333; height: 30px; position: relative; word-break: keep-all;}
.list_board.faq > li.active {cursor: default; border: 1px solid #004687; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.list_board.faq > li.active h1, .list_board.faq > li.active p.num > .category { color: #fff;}
.list_board.faq > li p.num {position: absolute; left: 90px; top: 50%; width: 340px; text-align: center; margin-top: -10px; font-size: 16px; color: #666; line-height: 20px; }
.list_board.faq > li p.num > .category {font-weight: 500; color: #004687; word-break: keep-all;}
li > p.num > .category {font-weight: 500; color: #004687; }
.list_board.faq > li .question {position: relative; padding: 45px 240px 45px 445px;}
.list_board.faq > li.active .question { background-color: #004687;}
.list_board.faq > li .question::before {position: absolute; left: 0; top: 50%; margin-top: -17px; width: 100px; height: 35px; background-image:url("https://www.pmi-korea.com/resources/image/common/icon_q.png"); background-position: center center; background-repeat:no-repeat; content: "";}
.list_board.faq > li.active .question::before {position: absolute; left: 0; top: 50%; margin-top: -17px; width: 100px; height: 35px; background-image:url("https://www.pmi-korea.com/resources/image/common/icon_q_white.png"); background-position: center center; background-repeat:no-repeat; content: "";}
.list_board.faq > li .question::after {position: absolute; left: 1540px; top: 50%; margin-top: -8px; content: ""; background-image:url("https://www.pmi-korea.com/resources/image/common/icon_faq.png"); width: 17px; height: 16px; background-position: center center; background-repeat: no-repeat;}
.list_board.faq > li.active .question::after {background-image:url("https://www.pmi-korea.com/resources/image/common/icon_faq_open.png");}
.list_board.faq > li .answer {position: relative; padding: 55px 130px 55px 100px; }
.list_board.faq > li .answer::before {position: absolute; left: 0; top: 50%; margin-top: -17px; width: 100px; height: 35px; background-image:url("https://www.pmi-korea.com/resources/image/common/icon_a.png"); background-position: center center; background-repeat:no-repeat; content: "";}
.list_board.faq > li .answer a {font-size: 18px; color: #222; line-height: 30px;}
.list_board.faq > li .answer p {font-size: 18px; color: #222; line-height: 30px;}
.list_board.faq > li .answer ol { list-style: decimal; padding-left: 20px;}
.list_board.faq > li .answer li { font-size: 18px; line-height: 30px; color: #222; }
.list_board.faq .list_category_menu {position: relative; width: 1400px; margin: 0 auto 30px; padding: 40px; border: 8px solid #f4f4f4;}

/* BOARD VIEW */
.board_view {position: relative; width: 1600px; margin: 0 auto; overflow: hidden; }
.board_title {position: relative; width: 100%; border-bottom: 1px solid #222; margin-bottom: 80px; overflow: hidden; }
.board_title > li {display: table-cell; padding-bottom: 40px; text-align: left; vertical-align: middle; }
.board_title > li:nth-child(1) {width: 1490px; padding-right: 40px;}
.board_title > li:nth-child(2) {position: absolute; right: 0; bottom: 0; width: 130px; text-align: right;}
.board_title > li > span {display: inline-block; font-size: 20px; color: #999; margin-bottom: 10px; }
.board_title > li > span.category {position: relative; font-size: 20px; color: #004687; font-weight: 500; margin-right: 20px; }
.board_title > li > span.category::after {position: absolute; right: -10px; bottom: 2px; width: 1px; height: 15px; background-color: #ddd; content: "";}
.board_title > li > span.category_type {font-size: 14px; color: #222; }
.board_title > li > h1 {font-size: 50px; line-height: 60px; color: #222; font-weight: 600; word-break: keep-all;}
.board_title > li > p {font-size: 20px; color: #999; text-align: center; line-height:22px;}
.board_title > li > p.complete { width: 100px; height: 40px; font-size: 14px; line-height: 40px; font-weight: 500; color: #004687; text-align: center; border: 1px solid #004687; border-radius: 20px; }
.board_title > li > p.wait { width: 100px; height: 40px; font-size: 14px; line-height: 40px; color: #999; border: 1px solid #ddd; border-radius: 20px;}
.board_title > li > p.return { width: 100px; height: 40px; font-size: 14px; line-height: 40px; color: #ed1c24; border: 1px solid #ed1c24; border-radius: 20px;}
.board_title > li > p i {display:inline-block; width:1px; height:12px; background-color: #ccc; margin:0px 7px;}
.board_view_file { position: relative; width: 100%; padding: 30px 40px 20px 160px; background-color: #F4F4F4; margin-bottom: 80px; }
.board_view_file > p { position: absolute; left: 40px; top: 30px; display: inline-block; font-size: 18px; line-height: 30px; color: #004687;}
.board_view_file > p::after { position: absolute; top: 8px; right: -25px; width: 1px; height: 14px; background-color: #ddd; content: '';}
.board_view_file > div {display: block; }
.board_view_con { text-align: left; font-size: 16px; color: #333; line-height: 30px; margin-bottom: 80px;}
.board_view_con a { display: inline-block;}
.board_view .board_view_con img {max-width: 1400px;}
.board_view .board_view_con iframe {width:1320px; height:743px;}
.board_view .board_view_con h1 { font-size: 34px;}
.board_view .board_view_con h2 { font-size: 30px;}
.board_view .board_view_con h3 { font-size: 26px;}
.board_view .board_view_con h4 { font-size: 22px;}
.board_view .board_view_con h5 { font-size: 18px;}
.icon_file_down { position: relative; display: inline-block; font-size: 16px; line-height: 30px; color: #222; font-weight: 300; padding-left: 30px; margin-right: 30px; margin-bottom: 10px;}
.icon_file_down::before {position: absolute; left: 0px; top: 4px; display: block; background-image:url("https://www.pmi-korea.com/resources/image/common/icon_add_file.png"); background-repeat:no-repeat; background-position: center center; width: 24px; height: 24px; content: "";}

/* IMG BOARD LIST*/
.img_list_board { display: flex; flex-wrap: wrap; width: 1600px; margin: 0 auto; overflow: hidden;}
.img_list_board>li { position: relative; float: left; width: 370px; text-align: left; margin-right: 40px; margin-bottom: 80px; cursor: pointer; }
.img_list_board>li:nth-child(4n) { margin-right: 0px;}
.img_list_board>li>.img_box { width: 370px; height: 480px; background-color:#F4F4F4; background-image:url("https://www.pmi-korea.com/resources/image/common/logo_w.svg"); background-position:center center; background-repeat:no-repeat; background-size: 200px; overflow: hidden; margin-bottom: 30px; }
.img_list_board>li>.img_box img { transform: scale(1, 1); -webkit-transform: scale(1, 1); transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out;  opacity:1;}
.img_list_board>li:hover img{ transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);}
.img_list_board>li .text_box { position: relative; width: 100%;}
.img_list_board>li .text_box h1 { width: 100%; font-size: 24px; line-height: 35px; color: #222; font-weight: 500; overflow: hidden; word-break: keep-all;}
.img_list_board>li .text_box p.data { font-size: 16px; line-height: 20px; color: #999; font-weight: 400; margin-bottom: 15px;}
.img_list_board>li .text_box span.download { position: absolute; top: 0px; right: 0px; display: inline-block; width: 20px; height: 26px; background-image:url("https://www.pmi-korea.com/resources/image/common/icon_download.png"); background-position: center center; background-repeat: no-repeat; content: "";}
.img_list_board>li.no_data { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-right: 0px;}
.img_list_board.video>li>.img_box { position: relative;}
.img_list_board.video>li:hover>.img_box:before { position: absolute; left: 0px; top: 0px; display: block; width: 100%; height: 100%; background-color:rgba(0,0,0,0.65); z-index: 100; background-image:url("https://www.pmi-korea.com/resources/image/common/icon_video.png"); background-position: center center; background-repeat: no-repeat; content: "";}
.img_list_board.news>li>.img_box { height: 400px;}
.img_list_board.news>li>.img_box img { height: 400px;}
.img_list_board.w500 > li:not(.no_data) { width: 500px; margin-right: 50px; margin-bottom: 80px;}
.img_list_board.w500 >li:nth-child(3n) { margin-right: 0px;}
.img_list_board.w500 >li>.img_box { width: 500px; height: 320px; margin-bottom: 50px; }
.img_list_board.w500 >li>.img_box img { width: 500px; height: 320px; }
.img_list_board.w500 >li .text_box span.category { position: relative; font-size: 16px; line-height: 20px; color: #004687; font-weight: 500; margin-right: 30px;}
.img_list_board.w500 >li .text_box span.category::after { position: absolute; right: -16px; bottom: 2px; width: 1px; height: 15px; background-color: #ddd; content: "";}
.img_list_board.w500 >li .text_box p.data { display: inline-block;}



/*팝업다이얼로그 익스 버그*/
/* .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable { overflow: visible;} */

/* ERROR PAGE (404/500/Inspection/Maintainance) */
.wrapper_error { width: 100%; height: 100%; min-width: 1600px; margin: 0 auto; overflow: hidden; }
.wrapper_error .error_box { position: relative; top: 50%; transform: translateY(-50%);  -webkit-transform:translateY(-50%);  width: 1600px;  margin: 0 auto; }
.wrapper_error .error_box>div { position: relative; padding-bottom: 60px; margin-bottom: 60px;}
.wrapper_error .error_box>div:before { position: absolute; left: 0px; bottom: 0px; width:1980px; height: 1px; background-color: #DDD; content: ""; }
.wrapper_error .error_box h1 { font-size: 100px; line-height: 100px; color: #222; margin-bottom: 60px; font-weight: 500;}
.wrapper_error .error_box h2 { font-size: 40px; line-height: 40px; color: #222; margin-bottom: 30px; font-weight: 400;}
.wrapper_error .error_box p { font-size: 18px; line-height: 25px; color: #666; font-weight: 300;}
.wrapper_error .error_box h3 { font-size: 40px; line-height: 50px; color: #004687; font-weight: 100;}
.wrapper_error .error_box h3 span { display: block; font-size: 25px; line-height: 30px; margin-bottom: 20px; font-weight: 400;}

/* parking_page */
/* .wrapper_error .error_box .logo_img {width: 500px; margin-bottom: 40px;}
.wrapper_error .error_box.parking_page>div {padding-bottom: 0; margin-bottom: 0;}
.wrapper_error .error_box.parking_page>div:before {background-color: #fff;} */

.sub-visual-target{height:800px !important;}

/*챗봇추가250217*/
.chatbot { position: fixed; bottom: 20px; right: 20px; width: 60px; height: 60px; opacity: 1; transition:all 0.5s  ease-in-out; -webkit-transition:all 0.5s ease -in-out; visibility: visible; z-index: 80;}
.chatbot.top { bottom: 120px}

.chatbot.hidden { opacity: 0; visibility: hidden; }

.chatbot.bot_close { opacity: 0; transition-delay:2s;  -webkit-transition-delay:2s; visibility: hidden;}
.chatbot.bot_close::before { position: absolute; top: -60px; right: 42px; width: 329px; height: 70px; background-image:url("https://www.pmi-korea.com/resources/image/common/img_chatbot_text_w.png"); background-repeat:no-repeat; background-position:0px 0px; background-size: 100%; content: ""; z-index: 1; }
.chatbot.bot_close .chatbot_btn { background-position:0px -55px; transition:all 0s  ease-in-out; -webkit-transition:all 0s ease -in-out;}

.chatbot .chatbot_close { position: absolute; top: -12px; right: -2px; width: 16px; height: 16px; border-radius: 4px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); background-color: #adadad; z-index: 5;}
.chatbot .chatbot_close::before,.chatbot .chatbot_close::after { position: absolute; left: 4px; top: 7px; width: 8px; height: 2px; background-color: #FFF; content: ""; border-radius: 2px; }
.chatbot .chatbot_close::before {transform: rotate(-45deg);}
.chatbot .chatbot_close::after {transform: rotate(45deg);}

.chatbot .chatbot_btn { position: relative; display: block; width: 55px; height: 55px; border-radius: 50%; background-image:url("https://www.pmi-korea.com/resources/image/common/img_chatbot_icon.png"); background-repeat:no-repeat; background-position:0px 0px; background-size: 55px 110px; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); z-index: 3;}