@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('/gn_css/common.css');
@import url('/gn_css/layout.css');
@import url('/gn_css/add_new.css');/*20181101 css추가*/



/* @import url('/gn_css/SpoqaHanSans-kr.css'); */

.pointer {cursor:pointer;}
.country_active {cursor:pointer; width:100%;height:45px; line-height:45px; background-color:white;color:#354c6c;font-weight:bold; text-indent:20px; font-size:14px;border-bottom:1px solid #c0c7d1;}
.country_nonactive {cursor:pointer; width:100%;height:45px;  line-height:45px; background-color:#8d9bae;color:white;font-weight:normal; text-indent:20px; font-size:14px;border-bottom:1px solid #c0c7d1;}
.country_nonactive:hover {background-color:#b9c5d5;color:white;font-weight:normal; border-bottom:1px solid #c0c7d1;}

#select {width:110px; height:30px; text-align:left; background:#fff;}
#subline {width:100%;height:100px; background:#1c5cb0 url("/img/imgs_sub01.png") no-repeat 60% bottom;border-bottom:1px solid #073370;}
#pt11 {font-size:11px;color:black;}
#satisfaction {width:110px; height:30px; text-align:left; background:#fff;}


#header div.tm{ background:#4c505b; }
#header div.tm p{  width:1130px; margin:0 auto; text-align:right; }
#header div.tm a{  color:#fff; display:inline-block; padding:7px 10px; font-size:11px; }
#header div.tm a:hover{  color:#ffcc00; }

#header div.top { background:#2c2f36; }
#header div.top ul {position:relative; width:1130px; margin:0 auto; padding:0; overflow:hidden; z-index:10;}
#header div.top ul li.logo { float:left; width:250px; padding-top:24px; }
#header div.top ul li.menu { float:left; width:660px; }
#header div.top ul li.menu ul { list-style:none; width:100%;  overflow:hidden;}
#header div.top ul li.menu ul li { float:left; width:132px; text-align:center; }
#header div.top ul li.menu ul li a{ display:block; width:100%; padding:30px 0; color:#fff; font-weight:bold; font-size:17px; border-bottom:3px solid #222; }
#header div.top ul li.menu ul li a:hover{ color:#c6a47a;}
#header div.top ul li.menu ul li a.on{ color:#f7b431; border-bottom:3px solid #c6a47a; background:url(/img/bubheung/over.png) no-repeat center bottom; }
#header div.top ul li.menu ul li ul { width:140px; position:absolute; background:#333; z-index:11; }
#header div.top ul li.menu ul li ul li a{ border-bottom:none; padding:10px 0; border-top:1px dotted #999; font-size:13px; }
#header div.top ul li.menu ul li ul li:first-child a{  border-top:none; }
#header div.top ul li.slogo { float:right; width:170px; text-align:right; padding-top:16px; }

#header div.con {position:relative; width:1130px; margin:0 auto; padding:100px 56px 0 56px; }
#header div.con p.copy { padding-bottom:60px;  }
#header div.con ul.tabs { width:100%; overflow:hidden; }
#header div.con ul.tabs li { float:left; width:190px; margin-left:4px; background:#ffcc00; text-align:center; padding:20px 0; cursor:pointer; }
#header div.con ul.tabs li p { padding-bottom:20px; font-size:16px; color:#fff; }
#header div.con ul.tabs li span { display:block; padding-bottom:20px; font-size:13px; color:#fff; }
#header div.con ul.tabs li.t1 { margin-left:0px; background-color: rgba( 90, 84, 137, 0.9 );  }
#header div.con ul.tabs li.t2 { background-color: rgba( 50, 126, 188, 0.9 );  }
#header div.con ul.tabs li.t3 { background-color: rgba( 44, 70, 101, 0.9 );  }
#header div.con ul.tabs li.t4 { background-color: rgba( 35, 163, 120, 0.9 );  }
#header div.con ul.tabs li.t5 { background-color: rgba( 237, 176, 70, 0.9 );  }

#cartcount {font-size:9pt;color:white;font-weight:normal;cursor:pointer;}

#main { width:100%; height:657px; overflow:hidden; background:url(/img/trans/main_01_bg.jpg) no-repeat center bottom; background-size:100% auto; padding-top:150px; }
#main p { width:1130px; height:657px; margin:0 auto; font-size:31px; font-weight:bold; text-align:center; color:#000; line-height:150%; text-shadow: 1px 1px #ccc; }
#main b { color:#d13a2a; }
#main span { display:block; width:150px; height:4px; background:#d13a2a; margin:0 auto; margin-bottom:20px; }

#sub { padding-top:150px; }
#sub p { width:1130px; height:657px; margin:0 auto; font-size:31px; font-weight:bold; text-align:center; color:#fff; line-height:150%; text-shadow:1px 1px #333; }
#sub span { display:block; width:150px; height:4px; background:#d13a2a; margin:0 auto; margin-bottom:20px; }

#subline_con { text-align:center; font-size:28px; color:white; margin:0; font-weight:600; line-height:100px; }

#main_conn {}
#main_conn table td.t1 p{position:absolute; font-size:12px; margin-bottom:10px; color:#ff0000;}
.text-test{position:absolute; font-size:16px; margin-bottom:10px; color:#ff0000;}


#main_con { position:absolute; width:1130px; margin:0 auto; top:250px; overflow:hidden; }
#main_con table td.t2 { background:#f7b431; }
#main_con table td.t2 p.tit { margin-bottom:0px; }
#main_con table td.t2 ul { width:100%; }
#main_con table td.t2 li { padding:25px 0; border-bottom:1px dotted #a0eaf8; font-size:25px; line-height:150%; overflow:hidden; }
#main_con table td.t2 li.last { padding:25px 0 0 0; border-bottom:none; }
#main_con table td.t2 li p { width:130px; float:left; color:#fff; font-weight:bold; }
#main_con table td.t2 li img { width:130px; float:right; }

#main_con table td.t3 { background:#2ab7d1; padding:30px 0 0 0; }
#main_con table td.t3 p.tit { margin-bottom:0px; }
#main_con table td.t3 ul { width:100%; }
#main_con table td.t3 li { overflow:hidden; padding:15px 0; border-bottom:1px dotted #a0eaf8; color:#fff; }
#main_con table td.t3 li.last{ padding:30px 0 0 0; border-bottom:none; }
#main_con table td.t3 li img { float:left; padding-right:10px; }
#main_con table td.t3 li p { color:#6ffff7; font-size:15px; font-weight:bold; margin-bottom:10px; letter-spacing:-1px; }


#main_con table td.t4 { background:#575b67; }
#main_con table td.t4 p.tit { margin-bottom:19px; }
#main_con table td.t4 div{ width:50%; float:left; }
#main_con table td.t4 li a { display:block; color:#c0c6d7; padding:6px 0; }

#main_con table td.t5 { background:#8e45ac; }
#main_con table td.t5 p.tit { margin-bottom:10px; }
#main_con table td.t5 p.st { color:#ff98f7; font-weight:bold; margin-bottom:5px; }
#main_con table td.t5 p.mtel { color:#fff; font-family:"Franklin Gothic Bold", "Arial Black", sans-serif; font-size:24px; margin-bottom:10px; color:#ffdffc; }
#main_con table td.t5 p.mtel2 { color:#fff; font-family:"Franklin Gothic Bold", "Arial Black", sans-serif; font-size:18px; margin-bottom:10px; color:#ffdffc; }
#main_con table td.t5 span { font-size:12px; color:#ffdffc; }
#main_con table td.t5 p.mline { border-top:1px dashed #b68bc8; margin-bottom:10px; }
#main_con table td.t5 p.memail { color:#fff; font-size:14px; font-weight:bold; color:#ffdffc; }

#all div.main_blank { height:300px; }

#bottom_menu { width:100%; /*overflow:hidden;*/ border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
#bottom_menu ul { width:1130px; overflow:hidden; margin:0 auto; }
#bottom_menu li{ width:180px; float:left; text-align:center; font-weight:700; }
#bottom_menu li a {display:block; padding: 15px 0;}

#copyright { width:1130px; overflow:hidden; padding:20px 0; margin:0 auto; }
#copyright .footer_ttl { color: #000; margin:15px 0 4px; font-size: 13px; }
#copyright .footer_ttl:first-child { margin-top:0; }
#copyright ul.footer_info { overflow:hidden; display: flex; gap:10px; }
#copyright ul.footer_info li { padding:5px 0; font-size:12px; }
#copyright ul.footer_info li:not(:last-child):after { content:'|'; margin-left:5px; }

#copyright .footer_company .foot_toggle { display:none; padding-top:0; }
#copyright .footer_company .foot_toggle_btn { position:relative; overflow:hidden; font-size:0; color:transparent; width:17px; height:16px; margin:0 0 0 5px; vertical-align:top; border:1px solid transparent; border-radius:2px; background-color:transparent; }
#copyright .footer_company .foot_toggle_btn:before { content:''; position:absolute; width:5px; height:5px; top:50%; left:50%; margin-left:2px; border-style:solid; border-color:#75757d; border-width:2px 0 0 2px; margin:-5px 0 0 -3px; transform:rotate(-135deg); }
#copyright .footer_company.open .foot_toggle_btn:before { margin-top:-2px; transform:rotate(45deg); }
#copyright .footer_company.open .foot_toggle { display: flex; }

.dpt_box ul li.first{ padding-left:0; background:none; }
.dpt_box ul li b.point { color:#6699ff; }
.dpt_box ul li b span { font-size:13px; }
.dpt_box ul li b span.c1 { color:#ef736b; }
.dpt_box ul li b span.c2 { color:#0061ae; }
.dpt_box ul li b span.c3 { color:#1fa652; }
.dpt_box ul li b span.c4 { color:#b861dc; }
.dpt_box ul li a { color:#6699ff; }
.dpt_box select { font-size:11px; letter-spacing:-1px; }


#copyright p { padding:5px 0px; }

#left { padding:30px 0; box-sizing:border-box; display: none;}
#left p.lt { color:#000; font-size:23px; font-weight:bold; padding-bottom:15px; border-bottom:2px solid #ff9800; }
#left ul.lm { margin-bottom:30px; }
#left ul.lm li{  border-bottom:1px solid #999999; }
#left ul.lm li a{ display:block; padding:10px 0 10px 10px; font-size:14px; font-weight:bold; }
#left ul.cus li { padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #e2e2e2; background:url(/img/trans/sicon1.png) no-repeat left top; padding-left:60px; min-height:60px; }
#left ul.cus li.c1 span { display:block; color:#8c6429; font-size:14px; font-weight:bold; margin-bottom:5px; }
#left ul.cus li.c1 p.c1_1 { color:#000; font-size:23px; font-weight:bold; margin-bottom:15px; }
#left ul.cus li.c1 p.c1_2 { color:#000; font-size:18px; font-weight:bold; margin-bottom:15px; }
#left ul.cus li.c1 p.c1_3 { color:#000; font-size:14px; font-weight:bold; margin-bottom:0; }

#left ul.cus li.c2 { background:url(/img/trans/sicon2.png) no-repeat left top; }
#left ul.cus li.c2 p { color:#67603d; font-size:16px; font-weight:bold; margin-bottom:10px; }
#left ul.cus li.c2 b { display:block; font-size:14px; }
#left ul.cus li.c2 b.b1 { color:#67603d; }
#left ul.cus li.c2 b.b2 { color:#000; margin-bottom:10px; }
#left ul.cus li.c2 span { font-size:11px; }
#left ul.cus li.c3 { background:url(/img/trans/sicon3.png) no-repeat left top; font-size:16px; font-weight:bold; color:#6c5e50; padding-top:10px; border-bottom:none; }
#bk {color:black;}

.left {float:left;position:relative}
.left15 {margin-left:15px;float:left;position:relative;}
.left20 {margin-left:20px;float:left;position:relative;}

.bold {font-weight:bold;color:black;}
.center {text-align:center;}

.pleft10 {margin-left:10px;color:black;}
.pleft15 {margin-left:15px;color:black;}

.top0 {margin:0px}
.top0 a {color:#6699ff;}

.top5 {margin-top:5px;margin-bottom:0;}
.top10 {margin-top:10px}
.top15 {margin-top:15px}
.top20 {margin-top:20px}
.top25 {padding-top:25px;}
.top40 {padding-top:40px;}
.top50 {margin-top:50px}

.bottom20 {padding-bottom:20px;}
.bottom40 {padding-bottom:40px;}
.bottom70 {padding-bottom:70px;}
.bottom120 {padding-bottom:120px;}

.font10 {font-size:10pt;}
.font12 {font-size:12pt;}
.font14 {font-size:14pt;}
.font16 {font-size:16pt;}
.font18 {font-size:18pt;}
.font25 {font-size:25pt;}
.font35 {font-size:35pt;color:black;}
.black_n {color: black}

.list_on {margin-right:30px;float:left}

.list_green {font-weight:bold;width:57px;height:57px;background-color:#28b23f;float:left;border-left:1px solid #e2e2e2;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;font-size:2.5em;color:white;margin:0 auto;text-align:center;padding-top:17px}

.list_green2 {font-weight:bold;width:57px;height:114px;background-color:#28b23f;float:left;border-left:1px solid #e2e2e2;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;font-size:2.5em;color:white;margin:0 auto;text-align:center;padding-top:45px}

.list_green3 {font-weight:bold;width:57px;height:171px;background-color:#28b23f;float:left;border-left:1px solid #e2e2e2;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;font-size:2.5em;color:white;margin:0 auto;text-align:center;padding-top:62px}

.list_blue {font-weight:bold;width:57px;height:57px;background-color:#1a90ea;float:left;border-left:1px solid #e2e2e2;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;font-size:2.5em;color:white;margin:0 auto;text-align:center;padding-top:17px}

.list_blue2 {font-weight:bold;width:57px;height:114px;background-color:#1a90ea;float:left;border-left:1px solid #e2e2e2;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;font-size:2.5em;color:white;margin:0 auto;text-align:center;padding-top:45px}

.list_blue3 {font-weight:bold;width:57px;height:171px;background-color:#1a90ea;float:left;border-left:1px solid #e2e2e2;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;font-size:2.5em;color:white;margin:0 auto;text-align:center;padding-top:70px}

.list_white {/*font-weight:bold;*/width:90%;height:57px;background-color:white;float:left;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2;font-size:1.3em;padding-left:20px;padding-top:17px;}
.list_white2 {/*font-weight:bold;*/width:90%;height:114px;background-color:white;float:left;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2;font-size:1.3em;padding-left:20px;padding-top:25px;}

.list_white3 {/*font-weight:bold;*/width:90%;height:171px;background-color:white;float:left;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2;font-size:1.3em;padding-left:20px;padding-top:35px;}

.smbox {width:560px;border:0px solid black;float:left;}
.bgbox {float:left;width:555px;height:256px;border:1px solid #dadada;border-radius:5px;}

.support {background-color:#f0f0f0;width:100%;color:#555555;margin-top:10px;}
.support td {border:1px solid white;padding:7px}

.color_gray {color:#666666;}
.color_blue {color:#005abf;}
.bold {font-weight:bold;}
.no-left-padding{padding-left:0}
.right-align {text-align:right}
.left-align {text-align:left}

.M_head_txt {color: black; font-size:18px; font-weight: 400; letter-spacing: -1px; margin:10px 0}
.M_sub_txt {color: #898989; margin-top: 0px; font-weight: normal; font-size:14px;}

#top60 {margin-top:60px;font-size:2.5em;font-weight:bold;letter-spacing:-1px;color:black;}
#top60_2 {min-height:40px;margin-top:50px;font-size:2.5em;font-weight:bold;letter-spacing:-1px;color:black;}
#top60_3 {min-height:80px;margin-top:100px;font-size:2.5em;font-weight:bold;letter-spacing:-1px;color:black;}
#top120 {margin-top:120px;font-size:2.5em;font-weight:bold;letter-spacing:-1px;color:black;}
#tel {color:black;margin-bottom:0;margin-top:7px;font-size:15pt;font-weight:400;letter-spacing:-1px}
#tel2 {color:#898989;margin-top:0px;font-weight:normal;font-size:9pt}

.m10 {margin-top:25px;}
.m20 {margin-top:20px;}
.m40 {margin-top:40px;}

.m11 {left:20px;top:25px;position:absolute;color:#666;padding-right:22px;}
.m15 {left:20px;top:35px;position:absolute;}
.m17 {left:20px;top:25px;position:absolute;}
.m25 {left:20px;top:305px;position:absolute;}
.m35 {left:315px;top:25px;position:absolute;}

.m10 span {font-size:16pt;color:white;}
.m10 p {margin-bottom:5px;}

.m11 span {font-size:14pt;color:black; font-weight:400;}
.m11 p {margin-bottom:12px;}

.m15 span {font-size:16pt;color:white;}
.m15 p {margin-bottom:5px;}

.m17 span {font-size:14pt;color:white; font-weight:300;}
.m17 p {margin-bottom:9px;}

.m25 span {font-size:16pt;color:white;}
.m25 p {margin-bottom:5px;}

.m35 span {font-size:14pt;color:white; font-weight:300;}
.m35 p {margin-bottom:5px;}
#wt {color:white;}
.wt {color:white;}
#m35banner {margin-top:10px;margin-bottom:5px;}
#bg_lg {font-size:20pt;margin-top:25px;margin-bottom:20px;padding-bottom:20px;}
#bg_sm {font-size:10pt;color:white;font-weight:normal; background-color:#0e151e; padding-left:0px; padding-right:5px; letter-spacing:-1px; }
#bg_sm2 {font-size:10pt;color:white;font-weight:normal; background-color:#8d0007; padding-left:0px; padding-right:5px; letter-spacing:-1px; }

#right { padding:40px 0; box-sizing:border-box;}
#right .mt {font-size: 24px;  font-weight: 600; color:black; margin:0 0 20px}

#right div.intro1 { background:url(/img/trans/introduce_img1.png) no-repeat left center; padding-left:339px; padding-top:30px; min-height:269px; margin-bottom:30px; }
#right div.intro2 { background:url(/img/trans/introduce_img2.png) no-repeat right center; padding-right:390px; min-height:254px; }
#right .point1 { color:#eb6100; }
#right .point2 { color:#1571a8; }
#right ul.service1 { margin-top:-25px; border-bottom:1px solid #ccc; }
#right ul.service1 li { background:url(/img/trans/service_s1.png) no-repeat left center; height:165px;  margin:0; padding:25px 0 25px 140px; border-bottom:2px dotted #ccc;  }
#right ul.service1 p { padding-top:15px;  }
#right ul.service1 span { display:block; color:#45acf1; margin-bottom:5px;  }
#right ul.service1 b { display:block; color:#000; font-size:20px; padding-bottom:10px;  }

#right ul.service1 li.s1 { background:url(/img/trans/service_s1.png) no-repeat left center;  }
#right ul.service1 li.s2 { background:url(/img/trans/service_s2.png) no-repeat left center;  }
#right ul.service1 li.s3 { background:url(/img/trans/service_s3.png) no-repeat left center;  }
#right ul.service1 li.s4 { background:url(/img/trans/service_s4.png) no-repeat left center;  }
#right ul.service1 li.s5 { background:url(/img/trans/service_s5.png) no-repeat left center;  }
#right ul.service1 li.s6 { background:url(/img/trans/service_s6.png) no-repeat left center; border-bottom:0; }
#right p.btns{ margin-top:30px; text-align:center;  }
#right p.btns button{ font-weight:bold; padding:20px 50px;  }


#right ul.service2 { margin-top:-25px; border-bottom:1px solid #ccc; }
#right ul.service2 li { background:url(/img/trans/service2_p1.png) no-repeat left center; height:254px;  margin:0; padding:25px 0 25px 401px;  }
#right ul.service2 li.rs { background:url(/img/trans/service2_p1.png) no-repeat right center; padding:25px 401px 25px 0;  }
#right ul.service2 p { padding-top:30px;  }
#right ul.service2 span.e { display:block; color:#45acf1; margin-bottom:20px;  }
#right ul.service2 span.l { display:block; width:50px; height:4px; background:#45acf1; margin-bottom:20px;  }
#right ul.service2 b { display:block; color:#000; font-size:20px; padding-bottom:10px;  }

#right ul.service2 li.s1 { background:url(/img/trans/service2_p1.png) no-repeat right center;  }
#right ul.service2 li.s2 { background:url(/img/trans/service2_p2.png) no-repeat left center;  }
#right ul.service2 li.s3 { background:url(/img/trans/service2_p3.png) no-repeat right center;  }
#right ul.service2 li.s4 { background:url(/img/trans/service2_p4.png) no-repeat left center;  }
#right ul.service2 li.s5 { background:url(/img/trans/service2_p5.png) no-repeat right center;  }
#right ul.service2 li.s6 { background:url(/img/trans/service2_p6.png) no-repeat left center;  }


#right div.ntable input[type=text] { width:99%; }
#right div.ntable poassword[type=text] { width:99%; }
#right div.ntable p.chkgroup label{ width:24%; }
#right div.ntable table{ border:1px solid #ddd; border-top:3px solid #333; border-collapse:collapse; }
#right div.ntable table th{ font-weight:bold; border:1px solid #ddd; padding:10px; background:#f3f3f3; font-size:14px; text-align:left; }
#right div.ntable table th span{ color:#cc0000; }
#right div.ntable table td{ border:1px solid #ddd; padding:10px; }
#right div.ntable table td.tit { font-weight:700; text-align:center; }
#right div.ntable table td label { padding-right:20px; }

#right div.ntable textarea.agree { width:100%; height:150px; padding:10px; border:1px solid #c5a37c; margin-bottom:10px; }
#right div.ntable textarea.memo { width:100%; height:150px; padding:10px;  }

#right p.st{ font-size:16px; font-weight:bold; color:#000; margin-bottom:20px; }

.footer_logoBg {background-color:#fbfcfc; overflow:auto; border-top:1px solid #c5c6c6; padding-bottom:10px}
  .footer_logo {width: 1130px; margin: 0 auto;}
  .footer_logo ul {border-top:1px solid #dce0e0; overflow: auto; margin:0; padding: 0;}
  .footer_logo ul.border0 {border-top:0}
  .footer_logo ul li {float:left; list-style:none}


/*
#right p.lst{ font-size:16px; font-weight:bold; color:#000; border-bottom:1px dashed #ddd; padding-bottom:10px; margin-bottom:20px; }
#right div.stit{ background:url(/img/bubheung/u.png) no-repeat left 3px; padding-left:80px; margin-bottom:30px;  }
#right div.stit p{ font-weight:bold; color:#000; padding-bottom:10px;}
#right div.con{ margin-bottom:30px;  }
#right div.con p.btns{ margin-top:20px; text-align:center;  }
#right div.lawyer{ min-height:297px; margin-bottom:30px; padding-left:250px; }
#right div.lawyer p{ margin-bottom:20px; }
#right div.lawyer ul { width:100%; overflow:hidden; margin-bottom:20px;  }
#right div.lawyer ul li{ float:left; }
#right div.lawyer ul li.t{ width:25%; font-weight:bold; }
#right div.lawyer ul li.y{ width:25%; }
#right div.lawyer ul li.d{ width:50%; }
#right div.lawyer1{ background:url(/img/bubheung/lawyer_pic1.png) no-repeat left top; }
#right div.lawyer2{ background:url(/img/bubheung/lawyer_pic2.png) no-repeat left top; }
#right div.work{ border-top:4px solid #333333; padding-top:30px;  }
#right div.work ul { width:100%; overflow:hidden; padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #eee; }
#right div.work li { float: left; }
#right div.work li.i { width:32%; }
#right div.work li.d { width:40%; }
#right div.work li.d p{ color:#000; font-size:16px; margin-bottom:10px; }
#right div.work li.b { float: right; padding-top:25px; }



#right div.btable table{ width:100%; border:1px solid #ddd; border-top:3px solid #333; border-collapse:collapse; margin-bottom:15px; }
#right div.btable table th{ font-weight:normal; border:1px solid #ddd; padding:7px 20px; background:#f3f3f3; font-size:14px; text-align:left; }
#right div.btable table td{ border:1px solid #ddd; padding:7px 20px; }

#right div.otable table{ width:100%; margin-bottom:15px; }
#right div.otable table th{ font-weight:normal; padding:7px 20px; font-size:14px; text-align:left; color:#000; vertical-align:top;background:url(/img/bubheung/bul.png) no-repeat left 14px;  }
#right div.otable table td{  padding:7px 20px; }
#right p.box { background:#fbfbfb; padding:20px; }


#right ul.tabs1 { width:100%; margin: 0 0 30px 0; padding: 0px; list-style: none; overflow:hidden; border-left:1px solid #ddd; }
#right ul.tabs1 li {  border:1px solid #ddd; border-bottom:1px solid #a27e54; border-left:none; float:left; cursor:pointer; text-align:center; padding:10px 0; font-size:16px; }
#right ul.tabs1 li.current { border:1px solid #a27e54; border-bottom:1px solid #fff; color: #a27e54; font-weight:600; }

#right ul.s33 li { width:33%; }
#right ul.s33 li:first-child { width:34%; }
#right ul.s50 li { width:50%; }

#right div.tab-content1{ display: none; }
#right div.tab-content1.current { display: inherit; }

#right ul.tabs2 { width:100%; margin: 0 0 30px 0; padding: 0px; list-style: none; overflow:hidden; border-left:1px solid #ddd; }
#right ul.tabs2 li{ border:1px solid #ddd; border-bottom:1px solid #000; border-left:none; float:left; cursor:pointer; text-align:center; padding:7px 0; font-size:14px; }
#right ul.tabs2 li.current { border:1px solid #000; border-bottom:1px solid #fff; color: #000; font-weight:600; }

#right ul.s12_5 li { width:12.5%; }

#right ul.tabs3 { width:100%; margin: 0 0 30px 0; padding: 0px; list-style: none; overflow:hidden; border-bottom:1px dashed #ddd; padding-bottom:10px; margin-bottom:20px; }
#right ul.tabs3 li{ float:left; cursor:pointer; padding:7px 0; font-size:14px; }
#right ul.tabs3 li.current { color: #000; font-weight:600; }
#right ul.s150 li { width:150px; }
#right ul.s150 li button{ width:130px; }

#right ul.s200 li { width:200px; }
#right ul.s200 li button{ width:180px; }

#right div.tab-content2{ display: none; }
#right div.tab-content2.current { display: inherit; }
#right div.tab-content2 ul { list-style:disc; padding-left:15px;}
#right div.tab-content2 ul li{ padding-bottom:10px; }

#right div.tab-content3{ display: none; }
#right div.tab-content3.current { display: inherit; }
#right div.tab-content3 ul { list-style:disc; padding-left:15px;}
#right div.tab-content3 ul li{ padding-bottom:10px; }

#right b.point { display:block; color:#983369; margin-bottom:10px; }
#right span.point { color:#983369; font-weight:bold; }
#right img.lpad30 { padding-left:30px; }

*/

a:focus { outline:none; text-decoration:none }
a { text-decoration:none }
a:hover { text-decoration:none }

.container {
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}

.inBasket{
	list-style:none;
}

.modal-content {border-radius:0; border:1px solid #7e7e7e;}

.inBasket li {
	padding:10px 0;
	position:relative;
}

.inBasket li.pro_header {font-size:18px; color:black; padding:23px 0; border-top:2px solid black; border-bottom: 1px solid #7c7c7c; text-indent: 6px;}
.inBasket li .data_label {position:absolute; top:20px; left:20px; color:#666; font-size:16px; }
.inBasket li .data_input {padding:0 30px 0 70px; text-align:right}
.inBasket li .data_input.type02 {padding:0 30px 0 90px; }
.inBasket li .data_input select {width:100%; height:34px; border:1px solid #a9b3bd; text-indent: 5px;}
.inBasket li .data_input input {width:100%; height:34px; border:1px solid #a9b3bd; text-indent: 5px;}
.inBasket li .data_input input[readonly="readonly"] {background-color:#f3f3f3}
.inBasket li .data_input strong {font-size:18px; color:black; line-height:35px;}
.inBasket li.pro_footer {border-top: 1px dashed #666; border-bottom: 1px solid #7c7c7c; min-height: 58px;}

.s {
    text-decoration: line-through;
}
.s1 {
	text-decoration: none;
    color: #cc0000;
    font-weight: normal;
    margin-bottom: 5px;
}
.s2 {
	display: block;
    width: 100%;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
}


  .modal-dialog {
    margin: 170px auto;
  }

input.searchbox {
	border: 2px solid #007dd8;
	border-right:0px;
	padding:7px;
	width:100%;
	height: 37px;
	font-size:13px;
	padding: 0 5px;
}
.search_text {
	background-color:#ffff66;
	color:red;
}

input {
  outline: none;
}

.padding15 {padding-top:15px;}
.white {color:white;}
.viewt {position:absolute;top:88px;left:250px;text-align:left;}
.viewt2 {position:absolute;top:78px;left:150px;text-align:left;}

#t1 {position:absolute;top:97px;left:150px}
#t2 {position:absolute;top:97px;left:50px}

#logo {float:left; padding:0;}
#logo a {display:block; margin:10px 0 0}
#logo .left_logo {padding:0 20px 0 0; position:relative; display:inline-block}
#logo .left_logo:after {content:""; position:absolute; top:5px; right:0; border-right:1px solid #d7d7d7; height:20px}
#logo .right_logo {margin:0 0 0 15px}

#title { width:100%;}
#menu { background:#fff; overflow:hidden;  border-bottom:1px solid #dee0e1; height:97px; position: relative;}

#gnb {height:43px; line-height:43px;  position:relative; border-bottom:1px solid #dee0e1; }
#gnb ul {width:1130px; margin:0 auto;  overflow:hidden;}
#gnb ul li {float:left; margin: 0 35px;}
#gnb ul li:first-child {margin:0}
#gnb ul li a {display:block;text-align:center;font-size: 16px;font-weight: bold;}

/*폰트수정_181101*/
#menu ul li a{ display:block; width:100%; padding:15px 0; color:#555555;  font-size:15px}
/*Spoqa Han Sans >Noto Sans KR 끝*/

#active { color:#72b2fe; }
#menu ul li a:hover { background:white; color:#72b2fe;  }
#menu.line { height:50px;background-color:red;border-top:1px solid #f3f3f5;border-bottom:1px solid #d1d8e4;  }

#service { background-color:#ffffff;padding-bottom:0px;}
#footer { background-color:#ffffff; }
#header_bg {border-bottom:1px solid #bebebe; height:auto; padding:7px 0; background: #f2f2f2;}
#header_bg #header p {text-align: right;margin:0}
#satisfaction { height:30px; }

#relative {position:relative;}
#icon {text-align:right;position:absolute;top:51px;right:0;height:87px;z-index:1;border:0px solid red;font-style:italic;color:#fa5553; font-weight:bold;font-size:11pt}
#icon img {vertical-align:-20px;margin-left:10px;}

.subtop {width:100%;height:55px;border-bottom:1px solid #aaaeb2;}
.subtop2 {width:800px;margin:0 auto;height:55px;}
.subtop3 {width:600px;margin:0 auto;height:55px;}
.subtop4 {width:400px;margin:0 auto;height:55px;}


#searchbox {float:left;padding:0;margin:33px 0 0 100px;}
#searchbox2 {width:37px;float:left}
#searchbox_input {width: 380px;float:left;padding-left:10px;}



#buseo_email {color:black;}

.bggray {background-color:#f9fafb;margin:0;padding:0;}
.submenu {float:left; font-size:14px; color:#333; cursor:pointer;}
.submenu.active {color:#0063d1;font-weight:bold;padding-bottom:14px;border-bottom:4px solid red;}

.margin20 {margin:20px}
#header {width: 1130px; margin:0 auto; position: relative;}

.price_temp {text-decoration:line-through;margin-bottom:0px;font-size:12.5px}
.price {color:red;}


.shop__slideshow {
  margin-top: 0px;
  margin-bottom: 0px;
}
.shop__slideshow .carousel-inner .item__container {
  display: table;
  width: 100%;
  height: 100%;
}
.shop__slideshow .carousel-inner .item-container__inner {
  display: table-cell;
  vertical-align: middle;
}
.shop__slideshow .carousel-inner .item {
  width: 100%;
  height: 400px;
}
.shop__slideshow .carousel-inner .item_1 {
  background: url(../img/mainbanner4-r3.jpg) no-repeat center center / cover;
}
.shop__slideshow .carousel-inner .item_2 {
  background: url(../img/mainbanner3-r3.jpg) no-repeat center center / cover;
}
.shop__slideshow .carousel-inner .item_3 {
  background: url(../img/mainbanner2-r3.jpg) no-repeat center center / cover;
}
.shop__slideshow .carousel-inner .item_4 {
  background: url(../img/mainbanner1-r3.jpg) no-repeat center center / cover;
}
.shop-slideshow__heading {
  margin: 0 0 20px 0;
  font-family: 'Questrial', sans-serif;
  font-size: 46px;
  line-height: 1.2;
  color: white;
}
.shop-slideshow__subheading {
  margin-bottom: 30px;
  font-family: 'Questrial', sans-serif;
  font-size: 20px;
  line-height: 1.5;
  color: white;
}
.shop-slideshow__btn {
  border: 2px solid white;
  border-radius: 0;
  color: white;
  font-weight: 600;
}
.shop-slideshow__btn:hover,
.shop-slideshow__btn:focus {
  color: #333333;
  background-color: white;
}
@media (max-width: 767px) {
  .shop__slideshow .carousel-inner .item {
    height: 400px;
    padding: 0 30px;
    text-align: center;
  }
  .shop-slideshow__heading {
    font-size: 32px;
  }
  .shop-slideshow__subheading {
    font-size: 16px;
  }
}
/* Carousel controls */
.shop-slideshow__control {
  display: block;
  position: absolute;
  top: 50%;
  left: 10px;
  width: 30px;
  height: 70px;
  opacity: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: opacity .3s;
       -o-transition: opacity .3s;
          transition: opacity .3s;
}
.shop-slideshow__control:hover {
  opacity: 1 !important;
}
.shop-slideshow__control[data-slide="next"] {
  left: auto;
  right: 10px;
}
.shop__slideshow:hover .shop-slideshow__control {
  opacity: .3;
}

.category{
  padding:0;
}

header {
  position: absolute;
  width: 100%;
  left: 0;
  top: 150;
  z-index: 10;
}

.navbar-default {
  border-bottom:1px solid #d1d8e4;
  letter-spacing:-1px;
  Background-color:white;
}

.navbar-default .navbar-nav > li > a {
  height: 45px;
  border-bottom:3px solid Transparent;
  padding-top:12px;
}
.is-sticky .navbar-default .navbar-nav > li > a {
  color:white;
}

.nav > li > a:hover, .nav > li > a:focus {
	background-color:Transparent;
}

.navbar-default .nav > li > a:hover {
  color:black;
  font-weight:bold;
  border-bottom:3px solid #ffb700;
}
.navbar-default2 .nav > li > a:hover {
  color:black;
  font-weight:bold;
  border-bottom:3px solid #01c1ff;
}
.navbar-default3 .nav > li > a:hover {
  color:black;
  font-weight:bold;
  border-bottom:3px solid #cc1aba;
}
.navbar-default4 .nav > li > a:hover {
  color:black;
  font-weight:bold;
  border-bottom:3px solid #d81a0e;
}


.navbar-default2 {
  border-bottom:1px solid #d1d8e4;
  letter-spacing:-1px;
  Background-color:white;
}

.navbar-default2 .navbar-nav > li > a {
  height: 48px;
  border-bottom:3px solid Transparent;
  padding-top:12px;
  color:#777777;
}
.is-sticky .navbar-default2 .navbar-nav > li > a {
  color:white;
}
.navbar-default3 {
  border-bottom:1px solid #d1d8e4;
  letter-spacing:-1px;
  Background-color:white;
}

.navbar-default3 .navbar-nav > li > a {
  height: 48px;
  border-bottom:3px solid Transparent;
  padding-top:12px;
  color:#777777;
}
.is-sticky .navbar-default3 .navbar-nav > li > a {
  color:white;
}
.navbar-default4 {
  border-bottom:1px solid #d1d8e4;
  letter-spacing:-1px;
  Background-color:white;
}

.navbar-default4 .navbar-nav > li > a {
  height: 48px;
  border-bottom:3px solid Transparent;
  padding-top:12px;
  color:#777777;
}
.is-sticky .navbar-default4 .navbar-nav > li > a {
  color:white;
}

header .is-sticky nav.navbar {
  background:#333333;
}

header .is-sticky nav.navbar li.active a {
  color: #3a3a3a;
  font-weight:bold;
}

header .is-sticky nav.navbar .navbar-default .navbar-nav > li > a {
  height: 45px;
  border-bottom:3px solid Transparent;
  padding-top:12px;
}
header .is-sticky nav.navbar .navbar-default2 .navbar-nav > li > a {
  height: 45px;
  border-bottom:3px solid Transparent;
  padding-top:12px;
}
header .is-sticky nav.navbar .navbar-default3 .navbar-nav > li > a {
  height: 45px;
  border-bottom:3px solid Transparent;
  padding-top:12px;
}
header .is-sticky nav.navbar .navbar-default4 .navbar-nav > li > a {
  height: 45px;
  border-bottom:3px solid Transparent;
  padding-top:12px;
}

header .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #3a3a3a;
  font-weight:bold;
  background-color:Transparent;
  border-bottom:3px solid #ffb700;
}

header .navbar-default2 .navbar-nav > .active > a, .navbar-default2 .navbar-nav > .active > a:hover, .navbar-default2 .navbar-nav > .active > a:focus {
  color: #3a3a3a;
  font-weight:bold;
  background-color:Transparent;
  border-bottom:3px solid #01c1ff;
}

header .navbar-default3 .navbar-nav > .active > a, .navbar-default3 .navbar-nav > .active > a:hover, .navbar-default3 .navbar-nav > .active > a:focus {
  color: #3a3a3a;
  font-weight:bold;
  background-color:Transparent;
  border-bottom:3px solid #cc1aba;
}

header .navbar-default4 .navbar-nav > .active > a, .navbar-default4 .navbar-nav > .active > a:hover, .navbar-default4 .navbar-nav > .active > a:focus {
  color: #3a3a3a;
  font-weight:bold;
  background-color:Transparent;
  border-bottom:3px solid #d81a0e;
}


header .is-sticky .navbar-default .navbar-nav > .active > a, .is-sticky .navbar-default .navbar-nav > .active > a:hover, .is-sticky .navbar-default .navbar-nav > .active > a:focus {
  color: #ffb700;
  font-weight:bold;
  background-color:#333333;
  border-bottom:3px solid Transparent;
}

header .is-sticky .navbar-default2 .navbar-nav > .active > a, .is-sticky .navbar-default2 .navbar-nav > .active > a:hover, .is-sticky .navbar-default2 .navbar-nav > .active > a:focus {
  color: #01c1ff;
  font-weight:bold;
  background-color:#333333;
  border-bottom:3px solid Transparent;
}

header .is-sticky .navbar-default3 .navbar-nav > .active > a, .is-sticky .navbar-default3 .navbar-nav > .active > a:hover, .is-sticky .navbar-default3 .navbar-nav > .active > a:focus {
  color: #cc1aba;
  font-weight:bold;
  background-color:#333333;
  border-bottom:3px solid Transparent;
}

header .is-sticky .navbar-default4 .navbar-nav > .active > a, .is-sticky .navbar-default4 .navbar-nav > .active > a:hover, .is-sticky .navbar-default4 .navbar-nav > .active > a:focus {
  color: #d81a0e;
  font-weight:bold;
  background-color:#333333;
  border-bottom:3px solid Transparent;
}

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #007ac3;
}

.is-sticky .navbar-default .nav > li > a:hover {
  color:#ffb700;
  border-bottom:3px solid Transparent;
}
.is-sticky .navbar-default2 .nav > li > a:hover {
  color:#01c1ff;
  border-bottom:3px solid Transparent;
}
.is-sticky .navbar-default3 .nav > li > a:hover {
  color:#cc1aba;
  border-bottom:3px solid Transparent;
}
.is-sticky .navbar-default4 .nav > li > a:hover {
  color:#d81a0e;
  border-bottom:3px solid Transparent;
}

.nav-tabs > li > a {
  border-radius:0px;
}

ul{
   list-style:none;
   }



/* 2019 - 03 - 27 반응형 작업 */


html,body {line-height:1; font-family:'Nanum Barun Gothic', sans-serif}

.container {width:1130px; position:relative}

.M_container {padding:26px 0 0 }

.Main_TopBox {margin:0 0 15px; height:527px; display:inline-block; width:100%;}
  .Main_TopLeftBox {width:560px; margin:0 15px 0 0; float:left; height:100%; background:#213389 url("../img/main_TopLeft_Bg.png") no-repeat center; border-radius:5px; padding:42px 25px; position:relative; box-sizing: border-box}
  .Main_TopLeftBox .main_txt01 {color:white; font-size:14px; margin:4px 0 10px;  font-weight: 300;}
  .Main_TopLeftBox .main_txt02 {color:#56cd6a; font-size:20px; font-weight: bold; margin:0 0 23px}
  .Main_TopLeftBox .main_txt02 i {display:inline-block; margin:0 0 0 10px}
  .Main_TopLeftBox .img {position:absolute; bottom:-13px; left:50px;}

  .Main_TopMidBox {width:270px; margin:0 15px 0 0; float:left; height:100%}
  .Main_TopMidBox .cBox01 {background:#242e3d url("../img/main_TopMid_txt01.png") no-repeat left bottom; height:256px; margin:0 0 15px 0; display:block; border-radius: 5px; padding: 34px 0 0 20px; box-sizing: border-box}
  .Main_TopMidBox .main_txt01 {color:#f8efef;font-size:18px;margin:0 0 5px 0;display: block;}
  .Main_TopMidBox .main_txt02 {color:#f8efef; font-size:26px; margin:0 0 8px 0; display:inline-block}
  .Main_TopMidBox .main_txt_info {color:#cdcdce;font-size:12px;background-color:#0e151e;letter-spacing: -0.05em;padding:4px 9px 4px 4px;display: inline-block;}
  .Main_TopMidBox .main_arrow {display:block; margin:23px 0 0;}
  .Main_TopMidBox .cBox02 {background:#b10c15 url("../img/main_TopMid_txt02.png") no-repeat right bottom; height:256px; display:block; border-radius: 5px; padding: 34px 0 0 20px; box-sizing: border-box}
  .Main_TopMidBox .cBox02 .main_txt_info {background-color:#8d0007}

  .Main_TopRightBox {width:270px; background-color:#f1f2f6; border:1px solid #dadada; float:left; height:100%; border-radius: 5px; box-sizing: border-box}
  .Main_TopRightBoxIn {padding:24px;  height:100%; border-radius: 5px;}
  .Main_TopRightBoxIn .img_left {width:76px; height:76px; position: absolute; top: 0; left: 0;}
  .Main_TopRightBoxIn .img_right {float:right; height:76px;margin: 0 0 0 85px;}
  .Main_TopRightBoxIn .img_right .wt2 {color:#333;font-size: 16px;line-height:20px;}
  .Main_TopRightBoxIn ul li {margin:15px 0 0; display: inline-block; width: 100%;}
  .Main_TopRightBoxIn ul li:first-child {margin:0}
  .Main_TopRightBoxIn ul li a {display:block; position:relative}

  .main_section_name {font-size:18px; margin:0 0 20px;font-weight: 400;}
  .main_section_name span {color:black}
  .main_section_name .fa {font-size:16px; color:black; margin:0 0 0 25px}

.Main_BotBox {margin:0 0 15px; height:256px; display:inline-block; width:100%}
 .Main_BotLeftBox {width:270px; margin:0 20px 0 0; float:left; height:100%; background:#1c5cb0; border-radius:5px; padding:30px 25px; box-sizing: border-box}
 .Main_BotLeftBox .main_section_name span {color:white}
 .Main_BotLeftBox .main_section_name .fa {font-size:16px; color:white; margin:0 0 0 10px}
 .Main_BotLeftBox ul li {margin:0 0 10px}
 .Main_BotLeftBox ul li a {color:white; font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:220px; display:inline-block;}

 .Main_BotMidBox {width:270px; margin:0 15px 0 0; float:left; height:100%; background:#515f7a; border-radius:5px; padding:30px 25px; box-sizing: border-box}
 .Main_BotMidBox .main_section_name span {color:white}
 .Main_BotMidBox .main_section_name .fa {font-size:16px; color:white; margin:0 0 0 10px}
 .Main_BotMidBox ul li {margin:10px 0 0}
 .Main_BotMidBox ul li a {color:white; font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:220px; display:inline-block;}

 .Main_BotRightBox {width:555px; height:256px; float:left; border:1px solid #dadada;  padding: 30px 25px; border-radius:5px; box-sizing: border-box}
 .Main_BotRightBox .main_section_name .fa {font-size:16px; margin:0 0 0 10px}
 .Main_BotRightBox .leftBox {float:left; width:50%}
 .Main_BotRightBox .leftBox .kakao {margin:10px 0 0; display:block}
 .Main_BotRightBox .leftBox .kakao span {font-size:12px; color:#6699ff; vertical-align: middle; margin: 0 0 0 5px;}

 .Main_BotRightBox .rightBox {float:left; width:50%;}
 .Main_BotRightBox .rightBox .main_map {width:250px}

 .M_head_txt {margin:10px 0; font-size:16px;}
 .M_sub_txt {margin:5px 0; font-weight:bold}

 .radioBox {margin:0 0 30px; overflow:hidden}
 .radioBox > ul > li  {float:left; width:25%}
 .radioBox > ul > li div {background-color:#d4d7dd; height:104px; padding: 32px 0 0 20px; position:relative}
 .radioBox > ul > li div:before {content:""; position:absolute; left:-1px; top:0; bottom:0; border-left:1px solid #b5c0d3}
 .radioBox > ul > li:first-child div:before {display:none}
 .radioBox > ul > li.first div {background:#d4d7dd url("../img/radio_icon01.png") no-repeat right bottom; border-radius:5px 0 0 5px; }
 .radioBox > ul > li.second div {background:#d4d7dd url("../img/radio_icon02.png") no-repeat right bottom; }
 .radioBox > ul > li.thrid div {background:#d4d7dd url("../img/radio_icon03.png") no-repeat right bottom; }
 .radioBox > ul > li.last div {background:#d4d7dd url("../img/radio_icon04.png") no-repeat right bottom; border-radius:0 5px 5px 0 }
 .radioBox .radio_name {font-size:19px; color:#313744;}
 .radioBox .sub_link {margin:10px 0 0}
 .radioBox .sub_link li {float:left;}
 .radioBox .sub_link li:first-child {margin:0 5px 0 0;}
 .radioBox .sub_link a {font-size:12px; color:white; display:inline-block; padding:4px 15px 4px 6px;}
 .radioBox .sub_link a.blue_btn {background:#008cd5 url("../img/radio_arrow.png") no-repeat 90% center}
 .radioBox .sub_link a.gray_btn {background:#747474 url("../img/radio_arrow.png") no-repeat 90% center}

.al {text-align:left}
.ac {text-align:center}
.ar {text-align:right}
.conBodyT2 {font-size:34px; color:black; margin:0 0 30px}
.conBodyT2 small {font-size:20px; color:#888}
.conBodyT2.type02 {margin:60px 0 50px}
.conBodyT2.type03 {margin:0 0 20px}
.conBodyT3 {font-size:18px; color:#666; margin: 0 0 20px;}

.sub_conBodyT2 {color:#cc0000; font-size:16px;  font-weight: 300; text-align:center; line-height: 1.5;}

/* .sub_container {padding:60px 0 100px; overflow: hidden;} */
.sub_container {padding:60px 0 100px; overflow: hidden;}

.subTab {background-color:white; height:55px; line-height:55px; border-bottom:1px solid #aaaeb2; text-align:center}
.subTabIn {display:inline-block}
.subTabIn ul li {float:left; margin: 0 24px; font-size: 14px;  color: #333; cursor:pointer; position:relative}
.subTabIn ul li span {color:#333}
.subTabIn ul li.active {color:#0063d1 !important; font-weight:bold}
.subTabIn ul li.active span {color:#0063d1 !important;}
.subTabIn ul li.active:after {content:""; position:absolute; bottom:0; left:0; right:0; border-bottom:4px solid #e60012}

.apo_left {width:450px; float:left;}
.apo_left img {margin:80px 0 35px}
.apo_left .txt_default {font-size:14px; color:#666; margin:0 0 17px; line-height:1.5; font-weight: 300;}
.apo_left .txt_black {color:#0f0f18}
.apo_left .txt_blue {color:#005abf}
.apo_left a {display:inline-block; vertical-align:middle; width:230px; height:46px; line-height:46px; color:white; font-size:14px; background-color: #e60012; text-align: center;}
.apo_left a span {color:white; margin:0 10px}
.apo_left a i {vertical-align:middle}
.apo_right {width:616px; float:right}

.apo_process {max-width:900px; margin:0 auto; border-left: 1px solid #e2e2e2; overflow: auto;}
.apo_process ul li {float:left; width:25%; position:relative}
.apo_process ul li:before {content: ""; position: absolute; top: 50%; left: -35px; background: url("../img/apo_process_arrow01.png") no-repeat; width: 70px; height: 70px;  margin: -30px 0 0;}
.apo_process ul li:first-child:before {display:none}
.apo_process ul li div {border:1px solid #e2e2e2; padding: 30px 0 20px; border-left: 0;}
.apo_process ul li p {font-size:16px; color:#333; margin: 15px 0 0;}

.document_info {max-width:900px; margin:0 auto; overflow:hidden}
.document_info > ul > li {float:left; width:50%;}
.document_info ul li div {width:96%;height:134px;padding: 50px 0 0 30px; box-sizing: border-box;}
.document_info ul li.first .bg {background:#56cd6a url("../img/document_icon01.png") no-repeat bottom right;}
.document_info ul li.second .bg {float:right; background:#1a90ea url("../img/document_icon02.png") no-repeat bottom right;}
.document_info ul li .main_txt {color:white;font-size: 40px;font-weight: 600;display:inline-block;vertical-align: top;margin: 0 10px 0 0;}
.document_info ul li .sub_txt {display:inline-block;vertical-align: top;}
.document_info ul li .sub_txt li {font-size: 15px;color:white;margin: 0 0 8px;letter-spacing: -0.1em;}

.list_row {height:auto; display:inline-block; width:100%; position:relative; margin:0 0 20px}
  .list_row_left {position:absolute; left:0; width:5%; height:100%;}
	.list_table {display:table; width:100%; height:100%;}
	.list_table_cell {display:table-cell; height: 100%; text-align: center; vertical-align: middle; text-align:center; color: white; font-size: 34px;  font-weight: bold;}
	.bg_green {background-color:#28b23f}
	.bg_blue {background-color:#1a90ea}
  .list_row_right {float:right; width:95%}
  .list_row_rightIn {border: 1px solid #e2e2e2; border-left: 0; overflow:hidden; background-color: white; padding:20px 20px 10px;}
  .list_row_rightIn .list_on {float:left; font-size:14px; color:#666; margin:0 30px 10px 0}
  .list_row_rightIn .list_on small {font-size:12px; color:red}

.country_name {font-size:16px; color:black; margin:20px 0}
.country_list {display:inline-block; width:100%}
.country_list > ul > li {font-size:14px; color:#777; float: left;  width: 16.66%; text-indent:20px}
.country_list > ul > li > p {font-size:16px; color:black; font-weight: bold; margin: 0 0 5px;}

.country_detail_list > li {margin:0 0 5px}

.tab-content > .active {padding:20px}

.country_grayBox {width: 100%; background-color: #f9f9fb; border: 1px solid #eaeaea;  padding:30px 20px;  margin:45px 0 0}
.country_grayBox .main_txt {font-size:14px; color:black; margin:0 0 20px}
.country_grayBox .sub_txt {font-size:14px; color:#666}

.area_info .txt_default {color:#666; font-size:18px; margin:0 0 40px; line-height:1.5}
.area_info .conBodyT3 {font-size:22px; color:#0f0f18; margin:0 0 45px}

.apo_detail_process {max-width:1080px; margin:0 auto; border-left: 1px solid #e2e2e2; overflow: auto;}
.apo_detail_process ul li {float:left; width:25%; position:relative}
.apo_detail_process ul li:before {content: ""; position: absolute; top: 50%; left: -16px; background: url("../img/apo_detail_arrow.png") no-repeat; width: 32px; height: 32px;  margin: -16px 0 0;}
.apo_detail_process ul li:first-child:before {display:none}
.apo_detail_process ul li div {background-color: white;border:1px solid #e2e2e2;padding: 10px 0 30px;border-left: 0;}
.apo_detail_process ul li p {font-size:16px;color:#333;margin: 15px 0 0;}

.nav-tabs {border-bottom:0; border-left:1px solid #e2e2e2}
.nav-tabs > li {width:16.66%;}
.nav-tabs > li > a {font-size:16px; width:100%; text-align:center; padding:12px 15px; position:relative; border-top: 1px solid #e2e2e2; border-bottom:3px solid #e60012;}
.nav-tabs > li > a:after {content:""; position:absolute; right:-1px; top:0; bottom:0; border-right:1px solid #e2e2e2}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {background-color:#e60012; color:white; text-align:center; border: 1px solid #e60012;  border-bottom: 3px solid #e60012;}
.nav > li > a:hover, .nav > li > a:focus{color:#e60012; border-top:1px solid #e2e2e2; border-bottom: 3px solid #e60012;}

.responsive_table td label {margin:0; position:relative; display: inline;}
.responsive_table td input[type="checkbox"] {width:20px; height:20px; vertical-align:middle}

.aside {position:absolute;right:-120px;top:0px;width:100px;height:318px;}

.dd .ddTitle .ddTitleText {background-color:white; border-radius:5px}


 .tabBox {overflow:hidden; border-left:1px solid #bababa; margin:30px 0 50px}
  .tabBox ul li {float:left; width:16.66%}
  .tabBox ul li a {display:block; border:1px solid #bababa; border-left:0; border-bottom: 3px solid #e60012; font-size:18px; color:#888; height:58px; line-height:58px; text-align:center}
  .tabBox ul li.on a {background-color:#e60012; color:white; border:1px solid #e60012; border-bottom: 3px solid #e60012;}

  .sub_tab {display:none}


#subtitleline {background-color:#f9fafb; padding:60px 0 0}

.guide {padding:10px 20px 10px 82px; margin:0 0 15px; border:1px solid #e3e5e8; position:relative}
.guide_info {width:54px; height:23px; line-height:23px; text-align:center; border:1px solid #e60012; color:#e60012; position:absolute; top:9px; left:20px; border-radius:12px}
.guide_txt {color:#666; font-size:14px; line-height:1.5}

.subtitleBox {max-width:960px; margin: 0 auto}
.contryBox {margin:30px 0 50px}
.row_contry {overflow:hidden; }
.contryBox .send_contry {float:left; width:48%; position:relative}
.contryBox .send_contry:before {content:"문서 발행국"; font-size:13px; color:#999; position:absolute; top:24px; left:20px;} 
.contryBox .send_contry:after {content:""; background:url("../img/contry_rocation.png") no-repeat center; width:14px; height:20px; position:absolute; top:50%; right:20px; margin:-10px 0 0;}
.contryBox .change_contry {float:left; width:4%; text-align: center; line-height: 60px; cursor:pointer}
.contryBox .arrive_contry {float:right; width:48%; position:relative}
.contryBox .arrive_contry:before {content:"문서 도착국"; font-size:13px; color:#999; position:absolute; top:24px; left:20px;} 
.contryBox .arrive_contry:after {content:""; background:url("../img/contry_rocation.png") no-repeat center; width:14px; height:20px; position:absolute; top:50%; right:20px; margin:-10px 0 0;}
.subtitleBox input {width:100%; height:60px;border:1px solid #d7d7d7; padding:0; font-size:15px; text-indent:100px;  color: #1c5cb0;}
.popup_close {display:none}

.contry_bg {}

.contry_retry {text-align:right; height:40px; line-height:40px; cursor:pointer}

.search_country {background-color:white; position:absolute; left:0; width:100%; height:auto; margin:200px 0 0; border:1px solid #1c5cb0; padding:25px;}

  .contry_re {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:200; margin:40px 0 0}
  .contry_re .contry_bg {z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50);}
  .contry_re .popup_close {font-size:24px; color: white; top:165px;  right: 12px;  position: absolute; display:block;}
  
  .cotry_re_con {position:relative; max-width:850px; margin:0 auto}
  


.count_list > div {float:left; width:25%; margin:0 0 15px 0; color:#777; font-size:15px}

.count_Box {width:100%; height:316px; border:1px solid #8d9bae; margin-top:50px; position:relative;}
.count_leftBox {float:left; width:15%;}
.count_rightBox {float:right; width:85%; height:314px; padding: 20px 15px; background-color:white;overflow-y:scroll;}

.product_view {margin:0 auto; max-width: 960px; padding:20px 0; min-height:150px}
.white_bg {overflow: hidden; background-color: white;}

.tableS table {margin:30px 0 0}
.tableS table > thead > tr > td {line-height:1; font-size:16px; padding:24px 10px; white-space: nowrap; font-weight:bold; color:black; border-bottom: 1px solid #b2b2b2;}
.tableS table > tbody > tr > td {line-height:1; border-bottom: 1px solid #f0f2f5; padding:32px 10px; font-size: 16px; color: #666; word-break: keep-all;}
.tableS table > tbody > tr > td.ar {color:black; font-weight:bold}

.tableS table label {padding:0 0 0 25px; position:relative; cursor: pointer;}
.tableS table input[type="checkbox"]:not(old) {width:0; height:0; margin:0; padding:0; opacity:0;}
.tableS table input[type="checkbox"]:not(old) + span , .tableS table input[type="checkbox"]:not(old) + label {line-height:20px; cursor:pointer; display:inline-block; background:url('../img/chkBox.png') no-repeat left center;  padding: 0 0 0 20px;  font-size: 15px; font-weight:500; color:#0d132a; position:absolute; height:20px; top:-4px; left:0;}

.tableS.type02 table label {padding:0; display:inline-block; margin: 0 0 5px -4px;}
.tableS.type02 table input[type="checkbox"]:not(old) + span {position:static; background:none; padding:0}

.LookupBox {text-align:center; margin:20px 0 0}
.contry_Lookup {width:160px; height:52px; line-height:52px; color:white; font-size:20px; background-color:#e60012; border:1px solid #e60012; border-radius:27px; transition:0.3s all ease;}
.contry_Lookup:hover {background-color:white; color:#e60012}

.moreBox {margin:30px 0}

/* 회원가입 */

.T_header {overflow:hidden; line-height: 65px; max-width:800px; margin:30px auto 20px; padding-bottom:20px; border-bottom: 3px solid #666;}
.T_header.type02 {border-bottom:3px solid #007ac3}
.T_header_left {float:left}
.T_header_right {float:right}

.join_table {margin-bottom: 80px;}
.join_table table {width:100%; margin-bottom:10px}
.join_table table tbody p {margin:10px 0}
.join_table table tbody input {width:100%; height:46px; border-radius:0}
.join_table table tbody select {width:100%; height:46px; border-radius:0}
.join_tableIn {width:600px; margin:0 auto}
.join_tableIn.type02 {width:400px}s

.join_Route ul li {float:left; margin:0 10px 10px 0}
.join_Route ul li input[type="radio"] {width:18px; height:18px; margin:0 5px 0 0; vertical-align:middle}
.join_Route ul li label {font-size:12px}

.join_table table tbody .w33 {width:33.33% !important; float:left}


.termsDiv {border: 1px solid #cccccc; overflow: auto; padding: 20px;}
  .terms_left {float: left; font-size: 14px; margin: 30px 0 0 10%;}
  .terms_right {float:right; margin:0 10% 0 0;}

.join_link li {float:left; margin:5px 0}

.join_addressBox {position:relative}
.join_addressBoxIn {padding-right: 100px; width: 100%; box-sizing: border-box;  overflow: hidden;}
.join_addressBox button {position: absolute; top: 0; right: 0; width: 100px; background-color: #007ac3;  color: white;  border: 0;  height: 46px;}

.mb_global {position:relative;}
.mb_global select {width:150px !important; position:absolute; top:0; left:0;}
.mb_global .mb_global_input {width:100%; display: inline-block; padding-left:149px;  box-sizing: border-box;}

.daum_api {position: absolute; top: 45px; width: 100%; left: 0;}

.join_footer ul {overflow:auto}
.join_footer ul li {float:left; width: 46%; margin: 0 2%;}


/* 모바일 메뉴 */

.menuAllBox {display:block; width:250px; position:fixed; top:0; right:0; height:100%; max-height:100%; background:#fff; z-index:1001; right:-250px; text-align: left;}
	.mob_menuBg {display:none; position: fixed; left:100%; width: 100%; bottom: 0; top: 0; left: 0; z-index:1000; background-color:rgba(0,0,0,0.7)}
	.menuAllBox.on {right:0; transition:all 0.33s;}
	.menuAllBoxIn { overflow-y: auto; height: 100%;}
		.mobAll_title {display:block; border-bottom:1px solid black;overflow:hidden;}

        .mobAll_title_left {float:left;font-size: 14px;font-weight: bold; color: black;margin:15px 15px 0 15px; line-height:1.5}
		.mobAll_title_left .txt_blue {color:#2946d2; margin: 0 3px 0 0;}
        .mobAll_title_right {float:right;margin: 12px 15px 15px 0;}
		.mobAll_title_right li {float:left; margin:0 0 0 5px}
        .mobAll_title_right li a {font-size: 12px; display: block; border-radius: 5px; border: 1px solid #555; text-align: center; line-height: 1;  padding: 5px;}

		.menuAllClose { bottom:inherit; top:0; right:3px; font-size:23px; }
		.menuAllClose span { color:#fff; position:relative; top:0px; right:8px; }



.mobAll_list {}
.mobAll_list > ul > li {width:100%; height:auto; border-bottom: 1px solid #ececec;}
.mobAll_list > ul > li .icon-k-down {display:block}
.mobAll_list > ul > li > a {display:block; text-align:left; padding:0 15px; font-weight:600; background-color:white; border-left:0; line-height:48px; font-size:18px;}
.mobAll_list > ul > li > a.on , .mobAll_list > ul > li.on > a {background: #3e3e3e;}
.mobAll_list > ul > li .cartBox {position:relative; float:right; width:45px; text-align:center}
.mobAll_list > ul > li .cartBox .cart_num {background-color: #d60000; width:22px; height:15px; position:absolute; top:5px; right:0; text-align: center; line-height: 1.5;  border-radius: 15px;  font-size: 12px;  color: white;}

.mobAll_list .dep2 > li {line-height:42px; display:block; transition: all 0.3s ease 0s; padding: 0 15px;  border-bottom: 1px solid #d7d7d7;}
.mobAll_list .dep2 > li > a {padding:0; margin:0; text-align:left; color:#000; font-weight:500; font-size:16px; display:block; width:100%; position:relative;}
.mobAll_list .dep2 > li > a:hover {color:#3077c7;}
.mobAll_list .dep2 > li:hover > a:after { display:none; }

.mobAll_btn {position:absolute; left:5%; bottom:15px; text-align:center; width:90%; background-color:black; }
.mobAll_btn a {display:block; color:#ff5a5a; padding:15px 0; font-size:14px}

.mobile_menu {display:none}

.mobile_menu_btn {position:absolute; top:0; right:0; bottom:0;}
.mobile_menu_btn .cart {width:60px; height:60px;line-height: 63px;border: 0;color: black;font-size: 22px; position:relative;display: block;float: left;text-align: center;}
.mobile_menu_btn .cart .cart_num {background-color: #d60000;width: 22px;height: 15px;position: absolute;top:10px;right:6px;text-align: center;line-height: 1.5;border-radius: 15px;font-size: 12px;color: white;}
.mobile_menu_btn .list {width: 60px; line-height: 60px; background-color:white; float:right; height: 100%; border: 0; font-size: 24px;  display: inline-block; text-align: center; color:black; border-left: 1px solid #dee0e1;}


.mobile_menu_list {display:none}

.button {padding:5px !important}



/* FAQ */

.btab { margin-bottom:30px; }
.btab li a { display:block; }
.btab li { float:left; text-align:center; border:1px solid #e6e6e6; border-left:none; background:url(/img/best_bg.gif) repeat-x left bottom; cursor:pointer; font-weight:bold; color:#acacac}
.btab li.first { border-left:1px solid #e6e6e6; }
.btab li.on { display:block; border:1px solid #989898; background:none; color:#424242 }
.btab li > div {display:table; width:100%; height:50px}
.btab li > div > a {display:table-cell; vertical-align:middle}

.faq_qu {cursor:pointer; padding:27px 0 !important;}
.faq_qu span {font-size:18px; color:#333}
.faq_arrow {padding-right:35px !important; cursor:pointer;}
.faq_an {display:none;width:100%;padding:20px;margin:0;border-bottom:1px solid #cdcdcd; font-size:14px; line-height: 2;}
.faq_an strong {color:black}

/* CEO 인사말 */

.youtubeWrap {position: relative; width: 100%; padding-bottom: 56.25%;}
.youtubeWrap iframe {position: absolute; width: 100%; height: 100%;}

.blue_area {background-color: #0079c2;  width: 100%; margin: 10px auto; padding: 5px;  text-align: center;   color: white;}


/* 로그인 폼 */

.login_form {max-width: 900px; margin: 30px auto 0; overflow:hidden}
.login_form.type02 , .login_line.type02 {max-width:1080px}
.login_input {box-sizing:border-box; width:100%; max-width:305px; min-height:46px;border-radius:0px}
.login_line {width: 100%; max-width:900px; margin:20px auto 0}
.left_img {float:left}
.left_img img {width:100%; max-width: 433px;}
.right_img {float:right}
.right_img img {margin:45px 0 0}


/* 본인 인증 */

.check_conBox {margin:0 0 20px; text-align:center; border:2px solid #007ac3;  padding:15px 0; clear:both}
.check_conBox p {font-size:16px; color: black; margin:0 0 10px 0}
.check_conBox ul {display:inline-block}
.check_conBox ul li {float:left; margin:0 10px}

/* 게시판 검색 */


.searchBox {border: 1px solid #dadada; background-color: #f9f9f9; margin:0 0 30px; text-align:left}
.searchBox > ul {padding:10px}
.searchBox > ul > li {margin:5px 0; display: inline-block;  width: 100%; position:relative}
.searchBox .data_input {width:450px; height:32px; border:1px solid #dadada; margin:0 0 0 10px}
.data_label {display:inline-block; vertical-align:middle}
.data_label > li {float:left; margin: 0 5px}
.data_label input[type=checkbox] {width:16px; height:16px; vertical-align:middle; margin:0 5px 0 0}
.data_label label {font-size:14px; margin:0; vertical-align:middle}
.data_button {color: white; background-color: #1478d6; transition:0.3 all ease; border: 0; font-size: 12px; padding:9px !important; line-height: 1; position: absolute;  top: 0; right:52px;  margin: 0;}
.data_button:hover {background-color:#f26522;}
.list_button {color: white; background-color:#666; transition:0.3 all ease; border: 0; font-size: 12px; padding:10px 10px 9px; line-height: 1; position: absolute;  top: 0; right:10px;  margin: 0;}
.list_button:hover {background-color:#333;}


/* 민원 처리 방법 */

.bg_white_section {max-width:900px; margin:20px auto; padding: 40px 0 30px; border: 1px solid #dddddd;  border-top: 4px solid #007ac3;}

.emerBox {overflow:hidden; padding:0 10px !important}
.emerBox ul li {float:left; width:33.33%; position:relative; text-align:center}
.emerBox ul li:after {content:""; position:absolute; top:0; left:0; bottom:0; border-right:1px solid #e0e0e0}
.emerBox ul li:first-child:after {border:0}

.emerBox.type02 ul li {width:33%}

.emer_price {display:block; margin:0 0 20px}
.emer_price .main_txt {font-size:20px; font-weight:bold; margin:10px 0}
.emer_price .main_txt sub {vertical-align: middle; font-size: 16px; margin: 0 2px 0 0; display: inline-block;}
.emer_price .main_txt .etc {font-size:16px}
.emer_price .sub_txt {font-size:22px; font-weight: bold;}
.emer_price .sub_txt span {vertical-align:middle; margin:0 5px 0 0}
.emer_price.color_purple .sub_txt  {color:#cd22bd; position:relative; display:inline-block;}
.emer_price.color_purple .sub_txt:after {content:""; position:absolute; bottom:-5px; left:0; right:0; border-bottom:3px solid #cd22bd}

.txt_purple {color:#cd22bd}

.emer_price.color_red .sub_txt  {color:#ff023e; position:relative; display:inline-block;}
.emer_price.color_red .sub_txt:after {content:""; position:absolute; bottom:-5px; left:0; right:0; border-bottom:3px solid #ff023e}

.txt_red {color:#ff023e}

.emer_price.color_gray .sub_txt  {color:#7a7a7a; position:relative; display:inline-block;}
.emer_price.color_gray .sub_txt:after {content:""; position:absolute; bottom:-5px; left:0; right:0; border-bottom:3px solid #7a7a7a}
.emer_price > img {width:70%}

.txt_gray {color:#7a7a7a}


.emerBox .emer_txt {line-height:1.5; font-size:14px; display:table; width:100%; height:120px}
.emerBox .emer_txt strong {color:black}
.emerBox .emer_txtIn {display:table-cell; vertical-align:middle; padding:0 30px}




/* 배송 & 결제 */

.order_icon {margin:20px 0}

.order table {  }
.order table th { padding:5px; background-color: #f5f5f5; }

.orderBox {position:relative; display:inline-block; width:100%; border-top: 0 !important; margin:0 !important}

.order_left {float:left; background-color:white; margin:10px 0 0; padding-right:450px; border-top:0 !important;}
.order_right {position: absolute; width: 430px; top:10px;  right: 0; border-top:0 !important}


.payment_warning{margin:30px 0 0; padding:15px 20px; border:1px solid #d80021 !important; border-top:6px solid #d80021 !important; }
.payment_warning > div{display:table; width:100%;}
.payment_warning > div > div{display:table-cell;}
.payment_warning > div > div:first-child{padding-right:20px}
.payment_warning h4{color:#d80021; font-size:16px; font-weight:700; background:url('../img/warning.gif') left top no-repeat; height: 30px; line-height: 30px; padding-left:45px;}
.payment_warning p{color:#000; font-size:14px; font-weight:700; margin-top:8px; padding-left:45px;}
.payment_warning p span{color:#9b6f44; font-size:12px; display:block; margin-top:5px;}
.payment_warning table{width:100%; margin-top:7px;}
.payment_warning table th{border-left:1px solid #fff; border-bottom:1px solid #fff;}
.payment_warning table th, .payment_warning table td:first-child{background:#f0f0f0;}
.payment_warning table th, .payment_warning table td{padding:7px; color:#000;}
.payment_warning table th:first-child{background:#dcdbdb; text-align:left;}
.payment_warning table td{border-bottom:1px solid #d4d4d4; text-align:center}
.payment_warning table td:first-child{text-align:left;}
.payment_warning span{color:#d80021; font-weight:700;}


.adressBox {position:relative; border-top: 0 !important; margin: 0 !important;}
.adressBox input {width:100%; border: 1px solid #ccc; height: 32px; text-indent:5px; box-sizing: border-box;}
.adressInput {padding:0 69px 0 0; position:relative; border-top: 0 !important;     margin: 0 !important;}
.adressInput > input[type="text"] {border: 1px solid #ccc;  background: #dbdbdb;}
.adressBox button {position: absolute; top: 0; right:-1px; bottom:0; background-color: black; color: white; border:0; width: 70px;  font-size: 12px;}
.adress_input {width:100px}

.InputType {display:inline-block; width:100%; margin: 2px 0 0 !important;}
.InputType  input {width:100%; border: 1px solid #ccc; height: 32px; text-indent:5px; box-sizing: border-box;}

.payment_list tbody {display:table; width:100%}

.wbtn {margin:20px 0; text-align:center}

.order_num {margin:0 0 10px}
.order_num span {font-size:14px; font-weight:bold}

.navi {text-align:center}
.navi a {margin:0 3px; display:inline-block}
.navi .on {color:#6699ff; font-weight:600}

.vbtn {display:inline-block; width:100%; margin:0 0 20px}


/* 장바구니 */

.cart_table table{width:100%;}
.cart_table table th, .cart_table table td{border-bottom:1px solid #b2b2b2; border-left:1px solid #b2b2b2; font-size:13px; line-height:20px; letter-spacing:-1px;}
.cart_table table th:first-child, .cart_table table td:first-child{position:relative; border-left:0;}
.cart_table table tr:last-child td{border-bottom:0;}
.cart_table article{position:relative;}
.cart_check_box {position:absolute; top:0; left:-5px;}
.cart_check_box input[type="checkbox"] {width:20px; height:20px;}

.cart_table table th{height:43px; color:#000; padding:0 17px;}
.cart_table table td{padding:10px;}
.cart_table table td:first-child{}
.cart_table label{font-size:0;}
.cart_table input[type=checkbox]:not(old) + label, .cart_table input[type=radio]:not(old) + label{display:inline-block; margin-left:0; width:18px; height:18px; position:absolute; top:0; left:0;}
.cart_table button{cursor:pointer;}


.bgeeefef{background:#eeefef; text-align:right;}
th.bgeeefef{text-align:center;}
.quantity{font-size:0; text-align:center;}
.quantity > div{display:inline-block; vertical-align: middle;font-size: 10px;line-height: 30px; text-align:center; font-size:14px}
.quantity > div:first-child{}
.quantity > div:nth-child(2){border-left: 0;}
.quantity > div input{box-sizing:border-box;width:30px;height:28px;text-align:center;}
.quantity a, .quantity img{display:block;}
.quantity_btn{width:41px; height:23px; line-height:23px; border:1px solid #7f7f7f; color:#666; text-align:center; background:#fff; margin:0 auto; display:block; margin-top:5px;}
.cart_btn{font-size:0; margin-top:5px;}
.cart_btn button{font-size:12px; border:1px solid #b2b3b3; width:41px; height:23px; line-height:23px;}
.cart_btn button:last-child{border:1px solid #777; background:#fff; width:51px; margin-left:5px;}
.cart_table span{color:#333; display:inline-block; margin:0 10px 0 0}
.span_bold{font-weight:700;}
.cart_sum{border-top:1px solid #000;border-bottom:2px solid #000;overflow:hidden;margin-top:0;position: relative;padding: 0 0 10px 0;}
.cart_sum > div:first-child{color: #ef6d12;font-size: 14px;line-height: 24px;padding: 15px 10px 0 10px;display: inline-block;width: 53%;float: left;}
.cart_sum_wrap{width: 47%;background:#cbcbcb;height: 100%;position: absolute;right: 0;top: 0;bottom: 0;}
.cart_sum_wrap > div{padding:20px;/* height: 100%; */}
.btn_wrap{text-align:center; margin:40px 0; font-size:0;}
.btn_wrap button, .btn_wrap a{color:#fff; font-size:18px; width:258px; height:58px; border:0; background:#007ac3; border:1px solid #007ac3; line-height:58px; margin:0 5px; font-weight:700; cursor:pointer; box-sizing:border-box; display:inline-block;}
/*.btn_wrap button:first-child{background:#f1f1f1; border:1px solid #afafaf; color:#888; width:198px;}*/
.modify_btn{display:inline-block; zoom:1; *display:inline; border-radius:5px; color:#fff; font-size:14px; background:#7f7f7f; width:115px; height:35px; line-height:35px; text-align:center;}
.cart_sum_wrap li{display:table; width:100%; margin-top:7px; color:#000; font-size:14px;}
.cart_sum_wrap li:first-child{margin-top:0px;}
.cart_sum_wrap li:last-child{color:#e50000; font-size:16px; margin-top:10px; font-weight:700;}
.cart_sum_wrap li > div{display:table-cell;}
.cart_sum_wrap li > div:last-child{text-align:right;}
.cert_add{padding-left:21px;}
.cert_add > div{border-top:1px dashed #ccc; margin-top:15px; padding-top:15px; padding-left:20px; font-size:14px;}
.cert_add h4{color:#000; margin-bottom:5px;}
.cert_add > div > div{font-size:0;}
.cert_add > div > div p{display:inline-block; zoom:1; *display:inline; font-size:14px; color:#555; padding-left:8px; vertical-align:middle; margin-right:8px;}
.cert_add > div > div select, .cert_add > div > div button{margin-left:5px; height:32px; line-height:32px; vertical-align:middle; border:1px solid #ccc;}
.cert_add > div > div select{width:140px;}
.cert_add > div > div button{background:#ccc; width:53px;}

.cart_doc_warring{color:#ff7c21; font-weight:700; font-size:14px;}
.cart_doc_wrap h3{font-size:18px; font-weight:700; color:#000; border-top:2px solid #000; padding:15px 0; margin-top:15px;}
.cart_doc_table{width:100%; color:#000;}
.cart_doc_table th{background:#eeefef; font-size:13px;width:127px;}
.cart_doc_table td{font-size:13px; width:333px;}
.cart_doc_table th, .cart_doc_table td{border-bottom:1px solid #b2b2b2; padding:15px 20px;}
.cart_doc_table tr:first-child th, .cart_doc_table tr:first-child td{border-top:1px solid #b2b2b2;}
.cart_doc_table .textareaBox {border:1px solid #ccc; padding:10px;}
.cart_doc_table div textarea{border:0; width:100%; height:80px; border:0; overflow:hidden; resize:none;}
.cart_doc_table input , .cart_doc_table select {border:1px solid #ccc; height:30px; width:100%; text-indent:10px;}
.cart_doc_btn{margin-top:30px; text-align:center;}
.cart_doc_btn button{color:#fff; background:#007ac3 url('../images/sub/cart_doc_btn.gif') right 38px center no-repeat; padding-left:38px; width:200px; height:58px; text-align:left; border:0; font-size:18px; line-height:58px; cursor:pointer;}
.cart_doc_col3{font-size:0;}
.cart_doc_col3 *{font-size:14px;}
.cart_doc_col3 span{display:inline-block; zoom:1; *display:inline; width:6%; text-align:center;}
.cart_doc_col3 input{width:47%; box-sizing:border-box;}

/* 마이페이지 및 발급현황 */

.order_num {position:absolute;right:60px;top:-33px;width:300px;height:40px;}
.detail tbody th {padding:5px; line-height: 1.2;}
.detail tbody td {padding:5px; line-height: 1.2;}
.detail2 {border: 5px solid #0079c2; text-align:center; margin: 0 0 20px; padding: 6px 0 0;}
.detail2 .img_box {padding:0 6px}
.detail2 .info {background-color: #f5fafd; padding: 10px 0; margin: 10px 0 0; line-height: 1.5; font-size: 14px;}

.modal-body {padding:25px 25px 50px}


/* 아포스티유 국가별 상품 주문하기 */

.nation_content {max-width: 960px; margin: 50px auto 0;}

.contryTab {border:1px solid #dedede;padding: 20px;position:relative;min-height: 84px;}
.contryTab .con_selectBox {width: 120px;height:42px;position:absolute;}
.contryTab .con_selectBox select {width:100%;border:1px solid #777;height:42px;line-height:42px;text-align: center;font-size: 14px;font-weight:bold;color: black;text-indent: 5px;}

.con_tabBox {padding: 0 0 0 125px;}
.con_tabBox table {width:100%}
.con_tabBox table tbody td {padding: 0 2px;}
.con_tabBox table tbody td a {display:block;border:1px solid #ddd;text-align:center;line-height:42px;height:42px;background-color:white;font-size: 12px;}
.con_tabBox table tbody td a.on {background-color:#1c5cb0; border:1px solid #1c5cb0; color:white}

.contrylist {clear:both; background-color:white; border: 1px solid #e2e2e2; border-top: 0; padding:30px 80px}
.contrylist ul {display:inline-block; width:100%; list-style:none; margin:0; padding:0}
.contrylist ul li {float:left; width:24%; margin:10px 1% 10px 0}
.contrylist ul li a {color:black; text-decoration: none; display:block; position:relative}
.contrylist ul li a img {position:absolute; top:50%; left:0; margin:-9px 0 0; width:26px; height:18px}
.contrylist ul li a span {display:inline-block; vertical-align:middle; padding:0 5px 0 35px; letter-spacing: -0.05em; color:black; word-break: break-all; font-size:14px; line-height:18px;}

.eng_lng {display:none}


table.table {border-top: 2px solid black; border-bottom: 1px solid #ddd;  margin: 0; width: 100%;}

.tableBox {margin:40px 0 100px;}
.tableBox table.table {border-top:0 !important}
.table_top {width:100%; border-top:2px solid black; padding:15px 10px; line-height:1.2;}
.table_top .main_txt {font-size:20px; color:#666; font-weight:bold; margin:2px 0;}
.table_top .sub_txt {font-size:14px; color:#666}

.buttonBox {text-align:center; margin:20px 0}
  .buttonBox .bu {background-color:#1c5cb0; display:inline-block; color:white; width:200px; height:40px; line-height:40px}
  .buttonBox .bu span {color:white; margin:0 0 0 10px; font-size:16px}

 div.bbs_list td {border-bottom:1px solid #cdcdcd;padding:5px 0;}

.contry_table p {margin:0;}
.contry_table label {margin:0}
.contry_table thead tr td {font-size:16px; color:black; padding:23px 0; white-space: nowrap;}
.contry_table tbody tr td {font-size: 16px; color: #555555; padding: 30px 10px;}
.contry_table tbody tr td.num {font-size:13px; color:#888}

/* 테이블 */

.table_normal {border-top:2px solid black}
.table_normal thead tr th {background-color:#f3f5f7; font-size:16px; color:black; padding: 23px 0; white-space: nowrap;}
.table_normal tbody tr td {font-size:14px; color:#555555; padding:11px 0}
.table_normal tbody tr td.num {font-size:13px; color:#888}

.cart_btn {width:160px; height:52px; line-height:52px; transition:0.3s all ease; color:White; font-size:20px; background-color:#1c5cb0; border:1px solid #1c5cb0; border-radius:27px; margin:20px 0 0}
.cart_btn > span {color:White; vertical-align:middle; margin:0 10px 0 0;}
.cart_btn:hover {background-color:white;}
.cart_btn:hover span {color:black}

.trans_grayBox {background-color:#f8f9fb; padding:20px 12px 18px; text-align:center; border-top:1px dashed #666; margin:20px 0 0}
.trans_grayBox .main_txt {color:black; font-size:16px; margin:0 0 10px}
.trans_grayBox .sub_txt {color:#e60012; font-size:12px; margin:0; line-height: 1.5;}

/* 19-06-27 주차장 안내 */

.ac {text-align:center}

.parkBox {margin: 0 auto 20px; }
.park_main_txt {color:#333; font-size:30px; font-weight:bold; margin:0 0 20px}
.park_sub_txt {color:#222;font-size: 16px; margin: 0 0 20px;}
.park_fot_txt {color:#222; font-size:15px; margin: 0 0 20px;}

.park_tableBox {width:100%}
.park_table {width:100%; margin-bottom:10px;border: 1px solid #646464;}
.park_table thead tr th {background-color: #e2e2e2;border-left: 1px solid #a3a3a3;font-weight:400;text-align: center;padding: 10px 0;color: #555;font-weight: 500;font-size: 14px;}
.park_table thead tr th:first-child {border-left:0}
.park_table thead tr td {padding: 10px; text-align:center; font-size:14px;}
.park_table tbody tr td {padding: 10px;border-left: 1px solid #a3a3a3;border-top: 1px solid #b1b1b1;color: #333;fot-size: 14px;}
.park_table tbody tr td:first-child {border-left:0}

/* EOD : 주차장 안내 */

/* 19-09-05 주의사항 안내 팝업 */

.work_popup {background-color: white; display: inline-block;float: left;border: 1px solid black;width:330px; top:45px; left:-380px; position:absolute}
.work_popup.right {left:auto; right:-380px}
.work_popup.none {display:none}
.work_popup_h {border-top: 6px solid #de575b; border-bottom: 1px solid #b2b2b2; padding: 10px 20px; color:#1b1b1b; font-size:14px; text-align:left;}
.work_popup_h span {font-weight:bold}
.work_popup_c {text-align:center;} 
.work_popup_c .grayBox {color: #d00000; background-color: #efefef; font-size:14px;width:80%;margin:20px 10%; line-height:1.4; padding:15px 0;font-weight: 500;letter-spacing: -0.05em;}
.work_popup_c .sub_txt {color: #666666;font-size:14px;margin:0 0 15px;line-height: 1.5; letter-spacing:-0.08em}

.DHL_Box_h {background-color:#d71534; color:white; font-size:18px; height:45px; line-height:45px; font-weight:500; text-align:center}
.DHL_Box_c {background-color:#fdca4a; padding:15px 10px; text-align:center}
.DHL_Box_cIn {background-color: white; border-radius: 3px;  margin:0 0 15px;  padding: 10px 25px;  font-size:15px; font-weight: 500; text-align:left; letter-spacing: -0.06em;}
.DHL_Box_cIn .txt_red {position:relative; color:#dd0000}

.DHL_btn {background-color:#d71534; border:1px solid #d71534; display: inline-block; width:198px; height:38px; line-height:38px; text-align:center; color:white !important; font-size:16px; font-weight:500; border-radius:3px; transition:0.3s all ease}
.DHL_btn:hover {background-color:white; color:#d71534 !important}

.DHL_open_btn {background-color: #fdca4a; border: 0; border-radius: 3px; color: #d71534;
font-weight: 400; font-size: 12px; font-weight: 500; float: right; margin: 2px 0 0;}

/* 주의사항 안내 팝업 */


/* 19-10-21 상품 상세 페이지 작업 */

.myBox {display:none}
.myBox.on {display:block}

.pv_container {max-width:1130px; margin:50px auto 0}

.productBox {background-color:white; border-top:2px solid black; margin:0 0 50px}
  .product_hd {padding:30px 40px;  border-bottom:1px solid #ccc}
  .product_hd span {font-size:22px; font-weight:bold; color:#333; line-height:1.2}
  .product_con {padding:40px 30px; position:relative}
    .product_con_l {position:absolute; top: 40px; left: 30px;}
	.product_con_r {padding:0 0 0 110px}
	  .product_info {padding:0 50px 0 0; text-align: justify; min-height:71px; line-height: 1.5;}
	
	  .product_option {margin:20px 0 0}
		.option_table {width:100%; border-top:1px solid #a0a0a0}
		.option_table tbody tr td {border-bottom:1px solid #a0a0a0; padding:5px; position:relative}
		.option_table tbody tr td .txt {padding: 0 0 0 15px; display: inline-block;}
		.option_table tbody tr td .txt:before {content: "ㆍ"; position: absolute; top: 14px;  left: 3px; line-height: 1;}
		.option_table tbody tr td select {min-width:72px; height:32px; border:1px solid #ccc; border-radius:5px; padding:0 5px}
		.option_table tbody tr td select.type02 {width:140px}
		.option_table tbody tr td .gray_btn {width: 100px;height: 34px; line-height: 34px; border: 0; border-radius: 3px; background-color:#007ac3; color: white; font-size: 13px; text-align:center; transition:0.3s all ease; position:relative}
	    .option_table tbody tr td .gray_btn:hover , .option_table tbody tr td .gray_btn.on  {background-color:black;}
	    .option_table tbody tr:nth-child(even) td {background-color:#f3f4f8;}

      .product_care {margin: 20px 0 0; background-color:#fffbeb; border:1px solid #cfcbcb; position:relative; padding: 20px 80px 20px 65px; line-height: 1.5;}
	  .product_care:before {content:""; position:absolute; top:18px; left:20px; width:22px; height:22px; background:url("../main/img/icon_care_alert.png") no-repeat}
	  .product_care ul li {margin:0 0 12px; position:relative; font-size:13px; color:#555}
	  .product_care ul li:last-child {margin:0}
	  /* .product_care ul li:before {content: ""; position: absolute; top:10px; left: -8px; width: 2px; height: 2px; background-color: #666;} */
	  
	  .product_tab {margin:50px 0 0; background-color:white; z-index:1}
      .product_tab ul {overflow:hidden}
	  .product_tab ul li {float:left; width:33.33%; text-align:center}
	  .product_tab ul li:first-child a {border-left:1px solid #bebebe}
	  .product_tab ul li a {display:block; border-top: 1px solid #b5b5b5; border-right: 1px solid #bebebe; border-bottom: 2px solid #007ac3; height:54px; line-height:54px; color:#666; font-size:16px; font-weight: 400;} 
	  .product_tab ul li.on a {border:2px solid #007ac3; border-bottom:0; font-weight:500; color:#007ac3}
	  .product_tab ul li a span {margin:0 0 0 5px}
	  .product_tab.on {position:fixed; top:0; left:50%; width:1080px; margin:0 0 0 -540px;}

	  .user_review {margin:20px 0 150px}
		  .user_review_hd {overflow:hidden}
		  .user_review_hd .left {float:left}
		  .user_review_hd .left span {font-size:18px; color:black; vertical-align:middle; margin:0 0 0 15px; font-weight:500}
		  .user_review_hd .left span.score {margin:0 10px 0 20px}
		  .user_review_hd .right {float:right; margin: 0 20px 0 0;}
		  .user_review_hd .right ul li {float:left; border-left:1px solid #ababab}
		  .user_review_hd .right ul li:first-child {border-left:0}
		  .user_review_hd .right ul li a {font-size:14px; color:black; font-weight:500; margin:0 10px}
		  .user_review_hd .right ul li a.on {color:#ff4923}

		  .user_review_con {margin:20px 0 0; border-top:1px dashed #929292}
		  .user_review_con > ul > li {border-bottom:1px solid #c8c8c8; padding:20px}
		  .user_review_con .info {overflow:hidden; margin: 0 0 20px;}
		  .user_review_con .info .left {float:left; line-height:15px}
		  .user_review_con .info .left .txt {font-size:14px; color:black; font-weight:bold; margin:0 0 0 8px; display:inline-block; vertical-align:middle}
		  .user_review_con .info .right {float:right}
		  .user_review_con .info .right .type {background-color:#cfa972; color:white; font-size:12px; text-align:center; display:inline-block; width:65px; height:20px; line-height:20px;}
		  .user_review_con .info .right .type.on {background-color:#32b16c}
		  .user_review_con .info .right .day {color:#666; font-size:12px; margin: 0 0 0 8px;}
		  .user_review_con .name {margin:0 0 15px; font-size:15px; color:#af7924; font-weight:500}

		  .user_review_con .content {position:relative}
		  .user_review_con .content > a {color:#000000; font-size:13px; display: inline-block; line-height: 24px; width:100%; height:50px; overflow:hidden}
		  .user_review_con .content > a .txtBox {width:800px; min-height: 50px;}
		  .user_review_con .content > a:hover {color:#0072d6}
		  .user_review_con .content > a.full {height:auto}
		  .user_review_con .content .review_thum_img {width:40px; height:40px; position:absolute; top:5px; right:80px;}
		  .user_review_con .content .review_thum_img img {width:100%; height: 100%;}		
		  .user_review_con .content .review_reco {position:absolute; top:7px; right:0px;}
		  .user_review_con .content .review_reco > a {width:65px; height:30px; line-height:23px; border-radius:15px; display:inline-block; border:1px solid #007dd8; text-align:center}
		  .user_review_con .content .review_reco > a span {vertical-align:middle; color:black; font-size:12px; display: inline-block; line-height: 1; margin: 0 0 0 5px;}

		  .user_review_con .imgBox {margin:20px 0 0}
		  .user_review_con .imgBox > ul {overflow:hidden}
		  .user_review_con .imgBox > ul > li {float:left; margin:0 0 0 10px} 
		  .user_review_con .imgBox > ul > li img {max-width:300px}

		  .user_review_con .review {background-color:#f5f5f5; color:#333; font-size:13px; position:relative; padding:45px 20px 15px; margin:20px 0 0; line-height: 24px;}
		  .user_review_con .review:before {content:"운영자"; position: absolute; top: 20px; left: 20px;  font-size: 16px; font-weight: 500; color: #0072d6; line-height: 1;}


	  .info_agree_table {width:100%}
	  .info_agree_table tr td {font-size:12px; text-align:center; border-right:1px solid white; line-height:1;}
	  .info_agree_table thead tr td {background-color:#d3d3d3; padding:11px 0; border-bottom:1px solid white}
	  .info_agree_table tbody tr td {background-color:#f5f5f5; padding:11px 0; color:#666666}
      
	  .product_contact .buttonBox {margin:30px 0 0; text-align: center;}
	  .product_contact .buttonBox.type02 {margin:30px 12px 0}
	  .product_contact .bu_black {border-radius:3px; background-color:#303033; border:1px solid #303033;color:white;width:100%;height:58px; letter-spacing:10px}
	  
	  .product_contact_form .chk {line-height:1;}
	  .product_contact_form .chk input[type="checkbox"]:not(old) {width:0; height:0; margin:0; padding:0; opacity:0;}
      .product_contact_form .chk input[type="checkbox"]:not(old) + label {height:22px; line-height:22px; margin:0; font-weight: 400; font-size:12px; color:#666666; cursor:pointer; display:inline-block; background:url('../main/img/agree_chk.png') no-repeat left center;  padding: 0 0 0 30px; font-weight:500}
      .product_contact_form .chk input[type="checkbox"]:not(old):checked + label {background:url('../main/img/agree_chk_on.png') no-repeat left center; }
	  .product_contact_form .chk.type02 {margin:0}
      .product_contact_form .chk.type02 input[type="checkbox"]:not(old) + label {font-size:13px; color:black}
	
	  .intro_txt {margin:30px 0 0; font-size:20px; color:#010101}
	  .intro_txt.type02 {font-size:16px; margin:20px 0 0}

	  .introList {margin:20px 0 0; border-top:2px solid black}
	  .introList ul {padding:0; margin:0; overflow:hidden}
	  .introList ul li {padding:15px 0; list-style:none; display:inline-block; width:100%; border-bottom:1px solid #b5b5b5; position:relative} 
	  
	  .introBox {position:relative; min-height:80px}
	  .introBox > a {display:block; min-height:80px}

	  .introList_L {position:absolute; top:0px; left:0;}
	  .introList_L img {width:80px; height:80px; display:block; overflow:hidden; position:relative; box-sizing: content-box;}
	
	  .introList_R {float:left; line-height:1; position:relative; padding:0 0 0 90px}
	  .introList_R .name {color: #007ac3; display: inline-block; font-size: 16px; margin: 5px 0; max-height: 30px; overflow: hidden}
	  .introList_R .content {color:black; font-size:13px; line-height:1.5; height:38px; margin:0; overflow:hidden}

	  .movieP {height:376px; border:1px solid black; background-color: black;}
	  .movieL {float:left; width:595px}
	  .movieR {float:right; width:248px; height: 100%; position: relative; border-left: 1px solid black;}
	  .movieR .videoExplan {height:199px; background-color: #33333b; padding:10px 9px 10px 10px;}
	  .movieR .videoExplan.no_apply {height:263px}

	.movieList {margin:30px 0 0}
	.movieList ul {padding:0; margin:0; overflow:hidden}
	.movieList ul li {padding:15px 0; list-style:none; display:inline-block; width:100%; border-top:1px solid #b5b5b5;}
	.movieList ul li:last-child {padding-bottom:0}

	.movieList_L {float:left; width:155px; margin:0 15px 0 0}
	.movieList_L a {width:155px; height:88px; display:block; overflow:hidden; position:relative; border:3px solid white}
	.movieList_L a:after {display: block; content: ""; position: absolute; top:29px; left: 50%; width: 36px; height: 26px; margin: 0 0 0 -18px; background: url("../main/img/mini_youtube_play.png") no-repeat;} 

	.movieList_L a:hover {border:3px solid #ff0000;}
	.movieList_L img {width:100%; height:100%}

	.movieList_R {float:left; width:675px; line-height:1}
	.movieList_R .name {color:#007ac3; font-size:14px; margin:5px 0 10px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
	.movieList_R .day {color:#8e8e8e; font-size:12px; margin:0 0 8px;}
	.movieList_R .content {color:#333; font-size:13px; line-height:1.2; height:32px; margin:0; overflow:hidden}

	.movieList.type02 {margin:20px 0 0; border-bottom:1px solid #929292; border-top:2px solid black}
	.movieList.type02 ul li {border-top:1px dashed #929292}
	.movieList.type02 ul li:last-child {padding-bottom:15px}
	.movieList.type02 .movieList_R {width:900px; position:relative}
	.movieList.type02 .movieList_R .day {position:absolute; top:7px; right:20px; margin:0}
	.movieList.type02 .content {height:46px}

	.movieList ul li:first-child {border-top:0; padding-top:0}
	.movieList.type02 ul li:first-child {padding-top:15px}

.product_intro {position:relative}
.product_video {background-color:white; border:5px solid black; position:absolute; top:0; left:0; width:100%; height:566px; z-index:1; display:none}
  .product_video_a {display:none}
  .product_video_a.on {display:block}
  .product_video_c {position: absolute; top: -5px; right: -54px;}

 .no_data {width:100%; height:240px; display:table; text-align:center; border-bottom:1px solid #c8c8c8}
	 .no_dataIn {display:table-cell; width:100%; vertical-align:middle}
	 .no_dataIn .txt {font-size:16px; margin:0 0 0 20px; display:inline-block}
  
     .product_tagBox {overflow:hidden; margin:20px 0 0}
	 .product_tagBox > ul > li {float:left; margin:0 5px 5px 0}
	 .product_tagBox > ul > li > a {padding:5px 10px; display:block; font-size:12px; color:#555; background-color:#f4f4f4; transition:0.3s all ease}
	 .product_tagBox > ul > li > a:hover {color:#ff4923}

.paging {text-align:center; margin:30px 0 25px}
.paging ul {padding:0; margin:0; display:inline-block; overflow:hidden}
.paging ul li {float:left; list-style:none; width:28px; height:28px; line-height: 25px; border:1px solid #b5b5b5; display:inline-block; margin:0 3px}
.paging ul li.arrow {border:0; line-height:28px}
.paging ul li.arrow a:hover {color:#007ac3}

.paging ul li a {color:black; display:block}
.paging ul li.on a {color:white}
.paging ul li.on {background-color:#007ac3; border:1px solid #007ac3;}

  .product_contact_form ul li {position:relative; margin:8px 0 0}
  .product_contact_form ul li:first-child {margin:0}
  .product_contact_form ul li input[type="text"] {width:100%; height:38px; border:1px solid #d4d4d4; padding:0 10px}
  .product_contact_form .form_label {position:absolute; top:10px; left:0; font-size:14px; color:black; font-weight: 500;}
  .product_contact_form .form_data {padding:0 0 0 75px; min-height:40px; line-height:40px; color:black}
  .product_contact_form .form_data textarea {width:100%; height:150px; resize:none; border: 1px solid #d4d4d4;}


  .product_conBox {margin:20px 0 0; padding:25px 30px 45px; background-color:#f5f5f5;}
	  .product_conBox .buttonBox {margin:20px 0 0}
      .product_contact {overflow:hidden; margin:20px}
	  .product_contact_form .form_data .txt01 {font-size:14px; color:black; margin:0 0 10px; line-height:1}
	  .product_contact_form .form_data .txt02 {font-size:12px; color:#666666; margin:10px 0; line-height:1}
	  .product_contact .bu_white {border-radius:3px;background-color:white; border:1px solid #d4d4d4; color:black;width:110px; height:50px;margin: 0 8px;}	  
	  .product_contact .bu_black {border-radius: 3px; background-color: #303033;  border: 1px solid #303033;  color: white;  width: 150px;  height: 48px;  margin: 0 8px;}
	  
	  .product_contact_form.left {float:left; width:600px; padding:0 30px 0 0; position:relative}
	  .product_contact_form.left:after {content:"";border-right:1px solid #b5b5b5;position:absolute;top:0px;bottom:15px;right:0;}
	  .product_contact_form.right {float:left;width:320px;padding:0px 0 0 30px;}
	  .product_contact_form.right .info_agree_table {width:100%}
	  .product_contact_form.right .txt01 {font-size:14px;color:black;font-weight:bold;margin: 0 0 20px;}
	  .product_contact_form.right .txt02 {font-size:12px;color:#666;margin: 18px 0 10px;}
	  .product_contact_form.right table {width:100%}
	  .product_contact_form.right table tbody th {background-color:#d3d3d3; text-align:left; font-size:12px; padding:15px; border-top:1px solid #f5f5f5; color:black; font-weight:400}
	  .product_contact_form.right table tbody td {background-color:white; color:#666; font-size:12px; padding:15px 20px; border-top:1px solid #f5f5f5;}
  
 .product_conBox .bu_white {border-radius:3px;background-color:white; border:1px solid #d4d4d4; color:black;width:110px; height:50px;margin: 0 8px;}
 .product_conBox .bu_black {border-radius:3px;background-color:#303033;border:1px solid #303033;color:white;width:150px;height:48px;margin: 0 8px;}


/* 19-10-22 고객의 소리 */


.voiceBox {background-color:white; border-top:4px solid #2a7bf2; padding:0 30px 30px; margin:0 0 50px}
.voiceBox .main_txt {font-size:30px; margin:30px 0 25px; font-weight:bold; text-align:center; line-height:1} 
.voiceBox .main_txt span {display:inline-block; margin:0 10px 0 0}
.voiceBox .sub_txt {color:#333; font-size:14px; font-weight: 500; margin:0; text-align:center }

.table_voice {width:100%; margin:35px 0 0; border:1px solid black}
.table_voice tbody tr th {background-color:#f3f4f8; border-bottom:1px solid #aaaaad; color:black; font-size:16px; text-align:center; font-weight:600; padding:18px 0}
.table_voice tbody tr td {padding:18px 10px; border-bottom:1px solid #aaaaad;  border-left:1px solid #b2b2b2; color:black}

.textareaBox {margin:0 9px}
.textareaBox  textarea {width:100%; resize:none; border:1px solid #626262}

.w30 {width:30%}
.w60 {width:60%}

.service_Form {display:inline-block; width:100%; margin:45px 0 0}
.service_Form > ul {padding:0}
.service_Form > ul > li {margin:0 0 20px; list-style:none}
.service_Form .Form_Area {width:100%; display:inline-block;position:relative;background-color:#f2f2f7;border-radius:5px; padding:18px 0; min-height:50px} 
.service_Form .Form_Area.date {width:auto; padding: 0 15px 0 0;}
.service_Form .Form_Area.grayBg {background-color:#d0d1d3}
.service_Form .Form_name {position:absolute; top:50%; margin:-8px 0 0; left:20px; font-size:16px; color:black; font-weight:500}
.service_Form .Form_name .txt_red {color:#cc3300; font-size:12px;}

.service_Form .Form_inputIn .nationType {display:inline-block; width:100%}
.service_Form .Form_inputIn .nationType li {float:left; width:50%; position:relative; list-style:none}
.service_Form .Form_inputIn .nationType li .FormIn_name {position:absolute; top:0; left:0; font-size: 15px; color:#333;}
.FormIn_inputIn {padding:0 0 0 100px}

.service_Form .Form_inputIn {padding: 0 0 0 150px; font-size:15px}
.service_Form .Form_inputIn.type02 {padding:0 200px 0 150px}
.service_Form .Form_inputIn.pd0 {padding:0}
.service_Form .Form_inputIn.pd0 select {width:90%; margin:10px 5%}
.service_Form .Form_inputIn.num input[type="text"] {width:27%}
.service_Form .Form_inputIn.num span {width: 5%;font-size: 25px; display: inline-block; text-align: center; line-height: 58px;}
.service_Form .Form_inputIn select {border: 0;width:90%;height:32px;line-height:32px;vertical-align:top;display:inline-block;margin:10px 0;}
.service_Form .Form_inputIn.num select {width:27%}
.service_Form .Form_inputIn.dateBox {width:150px;}
.service_Form .Form_inputIn.dateBox input[type="text"] {background:url("../common_img/icon_datepicker.png") no-repeat 95% white;}
.service_Form .Form_inputIn input[type="text"] {border: 0;width:95%;height:32px;line-height:32px;vertical-align:top;display:inline-block;margin:10px 0;}
.service_Form .Text_Area {background-color:#f2f2f7; position:relative;padding:50px 0 0;border-radius:5px;}
.service_Form .Text_Area .Form_name {top:15px; margin:0}
.Form_textarea textarea { width: 96%; margin: 0 2% 20px; border:0; resize:none}


.vitem_list {padding:0; margin:0}
.vitem_list li {list-style:none; margin:10px 0 0}
.vitem_list li:first-child {margin:0}

.service_list {display:inline-block; width:100%;  padding: 0; margin:0}
.service_list li {float:left; margin:0 20px 0 0; list-style:none}
.service_list input[type="checkbox"]:not(old){width:0; height:0; margin:0; padding:0; opacity:0;}
.service_list input[type="checkbox"]:not(old) + span, .service_list input[type="checkbox"]:not(old) + label{height:22px; line-height:22px; color:black; font-weight: 400; cursor:pointer; display:inline-block; background:url('../img/v_checkBox.png') no-repeat left center;  padding: 0 0 0 28px;  font-size: 15px;}
.service_list input[type="checkbox"]:not(old):checked + span, .service_list input[type="checkbox"]:not(old):checked + label {background:url('../img/v_checkBox_on.png') no-repeat left center; }
 
.service_txt {font-size:14px; color:black; margin:0}

.starR {background: url("../img/voice_star.png") no-repeat; width:28px; height:28px;display: inline-block; text-indent: -9999px; cursor: pointer;}
.starR.on {background: url("../img/voice_star_on.png") no-repeat; }

.file_Con {border:1px dashed #aaaaaa; padding:20px}
.file_Con ul li {position:relative; margin:10px 0 0}
.file_Con ul li:first-child {margin:0}
.file_Con ul li span.label {position:absolute; left:0; top:10px; font-size:14px; color:black; font-weight:bold}
.file_Con .brown_ex {margin:10px 0 15px 120px}

.fileBox {position:relative;display:inline-block;}
.fileInput {display:inline-block;width:200px;  height: 31px; vertical-align: middle;}

.fileBox .upload_name {display: inline-block; color:black; vertical-align: middle;  background-color:white; border: 0; padding:5px 5px 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none;  font-size: 14px; width: 100%; height:33px; line-height:33px}
.uploadBox input[type="file"] {position: absolute;	width: 1px;	height: 1px;	padding: 0;	margin: -1px;	overflow: hidden;	clip:rect(0,0,0,0);	border: 0;}
.uploadBox {display: inline-block;margin: 0 0 0 10px;vertical-align: middle;}
.uploadBox label {display: inline-block;margin: 0; vertical-align: middle;cursor: pointer;width: 130px;line-height:31px;text-align: center;background-color: #656565;font-size: 15px;color:white; transition:0.3s all ease; border-radius: 5px;border:1px solid #656565;font-weight: 400;}
.uploadBox label:hover {background-color:White; color:#656565}

.file_info_txt {color:black; font-size:15px; display:inline-block; vertical-align:middle; margin:0 0 0 5px}

.file_txt {color:#cc0000; font-size:14px; margin:5px 0 0}

.ser_ButtonBox {margin: 15px 0 0;text-align:center;}
.s_white_btn {width:128px;height:38px;line-height:38px;background-color:White;font-size:16px;font-weight:500;color:black;border:1px solid #818181;border-radius:5px;transition:0.3s all ease;margin: 4px;}
.s_white_btn:hover {background-color:black; color:white}
.s_blue_btn {width:128px; height:38px; line-height:38px; background-color:#0079c3;  font-size:16px; font-weight:500; color:white; border:1px solid #0079c3; border-radius:5px; transition:0.3s all ease}
.s_blue_btn:hover {background-color:white; color:#0079c3}


.star-input>.input,
.star-input>.input>label:hover,
.star-input>.input>input:focus+label,
.star-input>.input>input:checked+label{
	display: inline-block;
	vertical-align: top;
	background: url("../img/star_long.png") no-repeat;
}

.star-input>.input>label:hover,
.star-input>.input>input:focus+label,
.star-input>.input>input:checked+label{
	background: url("../img/star_long_on.png") no-repeat;
}

.star-input{
	white-space: nowrap;
}
.star-input>.input{
	display:inline-block;
	width: 118px;
	height: 24px;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
}
.star-input>.input>input{
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
}

.star-input>.input>label{
	width: 10px;
	height: 0;
	padding: 20px 0 0 0;
	overflow: hidden;
	float: left;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
}

.star-input>.input>label:hover~label{
	background-image: none;
}
.star-input>.input>label[for="p1"] , .star-input>.input>label[for="p11"]{ 
	width: 11px;
	z-index: 10;
}
.star-input>.input>label[for="p2"] , .star-input>.input>label[for="p12"]{ 
	width: 23px;
	z-index: 9;
}
.star-input>.input>label[for="p3"] , .star-input>.input>label[for="p13"]{ 
	width: 34px;
	z-index: 8;
}
.star-input>.input>label[for="p4"] , .star-input>.input>label[for="p14"]{ 
	width: 46px;
	z-index: 7;
}
.star-input>.input>label[for="p5"] , .star-input>.input>label[for="p15"]{ 
	width: 58px;
	z-index: 6;
}
.star-input>.input>label[for="p6"] , .star-input>.input>label[for="p16"]{ 
	width: 70px;
	z-index: 5;
}
.star-input>.input>label[for="p7"] , .star-input>.input>label[for="p17"]{ 
	width: 81px;
	z-index: 4;
}
.star-input>.input>label[for="p8"] , .star-input>.input>label[for="p18"]{ 
	width: 93px;
	z-index: 3;
}
.star-input>.input>label[for="p9"] , .star-input>.input>label[for="p19"]{ 
	width: 105px;
	z-index: 2;
}
.star-input>.input>label[for="p10"] , .star-input>.input>label[for="p20"]{ 
	width: 119px;
	z-index: 1;
}

/* EOD : 고객의 소리  */



/* 19-10-22 마이페이지 개선 */

  .mypageBox {background-color:white; margin:0 0 50px}
	.mypageTab {border-bottom:4px solid #0067a6; margin:20px 0 0}
	.mypageTab ul {overflow:hidden}
	.mypageTab ul li {float:left; width:50%; text-align:center;}
	.mypageTab ul li a {display:block; line-height:54px; color:#666666; font-size:18px;}
	.mypageTab ul li.on a {background-color:#0067a6; color:white; font-weight:bold; font-weight: 500;}

  .orderBox {padding:0 30px; overflow:hidden; min-height:500px}
	.orderType {margin:35px 0 45px; overflow: hidden;}
	.orderType ul {padding:0; float:right;}
	.orderType ul li {padding:0; float:left; width:85px; text-align:center; border-right: 1px solid #d8d8d8;}
	.orderType ul li a {color:#666; font-size:14px}
	.orderType ul li a:hover , .orderType ul li.on a {color:black; font-weight:500}

	.orderList > ul > li {margin:0 0 30px}
  
  .orderTop {display:inline-block; width:100%; margin:0 0 5px; line-height:1}
  .orderTop .left {float:left; font-weight:500}
  .orderTop .left > ul > li {float:left; padding:0 8px; color: black;}
  .orderTop .left > ul > li:first-child {padding-left:0;  position:relative;}
  .orderTop .left > ul > li:first-child:after {content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 16px; background-color: black;  margin: -8px 0 0;}
  .orderTop .left .txt_gray {color:#777777; font-size:15px; margin:0 0 0 5px}
  .orderTop .left .txt_gray:hover {color:#0072ff}
  .orderTop .right {float:right; margin:0 20px 0 0}
  .orderTop .right span {color:#0072ff}
  .orderTop .right > a {font-size:13px; margin:0 0 0 5px; color:black; position:relative}
  .orderTop .right > a:after {content:""; position:absolute; bottom: -1px; left: 10px;  right: 10px;  width: auto;  height: 1px; background-color:black}

  .orderInfo {border:1px solid black}
	.orderInfo_T {padding:30px 20px 20px 27px}
	.orderInfo_T > ul > li {margin:0 0 13px; font-weight: 500; padding: 0 0 0 15px; position: relative;}
	.orderInfo_T > ul > li:after {content:"ㆍ"; top: 0; left: 0; position: absolute;}
	.orderInfo_T > ul > li:last-child {margin:0}
	.orderInfo_T > ul > li .txt_yellow {color:#996c33; font-weight: 400;}
	.orderInfo_T > ul > li .txt_gray {color:#777; font-size:13px; font-weight: 400;}

	.orderInfo_B {background-color:#f2f2f2; padding:15px 30px; overflow:hidden}
	.orderInfo_B .left {float:left; font-size: 16px; font-weight: 500;}
	.orderInfo_B .left .txt_red {color:#d60000}
	.orderInfo_B .right {float:right;}
	.orderInfo_B .inline_btn {display:inline-block; margin: 0 15px 0 0; padding: 0 20px 0 0; border-right: 1px solid #797979;}
	.orderInfo_B .right a {display:inline-block; border-radius:2px; width:108px; height:25px; line-height:25px; text-align:center; font-size: 12px;}
	.orderInfo_B .gray_bu {border:1px solid #7f8c94; background-color:#7f8c94; color:white}
	.orderInfo_B .white_bu {border:1px solid gray; background-color:white; color:black}
	.orderInfo_B .brown_bu {border:1px solid #af7924; background-color:#af7924; color:white;}

 .quesBox {padding:37px 30px}
   .quesTop {overflow:hidden; margin:0 0 20px}
	 .quesTab {border:1px solid black; display: inline-block; float: right; width: 350px;}
	 .quesTab ul {overflow:hidden}
	 .quesTab ul li {float:left; width:50%; text-align:center;}
	 .quesTab ul li a {display:block; line-height:45px; color:#666666; font-size:14px;}
	 .quesTab ul li.on a {background-color:black; color:white; font-weight:bold; font-weight: 500;}
   
   .q_table {width:100%; margin: 20px 0 0; border-top:2px solid black}
   .q_table thead tr th {padding:18px 0; text-align:center; border-bottom:1px solid #c8c8c8; font-size:13px; font-weight: 500;}
   .q_table tbody tr td {padding:15px 20px; text-align:center; border-bottom:1px solid #c8c8c8; font-size:13px} 
   .q_table tbody tr td.al {text-align:left}
   .q_table tbody tr .view_label {width:65px; height:20px; line-height:20px; font-size:12px; background-color:#999999; display:inline-block; color:#ddd}
   .q_table tbody tr .view_label.on {background-color:#666666;}
   .q_table tbody tr.view td {cursor:pointer}
   .q_table tbody tr.view td.left {text-align:left; color:#666} 
   .q_table tbody tr.view td.txt_black {color:black}

   .q_table tbody tr.fold {display:none}
   .q_table tbody tr.fold.open {display:table-row}
   .q_table tbody tr.fold td {padding:0}

   .fold_content {text-align:left; padding:20px}
   .fold_content .imgBox {margin:20px 0 0}
   .fold_content .imgBox > ul {overflow:hidden}
   .fold_content .imgBox > ul > li {float:left; margin:0 0 0 10px} 
   .fold_content .imgBox > ul > li img {max-width:300px}

   .fold_content .fold_name {color:#af7924; font-size:15px; margin:0 0 20px}
   .fold_content .fold_txt {margin:0; font-size:13px}

   .fold_reply {background-color:#f5f5f5; color:#333; font-size:13px; position:relative; padding:45px 20px 35px; line-height: 24px; text-align: left;}
   .fold_reply:before {content: "운영자"; position: absolute; top: 20px; left: 20px;  font-size: 16px; font-weight: 500; color: #0072d6; line-height:1;}

 .qBox {display:none}
 .qBox.on {display:block}
 .qBox .main_txt {font-size:24px; margin:0; font-weight:500;}

 .no_data {width:100%; height:240px; display:table; text-align:center; border-bottom:1px solid #c8c8c8}
 .no_dataIn {display:table-cell; width:100%; vertical-align:middle}
 .no_dataIn .txt {font-size:16px; margin:0 0 0 20px; display:inline-block}

 .product_tagBox {overflow:hidden; margin:20px 0 0}
 .product_tagBox > ul > li {float:left; margin:0 5px 5px 0}
 .product_tagBox > ul > li > a {padding:5px 10px; display:block; font-size:12px; color:#555; background-color:#f4f4f4; transition:0.3s all ease}
 .product_tagBox > ul > li > a:hover {color:#ff4923}

 	.dim_layer {display: none; position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 10;}
	.dim_layer .dimBg {position: absolute; top: 0; left: 0;  width: 100%;  height: 100%;  background: #000;  opacity: .5;  filter: alpha(opacity=50);}

	.pop_layer {position: fixed; top:100px; left: 50%; width:620px; border:1px solid #c1ccd5; margin: 0 0 0 -310px; background-color: #fff; z-index: 10; }
	.pop_layer .pop_conts {padding:0}
	.pop_layer > .pop_close {position: absolute; top: -23px; right: -23px; cursor: pointer; display:block}
	.pop_container {overflow: auto; overflow-x: hidden;}

	.pop_header {background-color: white; height:50px; line-height:50px; border-bottom:2px solid black; text-align: center; font-size:18px; font-weight:500}
	.pop_headerIn {position:relative;}

/* EOD : 마이페이지 개선  */

/* 신청서 내용 확인 - 모바일 */

.InfoBox {font-size:11px; color:black; background-color:#fffcd5;}
.InfoBoxIn {padding:13px; border:1px solid #aaa; margin:15px 0 0; line-height:1.5; font-size:13px;}
.InfoBoxIn .txt_red {color:#d00000}

.item_name {border-top:2px solid black; border-bottom:1px solid black; padding:15px 10px; font-size:16px; margin:20px 0 0}
.box_title {color: #000; margin-bottom: 7px;}
.payment_wrap textarea[readonly] {background-color: #eee;}
.payment_wrap textarea {resize: none; border: 1px solid #ccc; border-radius: 0;}

.orderInfo_T .gray_btn {background-color: #7f8c94;  font-size: 12px;  color: white;  display: inline-block;  padding: 7px 10px;  border-radius: 3px;  margin: 10px;}

.mob_display {display:none !important}

/* EOD : 신청서 내용 확인 - 모바일 */


@media all and (max-width:1000px) { /* phones */

 .order_left {padding:0; width:100%; float:none}
 .order_right {position:static; width:100%; clear:both}
 .payment_list {width:100%}
 .payment_list tr, .payment_list th, .payment_list td {display: block; width:100% !important;}
 .payment_list th, .payment_list td  {padding:10px 0 !important}
 .payment_list th {text-align:center !important}
 .payment_list tbody {width:100%; display:inline-block}

 

}


@media all and (min-width:641px) and (max-width:1400px){ /* tablet */

 .aside {display:none}
 .footer_logoBg {display:none}

  /* cart */

 .mob_cart {left:20px; bottom:20px; display:block}

 .table_top .main_txt {font-size:18px}
 .table_top .sub_txt {font-size:12px}

 .moreBox {margin:30px 20px}

 .parkBox img {width:100%}

 .work_popup {display:none}


}



@media all and (min-width:641px) and (max-width:1220px){ /* tablet */

  /* 레이아웃 및 메인 */

  #header {width:auto; padding: 0 12px;}
  #header_bg {display:none}
  #searchbox_input {display:none}
  #searchbox2 {display:none}

  #menu {height:60px; position:fixed; width: 100%; z-index:100}

  #gnb {display:none}
  #icon {display:none}

  #logo a {margin:7px 0 0}
  #logo img {width:150px}

  .modal-dialog {margin:170px auto}

  .mobile_menu_btn {height:60px}

  .container {width:auto; padding:0 20px}
  .M_container {margin:0}

  .Main_TopBox {height:auto; margin: 0 0 10px;}
  .Main_TopLeftBox {width:100%; height:300px;}
  .Main_TopLeftBox > .left_txt {width:100%; max-width:246px}
  .Main_TopLeftBox .img {display:none}
  .Main_TopMidBox {width:100%; margin:0;}

  .Main_TopMidBox .cBox01 {width:49%; margin:10px 0; padding:12px; height:150px; display:inline-block; float:left;}
  .Main_TopMidBox .main_txt01 {display:block}
  .Main_TopMidBox .cBox02 {width:49%; margin:10px 0; padding:12px; height:150px; display:inline-block; float:right;}
  .Main_TopMidBox .main_txt02 {display:block}

  .Main_TopRightBox {width:100%;height: auto;}
  .Main_TopRightBoxIn {padding:12px;}
  .Main_TopRightBoxIn ul li:first-child {margin:0 0 10px}
  .Main_TopRightBoxIn ul li {width: 100%;margin:0 0 10px; float:left; border-top:1px dashed #d7d7d7; padding:10px 0 0;}
  .Main_TopRightBoxIn ul li:first-child {border:0}
  .Main_TopRightBoxIn .img_left {text-align:center}
  .Main_TopRightBoxIn .img_right {height:auto; line-height:75px; float:left}
  .Main_TopRightBoxIn .img_right .wt2 {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; width:100%}



  .Main_BotBox {height:auto}
  .Main_BotLeftBox {padding:12px; width:49%; margin:0 0 10px; float:left;}
  .Main_BotLeftBox > img {display:none}
  .Main_BotLeftBox ul li a {max-width:100%}
  .Main_BotMidBox {padding:12px; width:49%; margin:0 0 10px; float:right;}
  .Main_BotMidBox > img {display:none}
  .Main_BotMidBox ul {margin:0 0 10px}
  .Main_BotMidBox ul li a {max-width:100%}

  .Main_BotRightBox {width:100%; padding:12px; height:auto}
  .Main_BotRightBox .leftBox {width:49%; margin: 0 0 20px}
  .Main_BotRightBox .rightBox {width:49%; float:right}
  .Main_BotRightBox .rightBox .main_map {width:100% !important}

  .radioBox > ul > li {width:50%}
  .radioBox > ul > li.first div {border-radius:5px 0 0 0; border-right:1px solid #b5c0d3;}
  .radioBox > ul > li.second div {border-radius:0 5px 0 0}
  .radioBox > ul > li.thrid div {border-top:1px solid #b5c0d3; border-right:1px solid #b5c0d3; border-radius:0 0 0 5px}
  .radioBox > ul > li.last div {border-top:1px solid #b5c0d3; border-radius:0 0 5px 0}
  .radioBox > ul > li div:before {display:none}

  .clientBox {display:none}

  #bottom_menu {display:none}

  #copyright {width:auto; border-top: 1px solid #d1d8e4; text-align: center;}
  #copyright ul {display:none}

  #service {padding:60px 0 0}


  /* FAQ */




  /* 모바일 메뉴 */

  .mobile_menu {display:block}



  /* 아포스티유 란 ? */

  .apo_left {width:100%}
  .apo_left img {margin:0 0 35px}
  .apo_right {width:100%; text-align: center;}

  .apo_process ul li:before {left:-18px; margin:-20px 0 0; background-size:cover; width:35px; height:35px}
  .document_info ul li div {padding:20px 0 0 20px}
  .document_info ul li .main_txt {font-size:24px; margin:0 0 10px; display:block}
  .document_info ul li .sub_txt li {font-size:14px}


  /* 대륙별 아포스티유 상세 안내 */

  .apo_detail_process ul li {width:50%}
  .apo_detail_process ul li.thrid:after {content: ""; position: absolute;  top:0; right:-16px; background: url(../img/apo_detail_arrow.png) no-repeat; width: 32px;  height: 32px;  margin: -16px 0 0; z-index: 1;
    transform: rotate(135deg);}
  .apo_detail_process ul li.thrid:before {display:none}


  .tabBox {border-bottom: 1px solid #bababa;}
  .tabBox ul li {width:33.33%}
  .tabBox ul li a {border-top:1px solid #bababa; border-bottom:0;}
  .tabBox ul li.on a {border-top:1px solid #e60012; border-bottom:0;}

  .country_list > ul > li {width:100%; margin:0 0 10px}
  .country_list > ul > li > p {margin:0 0 10px}
  .country_detail_list > li {float:left; margin:0 0 10px}


  .responsive_table td {display:inline-block}
  .responsive_table td.float_left {width:80%}
  .responsive_table td.float_right {width:20%; text-align:right}
  .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {background-color:white}

  .bt0 {border-top:0 !important}

  .count_list > div {width: 32%; padding: 0 0 0 10px; text-indent: -10px; min-height: 30px;  margin: 0 1.3% 10px 0;}

  .mobileH {display:none}
  .detail2 img {width:100%; max-width: 725px;}

  .resize_img img {width:100%}

  .tool_tip , .tool_tip_detail {display:none}

  /* 로그인 폼 */


  /* 게시판 폼 */

  .data_label {position:static; width:96%; margin:0 2%; margin: 0 2% 10px; overflow: hidden;}
  .inBasket li .data_label {left:0}
  .searchBox .data_input {width:96%; margin:10px 2% 0}
  .data_button {position:static; left:0; right:0; width:96%; margin:10px 2%; padding:9px 0;}
  .list_button {right:2%; top:-5px}

   /* 민원 처리 방법 */

   .emer_price > img {width:70%}
   .emer_price .sub_txt span {font-size:16px}
   .right_img img {display:none}

   /* 배송 / 결제 */


   .payment_warning h4 {height:auto; line-height:1.2; margin:0}


   /* 아포스티유 국가별 상품 주문하기 */

   .contryTab .con_selectBox {width:100%; margin:0 0 10px; position:static}
   .con_tabBox {padding:0}
   .contryTab tbody tr td {display:inline-block; width:12.5%; margin:0 0 5px}
   .contrylist {padding:30px}

   .contry_re {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:200; margin:0}
   .search_country {position: absolute; top: 50%; left: 12px; right: 12px; width:auto;}

   .pc_display {display:none !important}

   .white_bg {padding:0}   
   .product_view {min-height: auto; padding: 0;}

   /* 상품 상세 페이지 */
   
   .pv_container {padding:0 20px}

    .product_con {padding:0}

   	.product_conBox {padding:10px}
	.product_contact {margin:0}
	.product_contact_form.left {width:100%; padding:0}
	.product_contact_form.left:after {display:none}
	.product_contact_form.right {width:100%; padding:0}


}


@media all and (max-width:640px) { /* phones */

  .container {width:auto; padding:0 12px}
  .sub_container {padding:20px 0}

  #header {width:auto; padding: 0 12px;}
  #header_bg {display:none}
  #searchbox_input {display:none}
  #searchbox2 {display:none}

  #menu {height:50px; position:fixed; width: 100%; z-index:100}
  .mobile_menu_btn {height:50px}
  .mobile_menu_btn .list {width:50px; font-size:24px; line-height: 50px;}

  #logo .right_logo {display:none}
  #logo a {margin:2px 0 0}
  #logo img {width:150px}
  #logo .left_logo:after {display:none}


  #gnb {display:none}
  #icon {display:none}

  .aside {display:none}

  .M_container {padding:12px 0 0}

  .Main_TopBox {height:auto; margin: 0 0 10px;}
  .Main_TopLeftBox {width:100%; height:220px;}
  .Main_TopLeftBox > .left_txt {width:100%; max-width:246px}
  .Main_TopLeftBox .main_txt01 {margin:4px 0 15px; line-height:1.5}
  .Main_TopLeftBox .main_txt02 {font-size:16px}
  .Main_TopLeftBox .main_txt02 i {font-size:12px}
  .Main_TopLeftBox .img {display:none}
  .Main_TopMidBox {width:100%; margin:0;}

  .Main_TopMidBox .cBox01 {width:100%; margin:10px 0; padding:12px; height:150px}
  .Main_TopMidBox .main_txt01 {display:block}
  .Main_TopMidBox .main_txt_info {font-size:14px}
  .Main_TopMidBox .cBox02 {width:100%; margin:10px 0; padding:12px; height:150px}\
  .Main_TopMidBox .cBox02 .main_txt_info {font-size:14px}
  .Main_TopMidBox .main_txt02 {display:block}

  .Main_TopRightBox {width:100%;height: auto;}
  .Main_TopRightBoxIn {padding:12px;}
  .Main_TopRightBoxIn ul li:first-child {margin:0 0 10px}
  .Main_TopRightBoxIn ul li {width: 100%;margin:0 0 10px; float:left;}
  .Main_TopRightBoxIn .img_right {width:100%; height:auto}
  .Main_TopRightBoxIn .img_right .wt2 {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; width:100%; font-size:14px}

  .main_section_name {margin:0 0 15px}
  .Main_BotRightBox .main_section_name {margin:0 0 10px}
  .main_section_name .fa {margin:0 0 0 10px}

  .Main_BotBox {height:auto}
  .Main_BotLeftBox {padding:12px; width:100%; margin:0 0 10px}
  .Main_BotLeftBox > img {display:none}
  .Main_BotLeftBox ul li a {max-width:100%; font-size:14px;}
  .Main_BotMidBox {padding:12px; width:100%; margin:0 0 10px}
  .Main_BotMidBox > img {display:none}
  .Main_BotMidBox ul li a {max-width:100%; font-size:14px}

  .Main_BotRightBox {width:100%; padding:20px 12px 12px; height:auto}
  .Main_BotRightBox .leftBox {width:100%; margin: 0 0 20px; text-align: center;}
  .Main_TopRightBoxIn .img_left {display:none}
  .RightBox_txtBox {}
  .M_head_txt {width:55px; text-align:left; margin:10px auto 0; font-size:14px; font-weight:bold; display:inline-block}
  .M_sub_txt {width:120px; text-align:left; margin:10px auto 0; font-size:14px; font-weight:400; display:inline-block}
  .Main_BotRightBox .rightBox {width:100%; text-align: center;}
  .Main_BotRightBox .rightBox .main_map {width:100% !important}

  .radioBox > ul > li {width:100%}
  .radioBox > ul > li.first div {border-radius:5px 5px 0 0}
  .radioBox > ul > li.last div {border-radius:0 0 5px 5px}
  .radioBox > ul > li div:before {display:none}
  .radioBox > ul > li div {border-top:1px solid #b5c0d3}
  .radioBox > ul > li:first-child div {border-top:0}

  .clientBox {display:none}

  #bottom_menu {display:none}

  #copyright {width:auto; border-top: 1px solid #d1d8e4; text-align: center;}
  #copyright ul {display:none}

  .subTab {height:auto}
  .subTabIn {width:100%; overflow:hidden; display:block}
  .subTabIn ul li {width:50%; margin:0}
  .subTabIn.type02 ul li {width:33.33%}
  .subTabIn ul li:before {content: ""; position: absolute; top: 0; left: 0; right: 0; border-bottom:1px solid #aaaeb2; display:none}
  .subTabIn ul li.active:before {content: ""; position: absolute; top: 0; left: 0;  right: 0;  border-top: 2px solid #e60012; border-bottom: 0;}
  .subTabIn ul li.active:after {border-bottom:2px solid #e60012 !important}
  .subTabIn ul li span {display:none}

  .conBodyT2 {font-size:18px; margin:0 0 20px}
  .conBodyT2 small {font-size:14px; margin:10px 0; display:block}
  .conBodyT2.type02 {margin:30px 0}

   /* FAQ */

	.btab {border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6}
	.btab li {width:50% !important; border:0;}
	.btab li.first {border-left:0}
	.btab li.on {border:0}
	.btab li.on > div {border:1px solid #989898}
	.btab li > div {border:1px solid #e6e6e6; border-top:0; border-left:0;}

	.faq_qu {padding:10px 10px 10px 0 !important;}
	.faq_qu span {font-size:13px; line-height:1.3}
	.faq_arrow {padding-right:15px !important;}
	.faq_an {font-size:12px}


  /* cart */

  .mob_cart {left:12px; bottom:12px; display:block}
  .mobile_menu_btn .cart {width:50px; height:50px; line-height:53px; font-size:18px}
  .mobile_menu_btn .cart .cart_num {width:20px; height:13px; font-size:10px; top: 8px; right: 4px}

  /* 모바일 메뉴 */

  .mob_menu {display:block}

   /* 아포스티유 란 ? */

  .apo_left {width:100%; margin:0 0 20px}
  .apo_left a {width:100%}
  .apo_left img {margin:0 0 35px}
  .apo_right {width:100%; text-align: center;}
  .apo_right img {width:100%}

  .apo_process ul li {width:100%}
  .apo_process ul li:before {display:none}
  .apo_process ul li:after {content:""; position:absolute; top:-15px; left:50%;  background: url(../img/apo_process_arrow01.png) no-repeat; background-size:cover; width:35px; height:35px; margin: 0 0 0 -17px; transform: rotate(90deg);}
  .apo_process ul li:first-child:after {display:none}

  .document_info ul li div {width:100%; padding:20px 0 0 20px}
  .document_info > ul > li {width:100%; margin:10px 0}
  .document_info ul li .main_txt {font-size:24px; margin:0 0 10px; display:block}
  .document_info ul li .sub_txt li {font-size:14px}

  .area_info .txt_default {font-size:14px}

  .list_row_left {width:15%}
  .list_row_right {width:85%}

  /* 대륙별 아포스티유 상세 안내 */

  .apo_detail_process ul li {width:100%}
  .apo_detail_process ul li:before {display:none}
  .apo_detail_process ul li:after {content:""; position:absolute; top:-15px; left:50%;  background: url(../img/apo_detail_arrow.png) no-repeat; background-size:cover; width:32px; height:32px; margin: 0 0 0 -16px; transform: rotate(90deg);}
  .apo_detail_process ul li:first-child:after {display:none}
  .apo_detail_process ul li div {padding:30px 0; border-top: 0;}
  .apo_detail_process ul li:first-child div {border-top:1px solid #e2e2e2}


  .tabBox {border-bottom: 1px solid #bababa;}
  .tabBox ul li {width:50%}
  .tabBox ul li a {border-top:1px solid #bababa; border-bottom:0; height: 40px; line-height: 40px; font-size: 16px;}
  .tabBox ul li.on a {border-top:1px solid #e60012; border-bottom:0;}

  .country_list > ul > li {width:100%; margin:0 0 10px}
  .country_list > ul > li > p {margin:0 0 10px}
  .country_detail_list > li {float:left; margin:0 0 10px}
  
  .responsive_table,  
  .responsive_table tbody { display: block; }

  .responsive_table td {display:inline-block}
  .responsive_table td.float_left {width:80%}
  .responsive_table td.float_left p {white-space:normal; margin:5px 0 0; font-size: 11px;}
  .responsive_table td.float_right {width:20%; text-align:right; font-size:12px}
  .responsive_table td label {font-size:12px; white-space: normal;}
  .responsive_table td input[type="checkbox"] {width:15px; height:15px}
  .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {background-color:white; white-space:nowrap}
  .responsive_table tbody > tr > td {white-space:nowrap}


  .modal-dialog {margin:170px 10px}
  
  .contryBox .send_contry {width:100%; margin:0 0 20px}
  .contryBox .change_contry {display:none}
  .contryBox .arrive_contry {width:100%;}

  .contry_re {position:absolute; top:190px; left:12px; right:12px; margin:0 0 20px}
  .search_country {padding:15px}
  .subtitleBox input {font-size:14px; height:50px}
  .contryBox .send_contry:before , .contryBox .arrive_contry:before {font-size:12px; top:20px; }

  .product_view {min-height: auto; padding: 0;}
  .count_leftBox {width:35%}
  .count_rightBox {width:65%}

  .country_active , .country_nonactive {text-indent:10px;}

  .count_list > div {width:100%; padding:0 0 0 10px; text-indent: -10px; margin:0 0 15px 0;}

  .tableS {max-width:640px}
  .tableSIn {overflow-y:auto}
  .tableS table > thead > tr > td {padding:10px; font-size: 12px;}

  .contry_Lookup {width:100px; height:40px; line-height:40px; font-size:16px}

  .guide {padding: 10px}
  .guide_txt {font-size:13px}
  .guide_info {position:static; display:block; margin:0 auto 10px}

  #subtitleline {padding:20px 0 0}

  /* 회원가입 */


  .T_header {margin:20px}
  .join_tableIn {width:100%}

  .join_tableIn.type02 {width:100%}

  .T_header_left img {width:100%}

  .join_addressBox button {position:static; margin:10px 0 0; width:100%}

  .mb_global select {width:150px;position: static;top:0;left:0;width: 100% !important;}
  .mb_global .mb_global_input {width:100%;display: inline-block;padding-left: 0;box-sizing: border-box;margin: 10px 0 0;}

  .terms_left {float:none; margin:10px auto}

  .daum_api #__daum__layer_1 , .daum_api #__daum__layer_2 {min-width:auto !important;}

  .termsDiv {text-align:center}
  .terms_right {float:none !important; margin:0 auto; width:220px; display:inline-block}


  .mobile_menu {display: block;}

  .aside (display:none)


  #subline {background:#1c5cb0}
  #subline_con {font-size:24px}


  .resize_img img {width:100%}
  .img_con img {width:100%}

  .area_info .txt_default {font-size:14px}

  /* 기타 민원 신청 모달 팝업 */

  .modal-body {padding:20px 10px}

  .tool_tip , .tool_tip_detail {display:none}

  .bbs_list {max-width:640px}


   /* 로그인 폼 */

   #service {padding:50px 0 0;}

    .mb_global select {width:150px;position: static;top:0;left:0;width: 100% !important;}
    .mb_global .mb_global_input {width:100%;display: inline-block;padding-left: 0;box-sizing: border-box;margin: 10px 0 0;}

   /* 게시판 폼 */

   div.bbs_list td {font-size:11px}

  .data_label {position:static; width:96%; margin:0 2%; margin: 0 2% 10px; overflow: hidden;}
  .searchBox .data_input {width:96%; margin:10px 2% 0}
  .data_button {position:static; left:0; right:0; width:96%; margin:10px 2%; padding:9px 0;}
  .list_button {right:2%; top:-5px}

  .inBasket li.pro_header {font-size:16px; padding:15px 0; text-indent:0}
  .inBasket li .data_label {left:10px; width:auto}


  /* 민원 처리 방법 */

  .emerBox ul li {width:100%;overflow: auto;padding: 10px 0;margin: 5px 0;}
	.emerBox ul li:after {border: 0; border-right: 0; border-bottom: 1px solid #e0e0e0; right: 0;
		bottom: auto; left: 10px; right: 10px; top: 0px;}
	.emerBox .emer_txt {width:80%;margin:0 auto;height: auto;overflow: auto;}
	.emerBox .emer_txtIn {padding:0}

  .right_img img {display:none}

  /* 본인 인증 */

  .check_conBox p {line-height: 1.5; padding:0 20px; text-align:left}
  .check_conBox ul {display:inline-block; padding:0 20px}
  .check_conBox ul li {float:left; margin:5px 0; width:100%; text-align:left}



  /* 배송 / 결제 */


 .payment_content td{padding:10px 0;}
 .payment_list td.payment_reco{padding:10px;}
 .event_span{font-size:14px; letter-spacing:-1px;}
 .payment_meno th, .payment_meno td{display:block; width:auto;}
 .payment_meno th{line-height:43px;}
 .payment_warning > div > div{width:auto; float:none; display:block;}
 .payment_meno th br{display:none;}

 .payment_warning h4 {margin:0; height: auto;}


  /* 장바구니 */

  .cart_table{position:relative;}
  .cart_table table, .cart_table tr, .cart_table td {display: block;}
  .cart_table tbody td{min-height:31px; clear: both; margin-left: 0; padding: 10px 10px 10px 110px; position: relative; text-align: left; border-left:0; overflow:hidden;}
  .cart_table tbody td .quantity{text-align:right;}
  .cart_table tbody td.ta_right{text-align:right;}
  .cart_table tbody td:before {color: #333; content: ''; display: block; left:10px; position: absolute; text-align:left;}
  .cart_table tbody{display:block;}
  .cart_table tbody td:nth-child(2):before {content: '수량 :';  top: 15px;}
  .cart_table tbody td:nth-last-child(2):before {content: '민원금액 :';}
  .cart_table tbody td:last-child:before {content: '총금액(부가세미포함) :'; white-space:pre;}
  .cart_table tbody tr {position: relative;}
  .cart_table thead th{display: none;}
  .cart_table thead th:first-child{display:block; position:absolute; top:-40px; left:-13px; border-bottom:0; padding-left:18px; font-size:0;}
  .cart_table thead th .cart_check_box{left:0px; top:2px; right:-80px; text-align:left; }
  .cart_table thead th label{font-size:13px; padding-left:23px !important; line-height:20px !important; white-space:nowrap;}
  .cart_table table td:first-child{padding-left:0;}
  .cart_table table td:last-child{border-bottom:2px solid #000;}
  .cart_table table td .cart_check_box{left:0px; top:0px;}
  .cart_sum_wrap{float:none; width:auto;}
  .quantity_btn{float:right; margin-right:23px;}

  .cart_table table tr:last-child td{border-bottom:1px solid #b2b2b2;}
  .btn_wrap button{width:40% !important;; font-size:15px; letter-spacing:-1px; height:45px; line-height:45px;}

  .cart_sum {padding:0}
  .cart_sum > div:first-child, .cart_sum > div:last-child{float:none; width:auto; position: static;}
  .cart_sum > div:first-child{padding: 10px;}
  .cert_add > div{padding-left:0;}
  .cert_add > div > div select{margin-left:0; width:100%; margin-top:5px;}
  .cert_add > div > div select:first-child{margin-top:0;}
  .cert_add > div > div button{ float:right; margin-top:5px;}

  /* 마이페이지 및 발급 현황 */

  .order_num {position: relative; height: auto; width: auto; right: 10px;  top: 0;}
  .order_num span {font-size:12px; font-weight:bold}
  .detail {padding:0 12px}
  .detail table {font-size:12px}
  .detail2 {margin:0 12px; margin: 0px 12px 20px; border:2px solid #0079c2}
  .detail2 img {width:100%}
  .detail2 .info {font-size:12px}

  .mobileH {display:none !important}

  .modal-header .close {margin:0; font-size:12px}


  /* 19-04-22 아포스티유/외교부인증 신청 */

  .contryBox {margin:30px 0}
  .contry_re {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:200; margin:0}
  .search_country {position: absolute; top: 50%; left: 12px; right: 12px; width:auto;}

  .footer_logoBg {display:none}

	.contry_table,
	.contry_table tbody,
	.contry_table tbody tr { display: block; }

  .contry_table{position:relative;}
	.contry_table thead tr td {display:none}

	.contry_table tbody tr td {min-height: 31px; display: block; clear: both; margin-left: 0; padding: 10px 10px 10px 110px; position: relative;  text-align: right;  border-left: 0;  overflow: hidden;}
	.contry_table tbody tr td:first-child {text-align:left; padding:10px; margin:20px 0 0; background-color: #eeefef;}
    
	.contry_table tbody tr td p {color:black}
	.contry_table tbody tr td:before {color: #333; content: '';  display: block;  left: 10px;  position: absolute;  text-align: left;}
	.contry_table tbody tr td:nth-child(2) {color:#74beff}
	.contry_table tbody tr td:nth-child(2):before {content: '문서 발행국 :';}
	.contry_table tbody tr td:nth-child(4):before {content: '문서 도착국 :';}
	.contry_table tbody tr td:nth-child(4) {color:#ff854f}
	.contry_table tbody tr td:nth-child(5):before {content: '가격 :'; color:white}
	.contry_table tbody tr td:last-child {background-color:#999; color: white}

   /* 아포스티유 국가별 상품 주문하기 */

   .nation_content {margin:20px 0 0}
   .contryTab {padding:10px}
   .contryTab .con_selectBox {width:100%; margin:0 0 10px; position:static}
   .con_tabBox {padding:0}
   .con_tabBox table tbody td a {height:25px; line-height:25px}
   .contryTab tbody tr td {display:inline-block; width:12.5%; margin:0 0 5px}

   .contrylist {padding:15px}
   .contrylist ul li {width:49%}
  
   .pc_display {display:none !important}   


   /* 게시판 */

   #right {padding:0 0 20px}
   .table_normal thead tr th {font-size:14px}

   .moreBox {margin:20px 12px}

   
  /* 19-06-27 주차장 안내 */

  .park_table thead tr th , .park_table tbody tr td {padding:5px; font-size:12px}
  .parkBox img {display:none}

  /* EOD : 주차장 안내 */


  /* 19-09-05 주의사항 안내 팝업 */

  .work_popup {display:none}

   /* 상품 상세 페이지 */
   
   .pv_container {margin:20px auto 0}
  
   .productBox {border-top:0}

   .product_row {margin:0 12px}

   .product_hd {padding:20px 10px; border-bottom: 1px solid black;}
   .product_hd p {font-size:16px; color:black; font-weight:bold}
   .product_hd span {font-size:16px}
   .product_con {padding:10px 0}
   .product_con_l {display:none}
   .product_con_r {padding:0}
   .product_info {padding:0}

   .option_table tbody tr td {font-size:12px}

   .product_option {margin:20px 0 0; border-bottom: 0;}

   .product_care {padding:0; border:0}
   .product_care:before {display:none}
     .care_btn {position:relative; background-color: #fcfcf8;  border-top: 1px solid #cfcbcb;  border-bottom: 1px solid #cfcbcb;  padding: 10px 12px;} 
	  .care_btn img {vertical-align: middle;}
	  .care_btn span {vertical-align: middle; margin: 0 0 0 5px;}
	  .care_btn:after {content:""; position:absolute; top:50%; right:15px; width:20px; height:12px; margin:-6px 0 0; background:url("../img/icon_care_arrow.png") no-repeat; transition: 0.3s all ease;}

	  .care_list {display:none; z-index: 1; padding: 15px 15px 10px 20px; position: absolute; top: 44px; left: 0; width: auto; background-color: #fcfcf8; border-bottom: 1px solid #cfcbcb;}
	  .care_list ul li {margin:0 0 12px; position:relative; font-size:13px; color:#555}
	  .care_list ul li:last-child {margin:0}

  
   .product_introBox {margin:0}
   .user_review {margin:20px 0 0}
   .product_tab {margin:20px 0}
   .product_tab ul {overflow:hidden}
	  .product_tab ul li {float:left; width:33.33%; text-align:center}
	  .product_tab ul li:first-child a {border-left:1px solid #bebebe}
	  .product_tab ul li a {display:block; border-top: 1px solid #b5b5b5; border-right: 1px solid #bebebe; border-bottom: 2px solid #007ac3; height:39px; line-height:39px; color:black; font-size:11px; font-weight: 400;} 
	  .product_tab ul li.on a {border:2px solid #007ac3; border-bottom:0; font-weight:600; color:#007ac3}
	
	.intro_txt {font-size:16px}

	.no_data {height:120px}
	.no_dataIn > img {width:36px} 
	.no_dataIn .txt {font-size:14px; margin:0 0 0 10px}

	.product_conBox {padding:10px}
	.product_contact {margin:0}
	.product_contact_form.left {width:100%; padding:0}
	.product_contact_form.left:after {display:none}
	.product_contact_form.right {width:100%; padding:0}

	.detail_ck {width: 100%;  box-sizing: border-box;  background-color: #f8f8f8; overflow: hidden; padding: 10px 10px 5px;  margin: 0 0 10px;  border-top: 1px dashed #bbb}

    .select_compl li.data_list {border:0px; overflow:hidden; margin:0 0 5px}
	.select_compl li.data_list.type02 {display:none}
	.select_compl li.data_list .data_name {width:20%; font-size:13px; float:left; font-weight:bold; line-height:30px}
	.select_compl li.data_list .data_box {width:80%; float:right; line-height:30px; font-size:12px; text-align:right}
	.select_compl li.data_list .data_box select {width:100%; font-size: 13px; height: 30px; background-color: white; border: 1px solid rgb(169, 169, 169);}
	.select_compl li.data_list .data_box input[type="text"] {width:99%; font-size: 13px; height: 30px; background-color: white; border: 1px solid rgb(169, 169, 169); text-indent:5px}
	.select_compl li.data_list .data_box input[readonly="readonly"] {background-color:#f3f3f3}
	.select_compl li.data_list .data_box input[type="text"]:disabled {background-color:#e8e8e8}
	.select_compl li .admin_input , .parent_ag_det ul .admin_input {margin:5px 0; width: 100%; font-size: 13px; height: 30px; background-color: white;  border: 1px solid #aaaaaa;  text-indent: 5px;}
   
    .agree_btnbox {margin:10px 0 3px 0;}
    .btn_white {background-color: #fff; color: #666666; border: solid 1px #666666;}
	.btn_black {border: solid 1px #000000; background-color: #000;  color: #fff;}
	.detbtn {display:inline-block; width:49%; text-align:center; padding:10px 0; float:left; box-sizing:border-box; font-size:15px;}

 /* 10 - 23 마이페이지 반응형 작업 */

 .pop_layer {width: 90%; margin: 0 0 0 -45%; top:70px}
 .pop_header {height:40px; line-height:40px; font-size:16px}
 .pop_layer > .pop_close {top:-13px; right:-13px}
 .pop_layer > .pop_close img {width:30px}

 .orderBox {padding:0 10px}

 .orderType {margin:20px 0}
 .orderType ul {float:none}
 .orderType ul li {width:25%}
 .orderType ul li:last-child {border-right:0} 

 .product_contact_form .form_label {position:static; margin:5px 10px; font-size:12px}
 .product_contact_form .form_data .txt01 {font-size:12px}
 .product_contact_form .form_data {margin:5px 10px; padding:0; min-height: 30px; line-height: 30px;}
 .product_contact_form ul li input[type="text"] {height:30px}
 .product_contact_form .form_data textarea {height:70px;}

 .orderTop .left {float:none}
 .orderTop .left .day {font-size:14px}
 .orderTop .left > ul > li {float:none; width:100%; margin:5px 0; padding:0;}
 .orderTop .left .txt_gray {font-size:12px}
 .orderTop .left > ul > li:first-child:after {display:none}
 .orderTop .right {float:none; text-align:right; margin:5px 0}
 .orderInfo_T , .orderInfo_B {padding:15px 10px}

 .orderInfo_B .left {float:none; margin:0 0 10px}
 .orderInfo_B .right {float:none} 
 .orderInfo_B .right a {width:49%; height: 30px; line-height: 30px;}
 .orderInfo_B .inline_btn {display:none}

 .info_agree_table thead tr td , .info_agree_table tbody tr td {padding:8px 0; font-size: 11px;}

 .quesBox {padding:15px 10px}
 .qBox .main_txt {font-size:16px;}
 .quesTab {width:100%}
 .q_table tbody tr td {padding: 10px 5px; font-size:12px}

 .product_contact .buttonBox.type02 {margin:10px 12px}
 .product_contact .bu_white , .product_contact .bu_black {width:40%; max-width:120px; height:35px; margin:0 2px; padding:0; letter-spacing:0}

 /* 서비스 후기 반응형 작업 */

 .voiceBox {padding:0 10px 30px}
 .voiceBox .main_txt {font-size:26px; margin:20px 0}
 .service_Form {margin:20px 0 0}
 .service_Form .Form_name {margin:0 0 0 15px; display:block; position: static}
 .service_Form .Form_inputIn {padding:0 0 0 15px; font-size:15px; margin:10px 0 0}
 .service_Form .Text_Area {padding:10px 0 0}
 .service_Form .Text_Area .Form_name {margin:0 0 10px 10px}
 .service_Form .Form_Area {padding:10px 0}
 .Form_textarea {margin:0 15px}
 .Form_textarea textarea {margin:0 0 20px; width:100%}

 .mob_display {display:block !important}

 }


/* 본인인증 화면 수정 2020-07-23 */
.add_style { display:block; text-align:center; line-height:1.5; }
.add_style strong { display:block; font-size:17px; color:#007ac3; }
.add_style i { display:block; font-style:normal; font-size:14px; color:#ff3766; }
.add_style span { display:block; margin-top:5px; font-size:12px; color:#333; }


/* 2020-08-31 주의사항 안내 팝업 -> DHL 팝업 추가 */
.work_popup_f {border-top: 6px solid #4d148c; border-bottom: 1px solid #b2b2b2; padding: 10px 20px; color:#1b1b1b; font-size:14px; text-align:left;}
.FedEx_Box_h {background-color:#4d148c; color:white; font-size:18px; height:45px; line-height:45px; font-weight:500; text-align:center}
.FedEx_Box_c {background-color:#ff6200; padding:15px 10px; text-align:center}
.FedEx_Box_cIn {background-color: white; border-radius: 3px;  margin:0 0 15px;  padding: 10px 25px;  font-size:15px; font-weight: 500; text-align:left; letter-spacing: -0.06em;}
.FedEx_Box_cIn .txt_red {position:relative; color:#dd0000}
.FedEx_Box_c .txt_blue { color:#007ac3; }
.FedEx_btn {background-color:#4d148c; border:1px solid #4d148c; display: inline-block; width:198px; height:38px; line-height:38px; text-align:center; color:white !important; font-size:16px; font-weight:500; border-radius:3px; transition:0.3s all ease}
.FedEx_btn:hover {background-color:white; color:#4d148c !important}

.FedEx_open_btn { background-color: #4d148c; border: 0; border-radius: 3px; color: #fff; font-weight: 400; font-size: 12px; font-weight: 500; float: right; margin: 2px 0 0;}


/* 개인정보보호책임보험 팝업 추가 2023-01-13 */
.insurance_open,
.insurance_close { cursor:pointer; }
.insurance_popup,
.insurance_dim { left:0; right:0; bottom:0; top:0; }
.insurance_close,
.insurance_dim { position:absolute; }
.insurance_popup { position:fixed;  z-index:100; }
.insurance_popup .insurance { position:absolute; top:calc(50% - 250px); left:calc(50% - 195px); }
.insurance_close { top:0; right:0; width:30px; height:30px; opacity:0; }
.insurance_dim { opacity:0; background-color:rgba(0,0,0,0.4); transition:opacity 0.6s; }

.insurance_popup.this_show .insurance { animation:0.3s fadeDown; }
.insurance_popup.this_hide .insurance { opacity:0; animation:0.3s fadeUp; }

.insurance_popup.this_show .insurance_dim { opacity:1; }
.insurance_popup.this_hide .insurance_dim { opacity:0; }

@keyframes fadeDown {
    from { opacity:0; transform:translate3d(0, -50px, 0); }
    to { opacity:1; transform:translate3d(0); }
}
@keyframes fadeUp {
	from { opacity:1; transform:translate3d(0); }
	to { opacity:0; transform:translate3d(0, -50px, 0); }
}

/* footer 패밀리사이트 추가 2023-09-14 */
.family_site { float:right; position:relative; width:200px; height:34px; margin-top:-9px; line-height:1; }
.family_site,
.family_site_box,
.family_site button { font-weight:300; background-color:#fff; }
.family_site_box,
.family_site button { width:100%; border:1px solid #888; }
.family_site button { text-align:left; }
.family_site button:after { content:''; position:absolute; right:12px; bottom:13px; border-style:solid; border-width:7px 7px 0 7px; border-color:#000 transparent transparent transparent; }
.family_site.on button:after { transform:rotate(180deg); }
.family_site { text-align:left; color:#333; }
.family_site button { padding:0 12px; height:34px; }
.family_site_box { display:none; position:absolute; left:0; bottom:33px; }
.family_site.on .family_site_box { display:block; }
.family_site a { display:block; margin:15px 10px; font-size:14px; color:#333; }
.family_site a:hover { font-weight:700; }


/* 연휴 배송 안내 팝업 추가 */
.popup_holiday { position:absolute; left:50%; top:45px; padding:19px 19px 43px; border:1px solid #6d7d76; transform:translateX(-50%); background-color:rgba(128,169,144,0.75); z-index:1000; }
.popup_holiday_item { position: absolute; bottom:-1px; left:-1px; right:-1px; display:flex; justify-content:flex-end; gap:5px; align-items:center; height:30px; padding:0 10px; font-size:12px; color:#fff; background-color:#000; }
.popup_holiday_item * { margin:0 !important; }
.popup_holiday_item button { width:50px; height:16px; margin-left:5px; font-size:11px; color:#fff; border:0; background-color:#004f98; }
.popup_holiday_close { position:absolute; top:-47px; right:-1px; width:52px; height:46px; font-size:0; border:0; background:url(/main/img/green_close_bu.png) 0 0 no-repeat; }

/* 워크샵 안내 2024-10-23 */
.popup_holiday_btnbox { display: flex; gap:12px; padding:0 20px 38px; background-color: #e2e6f8; }
.popup_holiday_btnbox a { flex:1; max-width:224px; cursor:pointer; }
.popup_holiday_btnbox a img { display: block; width: 100%; height: auto; }