@charset "utf-8";

@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);

@font-face {
 font-family: 'NanumSquare';
}


/*
@font-face {
 font-family: 'NanumSquare';
 src: url(./fonts/NanumSquareR.eot);
 src: url(./fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(./fonts/NanumSquareR.woff) format('woff'),
      url(./fonts/NanumSquareR.ttf) format('truetype');
}
*/


/* CSS Document */
a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt,
em, embed,
fieldset, figcaption, figure, font, footer, form,
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd,
keygen,
label, legend, li,
meter,
nav,
object, ol, output,
p, pre, progress,
q,
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul,
var{ background: transparent; border: 0 none; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; }
html, body {height:100%; -webkit-text-adjust:none;}
body { -webkit-text-adjust:none; min-width:1280px; padding:0; margin:0;font-family:'NanumSquare', AppleSDGothicNeo, sans-serif; color:#444; text-align:center; font-size:18px; line-height:24px; background-image:url(images/ptn_body.png); background-repeat:repeat; font-weight:normal}
img {display:block; border:none; }
*::-moz-selection {background-color: #ffbf12; color: #fff;}
*::selection {background-color: #ffbf12; color: #fff;}
a {text-decoration:none; }
a:active {border:none; outline:none;}
.clear {clear:both;}
.float-right {float:right;}
.tc-fff {color:#fff;}
.ts-11 {font-size:11px;}

/*버튼*/
button.btn_common{border-radius:3px; text-align:center;}
button.btn_common.blue{background:#2196f3; color:#fff;}
button.btn_common.gray{background:#e6e6e6; color:#1a1a1a;}

.btn_all { width:200px; margin:50px auto  }
.btn_all a { margin:10px; display:block }
.btn_box { text-align:center; display:block; width:100%; height:1.7em; line-height:1.7em; background:#2196f3; color:#fff; border-radius:0 0 3px 3px; }

.blue{ color:#3862b7 }    /*일반-파란색*/
.marine { color:#303f9f }    /*일반- 군청색*/
.red{ color:#d82126;}
.error{ color:#d82126; }   /*오류-빨간색*/
.warning{ color:#e7946c;}  /*경고-살구색*/
.caution{ color:#12851f; }   /*주의-녹색 */
.gray{ color:#6b6b6b }  /*회색*/

.bg_blue{ background:#3862b7 }    /*일반-파란색*/
.bg_marine { background:#303f9f }    /*일반- 군청색*/
.bg_red{ background:#d82126  }
.bg_error{ background:#d82126  }   /*오류-빨간색*/
.bg_warning{ background:#e7946c }  /*경고-살구색*/
.bg_caution{ background:#56b245  }   /*주의-녹색 */
.bg_gray{ background:#6b6b6b }  /*회색*/


body, input, textarea, select, button, table, h1, h2, h3, h4{ font-family:'NanumSquare', AppleSDGothicNeo, sans-serif;}

.mint { color:#35abc0 }

.all-free {width:110px; height:100px; position:fixed; z-index:9999; top:0; right:0;}
.nav-wrap {width:100%; height:76px; min-width:1200px; padding:0; text-align:left; z-index:999; background-color:#fff;  position:fixed; border-top:#625e54 solid 4px; border-bottom:#625e54 solid 1px}
.nav-wrap .nav {max-width:1200px;  margin:0 auto;}
.nav-wrap .nav .logo a { width:184px; height:55px; float:left; padding:0; margin:10px 0; background-image:url(images/logo.png); background-size:120px 55px; background-repeat:no-repeat; text-indent:9999px;background-position:left top;}

.nav-wrap .nav ul.mainmenu {  list-style:none; float:left; margin:25px 0 0 40px; padding:0;  }
.nav-wrap .nav ul.mainmenu li {display:inline-block; padding:0 0 0 0;}
.nav-wrap .nav ul.mainmenu li a {color:#000000; font-size:18px; font-weight:500; letter-spacing:-0.03em; text-decoration:none; text-transform:uppercase;  padding:4px 20px; margin:0 6px; font-weight:600;  }
.nav-wrap .nav ul.mainmenu li a:visited {}
.nav-wrap .nav ul.mainmenu li a:hover   {color:#ffffff; text-decoration:none; background-color:#4d4d4d; border-radius:20px }
.nav-wrap .nav ul.mainmenu li a.checked  {color:#ffffff; text-decoration:none; background-color:#4d4d4d; border-radius:20px }
.nav-wrap .nav ul.mainmenu li a:active  {color:#ffffff; border-bottom:#2daac0 solid 2px;}
.nav-wrap .nav ul.mainmenu li.f-right {float:right; padding-right:0; padding-left:10px;; margin-top:-7px}

.nav-wrap .nav .smenu { list-style:none; float:right; position:relative; margin:17px 20px 0 0; }
.nav-wrap .nav .smenu a { float:left }
.nav-wrap .nav .smenu span { /*float:left; padding:7px; color:#e1e3e6; font-weight:200;*/ }
.nav-wrap .nav .smenu a:link { color:#333; font-size:14px; line-height:32px; font-weight:600; padding:4px 0; outline:none; cursor:pointer;  }
.nav-wrap .nav .smenu a:hover { }
.nav-wrap .nav .smenu a:active {}
.nav-wrap .nav .smenu a:visited {color:#333;}
.nav-wrap .nav .smenu a.language { color:#333; border:0}
.nav-wrap .nav .smenu a.language img { display:inline-block;  vertical-align:top }
.nav-wrap .nav .smenu a.language:hover { color:#000;}

.nav_all { display:none }
.menu_all { display:none }
.nav_smenu { display:none }
.d-none { display: none; }


.center_img { width:100%; height:240px; background-color:#efeeea; margin:0 auto; text-align:center }
.center_img img { margin:0 auto; text-align:center }

.visual {width:100%; height:670px; margin:auto; position:relative; z-index:1;  }
.visual .ptn { width:100%; height:100%; position:absolute; top:80px; left:0; background-image:url(images/img_main.jpg); background-repeat:repeat; background-size:1900px 670px; background-position:50% 0%; z-index:2;  }
.visual .visual-text-wrap { position:relative; margin:auto; width:100%}
.visual .visual-text-wrap button { background-color:#f7c000;  color:#fff; border-radius:5px; font-size:26px; font-weight:400; padding:1% 3%; outline:none; cursor:pointer; margin-top:0.3%; border:0; box-shadow:2px 2px 4px rgba(0,0,0,0.3);}
.visual .visual-text-wrap button:hover { background-color:#f79700; }
.visual .visual-text-wrap .visual-text {z-index:3; position:absolute; width:100%; margin:0 auto; text-align:center; font-weight:700; color:#fff; line-height:1.5em; }
.visual .visual-text-wrap .visual-text h1 { margin:200px auto 0; font-size:72px; height:140px; color:#ffffff; font-weight:100;  text-shadow:0 0 4px rgba(0,0,0,0.9); letter-spacing:-0.03em;/* font-style: italic;*/ }
.visual .visual-text-wrap .visual-text h1 span { display:block; font-size:30px; color:#ffffff; font-weight:400; background-color:#2daac0; padding:5px; }
.visual .visual-text-wrap .visual-text h2 { max-width:540px;  margin:30px auto 0; text-align:center; font-size:22px; color:#ffffff; font-weight:400; background-color: rgba(0,0,0,0.6); padding:5px 20px 2px; }
.visual .visual-text-wrap .visual-text h2 strong { font-size:22px; font-style:italic;}
.visual .visual-text-wrap .visual-text h3 { margin:25px auto; text-align:center; font-size:18px; color:#ffe5ca; font-weight:400; padding:8px 20px 5px;  text-shadow:0 0 4px rgba(0,0,0,0.9); letter-spacing:-0.05em}
.visual .visual-text-wrap .visual-text h3 img { display:block; width:320px; text-align:center;  margin:0 auto 35px; }

.bottom_down { display:block; margin:0; padding:0  }
.bottom_down img { display:inline-block}

h1 {font-size:60px; color:#000; line-height:1.0em; padding:0; margin:0 auto; font-weight:500; letter-spacing:-0.03em}
h1 span { letter-spacing:-0.01em}
h2 {font-size:21px; color:#7f5e25; line-height:24px; padding:20px 0 0 0; margin:0; font-weight:400;}
h3 {font-size:18px; padding:0; margin:50px auto 30px; text-align:center;}
h4 {font-size:16px; color:#fff; padding:0; margin:0; font-weight:700;}

.overview, .features, .shop, .support { width:100%; margin:0 auto; text-align:center; }
.overview{ display:block; padding:180px 0 80px}
.overview h1 { display:block; font-size:72px; color:#000; margin-bottom:80px; }
.overview h1 span { display:block; font-size:24px; color:#747474; margin-bottom:80px;}
.overview ul { margin:0 auto; text-align:center;  }
.overview ul li { display:inline-block; width:320px; margin:0 43px; vertical-align:top }
.overview ul li p { display:block; font-size:48px; color:#616161; letter-spacing:-0.05em; line-height:1.6em}
.overview ul li font { display:block; font-size:18px; color:#4c4c4c; letter-spacing:-0.05em;  }
.overview ul li span { display:block; width:50%; margin:10px auto; font-size:21px; padding:0 10px; border-radius:20px; letter-spacing:-0.05em; color:#fff; background-color:#f7c000;}
.overview img { width:50%; margin:0 auto 20px;}
.overview button { background-color:#4d4d4d;  color:#fff; border-radius:5px; font-size:26px; font-weight:400; padding:1% 3%; outline:none; cursor:pointer; margin-top:60px; border:0; box-shadow:2px 2px 4px rgba(0,0,0,0.3);}
.overview button:hover { background-color:#000; }

.features { display:block; background:url(images/img_why.jpg) no-repeat 50% 50%;  background-size:auto 100%; padding:120px 0 80px;  background-color:#4d4d4d;}
.features h1 { display:block; font-size:72px; color:#fff; margin-bottom:80px; }
.features h1 span { display:block; font-size:24px;  line-height:1.2em; color:#fff; margin:40px 0 80px;}
.features ul { margin:0 auto; text-align:center; }
.features ul li { display:block; width:620px; margin:0 auto 20px; vertical-align:top; text-align:left }
.features ul li p { display:inline-block; font-size:32px; color:#fff; font-weight:400;  vertical-align:middle; margin-top:10px; text-shadow:2px 2px 4px rgba(0,0,0,0.6);}
.features ul li span { display:block; font-size:18px; color:#fbc60e; line-height:1.2em; margin-top:15px; }
.features ul li font {}
.features ul li img { display:inline-block; width:128px; margin-right:30px; vertical-align:middle; }

.shop { display:block; background:url(images/img_networks.jpg) no-repeat 50% 50%;  background-size:100% 100%; padding:120px 0 80px;  background-color:#fff;}
.shop h1 { display:block; font-size:72px; color:#000;  }
.shop h1 span { display:block; font-size:18px; font-weight:400; color:#747474; margin-bottom:75px; letter-spacing:0.25em}
.shop img { display:block; margin:100px auto 80px; text-align:center }

.support { display:block; background:url(images/img_about.png) no-repeat 50% 50%;  background-size:auto 100%; padding:120px 0 60px;  background-color:#4d4d4d;}
.support h1 { display:block; font-size:72px; color:#fff; margin-bottom:60px }
.support h2 { display:block; font-size:36px; color:#fff; line-height:1.4em; margin-bottom:130px  }
.support h2 strong { color:#fbc60e;}
.support .mint_text { font-size:21px; color:#e7e7e7; margin:40px auto; }
.support .btn_mint_b {}
.support .btn_mint_b a { color:#fff; font-size:18px; margin:0 auto; padding:16px 30px; text-align:center; background-color:#f7c000 }
.support .btn_mint_b a:hover { background-color:#f79700; text-decoration:none }
.support .nation img { margin:20px auto 0; text-align:center }
.support .nation img { }

/***** partner *****/
.visual_partner {width:100%; height:670px; margin:auto; position:relative; z-index:1;  }
.visual_partner .ptn { width:100%; height:100%; position:absolute; top:80px; left:0; background-image:url(images/img_partner2.jpg); background-repeat:repeat; background-size:1900px 670px; background-position:50% 0%; z-index:2;  }
.visual_partner .visual-text-wrap { position:relative; margin:auto; width:1200px}
.visual_partner .visual-text-wrap button { background-color:#f7c000;  color:#fff; border-radius:3px; font-size:21px; font-weight:400; padding:1.5% 5%; outline:none; cursor:pointer; margin-top:0; border:0; box-shadow:2px 2px 4px rgba(0,0,0,0.3);}
.visual_partner .visual-text-wrap button:hover { background-color:#f79700; }
.visual_partner .visual-text-wrap .visual-text {z-index:3; position:absolute; width:100%; margin:0 auto; text-align:left; font-weight:700; color:#fff; line-height:1.5em;  }

.visual_partner .visual-text-wrap .visual-text h1 { margin:30px auto 0; font-size:48px;line-height:1.1em; color:#87d6ff; font-weight:100;  text-shadow:0 0 4px rgba(0,0,0,0.9); letter-spacing:-0.03em;/* font-style: italic;*/ }
.visual_partner .visual-text-wrap .visual-text h1 strong { display:block; font-size:72px; padding:15px 0 30px 0; color:#fff }
.visual_partner .visual-text-wrap .visual-text h1 span { display:block; font-size:30px; color:#ffffff; font-weight:400; background-color:#2daac0; padding:5px; }
.visual_partner .visual-text-wrap .visual-text h2 { width:360px;   margin:160px 0 0 0; text-align:left; font-size:21px; color:#ffffff; font-weight:400; background-color: rgba(213,24,26,0.75); padding:8px 20px 5px;}
.visual_partner .visual-text-wrap .visual-text h2 strong { font-size:20px; font-style:italic;}
.visual_partner .visual-text-wrap .visual-text h3 { margin:30px auto; text-align:left; font-size:21px; color:#ffe72a; font-weight:600; padding:8px 10px 5px;  text-shadow:0 0 4px rgba(0,0,0,0.9); letter-spacing:-0.03em}
.visual_partner .visual-text-wrap .visual-text h3 img {width:26px; display:inline-block; margin-right:3px }
.visual_partner .visual-text-wrap .banner_btn {}
.visual_partner .visual-text-wrap .banner_btn .banner_login { background-color:#2586f3 }

.visual_partner .visual-text-wrap .banner_down { display:none; position:fixed; right:20px; bottom:20px; color:#fff;  font-size:18px; background-color:rgba(37,134,243,1); border-radius:5px; padding:0 40px  }
.visual_partner .visual-text-wrap .banner_down a { color:#fff }
.visual_partner .visual-text-wrap .banner_down img { width:32px; margin:0 auto 0; text-align:center; padding:10px 0 0 }


.visual_partner .visual-text-wrap .ico_os { width:1200px; text-align:right; margin:0 auto; }
.visual_partner .visual-text-wrap .ico_os img { width:160px; text-align:right; float:right }
.visual_partner .visual-text-wrap .visual-text .store_btn { margin:10px 0}
.visual_partner .visual-text-wrap .visual-text .store_btn img { display:inline-block; margin-top:110px}


.features2 { width:100%;  display:block; height:auto; padding:180px 0 0; background-color:#fafafa; border-top:#e3e3e3 solid 1px; border-bottom:#e3e3e3 solid 1px;  text-align:center;  background:url(images/img_networks.jpg) no-repeat 50% 0;  background-size:100% 100%; margin:0 auto;  }
.features2 h1{ display:block; font-size:48px; color:#000; margin-bottom:-70px; font-weight:500 }
.features2 h1 span { display:block; font-size:12px; color:#4c4c4c;  margin-top:15px;  font-weight:400; line-height:1.4em}
.features2 h2 { text-align:center; vertical-align:top; padding-top:80px; color:#000; font-size:32px; line-height:1.3em; margin-bottom:20px; font-family:nanumSqure, sans-serif;  letter-spacing:-0.03em; font-weight:400;}
.features2 ul {  display:inline-block; width:600px; text-align:left; vertical-align:top; padding-top:80px}
.features2 ul li {  font-size:32px; list-style:none; padding:10px 0 }
.features2 ul li span { display:inline-block; padding:10px 8px 8px; margin:10px; text-align:center; border-radius:5px; font-size:27px;  color:#fff; background-color:#e62d2d;  font-weight:400}
.features2 button { display:block; background-color:#ff8400;  color:#fff; border-radius:2px; font-size:16px; font-weight:400; width:250px; height:40px; padding:0; margin:20px auto 0; outline:none; cursor:pointer; border:0; box-shadow:2px 2px 4px rgba(0,0,0,0.3);}
.features2 button:hover { background-color:#000; }
.features2_img { display:inline-block; width:300px; margin:0; padding:0; border:0 }
.features2_img img { margin:0; }
.features2_img2 { display:none; width:300px; margin:0; padding:0; border:0 }
.features2_img2 img { margin:0; }


.overview_partner { display:block; padding:180px 0 10px; background-color:#fafafa; border-bottom:#e3e3e3 solid 1px;}
.overview_partner h1 { display:block; font-size:36px; color:#000; margin-bottom:80px; font-weight:600 }
.overview_partner h1 span { display:block; font-size:21px; color:#4c4c4c;  margin-top:30px;  font-weight:400; line-height:1.2em}
.overview_partner ul { margin:0 auto; text-align:center;  }
.overview_partner ul li { display:inline-block; width:320px; margin:0 43px; vertical-align:top }
.overview_partner ul li p { display:block; font-size:48px; color:#616161; letter-spacing:-0.05em; line-height:1.6em}
.overview_partner ul li font { display:block; font-size:18px; color:#4c4c4c; letter-spacing:-0.05em;  }
.overview_partner ul li span { display:block; width:50%; margin:10px auto; font-size:21px; padding:0 10px; border-radius:20px; letter-spacing:-0.05em; color:#fff; background-color:#f7c000;}
.overview_partner img { width:50%; margin:0 auto 20px;}
.overview_partner h1 img { display:block; width:277px; margin-top:50px }
.overview_partner button { background-color:#2586f3;  color:#fff; border-radius:5px; font-size:24px; font-weight:400; padding:1% 3%; outline:none; cursor:pointer; margin-top:50px; margin-bottom:30px; border:0; box-shadow:2px 2px 4px rgba(0,0,0,0.3);}
.overview_partner button:hover { background-color:#ff4200; }

.shop_partner { display:block; height:800px; background:url(images/img_networks.jpg) no-repeat 50% 50%;  background-size:100% 100%; padding:0;  background-color:#fafafa; border-top:#e3e3e3 solid 1px; border-bottom:#e3e3e3 solid 1px; }
.shop_partner h2 { display:block; margin:0 auto 0; text-align:left; width:700px;   }
.shop_partner h2 span {  display:block; font-size:21px; line-height:2.8em; color:#4c4c4c; margin:250px 0 0 240px; text-align:left; }
.shop_partner img { display:block; margin:-500px auto 0; text-align:center; padding-right:100px; }

.campaign { display:block; padding:90px 0 80px;  background-color:#fff;}
.campaign h1 { display:block; font-size:36px; color:#000; margin-bottom:80px; font-weight:600;   }
.campaign h1 span { display:block; font-size:21px; color:#4c4c4c;  margin-top:30px;  font-weight:400; line-height:1.2em}
.campaign ul { margin:0 auto; text-align:center; width:1200px;  }
.campaign ul li { display:inline-block; width:200px; margin:0 30px; vertical-align:top }
.campaign ul li p { display:block; font-size:21px; color:#4c4c4c; letter-spacing:-0.05em; line-height:1.2em;  margin-bottom:20px; font-weight:600}
.campaign ul li font { display:block; font-size:18px; color:#4c4c4c; letter-spacing:-0.05em;   }
.campaign ul li font strong { color:#e80000; font-size:30px; }
.campaign ul li span { display:block; width:50%; margin:10px auto; font-size:21px; padding:0 10px; border-radius:20px; letter-spacing:-0.05em; color:#fff; background-color:#f7c000;}
.campaign ul img.prev { position:absolute; width:33px; float:left; margin-top:-240px;}
.campaign ul img.next { position:absolute; width:33px; float:left; margin-top:-240px; margin-left:1160px}
.campaign img { width:200px; margin:0 auto 20px;}
.campaign button { background-color:#2586f3;  color:#fff; border-radius:5px; font-size:24px; font-weight:400; padding:1% 3%; outline:none; cursor:pointer; margin-top:60px; border:0; box-shadow:2px 2px 4px rgba(0,0,0,0.3);}
.campaign button:hover { background-color:#ff4200; }

.campaign2 { display:block; padding:90px 0 80px; border-top:#e3e3e3 solid 1px;  border-bottom:#e3e3e3 solid 1px;  background-color:#fff; }
.campaign2 .title { margin-bottom: 80px; padding:0 20px }
.campaign2 h1 { display:block; font-size:60px; color:#000; margin-bottom:10px; }
.campaign2 h1 span { display:block; font-size:24px; color:#4c4c4c;  margin-top:30px;  font-weight:400; line-height:1.2em}
.campaign2 ul { margin:0 auto; text-align:center; width:1200px;  }
.campaign2 ul li { display:inline-block; width:266px; margin:0 10px 0 10px; vertical-align:top }
.campaign2 ul li:first-child { }
.campaign2 ul li p { display:block; font-size:16px; color:#4c4c4c; line-height:1.2em;  margin-bottom:20px; font-weight:400}
.campaign2 ul li font { display:block; font-size:18px; color:#4c4c4c; letter-spacing:-0.05em;   }
.campaign2 ul li font strong { color:#e80000; font-size:30px; }
.campaign2 ul li span { display:block; width:50%; margin:10px auto; font-size:21px; padding:0 10px; border-radius:20px; letter-spacing:-0.05em; color:#fff; background-color:#f7c000;}
.campaign2 img { margin:0 auto 10px;}
/***** partner *****/


/***** Guide *****/
.nav-wrap .nav .banner_btn button{ background-color:#2586f3;  color:#fff; border-radius:5px; font-size:18px; font-weight:400; width:200px; height:50px; outline:none; cursor:pointer; margin-top:-5px; border:0;}
.nav-wrap .nav .banner_btn button:hover { background-color:#333; }
.nav-wrap .nav .banner_btn .banner_orange { background-color:#2586f3 }
.nav-wrap .nav .banner_btn .banner_blue { background-color:#425787 }

.overview_guide { display:block; padding:100px 0 60px;  border-bottom:#e3e3e3 solid 1px;}
.overview_guide h1 { display:block; font-size:60px; color:#000; margin-bottom:60px; font-weight:500; line-height:1.2em;  }
.overview_guide h1 span { display:block; font-size:21px; color:#4c4c4c;  margin-top:30px;  font-weight:400; line-height:1.2em}
.overview_guide ul { margin:0 auto; text-align:center;  }
.overview_guide ul li { display:inline-block; width:240px; margin:0 30px; vertical-align:top }
.overview_guide ul li p { display:block; font-size:32px; color:#262626; letter-spacing:-0.05em; line-height:2.6em}
.overview_guide ul li font { display:block; font-size:18px; color:#4c4c4c; letter-spacing:-0.05em;  }
.overview_guide ul li span { display:block; width:50%; margin:10px auto; font-size:21px; padding:0 10px; border-radius:20px; letter-spacing:-0.05em; color:#fff; background-color:#f7c000;}
.overview_guide img { width:160px; margin:0 auto 0;}
.overview_guide button { background-color:#2586f3;  color:#fff; border-radius:5px; font-size:24px; font-weight:400; padding:1% 3%; outline:none; cursor:pointer; margin-top:60px; border:0; box-shadow:2px 2px 4px rgba(0,0,0,0.3);}
.overview_guide button:hover { background-color:#ff4200; }

.shop_guide  {display:block; padding:100px 0 80px;  border-top:#e3e3e3 solid 1px; border-bottom:#e3e3e3 solid 1px;}
.shop_guide h1 { display:block; font-size:36px; color:#000; margin-bottom:50px; font-weight:500 }
.shop_guide h1 span { display:block; font-size:21px; color:#4c4c4c;  margin-top:30px;  font-weight:400; line-height:1.2em}
.shop_guide ul { width:540px; margin:50px auto 0; text-align:left;  }
.shop_guide ul li { display:block; font-size:21px; color:#333;  font-weight:600}
.shop_guide ul li span { display:inline-block; width:43px; padding:10px 0; margin:10px; text-align:center; border-radius:5px; font-size:24px;  color:#fff; background-color:#e62d2d;  font-weight:400}
.shop_guide button { background-color:#425787;  color:#fff; border-radius:5px; font-size:24px; font-weight:400; padding:1% 3%; outline:none; cursor:pointer; border:0; box-shadow:2px 2px 4px rgba(0,0,0,0.3);}
.shop_guide button:hover { background-color:#000; }

.campaign3 { display:block; padding:100px 0 50px; }
.campaign3 h1 { display:block; font-size:60px; color:#000; margin-bottom:80px; font-weight:500;   }
.campaign3 h1 span { display:block; font-size:21px; color:#4c4c4c;  margin-top:30px;  font-weight:400; line-height:1.2em}
.campaign3 ul { margin:0 auto 50px; text-align:center; width:1200px;  background-color:#fff; border:#e3e3e3 solid 1px; padding-bottom:30px;}
.campaign3 ul h3 { display:block; width:360px; height:40px; line-height:40px; font-size:24px; border-radius:20px; color:#fff }
.campaign3 ul li { display:inline-block; width:30%; margin:0 18px; vertical-align:top; line-height:1.4em; text-align:left;  }
.campaign3 ul li p { display:block; font-size:18px; color:#000; letter-spacing:-0.05em; margin-bottom:30px; font-weight:500; text-align:center}
.campaign3 ul li span { display:block; width:290px; margin:20px auto; font-size:16px; letter-spacing:-0.05em; color:#333; }
.campaign3 ul li font { display:inline-block; font-size:14px; color:#fff; letter-spacing:-0.05em; font-weight:800; text-align:center; line-height:1.1em; border-radius:20px; padding:3px; margin-right:5px }
.campaign3 ul li b { display:inline-block; font-size:14px; color:#fff; letter-spacing:-0.05em; font-weight:800; text-align:center; line-height:1.1em; border-radius:20px; padding:3px; margin-right:5px }

.h1-size { display:block; font-size:60px; color:#000; margin-bottom:80px; font-weight:500;   }

.campaign3 ul img.next {}
.campaign3 img { width:360px; margin:0 auto 30px;}
.campaign3 button { background-color:#2586f3;  color:#fff; border-radius:5px; font-size:24px; font-weight:400; padding:1% 3%; outline:none; cursor:pointer; margin-top:60px; border:0; box-shadow:2px 2px 4px rgba(0,0,0,0.3);}
.campaign3 button:hover { background-color:#ff4200; }

.campaign4 { display:block; padding:30px 0 30px;  background-color:#fff; border-bottom:#e3e3e3 solid 1px;}
.campaign4 h1 { display:block; font-size:36px; color:#000; margin-bottom:80px; font-weight:600;   }
.campaign4 h1 span { display:block; font-size:21px; color:#4c4c4c;  margin-top:30px;  font-weight:400; line-height:1.2em}
.campaign4 ul { margin:0 auto; text-align:center; width:1200px;  }
.campaign4 ul li { display:inline-block; width:30%; margin:0 18px; vertical-align:top; line-height:1.4em; text-align:left;  }
.campaign4 ul li p { display:block; font-size:24px; color:#000; letter-spacing:-0.05em; margin-bottom:30px; font-weight:500;  line-height:1.2em; text-align:center}
.campaign4 img { width:360px; margin:0 auto 30px; border:#e3e3e3 solid 1px; border-radius:50px; }

.news { display:block; padding:100px 0 50px;  background-color:#fff; border-bottom:#e3e3e3 solid 1px;}
.news h1 { display:block; font-size:48px; color:#000; margin-bottom:80px; font-weight:500; line-height:1.3em;  }
.news h1 span { display:block; font-size:21px; color:#4c4c4c;  margin-top:30px;  font-weight:400; line-height:1.2em}
.news ul { margin:0 auto; text-align:center; width:1000px;  }
.news ul li { display:block; margin:0; vertical-align:top; line-height:1.4em; text-align:left;  }
.news ul li p { display:block; font-size:48px; color:#000; letter-spacing:-0.05em; margin-bottom:30px; font-weight:500; text-align:center; line-height:1.2em;}
.news ul li span { display:block; width:100%; margin:20px auto; font-size:16px; letter-spacing:-0.05em; color:#333; }
.news ul li font { display:block; font-size:21px; color:#666; letter-spacing:-0.01em; text-align:left; line-height:1.4em; padding-top:40px; }
.news ul li font strong { color:#e80000;  }
.news img { width:100%; margin:0 auto 50px;}
.news button { background-color:#2586f3;  color:#fff; border-radius:5px; font-size:24px; font-weight:400; padding:1% 3%; outline:none; cursor:pointer; margin-top:60px; border:0; box-shadow:2px 2px 4px rgba(0,0,0,0.3);}
.news button:hover { background-color:#ff4200; }

/***** Guide *****/

/*****  Advertiser *****/
.visual_advertiser {width:100%; height:670px; margin:auto; position:relative; z-index:1;  }
.visual_advertiser .ptn { width:100%; height:100%; position:absolute; top:80px; left:0; background-image:url(images/img_advertiser.jpg); background-repeat:repeat; background-size:1900px 670px; background-position:50% 0%; z-index:2;  }
.visual_advertiser .visual-text-wrap { position:relative; margin:auto; width:1200px}
.visual_advertiser .visual-text-wrap button { background-color:#f7c000;  color:#fff; border-radius:3px; font-size:18px; font-weight:400; width:200px; height:50px; outline:none; cursor:pointer; margin-top:0.3%; border:0; box-shadow:2px 2px 4px rgba(0,0,0,0.3); margin-right:10px;}
.visual_advertiser .visual-text-wrap button:hover { background-color:#f79700; }
.visual_advertiser .visual-text-wrap .visual-text {z-index:3; position:absolute; width:100%; margin:0 auto; text-align:left; font-weight:700; color:#fff; line-height:1.5em;}
.visual_advertiser .visual-text-wrap .visual-text h1 { margin:220px auto 0; font-size:60px; color:#ffffff; font-weight:100; line-height:1.2em;  text-shadow:0 0 4px rgba(0,0,0,0.9); letter-spacing:-0.03em;/* font-style: italic;*/ }
.visual_advertiser .visual-text-wrap .visual-text h1 span { display:block; font-size:30px; color:#ffffff; font-weight:400; background-color:#2daac0; padding:5px; }
.visual_advertiser .visual-text-wrap .visual-text h2 { max-width:450px;  margin:200px 0 0 0; text-align:left; font-size:20px; color:#ffffff; font-weight:400; background-color: rgba(0,0,0,0.6); padding:5px 20px 2px; }
.visual_advertiser .visual-text-wrap .visual-text h2 strong { font-size:20px; font-style:italic;}
.visual_advertiser .visual-text-wrap .visual-text h3 { width:910px; margin:35px 0; text-align:left; font-size:18px; color:#fff; line-height:1.3em; font-weight:400; padding:8px 15px;  text-shadow:0 0 4px rgba(0,0,0,0.9); letter-spacing:-0.05em; background-color:rgba(0,0,0,0.6)}
.visual_advertiser .visual-text-wrap .visual-text img { display:block; width:200px; text-align:left;  margin:45px 0 45px; }
.visual_advertiser .visual-text-wrap .banner_btn {}
.visual_advertiser .visual-text-wrap .banner_btn .banner_login { background-color:#527de0 }
.visual_advertiser .visual-text-wrap .banner_btn .banner_start { background-color:#2586f3 }

.shop_advertiser { display:block; height:888px; background:url(images/img_networks.jpg) no-repeat 50% 50%;  background-size:100% 100%; padding:0;  background-color:#fafafa; border-top:#e3e3e3 solid 1px; border-bottom:#e3e3e3 solid 1px; }
.shop_advertiser h2 { position:relative; z-index:1; display:block; width:640px; font-size:40px;  margin:430px auto; padding-left:450px; text-align:left; color:#000; letter-spacing:-0.03em; font-weight:600;   }
.shop_advertiser h2 span { font-size:26px; line-height:1.6em; color:#333; font-weight:400  }
.shop_advertiser img { position:relative; z-index:0; display:block; margin:-1080px auto 0; text-align:center; padding-right:100px;  }
.shop_advertiser ul li span { display:inline-block; width:43px; padding:10px 0; margin:10px; text-align:center; border-radius:5px; font-size:24px;  color:#fff; background-color:#e62d2d;  font-weight:400}
.shop_advertiser button { display:block; background-color:#2586f3;  color:#fff; border-radius:5px; font-size:24px; font-weight:400; width:300px; height:75px; padding:0; margin-top:50px; outline:none; cursor:pointer; border:0; box-shadow:2px 2px 4px rgba(0,0,0,0.3);}
.shop_advertiser button:hover { background-color:#000; }

.shop_advertiser2  {display:block; padding:100px 0 80px; border-bottom:#e3e3e3 solid 1px;}
.shop_advertiser2 h1 { display:block; font-size:36px; color:#000; margin-bottom:50px; font-weight:500 }
.shop_advertiser2 h1 span { display:block; font-size:21px; color:#4c4c4c;  margin-top:30px;  font-weight:400; line-height:1.2em}
.shop_advertiser2 ul { width:980px; margin:50px auto 0; text-align:left;  }
.shop_advertiser2 ul li { display:block; font-size:36px; color:#4c4c4c;  font-weight:500; margin-bottom:40px;}
.shop_advertiser2 ul li span { display:inline-block; width:43px; padding:10px 0; margin:0 10px 0 0; text-align:center; border-radius:5px; font-size:24px;  color:#fff; background-color:#e62d2d;  font-weight:400}
.shop_advertiser2 ul li p { display:block; padding:10px 0; margin:0 0 0 66px; text-align:left; font-size:21px;  color:#666666; font-weight:400}


.contact_advertiser .campaign4 { display:block; padding:20px 0 0 0;  border-bottom:#e3e3e3 solid 1px; margin-top:150px;}
.contact_advertiser .campaign4 h1 { display:block; font-size:36px; color:#000; margin-bottom:80px; font-weight:600;   }
.contact_advertiser .campaign4 h1 span { display:block; font-size:21px; color:#4c4c4c;  margin-top:30px;  font-weight:400; line-height:1.2em}
.contact_advertiser .campaign4 ul { margin:0 auto; text-align:center; width:1200px;  }
.contact_advertiser .campaign4 ul li { display:inline-block; width:30%; margin:0 18px; vertical-align:top; line-height:1.4em; text-align:left;  }
.contact_advertiser .campaign4 ul li p { display:block; font-size:21px; color:#000; letter-spacing:-0.05em; margin-bottom:30px; font-weight:400;  line-height:1.2em; text-align:center}
.contact_advertiser .campaign4 img { display:block; width:250px; margin:0 auto 20px; border:#e3e3e3 solid 1px; border-radius:20px; }

.contact_advertiser  {display:block; height:auto; padding:0; background:url(images/img_advertiser_login.jpg) no-repeat 50% 0%;  background-size:1900px 800px;   border-bottom:#e3e3e3 solid 1px;}
.contact_advertiser h1 { display:block; font-size:48px; color:#000; margin-bottom:50px; padding-top:190px; font-weight:500 }
.contact_advertiser h1 img { display:block; width:150px; border-radius:10px; margin:40px auto 30px;  }
.contact_advertiser h1 span { display:block; font-size:16px; color:#4c4c4c;  margin-top:20px;  font-weight:400; line-height:1.2em}
.contact_advertiser input {width:277px; height:42px; border:1px #d0d0d0 solid; background-color:#fff; line-height:42px; font-size:16px; padding:0 10px; font-family: 'Roboto', helvetica, sans-serif; margin-bottom:10px; outline:none;}
.contact_advertiser button { display:block; margin:25px auto; width:240px; height:60px; background-color:#674c1c; font-size:21px; font-weight:400; color:#fff; border-radius:3px; border:none; outline:none; cursor:pointer; border:0; box-shadow:2px 2px 4px rgba(0,0,0,0.3);}
.contact_advertiser button:hover {opacity:0.9;}
.contact_advertiser .tit_box {  width:580px;}
.contact_advertiser textarea {  display:block; text-align:left; margin:0 auto; border:1px #d0d0d0 solid; font-size:16px; color:#000000; width:580px; height:100px; padding:10px;}
.contact_advertiser p { margin:20px auto 0; text-align:center; color:#000 ; font-size:21px; font-weight:600; }
.contact_advertiser p span { display:block; max-width:350px; margin:20px auto 0; background-color:#666; color:#fff; font-size:16px; font-weight:400}
.contact_advertiser p img { display:inline-block; vertical-align:middle; margin:0 5px 0 20px; }
.contact_advertiser a { color:#4c4c4c }
/*****  Advertiser *****/

/*****  member *****/
.contact_join  { display:block; height:905px; padding:0; background:url(images/img_advertiser_join.jpg) repeat 50% 80px;  background-size:1900px 825px;   border-bottom:#e3e3e3 solid 1px;}
.contact_join .contact { width:550px; margin:0 auto 0; text-align:center;  letter-spacing:-0.03em }
.contact_join h1 { display:block; font-size:28px; color:#4c4c4c; margin-bottom:30px; padding-top:200px; font-weight:500 }
.contact_join h1 strong { color:#ff9c00; font-weight:400;}
.contact_join h1 span { display:block; font-size:16px; color:#4c4c4c;  margin-top:20px;  font-weight:400; line-height:1.2em}
.contact_join .join_tab { display:block; border-top:#d9d9d9 solid 1px; border-bottom:#d9d9d9 solid 1px; margin:0 auto; padding:22px 0}
.contact_join .join_tab span { display:inline-block; font-size:16px; margin:0 auto; font-weight:600;  letter-spacing:-0.05em }
.contact_join .join_tab span a {display:inline-block; color:#333333; border:#CCC solid 1px; border-radius:20px; width:110px; line-height:24px; height:24px; margin:0 10px; padding:0  }
.contact_join .join_tab span a:hover { background-color:#4d4d4d; border:#4d4d4d solid 1px; color:#fff}
.contact_join .contact table { width:430px; margin:15px auto 0; text-align:center }
.contact_join .contact table th { width:150px;  font-size:14px; color:#4f4f4f; text-align:left; letter-spacing:-0.03em}
.contact_join .contact table td { padding:5px 0;  text-align:left; }
.contact_join .contact table td font { display:inline-block; width:16px; text-align:center; font-size:12px; color:#999 }
.contact_join .contact table input { display:inline-block; width:calc(100% - 2px); height:28px; border:1px #bcbcbc solid; background-color:#fff; line-height:28px; font-size:16px; padding:0; margin:0; outline:none; color:#000}
.contact_join button { display:inline-block; margin:0; padding:0; width:160px; height:40px; background-color:#ff9c00; font-size:15px; font-weight:400; color:#fff; border-radius:3px; border:none; outline:none; cursor:pointer; border:0; box-shadow:0; vertical-align:middle}
.contact_join button:hover {opacity:0.9;}
.contact_join button.duplCheck { width:76px; height:30px; background-color:#ff9c00;  border-radius:0; margin-left:4px; font-size:14px;  }
.contact_join button:hover.duplCheck { background-color:#333 }
.contact_join .agreebox { display:block; border-top:#d9d9d9 solid 1px; border-bottom:#d9d9d9 solid 1px; margin:20px auto; padding:10px 0; }
.contact_join .agreebox span { margin-right:10px; }
.contact_join .agreebox input { vertical-align:middle}
.contact_join .agreebox label { color:#4d4d4d; font-size:14px; margin-right:5px; }
.contact_join .agreebox a { color:#99681a; font-size:12px; text-decoration:underline }

.contact_login  { display:block; height:905px; padding:0; background:url(images/img_advertiser_login.jpg) repeat 50% 80px;  background-size:1900px 825px;   border-bottom:#e3e3e3 solid 1px;}
.contact_login .contact { width:340px; margin:0 auto 0; text-align:center;  letter-spacing:-0.03em }
.contact_login h1 { display:block; font-size:28px; color:#4c4c4c; margin-bottom:50px; padding-top:275px; font-weight:500 }
.contact_login h1 strong { color:#ff9c00; font-weight:400;}
.contact_login h1 span { display:inline-block; background-color:#4d4d4d; font-size:14px; color:#fff; font-weight:400; line-height:1.4em; margin-left:10px; padding:2px 8px;  border-radius:3px; vertical-align:middle  }
.contact_login .contact table { width:100%; margin:15px auto 0; text-align:center;  border-top:#d9d9d9 solid 1px; padding-top:30px;  }
.contact_login .contact table th { width:80px;  font-size:18px; color:#333; font-weight:400; text-align:left; letter-spacing:-0.03em}
.contact_login .contact table td { padding:5px 0;  text-align:left; }
.contact_login .contact table input { display:inline-block; width:calc(100% - 2px); height:40px; border:1px #bcbcbc solid; background-color:#fff; line-height:40px; font-size:18px; padding:0; margin:0; outline:none; color:#000}
.contact_login button { display:block; margin:4px auto; padding:0; width:100%; height:50px; background-color:#ff9c00; font-size:18px; font-weight:600; color:#fff; border-radius:3px; border:none; outline:none; cursor:pointer; border:0; box-shadow:0; vertical-align:middle}
.contact_login button:hover {opacity:0.9;}
.contact_login .contact .agreebox { display:block; border-bottom:#d9d9d9 solid 1px; margin:0 auto 25px; padding:20px 0; }
.contact_login .contact .agreebox input { display:inline-block; width:24px; height:24px; border:1px #bcbcbc solid; background-color:#fff; line-height:40px; font-size:18px; padding:0; margin:0; outline:none; color:#000; vertical-align:middle}
.contact_login .agreebox label { color:#4d4d4d; font-size:18px; margin-left:10px; }
.contact_login a { color:#99681a; font-size:16px; text-decoration:underline; margin-top:30px; }
.partner_bg { background:url(images/img_partner_login.jpg) repeat 50% 80px;}
/*****  member *****/


.footer { display:block; width:100%; margin:0 auto; clear:both; padding:0; background-color:#fff;  border-top:#e3e3e3 solid 1px; }
.footer .sns { float:right; margin-top:37px}
.footer .sns img { display:inline-block; width:32px; padding:0; margin:0 4px; vertical-align:middle}
.footer .box { display:block; max-width:1200px; margin:0 auto;  text-align:left; padding:0 20px; font-size:13px; line-height:1.8em; color:#4c4c4c;  }
.footer .box a:link,
.footer .box a:active,
.footer .box a:visited {color:#2daac0; text-decoration:underline; }
.footer .box a:hover {color:#188699; text-decoration:underline;}
.footer .box .footer_logo { display:inline-block;  width:90px; margin-top:28px; margin-bottom:20px; vertical-align:top }
.footer .box .footer_logo img {}
.footer .box .footer_info { display:inline-block; width:1050px; text-align:left; margin:30px 0 0 0; padding:0 0 0 40px;  vertical-align:top; letter-spacing:-0.03em }
.footer .box .privacy_box { float:right; margin-top:-60px; }
.footer .box .privacy_box a { color:#919090; font-size:13px; text-decoration:none    }
.footer .box .privacy_box .line { font-weight:100; color:#bdbdbd; padding:0 5px; font-family:돋움 }
.footer .copy { width:100%;  border-top:#e3e3e3 solid 1px;  background-color:#FFF; color:#808080; line-height:4em; font-size:11px;  }

/*
.footer .box .sns a:link,
.footer .box .sns a:active,
.footer .box .sns a:visited  {float:right; background-color:#808080; border-radius:20px; width:36px; height:36px; padding:0; margin:5px; vertical-align:middle }
.footer .box .sns a:hover { background-color:#8158b4; }
*/

.add_box { display:block; width:960px; background-color:#fafafa; border-radius:40px; margin:50px auto 0; padding:10px 40px; font-size:16px; border:#e5e5e5 solid 1px; letter-spacing:-0.03em; color:#999}
.add_box strong { color:#393 }

.copy-wrap {width:100%; background-color:#282a2b;}
.copy-wrap .copy {max-width:1200px; margin:auto; line-height:40px; color:#888; font-size:9px;}


/*POPUP*/
.popup-bg {background-color:000; width:100%; height:100%;}
.pop-login, .pop-register, .pop-findpw, .pop-activation, .pop-dbmem, .pop-resetpw, .pop-nodb, .pop-mypage {position:fixed; float:left; top:100px; left:40%; z-index:2000; width:350px; background:#fff; text-align:left; font-size:14px; border:#CCC solid 1px;}
.pop-container {width:310px; height:auto; padding:0 20px 40px; overflow:hidden;}
.pop-container .title {width:350px; height:40px; margin-left:-20px; position:relative; background-color:#bababa;}
.pop-container .title span {display:inline; float:left; font-size:16px; font-weight:900; padding:0 25px; color:#ffbf12; background-color:#fff; line-height:40px; box-shadow:3px -2px 2px #9f9f9f;}
.pop-container .title span {display:inline; float:left; font-size:16px; font-weight:900; padding:0 25px; color:#ffbf12; background-color:#fff; line-height:40px; box-shadow:3px -2px 2px #9f9f9f;}

a.cbtn {width:13px; height:13px; position:absolute; top:12px; right:12px; display:inline-block; background-color:#309}
a.cbtn:hover {opacity:0.5;}

.pop-container p {border-bottom:2px #ffbf12 solid; padding:20px 0 5px; margin-bottom:20px; color:#555;}
.pop-container p.p-title {border-bottom:none; padding:25px 0 0px; margin-bottom:20px; font-size:16px; font-weight:900;}

.pop-container input {width:303px; height:30px; border:1px #e6e6e6 solid; background-color:#fcfcfc; line-height:30px; padding-left:5px; font-family: 'Roboto', helvetica, sans-serif; margin-bottom:10px; outline:none;}
.pop-container input.dis {background-color:#eee; color:#c1c1c1; border:1px #e6e6e6 solid;}
.pop-container input.name {width:145px; height:30px; border:1px #e6e6e6 solid; background-color:#fcfcfc; line-height:30px; padding-left:5px; font-family: 'Roboto', helvetica, sans-serif; margin-bottom:10px;}
.pop-container button {padding:8px 10px; background-color:#ffbf12; font-size:12px; font-weight:900; color:#fff; border:none; outline:none; cursor:pointer;}
.pop-container button:hover, .pop-conts button.btn-center:hover {opacity:0.9;}
.pop-container button.btn-center {display:block; margin:15px auto; padding:8px 30px; background-color:#ffbf12; font-size:12px; font-weight:900; color:#fff; border:none; outline:none; cursor:pointer;}
.pop-container a:link {color:#ffa800; text-decoration:none;}
.pop-container a:hover {color:#ffa800; text-decoration:underline;}
.pop-container a:active {color:#ffa800;}
.pop-container a:visited {color:#ffa800;}


.download_box { position:fixed; bottom:50px; right:50px;  float:right; z-index:100 }
.download_box img { }

.popup_notice { position:fixed; top:150px; width:100%;  text-align:center; margin:0 auto;  z-index:1000; display:none; }
.popup_notice_box { width:600px; text-align:left; margin:0 0 0 200px;  background-color:#fff; border:#666 solid 1px;  box-shadow:2px 2px 1px rgba(68,68,68,0.6);  }
.popup_notice_box h3 { font-size:40px; color:#000000; font-weight:400; padding:0; margin:0 auto }
.popup_notice_box h3 span { display:block; font-size:13px; color:#666; line-height:18px;  font-weight:400 ; margin:20px auto 20px;}
.popup_notice_box .btn_tel  {  display:block;  text-align:center; margin:20px auto; }
.popup_notice_box .btn_tel a {  display:block; text-align:center; margin:0 auto; font-size:21px; color:#fff; width:calc(100% - 60px); line-height:50px; height:50px; background-color:#666; text-decoration:none}


.popup_page { position:fixed; top:150px; width:100%;  text-align:center; margin:0 auto;  z-index:1000; display:none; }
.popup_page_box { width:400px; text-align:center; margin:0 auto; padding-bottom:10px;  background-color:#fff; box-shadow:2px 2px 1px rgba(68,68,68,0.6); border:#c3b295 solid 1px;  }
.popup_page_box h3 { font-size:30px; color:#674c1c; font-weight:400; padding:0; margin:0 auto 45px }
.popup_page_box h3 span { display:block; font-size:13px; color:#666; line-height:18px;  font-weight:400 ; margin:20px auto 20px;}
.popup_page_box .tit_box {  display:block;  width:328px; }
.popup_page_box .page4  {  display:block;  text-align:center; margin:10px auto; }
.popup_page_box .page4 a {  display:inline-block; text-align:center; margin:0 auto 5px; padding-bottom:5px; font-size:18px; font-weight:400; color:#4d4d4d; width:calc(50% - 30px); background-color:#fff; border:#eeeeee solid 2px; }
.popup_page_box .page4 a img { width:50px; display:block; text-align:center; margin:45px auto 30px;}
.popup_page_box .btn_close { display:block;  width:400px;  text-align:right;  height:60px; }
.popup_page_box .btn_close a { float:right; text-align:right; margin:10px 10px 0 0}
.popup_page_box .btn_close a img { width:48px; }
.popup_page_box p { font-size:18px; color:#4d4d4d; line-height:120px; }
.popup_page_box p strong { color:#2daac0; }
.popup_page_box font { display:block;  font-size:12px; color:#999999; line-height:30px;height:30px; background-color:#f5f5f5}


/* COUNTRY SELECTBOX */
dd span, .selectedValue span {position: relative;  display: block;  height: 16px;  width: 20px;  float: left;  clear: right;  }
dd span.Korea, .selectedValue span.Korea {background: url("./images/Korea.png") no-repeat;}
dd span.us, .selectedValue span.us {background: url("./images/us.png") no-repeat;}
dd span.uk, .selectedValue span.uk {background: url("./images/uk.png") no-repeat;}
dd span.Canada, .selectedValue span.Canada {background: url("./images/Canada.png") no-repeat; }
dd span.Brazil, .selectedValue span.Brazil {background: url("./images/Brazil.png") no-repeat;}
dd span.Paraguay, .selectedValue span.Paraguay {background: url("./images/Paraguay.png") no-repeat;}
dd span.Thailand, .selectedValue span.Thailand {background: url("./images/Thailand.png") no-repeat;}
dd span.China, .selectedValue span.China {background: url("./images/China.png") no-repeat;}
dd span.Philippines, .selectedValue span.Philippines {background: url("./images/Philippines.png") no-repeat;}
dd span.Germany, .selectedValue span.Germany {background: url("./images/Germany.png") no-repeat;}
dd span { margin-top:4px;}


/* mobile */

.shop .web { display:block }
.shop .mobile { display:none }



.privacy table{border-collapse:collapse;border-spacing:0;width:100%; _width /**/:auto}
.privacy li{list-style:none}
.privacy i,.privacy em{font-style:normal}
img,fieldset{border:none}
.privacy hr{display:none}
.privacy a{color:#3257c1; text-decoration:none}
.privacy a:hover,a:active,a:focus{text-decoration:underline}
.privacy caption,.privacy legend,.privacy.blind{overflow:hidden;visibility:hidden;position:absolute}
.privacy.b{font-weight:bold}
.privacy.arrow{padding:0 0 0 7px;}
.privacy.gotop{position:fixed; _position:absolute; left:50%; top:556px; width:960px; margin-left:-480px; text-align:right; clear:both}
.privacy.gotop a{display:block; float:right; position:relative; right:-22px; padding:6px 1px 2px 1px; font:10px Verdana; color:#666;}

/* Footer */
#footer_privacy {clear:both; width:960px; margin:0 auto 0; padding:22px 0 30px 0; border-top:1px solid #dedede; text-align:center}
#footer_privacy *{margin:0; padding:0; color:#333; list-style:none; font-size:11px; font-family: '나눔고딕',NanumGothic,'돋움',Dotum,'굴림',Gulim, AppleGothic, Sans-serif;line-height:normal}
#footer_privacy a{text-decoration:none; color:#333}
#footer_privacy a:visited{text-decoration:none; color:#666}
#footer_privacy a:hover{text-decoration:underline}
#footer_privacy ul{margin:0 0 7px 0}
#footer_privacy ul li{display:inline; position:relative; padding:0 5px 0 7px; font-size:11px; _background-position:left 10%; white-space:nowrap}
#footer_privacy ul li a:hover,
#footer_privacy ul li a:hover strong{color:#438a01}
#footer_privacy ul li.first{background:none; padding:0 3px 0 0}
#footer_privacy address{font:9px/14px Verdana}
#footer_privacy address img{vertical-align:middle}

#footer_privacy address a{font:bold 9px Tahoma; color:#333}
#footer_privacy address a:hover{color:#2cb400}
#footer_privacy address span{padding-left:2px; font:9px/14px Verdana}
#footer_privacy address em{padding-left:6px; font:9px verdana}
#footer_privacy address .logo{display:inline-block; *display:inline; vertical-align:top; *vertical-align:baseline}

/* Content */
.privacy{clear:both;position:relative;width:960px;margin:30px auto;z-index:1}
.privacy .mark_title{overflow:hidden;position:relative; width:960px; margin:0 auto; padding:3px 0 4px; border-bottom:1px solid #efefef}
.privacy .mark_title h3{padding:0 0 10px}
.privacy .mark_title .mk_act{position:absolute;top:17px;right:0}
.privacy .mark_title .mk_act2{position:absolute;top:17px;right:210px}
.privacy .mark_section0{overflow:hidden;width:900px;margin:0 auto;padding:42px 0 27px;border-bottom:1px solid #efefef}
.privacy .mark_section1{overflow:hidden;width:900px;margin:0 auto;padding:43px 0 27px;border-bottom:1px solid #efefef}
.privacy .mark_section2{overflow:hidden;width:900px;margin:0 auto;padding:43px 0 27px;border-bottom:1px solid #efefef}
.privacy .mark_section3{overflow:hidden;width:900px;margin:0 auto;padding:43px 0 27px;border-bottom:1px solid #efefef}
.privacy .mark_section4{overflow:hidden;width:900px;margin:0 auto;padding:43px 0 27px;*padding-bottom:79px}
.privacy .info_area{overflow:hidden}
.privacy .mark{float:left}
.privacy .result{overflow:hidden;float:left}
.privacy .result dt{font-size:0}
.privacy .result dd{margin-bottom:12px;font-size:0}
.privacy .mark_section1 .result dt+dd+dd,
.privacy .mark_section1 .result dt+dd+dd+dd,
.privacy .mark_section2 .result dt+dd+dd,
.privacy .mark_section3 .result dt+dd+dd,
.privacy .mark_section4 .result dt+dd+dd{margin-bottom:6px}
.privacy .easy{position:relative;margin:0 0 38px}
.privacy .easy_lnk1{position:absolute;top:0;left:208px;width:327px;height:76px;background-color:#fff;opacity:0;filter:alpha(opacity=0)}
.privacy .easy_lnk2{position:absolute;top:0;left:535px;width:343px;height:76px;background-color:#fff;opacity:0;filter:alpha(opacity=0)}

.privacy .title{position:relative;padding:0 0 31px;border-bottom:1px solid #e5e5e5}
.privacy .title .nav1{overflow:hidden; _height:1%; margin:0 0 8px 0}
.privacy .title .nav1 li{float:left; padding:0 14px 0 15px; }
.privacy .title .nav1 li.first{padding-left:0; background:none}
.privacy .title .nav1 li h2{display:inline}
.privacy .title .nav1 li a{float:left; display:block; padding:0 1px 1px 1px}
.privacy .title .nav1 li a:hover{border-bottom:1px solid #a6a6a6}
.privacy .title .nav1 li.on a{border-bottom:1px solid #a6a6a6}
.privacy .title .p_h2{clear:both}
.privacy .title .nav2{position:absolute;right:0; bottom:22px; text-align:right}
.privacy .title .nav2 p{margin:7px 0 0 0}
.privacy .title .nav2 ol{float:left;}
.privacy .title .nav2 ol.ol1{width:200px;}
.privacy .title .nav2 ol.ol2{width:150px;}
.privacy .title .nav2 ol li{text-align:left; height:16px; white-space:nowrap}
.privacy .title .nav2 ol a{font-weight:bold; letter-spacing:-1px}
.privacy .title .tit_a{position:absolute;top:11px;left:313px;padding-left:15px;border-left:1px solid #e5e5e5}
.privacy .title .tit_a:hover img{border-bottom:1px solid #a6a6a6}

.privacy .index{position:relative; padding:40px 40px 29px 40px; border-bottom:1px solid #e5e5e5; width:880px; _width /**/:960px}
.privacy .index .print{position:absolute; top:34px; right:40px; clear:both}
.privacy .index p{margin-bottom:20px}
.privacy .index .dl{overflow:hidden; _height:1%}
.privacy .index .dl dl{width:439px; overflow:hidden}
.privacy .index .dl .dl1{float:left}
.privacy .index .dl .dl2{float:right}
.privacy .index .dl dt{width:48px; height:22px; float:left}
.privacy .index .dl dd{width:391px; height:22px; float:right}
.privacy .index .dl dd a{font-weight:bold; letter-spacing:-1px}
.privacy .index h3{margin:0 0 20px 0; font:bold 14px 돋움, Dotum; letter-spacing:-1px; color:#333}
.privacy .index .ol{overflow:hidden; _height:1%}
.privacy .index .ol ol{float:left}
.privacy .index .ol li{height:22px}
.privacy .index .ol .first_letter{display:block; float:left; text-align:right; padding-right:8px}
.privacy .index .ol .ol1{margin-right:213px}
.privacy .index .ol .ol1 .first_letter{width:14px}
.privacy .index .ol .ol2 .first_letter{width:18px}
.privacy .index .ol a{font-weight:bold; letter-spacing:-1px}

.privacy .section{padding:30px;  text-align:left}
.privacy .section p,
.privacy .section li{position:relative}
.privacy .section .mt43{margin-top:43px}
.privacy .section .mt20{margin-top:20px !important}
.privacy .section .mt10{margin-top:10px}
.privacy .section .mb0{margin-bottom:0}
.privacy .section .pb3{padding-bottom:3px}

.privacy .section .contact{margin:5px 0 23px 18px; padding:20px 30px 20px 0; background:#f7f7f7}
.privacy .section .contact .line{border-left:1px solid #e5e5e5}
.privacy .section .contact th{text-align:left; color:#333; padding:5px 0 9px 29px; letter-spacing:-1px;border:0}
.privacy .section .contact td{padding:3px 0 3px 29px}

.privacy .section .section_soc{overflow:hidden;padding:0 0 84px 23px;zoom:1}
.privacy .section .section_soc li{display:inline;float:left;margin-right:20px}
.privacy .section .section_soc li.last{margin-right:0}
.privacy .section .section_soc li .lg{margin-bottom:17px}
.privacy .section .section_soc li h5{height:26px}

/* Content by Case */
.privacy.agreement .section{padding-bottom:91px}
.privacy.agreement .section h3{color:#333; margin:20px 0 10px 0; letter-spacing:-1px}
.privacy.agreement .section h3.first{margin-top:0}
.privacy.agreement .section h3 a{color:#333; text-decoration:none}
.privacy.agreement .section ol,
.privacy.agreement .section .ex{padding-left:16px}
.privacy.agreement .section ol li .first_letter,
.privacy.agreement .section ol .ex .first_letter{margin:0 4px 0 -16px}
.privacy.agreement .section ul{padding-left:10px}
.privacy.agreement .section ul li .first_letter{margin:0 4px 0 -10px}
.privacy.agreement .section .past{margin:8px 0 0 0}
.privacy.agreement .section em{color:#417c01}
.privacy.agreement .section .u{text-decoration:underline}

.privacy{ font-size:13px;word-break:keep-all;}
.privacy .sp{display:inline-block;overflow:hidden;text-indent:-9999em}
.privacy .title h2{margin-bottom:9px;font:bold 30px '나눔고딕',NanumGothic;color:#000;letter-spacing:-2px}
.privacy .title h2 .ver{font:bold 16px '돋움',dotum;color:#333;letter-spacing:0}
.privacy .title p{font:normal 13px '나눔고딕',NanumGothic;color:#808080;letter-spacing:-1px}
.privacy .title .link{position:absolute;right:0;bottom:33px;font:normal 12px '나눔고딕',NanumGothic}
.privacy .index{overflow:hidden;width:100%;padding:40px 0;border:0 none}
.privacy .index h3{float:left;width:160px;height:150px;margin:0 40px;background-position:-10px -10px}
.privacy .index > div{float:left;height:150px;padding-left:40px;border-left:1px solid #e5e5e5}
.privacy .index > div > p,
.privacy .index > div > a{display:block;overflow:hidden;margin:0}
.privacy .index .i1{width:285px}
.privacy .index .i1 p{width:195px;height:100px;background-position:-178px -10px}
.privacy .index .i1 a{width:195px;height:50px;background-position:-178px -110px}
.privacy .index .i2{}
.privacy .index .i2 p{width:201px;height:100px;background-position:-381px -10px}
.privacy .index .i2 a{width:201px;height:50px;background-position:-381px -110px}
.privacy .section{padding:33px;border-top:1px solid #e5e5e5}
.privacy .section h3,
.privacy .section h4{margin:15px auto 30px;font:normal 26px '나눔고딕',NanumGothic;color:#000;letter-spacing:-2px}
.privacy .section p{margin:13px 0 0; font-size:14px}
.privacy .section table + p{margin-top:19px;}
.privacy .section .btn_area + p,
.privacy .section .contact + p{margin-top:19px;}
.privacy .section table{margin-top:17px;font-size:14px;line-height:1.2em; background-color:#fff}
.privacy .section table th,
.privacy .section table td{padding:8px 12px 5px;border:1px solid #ddd;text-align:left}
.privacy .section table thead th{border-bottom:0 none;background-color:#f7f7f7;text-align:center}
.privacy .section table tbody th{font-weight:normal}
.privacy .section .shortcut{overflow:hidden;margin:30px 0 7px;padding:24px 27px 20px;border:3px solid #e5e5e5}
.privacy .section .shortcut p{margin-top:0;}
.privacy .section .shortcut ol{float:left;margin-top:16px;padding-top:18px;border-top:1px solid #f0f0f0}
.privacy .section .shortcut ol.sc1{width:47%}
.privacy .section .shortcut ol.sc2{width:53%}
.privacy .section .shortcut ol li{margin-top:3px;font-size:15px;}
.privacy .section .shortcut ol li:first-child{margin-top:0;}
.privacy .section .shortcut ol li i{display:inline-block;width:13px;margin-right:7px;text-align:right}
.privacy .section .shortcut ol.sc1 li i{width:15px}
.privacy .section .shortcut ol.sc2 li i{width:21px}
.privacy .section .shortcut ol li a{font-weight:bold;color:#666;letter-spacing:-0.01em}
.privacy .section .sec{margin-top:-4px;;}
.privacy .section h4 + .sec{margin-top:-17px;}
.privacy .section .sec > li{overflow:hidden;padding:23px 0 33px;font-size:13px;border-top:1px solid #f0f0f0}
.privacy .section .sec > li.first{padding-top:0;border-top:0 none}
.privacy .section .sec > li.last{padding-bottom:0;}
.privacy .section .sec > li > p:first-child > strong,
.privacy .section .b{display:inline-block;margin-bottom:1px;font-weight:bold;font-size:15px;line-height:1.5;letter-spacing:-0.01em}
.privacy .section .bu{margin:13px 0 0;line-height:1.65}
.privacy .section .bu i{ overflow:hidden;position:absolute;top:8px;#top:5px;left:0;width:5px;height:1px; list-style-type:square;}
.privacy .section .bu > li{position:relative;margin-top:6px;margin-left:15px; list-style-type:square;}
.privacy .section .bu > dt{position:relative;margin-top:6px;margin-left:15px; list-style-type:square;}
.privacy .section .bu > dd{padding-left:15px; margin-left:15px; list-style-type:square;}
.privacy .section .contact{overflow:hidden;margin:17px 0 20px;padding:19px 0;border:1px solid #e1e1e1;}
.privacy .section .contact dl{position:relative;float:left;width:50%;margin-left:-1px;border-left:1px solid #e1e1e1;}
.privacy .section .contact dt,
.privacy .section .contact dd{padding-left:22px;}
.privacy .section .contact dt{margin-bottom:13px;font-weight: bold;}
.privacy .section .contact dd.tel{position:absolute;top:35px;left:50%;}
.privacy .section .contact dd.em{position:absolute;top:57px;left:50%;}
.privacy .section .link{display:block;margin-top:18px;}
.privacy .section .tgl_more{display:block;color:#666;text-decoration:none}
.privacy .section .ico_tgl{display:inline-block;width:20px;height:20px;margin-left:5px;background-position:-591px -10px;vertical-align:-5px;#vertical-align:0}
.privacy .section .ico_tgl.on{background-position:-591px -40px}
.privacy .section .tgl_cont{display:none;margin:16px 0 7px;padding:20px 22px 17px;border:1px solid #e1e1e1;background-color:#fafafa}
.privacy .section .tgl_cont dt{margin:20px 0 10px;font-weight:bold}
.privacy .section .tgl_cont dt:first-child{margin-top:0}
.privacy .section .btn_area{overflow:hidden;margin-top:4px;}
.privacy .section .sec > li .btn_area{margin-bottom:7px;}
.privacy .section p + .btn_area{margin-top:5px;}
.privacy .section .btn_area a{float:left;height:44px;margin:12px 9px 0 0}

.privacy.teenagers .title h2{position:relative; margin:-11px 0 -6px 0}
.privacy.teenagers .section h3{font:bold 14px 돋움, Dotum; color:#333; letter-spacing:-1px}
.privacy.teenagers .section h4{font-weight:normal; color:#333; margin:20px 0 0 0; letter-spacing:-1px}
.privacy.teenagers .section h4 *{color:#333}
.privacy.teenagers .section h4 .first_letter{font-weight:bold}
.privacy.teenagers .section p{margin:10px 0 0 0}
.privacy.teenagers .section .depth1{margin-left:16px}
.privacy.teenagers .section .contact{margin:5px 0 5px 17px}
.privacy.teenagers .section .contact .col1{width:195px}
.privacy.teenagers .section .contact .col2{width:206px; padding-left:0}
.privacy.teenagers .section .contact .col3{width:195px}
.privacy.teenagers .section .contact .col4{padding-left:0}

.privacy.spam .section h3{margin:45px 0 0 0; font:bold 14px 돋움, Dotum; color:#333; letter-spacing:-1px}
.privacy.spam .section h3.first{margin:0}
.privacy.spam .section h4{margin:22px 0 0 18px; color:#333; letter-spacing:-1px}
.privacy.spam .section h4 a{text-decoration:none; color:#333}
.privacy.spam .section ul p{margin:0 0 10px 10px}
.privacy.spam .section .depth1{margin-left:18px}
.privacy.spam .section .depth2{margin-left:38px}
.privacy.spam .section .arrow.spam{position:absolute; right:0; bottom:0; background-position:0 4px}
.privacy.spam .section ul.ex{padding-left:10px}
.privacy.spam .section ul.ex .first_letter{margin-left:-10px}
.privacy.spam .section .contact{margin:5px 0 13px 0; padding:23px 29px 18px 29px}
.privacy.spam .section .contact dt{height:26px; color:#333; font-weight:bold}
.privacy.spam .section .contact dd{height:20px}

.privacy.responsibility .section{padding:0 40px 45px 40px}
.privacy.responsibility .section h2{margin:45px 0 0 0; font:bold 14px 돋움, Dotum; color:#333; letter-spacing:-1px}
.privacy.responsibility .section h2.first{margin:0}
.privacy.responsibility .section h2 a{font:bold 14px 돋움, Dotum; color:#333}
.privacy.responsibility .section p{margin:20px 0 0 0}
.privacy.responsibility .bx{padding:28px 29px 25px 29px; margin:5px 0 23px 0; background:#f7f7f7; overflow:hidden; _height:1%}
.privacy.responsibility .bx ol{width:100%}
.privacy.responsibility .bx ol ol{width:auto; padding:43px 0 0 0}
.privacy.responsibility .bx li{float:left; font-weight:bold; color:#333}
.privacy.responsibility .bx li.first{_margin:0 -1px 0 0}
.privacy.responsibility .bx li li{float:left; width:116px; margin:0 1px 0 0; font-weight:normal}
.privacy.responsibility .bx li.first li{color:#417c01}
.privacy.responsibility .bx li.second li{color:#333}
.privacy.responsibility .bx li strong{position:relative; left:1px; text-indent:-1px; margin:5px 0 -1px 0; padding:5px 0 0 0; font:bold 11px 굴림, Gulim}
.privacy.responsibility .bx li.first strong{display:block; border-top:4px solid #55a426; color:#2f9000}
.privacy.responsibility .bx li.second strong{display:block; border-top:4px solid #333; color:#444}
.privacy.responsibility .bx li li .c99{color:#999}
.privacy.responsibility .bx li li .fs11{font:11px 돋움, Dotum}
.privacy.responsibility .mt18{margin-top:18px !important}
.privacy.responsibility .mt8{margin-top:8px !important}
.privacy.responsibility .btn{padding:20px 0 1px 0; text-align:center}
.privacy.responsibility .btn a{margin:0 6px 0 0}

.privacy.robots .section{padding:40px 40px 27px 40px}

.privacy.robots .section h3{margin:45px 0 0 0; font:bold 14px 돋움, Dotum; color:#333; letter-spacing:-1px}
.privacy.robots .section h3.first{margin:0}
.privacy.robots .section p,
.privacy.robots .section ol{margin:20px 0 0 12px}
.privacy.robots .section ol{padding-left:24px}
.privacy.robots .section ol .first_letter{margin:0 3px 0 -24px}
.privacy.robots .section ol li{margin-bottom:18px}
.privacy.robots .section ul li{margin:0}
.privacy.robots .section li p{margin:8px 0 0 0}
.privacy.robots .section .etc{margin:0 0 0 12px; padding:23px 29px 20px 29px; background:#f7f7f7}
.privacy.robots .section .etc .first,
.privacy.robots .section .etc .first *{margin:0; color:#333}
.privacy.robots .section .etc .second{margin:3px 0 0 36px; padding:0}

.privacy.iso .title h2{position:relative; margin:-9px 0 -10px 0}
.privacy.iso .title2{padding:26px 40px 20px 40px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5}
.privacy.iso p{margin:0 0 20px 0; line-height:18px}
.privacy.iso .section1{padding:38px 40px 70px 40px}
.privacy.iso .section1 dl{padding:25px 29px 22px 29px; background:#f7f7f7}
.privacy.iso .section1 dt{height:26px; font-weight:bold; color:#333}
.privacy.iso .section2{padding:38px 40px 49px 40px; overflow:hidden; _height:1%}
.privacy.iso .section2 .thumb{display:block; float:left; margin:-8px 39px 0 0}
.privacy.iso .section2 li{margin-bottom:4px}

.privacy.soc .title h2{position:relative; margin:-9px 0 -10px 0}
.privacy.soc .title2{padding:26px 40px 20px 40px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5}
.privacy.soc p{margin:0 0 20px 0; line-height:18px}
.privacy.soc .index{padding-bottom:18px}
.privacy.soc .section{padding-bottom:1px}
.privacy.soc .section_soc{margin-bottom:-14px}

/* Pop1 */
#pop1 *{margin:0; padding:0; font-size:12px; font-style:normal; font-family:굴림, Gulim, 돋움, Dotum, AppleGothic, Sans-serif}
#pop1 li{list-style:none}
#pop1 #wrap{width:749px}
#pop1 #header{height:88px; position:relative;}
#pop1 .privacy{clear:both; padding:34px 35px 0 35px;}
#pop1 #footer_privacy.f1{padding:0 0 40px 0; margin:-18px 0 0 0; text-align:center; width:auto; border:none}
#pop1 #footer_privacy *{vertical-align:middle}

#pop1 h1{position:absolute; top:12px; right:34px}
#pop1 h1 img{display:block}
#pop1 h2{position:absolute; top:39px; left:35px}
#pop1 h2 img{display:block; float:left}
#pop1 h3{padding:0 0 0 7px; height:27px}
#pop1 .summary{padding:2px 0 0 4px; margin:0 auto 35px auto}
#pop1 .summary p.ir_txt{display:block; width:0; height:0; overflow:hidden}
#pop1 .section{position:relative; margin:0 0 35px 0; padding:23px 10px 20px 18px; border:1px solid; border-top-color:#cbdddd; border-bottom-color:#cbdddd; border-left-color:#e0eff0; border-right-color:#e0eff0}
#pop1 .section p,
#pop1 .section li{color:#6b898f; line-height:18px}
#pop1 .section .mb13{margin-bottom:13px }
#pop1 .section .ex{margin:15px 0 0 21px}
#pop1 ol.t1{margin:-1px 0 -12px 0}
#pop1 ol.t1 li{padding:3px 0 0 24px; margin:0 0 12px 0; _height:1%}
#pop1 ul.t1{padding:10px 0 0 0}
#pop1 ul.t1 li{padding:0 0 0 20px; margin:0; color:#016773}
#pop1 .reg{font:13px/19px Arial !important; color:#016773}
#pop1 .openapi{margin-bottom:24px; color:#6a8890; line-height:18px}
#pop1 a.point{text-decoration:underline; color:#0365ac}

.tab{overflow:hidden; width:680px; height:38px; margin-bottom:29px !important; }
.tab li{overflow:hidden; display:inline-block; float:left; width:145px; height:36px; border:1px solid #ccc; border-bottom:1px solid #9a9a9a; background:#f8f8f8; text-align:center}
.tab li a{display:block; height:36px; }
.tab li.selected{border:1px solid #9a9a9a; border-bottom:1px solid #fff; background:#fff}
.tab li a.tab1{background-position:45px -29px}
.tab li a.tab2{background-position:-63px -29px}
.tab li.selected a.tab1{background-position:45px 11px}
.tab li.selected a.tab2{background-position:-63px 11px}

/*센터 팝업*/
.popup_layer { width:100%; height:100%; display:none; position:fixed; background-size:cover; z-index:100;  background: rgba(0,0,0,0.7)}
.popup_form_80 {width:280px; margin:450px auto 0;  max-width:450px; background:#fff; border-radius:5px; padding:0;}
.popup_form_80 h3 { padding:25px; font-weight:600; margin:0; color:#000;}
.popup_form_80 h3 font { font-size:14px;}
.popup_content_wp { border-bottom:#CCC solid 1px;  font-size:14px; }
.popup_content_wp .score_bar { height:300px; overflow:auto; overflow-x:hidden; }
.popup_txt_wp { padding:25px 0 10px;  font-size:16px;}
.popup_txt_assent { border-bottom:#CCC solid 1px; font-size:14px; margin:0 0 10px 0; padding:0 25px 25px; line-height:1.3em; letter-spacing:-0.03em  }
.popup_txt_assent span { display:block; font-size:12px; color:#2196f3; margin-top:15px;}
.popup_content_wp input[type=checkbox].select_check+label.check_label { font-size:16px; font-weight:600; margin:10px 15px  }
.popup_form_80 .btn_area { text-align:center; margin:0; padding-bottom:10px;  }
.popup_form_80 .btn_area button { background-color:#2196f3; color:#fff; display:block; width:240px; height:40px; line-height:40px; border:0; font-size:16px;  text-align:center; margin:10px auto }

.campaign3 ul li font.web_misson {  display:block }
.campaign3 ul li font.mobile_misson {  display:none}






.system { width:1200px;  margin:100px auto 0;  }
.system h1 { display:block; margin-bottom:60px; }

.option_tab { width:100%;  margin:30px auto 0; }
.option_tab li {  float:left;  display:inline-block;  }
.option_tab li a {  float:left; width:398px;  background-color:#f6f6f6; padding:25px 0; margin:0; color:#b2b2b2; text-decoration:none; border:#cccccc solid 1px; border-radius:16px 16px 0 0; font-weight:600; letter-spacing:-0.05em }
.option_tab li a:hover {  color:#4d4d4d; text-decoration:none; background-color:#fff; border-bottom:0;}
.option_tab .on { color:#4d4d4d; background-color:#fff; border-bottom:0; width:300px;    }


#option_tab01 { /*background-image:url(img/img_01.png); background-repeat:no-repeat; background-position:95% 30px; background-size:auto auto;*/ padding:45px 0 70px 0; }
#option_tab02 { /*background-image:url(img/img_02.png); background-repeat:no-repeat; background-position:95% 30px; background-size:auto auto;*/ padding:45px 0 50px 0; }
#option_tab03 { /*background-image:url(img/img_03.png); background-repeat:no-repeat; background-position:95% 30px; background-size:auto auto;*/ padding:45px 0 50px 0; }
#option_tab04 { /*background-image:url(img/img_04.png); background-repeat:no-repeat; background-position:95% 30px; background-size:auto auto;*/ padding:45px 0 60px 0; }


.customer_box { display:inline-block; width:1000px; border:#cccccc solid 1px; border-top:0; border-radius:0 0 16px 16px; background-color:#fff; padding:0; margin:0 auto 50px; padding:60px 99px 0;  }


.board_tit { display:block; font-size:21px; color:#4c4c4c; text-align:left;  line-height:60px;     }

.board_tit span { float:right ; margin: }
.board_tit span select { vertical-align:middle;  border:1px #cccccc solid; }
.board_tit span input { vertical-align:middle;  border:1px #cccccc solid; }
.board_tit span img { vertical-align:middle;  }


.faq { display:block; padding-top:50px;  }
.faq select { vertical-align:middle;  border:1px #cccccc solid; }
.faq input { vertical-align:middle;  border:1px #cccccc solid; width:300px; padding:5px }
.faq img { vertical-align:middle;  }


.admin_ico { display:block; float:right; margin-top:-10px; margin-bottom:10px; }
.admin_ico img { display:inline-block;  margin:0 0 0 5px; width:46px; height:46px; background-color:#909090; border-radius:23px }
.admin_ico img:hover { background-color:#f97e1f; }

.table_notice { padding:0; margin:0; border-spacing:0; width:100%; vertical-align:top;}
.table_notice a:link,
.table_notice a:active,
.table_notice a:visited { color:#333; text-decoration:none;  text-align:left; }
.table_notice th { background-color:#666666; padding:6px 10px; font-weight:normal; color:#fff;  text-align:center;  font-size:16px; }
.table_notice td { vertical-align:middle; padding:10px 10px; border-bottom:1px #ddd solid;  font-size:16px; color:#808080}
.table_notice td:first-child { width:60px; }
.table_notice tr:hover { background-color:#e7f2f8 }
.table_notice td:nth-of-type(10n+3) { text-align:left;  color:#333 } /* 3, 13번 순서로 좌측정렬*/

.table_notice td:nth-of-type(10n+2) { font-weight:600; width:100px;}
.table_notice td:nth-of-type(10n+4) { width:100px;}
/*.table_board td:last-child {  width:200px; }*/
.table_notice td:nth-of-type(odd) { }
.table_notice caption { font-size:21px; color:#4c4c4c; text-align:left; padding:10px 0; }


.table_board_view { padding:0; margin:0; border-spacing:0; width:100%; vertical-align:top;}
.table_board_view img { vertical-align:middle;  }
.table_board_view a:link,
.table_board_view a:active,
.table_board_view a:visited { color:#333; text-decoration:none;}
.table_board_view th { background-color:#4d4d4d; padding:25px 10px 25px 30px; font-weight:600; color:#fff;  text-align:left; font-size:16px;  }
.table_board_view th:last-child { text-align:right; font-size:12px; font-weight:400; color:#999} /* 3, 13번 순서로 좌측정렬*/
.table_board_view th font { color:#fff; margin:0 15px 0 5px; }
.table_board_view td { vertical-align:middle; padding:30px 30px; border-bottom:1px #ddd solid; text-align:left; font-size:14px; }
.table_board_view td:nth-of-type(odd) { }
.table_board_view caption { font-size:21px; color:#4c4c4c; text-align:left; padding:10px 0; }
.table_board_view img { display:block; max-width:600px; margin:20px auto 0; }




.table_inca tbody tr:hover td {background-color:#f1f8ff;}

.table_inca {padding:0; margin:0; border-spacing:0; width:100%; background-color:#fff;}
.table_inca a:link,
.table_inca a:active,
.table_inca a:visited { color:#2e88cc; text-decoration:none;}

.table_inca th { background-color:#4d4d4d; padding:5px 20px; font-weight:normal; color:#fff;}
.table_inca td { vertical-align:middle; padding:5px 20px; border-bottom:1px #ddd solid;  text-align:center;}
.table_inca td:nth-of-type(odd) { background-color:#fafafa  }
.table_inca td:first-child { text-align:left; border-left:1px #ddd solid;  }
.table_inca td:last-child { border-right:1px #ddd solid;  }

.table_inca caption { font-size:21px; color:#4c4c4c; text-align:left; padding:10px 0; }

.table_inca_row {padding:0; margin:0; border-spacing:0; width:100%;}
.table_inca_row a:link,
.table_inca_row a:active,
.table_inca_row a:visited { color:#2e88cc; text-decoration:none;}

.table_inca_row th { background-color:#4d4d4d; padding:5px 20px; font-weight:normal; color:#fff;}
.table_inca_row td { vertical-align:middle; padding:5px 20px; border-bottom:1px #ddd solid; border-left:1px #ddd solid;  text-align:center; background-color:#fafafa}
.table_inca_row td:first-child { }
.table_inca_row td:last-child { border-right:1px #ddd solid; background-color:#fff;  text-align:left;  }

.table_inca_row caption { font-size:21px; color:#4c4c4c; text-align:left; padding:10px 0; }



.table_inca2 tbody tr:hover td {background-color:#f1f8ff;}

.table_inca2 {padding:0; margin:0; border-spacing:0; width:100%; background-color:#fff;}
.table_inca2 a:link,
.table_inca2 a:active,
.table_inca2 a:visited { color:#2e88cc; text-decoration:none;}

.table_inca2 th { background-color:#4d4d4d; padding:5px 5px; font-weight:normal; color:#fff; font-size:13px }
.table_inca2 td { vertical-align:middle; padding:5px 5px; border-bottom:1px #ddd solid;  text-align:center; border-left:1px #ddd solid; font-size:13px; line-height:1.3em}
.table_inca2 td:nth-of-type(odd) { /* background-color:#fafafa*/  }
.table_inca2 td:first-child {   }
.table_inca2 td:last-child { border-right:1px #ddd solid;  }

.table_inca2 caption { font-size:21px; color:#4c4c4c; text-align:left; padding:10px 0; }

.table_inca2_row {padding:0; margin:0; border-spacing:0; width:100%;}
.table_inca2_row a:link,
.table_inca2_row a:active,
.table_inca2_row a:visited { color:#2e88cc; text-decoration:none;}

.table_inca2_row th { background-color:#4d4d4d; padding:5px 20px; font-weight:normal; color:#fff;}
.table_inca2_row td { vertical-align:middle; padding:5px 20px; border-bottom:1px #ddd solid; border-left:1px #ddd solid;  text-align:center; background-color:#fafafa}
.table_inca2_row td:first-child { }
.table_inca2_row td:last-child { border-right:1px #ddd solid; background-color:#fff;  text-align:left;  }

.table_inca2_row caption { font-size:21px; color:#4c4c4c; text-align:left; padding:10px 0; }




.paging{width:100%; text-align:center; clear:both;}
.paging_align{display:inline-block; text-align:center; height:40px; margin:25px auto 15px;}
.paging a{display:block; float:left; border-radius:50%; width:30px; height:30px; line-height:30px; color:#666; margin:0 1px; text-decoration:none; font-size:14px; font-weight:400}
.paging a:hover, .paging a.active{background:#f97e1f; color:#fff; font-weight:400;}
.paging a.paging_arrow_left{background:url(images/ico/ico_realtime_arrow_left.gif) no-repeat center center;}
.paging a.paging_arrow_right{background:url(images/ico/ico_realtime_arrow_right.gif) no-repeat center center;}
.paging a.paging_arrow_left:hover{background-image:url(images/ico/ico_realtime_arrow_left_over.gif);}
.paging a.paging_arrow_right:hover{background-image:url(images/ico/ico_realtime_arrow_right_over.gif);}

/*.paging{width:100%; text-align:center; clear:both;}
.paging_align{display:inline-block; text-align:center; height:40px; margin:25px auto 15px;}
.paging a{display:block; float:left; border-radius:50%; width:30px; height:30px; line-height:30px; color:#666; margin:0 1px; text-decoration:none; font-size:14px; font-weight:400}
.paging a:hover, .paging a.active{background:#909090; color:#fff; font-weight:400;}
.paging a.paging_arrow_left{background:url(images/ico/ico_realtime_arrow_left.gif) no-repeat center center;background-color:#c1c1c1; margin-right:10px;}
.paging a.paging_arrow_right{background:url(images/ico/ico_realtime_arrow_right.gif) no-repeat center center;background-color:#c1c1c1;margin-left:10px;}
.paging a.paging_arrow_left:hover{background-image:url(images/ico/ico_realtime_arrow_left_over.gif);background-color:#909090;}
.paging a.paging_arrow_right:hover{background-image:url(images/ico/ico_realtime_arrow_right_over.gif);background-color:#909090;}
*/







img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:underline}
button{margin:0;padding:0;border:0;background:none}
.blind,legend{overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
caption{overflow:hidden;position:relative;top:0;left:0;width:0;height:0;font-size:0;line-height:0;text-indent:-200px}
img{vertical-align:top}




/* faq page */
.section_qa {overflow:hidden;width:100%;height:100%;margin:0 auto; }
.h_txt{float:left;width:196px;height:42px;background:url(images/sp.png) 0 -380px no-repeat}
.con{font-size:18px;line-height:21px}

.section_qa .con{height:100%;margin-bottom:50px}
.section_qa .faq_area{border-bottom:4px solid #040707}
.section_qa .faq_area li{position:relative;overflow:hidden;height:100%;border-top:1px solid #d2d2d2;vertical-align:top; text-align:left}
.section_qa .faq_area .notice_link_box{width:95%;padding:17px 0 18px 23px; font-weight:600;background:url(images/ico_about3_q.png) 0 19px no-repeat}
.section_qa .faq_area li:hover { background-color:#e7f2f8 }

.section_qa .faq_area .notice_link_box a{color:#222; text-decoration:none}
.section_qa .faq_area .notice_link_box.answer{width:98%; font-weight:normal;border-top:1px solid #ebebeb;color:#666;background:url(images/ico_about3_a.png) 0 19px no-repeat}
.section_qa .faq_area .notice_link_box .answer_con{width:100%; vertical-align:1.3em; padding:0;}
.section_qa .faq_area .notice_link_box .answer_con p { padding:0; margin:0}
.section_qa .faq_area .btn_answer{position:absolute;top:22px;right:6px;width:20px;height:11px;background:url(images/sp.png) 0 0 no-repeat}
.section_qa .faq_area .btn_answer.open{background:url(images/sp.png) 0 -30px  no-repeat}
.section_qa .faq_area .operating_hour{overflow:hidden}
.section_qa .faq_area .operating_hour dt{float:left;clear:both}
.section_qa .faq_area .operating_hour dd{float:left;margin-left:3px;width:80%}







a.gray{color:#acacac;}
.clear{clear:both;}
a.btn_ok{display:block; width:100%; height:40px;  margin:0 auto; color:#fff; font-size:18px; line-height:40px; font-weight:bold; text-align:center}
a.btn_ok_active{ background-color:#4FB400}
a.btn_ok_active2{ background-size:33px 18px;}




/****** 쓰기 *********/

.ad_tit { display:block;  padding:20px 20px; font-size:16px;  text-align:left}
.ad_tit strong { font-weight:500; color:#ff4216}

.write { width:100%; border-top:#575757 solid 2px; border-bottom:#b7b7b7 solid 1px; margin-top:0px; margin-left:0}
.write .none { border:none; }
.write th { background-color:#fafafa; font:normal 14px/20px 나눔고딕, 돋움; color:#7b7b7b; border-top:#e1e1e1 solid 1px; text-align:left; padding:5px 5px 5px 15px }
.write td { font:normal 12px/18px 나눔고딕, 돋움; color:#e5e5e5; border-top:#d8d8d8 solid 1px; text-align:left; padding:7px 0 7px 15px; }
.write td input.i_box { border:#c6c6c6 solid 1px; padding-left:5px; color:#555555; font:normal 14px/20px 나눔고딕, 돋움; line-height:20px; height:20px }

.write td textarea.t_box { width:85%; height:150px; border:#c6c6c6 solid 1px; padding-left:5px; color:#555555; font:normal 14px/20px 나눔고딕, 돋움; line-height:20px; }
.write td select.s_box { font:normal 14px/20px 나눔고딕, 돋움; line-height:20px; height:20px }
.write td.check { font:normal 12px/18px 나눔고딕, 돋움; color:#999999; letter-spacing:-0.05em}
.write td.smtit{color:#7b7b7b;  font-weight:bold; font-size:14px;  }

.btn {display:block;clear:both; width:100%; height:40px; padding-top:20px;  padding-bottom:20px; text-align:center}
.btn a { padding:10px 60px 13px 60px;  background-color:#5c5c5c; color:#fff; font:normal 18px/36px 나눔고딕, 맑은 고딕; text-align:center; box-shadow: 3px 3px 0 0 rgba(0,0,0,0.2) }

.schbox {float:left; width:100%; height:40px; text-align:center; padding:10px; 0 0 0;}
.schbox select {height:22px; width:80px;}
.schbox .put{ border:#888 solid 1px; padding-left:5px; color:#555555; font:normal 14px/20px 나눔고딕, 돋움; line-height:20px; height:20px }
.schbox .schbtn {width:54px; height:22px; background-color:#eee; border:1px solid #909090; color:#666; font-size:12px; line-height:22px;  background:url(../images/btn/btn_sch.gif) no-repeat 0 0; cursor:pointer; }


.phone_box {}
.phone_box p { color:#C00; margin:20px 0}
.phone_box img {  display:inline-block; border:#CCC solid 2px}
.phone_box table { display:inline-block; width:400px;  border-top:#666 solid 2px }




.customer { display:block; width:1000px;  text-align:left; /* border-bottom:#e1e1e1 solid 2px;*/  }
.customer img { display:inline-block; float:left;width:178px; padding-right:60px; padding-top:0; }
.customer p {  display:inline-block; width:600px; padding:0; }
.customer h2  { display:block; font-size:36px; color:#4c4c4c; font-weight:600; margin:0 0 20px 0; letter-spacing:-0.05em;  }
.customer h3 {display:block;  font-size:26px; color:#4c4c4c;  text-align:left; margin:0;}
.customer span { display:block; font-size:16px;  }
.customer span font{ display:inline-block; width:80px; font-size:13px; }



.swiper-container { padding-top:80px; }



.web { display:block }
.mobile { display:none }

.swiper-slide img { width:100%;  }

.swiper-button-next { display:none }
.swiper-button-prev{ display:none }



/** 상단 슬러이더 웹, 모바일 통일 가변***/
@media all and (max-width:1000px){



 .web { display:none }
 .mobile { display:block }


 .swiper-container { padding-top:40px; }


 body { min-width:100%; }

 .nav-wrap .mainmenu { display:none }

 .nav_all { position:fixed; float:left; right:calc(100% - 38px); width:32px; margin:4px 0 0 0; z-index:100; list-style:none; display:inline; overflow:hidden; background-color:#fff }
 .nav_all a { float:left; padding:32px 0 0 0; overflow:hidden; height:0px !important; height/**/:32px; /* IE5 */ margin:0; border:0;   background-image:url(images/ico_nav.png); background-position:9px 9px ; background-repeat:no-repeat; background-size:20px 20px; background-color:#fff}
 .nav_all a:hover { background-image:url(images/ico_nav.png); background-position:9px 9px ;  border:0;}
 .nav_all a:active, #nav a.selected {  border:0; }


 .nav-wrap {width:100%; height:45px; min-width:320px; padding:0; text-align:left; z-index:999; background-color:#fff;  position:fixed;  border-top:#625e54 solid 2px; border-bottom:#625e54 solid 1px}
 .nav-wrap .nav {width:138px; margin:0 auto;}
 .nav-wrap .nav .logo a { width:72px; height:30px; float:left; padding:0; margin:7px auto 0 17%; background-image:url(images/logo.png); background-size:100% 100%; background-repeat:no-repeat; text-indent:9999px;background-position:center top;}

 .nav-wrap .nav .menu_all { width:100%; list-style:none; position:fixed; float:left; left:0; margin:46px 0 0 0; padding:20px 0; display:none; background-color:rgba(0,0,0,0.8); }
 .nav-wrap .nav .menu_all li { width:45%; display:inline-block; padding:0 0 0 0; text-align:left; }
 .nav-wrap .nav .menu_all li a {color:#fff; font-size:14px; font-weight:500; letter-spacing:0em; padding:6px; 0; margin:0 0 0 20px; text-decoration:none;   line-height:2em;}
 .nav-wrap .nav .menu_all li a:visited {}
 .nav-wrap .nav .menu_all li a:hover   {color:#2daac0;}
 .nav-wrap .nav .menu_all li a:active  {color:#2daac0;}
 .nav-wrap .nav .menu_all li.f-right {float:right; padding-right:0; padding-left:10px;; margin-top:-7px}

 /*
 .nav-wrap .nav_smenu {  position:fixed; display:block; float:right; right:5px; top:10px; list-style:none;}
 .nav-wrap .nav_smenu a { float:left }
 .nav-wrap .nav_smenu a {  font-size:12px; line-height:22px; font-weight:400; padding:4px 7px; outline:none; cursor:pointer;  color:#333;}
 .nav-wrap .nav_smenu span { float:left; padding:0; color:#cccccc; font-weight:200; font-size:10px; margin-top:3px; }

 .nav-wrap .nav_smenu a.language { color:#333; border:0 }
 .nav-wrap .nav_smenu a.language img { display:inline-block;  vertical-align:top }
 .nav-wrap .nav_smenu a.language:hover { color:#333;}

 **/

 .nav-wrap .nav .smenu { position:fixed; display:block; float:right; right:0; top:-10px; list-style:none; }
 .nav-wrap .nav .smenu a { float:left }
 .nav-wrap .nav .smenu span { }
 .nav-wrap .nav .smenu a:link { color:#333; font-size:10px; line-height:32px; font-weight:600; padding:4px 0; outline:none; cursor:pointer;  }
 .nav-wrap .nav .smenu a:hover { }
 .nav-wrap .nav .smenu a:active {}
 .nav-wrap .nav .smenu a:visited {color:#333;}
 .nav-wrap .nav .smenu a.language { color:#333; border:0}
 .nav-wrap .nav .smenu a.language img { display:inline-block;  vertical-align:top }
 .nav-wrap .nav .smenu a.language:hover { color:#000;}

 /* COUNTRY SELECTBOX */
 dd span, .selectedValue span {position: relative;  display: block;  height: 16px;  width: 20px;  float: left;  clear: right;  }
 dd span.Korea, .selectedValue span.Korea {background: url("./images/Korea.png") no-repeat;}
 dd span.us, .selectedValue span.us {background: url("./images/us.png") no-repeat;}
 dd span.uk, .selectedValue span.uk {background: url("./images/uk.png") no-repeat;}
 dd span.Canada, .selectedValue span.Canada {background: url("./images/Canada.png") no-repeat; }
 dd span.Brazil, .selectedValue span.Brazil {background: url("./images/Brazil.png") no-repeat;}
 dd span.Paraguay, .selectedValue span.Paraguay {background: url("./images/Paraguay.png") no-repeat;}
 dd span.Thailand, .selectedValue span.Thailand {background: url("./images/Thailand.png") no-repeat;}
 dd span.China, .selectedValue span.China {background: url("./images/China.png") no-repeat;}
 dd span.Philippines, .selectedValue span.Philippines {background: url("./images/Philippines.png") no-repeat;}
 dd span.Germany, .selectedValue span.Germany {background: url("./images/Germany.png") no-repeat;}
 dd span { margin-top:4px;}

 .center_img { width:100%; height:240px; background-color:#efeeea; margin:0 auto; text-align:center }
 .center_img img { margin:0 auto; text-align:center }

 .visual {width:100%; height:90%; margin:auto; position:relative; z-index:1;  }
 .visual .ptn { width:100%; height:100%; position:absolute; top:47px; left:0; background-image:url(images/img_main.jpg); background-repeat:no-repeat; background-size:auto 100%; background-position:0% 0%; z-index:2;}
 .visual .visual-text-wrap { position:relative; margin:auto; width:100%}
 .visual .visual-text-wrap button { background-color:#f7c000;  color:#fff; border-radius:3px; font-size:18px; font-weight:400; padding:3% 12%; outline:none; cursor:pointer; margin-top:0.3%; border:0; box-shadow:2px 2px 4px rgba(0,0,0,0.3);}
 .visual .visual-text-wrap button:hover { background-color:#f79700; }
 .visual .visual-text-wrap .visual-text {z-index:3; position:absolute; width:100%; margin:0 auto; text-align:center; font-weight:700; color:#fff; line-height:1.5em;}
 .visual .visual-text-wrap .visual-text h1 { margin:100px auto 0; font-size:42px; color:#ffffff; font-weight:400;  text-shadow:0 0 4px rgba(0,0,0,0.9); letter-spacing:-0.03em}
 .visual .visual-text-wrap .visual-text h1 span { display:block; font-size:15px; color:#ffffff; font-weight:400; background-color:#2daac0; padding:5px; }
 .visual .visual-text-wrap .visual-text h2 { max-width:70%; border-radius:3px;  margin:5px auto 0; text-align:center; font-size:14px; color:#ffffff; font-weight:400; background-color: rgba(0,0,0,0.6); padding:4px 0; }
 .visual .visual-text-wrap .visual-text h2 strong { font-size:13px; font-style:italic;}
 .visual .visual-text-wrap .visual-text h3 { margin:15px auto;  text-align:center; font-size:13px; line-height:1.4em; color:#ffe5ca; font-weight:400; padding:8px 20px 5px;  text-shadow:0 0 4px rgba(0,0,0,0.9); letter-spacing:-0.05em}
 .visual .visual-text-wrap .visual-text h3 img { display:block; width:160px; text-align:center;  margin:0 auto 25px; }
 .visual .visual-text-wrap .visual-text .banner_down { }
 .visual .visual-text-wrap .visual-text .banner_down img { width:25px; margin:25% auto 0; text-align:center; }



 /***** partner *****/





 h1 {font-size:36px; color:#1c3866; line-height:1.0em; padding:0; margin:0 auto; font-weight:400; letter-spacing:-0.03em}
 h1 span { letter-spacing:-0.01em}
 h2 {font-size:21px; color:#7f5e25; line-height:24px; padding:20px 0 0 0; margin:0; font-weight:400;}
 h3 {font-size:18px; color:#fff; padding:0; margin:30px auto 15px; text-align:center;}
 h4 {font-size:16px; color:#fff; padding:0; margin:0; font-weight:700;}

 .h1-size {font-size:36px; color:#1c3866; line-height:1.0em; padding:0; margin:0 auto; font-weight:400; letter-spacing:-0.03em}

 .overview, .features, .shop, .support { margin:0 auto; text-align:center; }
 .overview { display:block; width:calc(100% - 38px);  padding:100px 19px 40px}
 .overview h1 { display:block; font-size:36px; color:#000; margin-bottom:40px; }
 .overview h1 span { display:block; font-size:12px; color:#747474; margin-bottom:40px;}
 .overview ul { margin:0 auto; text-align:center;  }
 .overview ul li { display:block; width:80%; margin:20px auto 40px; vertical-align:top }
 .overview ul li p { display:block; font-size:36px; color:#616161; letter-spacing:-0.05em; line-height:1.3em}
 .overview ul li font { display:block; font-size:14px; color:#4c4c4c; letter-spacing:-0.05em; line-height:1.3em }
 .overview ul li span { display:block; width:60%; margin:5px auto 15px; font-size:16px; padding:0 5px; border-radius:20px; letter-spacing:0em; color:#fff; background-color:#f7c000;}
 .overview img { width:50%; margin:0 auto 10px;}
 .overview button { background-color:#4d4d4d;  color:#fff; border-radius:3px; font-size:15px; font-weight:400; padding:3% 15%; outline:none; cursor:pointer; margin-top:0.3%; border:0; box-shadow:2px 2px 4px rgba(0,0,0,0.3);}
 .overview button:hover { background-color:#000; }

 .features2 { width:100%;  display:block; height:auto;  background-size:auto 100%; padding:90px 0 0; background-color:#fafafa; border-top:#e3e3e3 solid 1px; border-bottom:#e3e3e3 solid 1px;  text-align:center;  background:url(../images/img_networks.jpg) no-repeat 0 100%;  background-size:auto 100%;  }
 .features2 h1 { display:block; width:70%; color:#1c3866; font-size:30px; line-height:1.3em; margin-bottom:-55px; font-family:nanumSqure, sans-serif;  letter-spacing:-0.03em; font-weight:400 }
 .features2 h1 span { display:block; font-size:12px; color:#4c4c4c;  margin-top:15px;  font-weight:400; line-height:1.4em}
 .features2 h2 { display:block; width:100%; color:#1c3866; font-size:21px; line-height:1.3em; margin-bottom:0px; font-family:nanumSqure, sans-serif;  letter-spacing:-0.03em; font-weight:400; text-align:center; }
 .features2 ul {  display:block; text-align:left; width:72%; margin:0 auto; padding-top:10px}
 .features2 ul li {  font-size:21px; padding:5px 0   }
 .features2 ul li span { display:inline-block; padding:0 4px; margin:0 10px; text-align:center; border-radius:5px; font-size:16px;  color:#fff; background-color:#e62d2d;  font-weight:400}
 .features2 button { display:block; background-color:#ff8400;  color:#fff; border-radius:2px; font-size:16px; font-weight:400; width:250px; height:40px; padding:0; margin:20px auto 0; outline:none; cursor:pointer; border:0; box-shadow:2px 2px 4px rgba(0,0,0,0.3);}
 .features2 button:hover { background-color:#000; }
 .features2_img { display:none; width:100%;  }
 .features2_img img {width:50%; margin:20px auto 0; }
 .features2_img2 { display:block; width:100%;  }
 .features2_img2 img {width:40%; margin:20px auto 0; }


 .features { display:block; background:url(images/img_why.jpg) no-repeat 50% 50%;  background-size:auto 100%;  background-color:#4d4d4d; width:calc(100% - 38px);  padding:50px 19px 50px}
 .features h1 { display:block; font-size:32px; color:#fff; margin-bottom:40px; }
 .features h1 span { display:block; font-size:12px;  line-height:1.2em; color:#fff; margin:20px 0 40px;}
 .features ul { margin:0 auto; text-align:center; }
 .features ul li { display:block; width:90%; margin:50px auto 0; vertical-align:top; text-align:center }
 .features ul li p { display:block; font-size:24px; color:#fff; font-weight:400;  vertical-align:middle; margin-top:10px; text-shadow:1px 1px 2px rgba(0,0,0,0.6);}
 .features ul li span { display:block; font-size:14px; color:#fbc60e; line-height:1.2em; margin-top:15px;  font-weight:600; }
 .features ul li font {}
 .features ul li img { display:block; width:128px; margin:0 auto; vertical-align:middle; text-align:center }

 .shop { display:block; background:url(images/img_networks.jpg) no-repeat 50% 50%;  background-size:auto 100%; background-color:#fff; width:calc(100% - 38px);  padding:50px 19px 20px}
 .shop h1 { display:block; font-size:36px; color:#000;  }
 .shop h1 span { display:block; font-size:13px; font-weight:400; color:#747474; margin-bottom:35px; letter-spacing:-0.05em}
 .shop img { display:block; width:100%; margin:5px auto 40px; text-align:center }

 .support { display:block; background:url(images/img_about.png) no-repeat 50% 50%;  background-size:auto 100%; background-color:#4d4d4d;width:calc(100% - 38px);  padding:50px 19px 25px}
 .support h1 { display:block; font-size:36px; color:#fff; margin-bottom:30px }
 .support h2 { display:block; font-size:18px; color:#fff; line-height:1.4em; margin-bottom:60px; letter-spacing:-0.05em }
 .support h2 strong { color:#fbc60e;}
 .support .mint_text { font-size:13px; color:#e7e7e7; margin:20px auto; line-height:1.5em;  }
 .support .btn_mint_b {}
 .support .btn_mint_b a { color:#fff; font-size:14px; margin:0 auto; border-radius:3px; padding:8px 20px; text-align:center; background-color:#f7c000 }
 .support .btn_mint_b a:hover { background-color:#f79700; text-decoration:none }
 .support .nation img { width:90%; margin:10px auto 0; text-align:center }

 /***** partner *****/
 .visual_partner {width:100%; height:90%; margin:auto; position:relative; z-index:1;  }
 .visual_partner .ptn { width:100%; height:100%; position:absolute; top:47px; left:0; background-image:url(images/img_partner_m.jpg);  background-repeat:no-repeat; background-size:100% auto; background-position:50% 0%; z-index:2;}
 .visual_partner .visual-text-wrap { position:relative; margin:auto; width:100%}
 .visual_partner .visual-text-wrap button { background-color:#f7c000;  color:#fff; border-radius:3px; font-size:16px; font-weight:600; padding:3% 8%; outline:none; cursor:pointer; margin-top:0.3%; border:0; box-shadow:2px 2px 4px rgba(0,0,0,0.3);}
 .visual_partner .visual-text-wrap button:hover { background-color:#f79700; }
 .visual_partner .visual-text-wrap .visual-text {z-index:3; position:absolute; width:100%; margin:0; text-align:center; font-weight:700; color:#fff; line-height:1.5em;}
 .visual_partner .visual-text-wrap .visual-text h1 { margin:5% 0 0; font-size:25px; color:#ffffff; font-weight:100; line-height:1.1em;  text-shadow:0 0 4px rgba(0,0,0,0.9); letter-spacing:-0.03em;  }
 .visual_partner .visual-text-wrap .visual-text h1 strong { display:block; font-size:34px; margin-bottom:0; line-height:40px; letter-spacing:-0.03em; }
 .visual_partner .visual-text-wrap .visual-text h1 span { display:block; font-size:15px; color:#ffffff; font-weight:400; background-color:#2daac0; padding:5px; }
 .visual_partner .visual-text-wrap .visual-text h2 { max-width:70%;border-radius:3px;   margin:100px auto 0; text-align:center; font-size:16px; color:#ffffff; font-weight:400; background-color: rgba(0,0,0,0.6); padding:4px 0; }
 .visual_partner .visual-text-wrap .visual-text h2 strong { font-size:13px; font-style:italic;}
 .visual_partner .visual-text-wrap .visual-text h3 { margin:5% 20px; text-align:center; font-size:15px; color:#fcff00; line-height:1.3em; font-weight:600; padding:8px 10px 5px;  text-shadow:0 0 4px rgba(0,0,0,0.9); letter-spacing:-0.03em}
 .visual_partner .visual-text-wrap .visual-text h3 img {width:18px; display:inline-block; margin-right:3px }
 .visual_partner .visual-text-wrap .banner_btn {}
 .visual_partner .visual-text-wrap .banner_btn .banner_login { background-color:rgba(37,134,243,0.9) }
 .visual_partner .visual-text-wrap .banner_btn .banner_start { background-color:rgba(1,175,56,0.9) }
 .visual_partner .visual-text-wrap .banner_down { display:block; position:fixed; width:100%; margin:0 auto; bottom:0; color:#fff;  font-size:20px; background-color:rgba(37,134,243,1); border-radius:0; padding:19px 0; right:0  }
 .visual_partner .visual-text-wrap .banner_down a { color:#fff }
 .visual_partner .visual-text-wrap .banner_down img { display:inline-block; width:20px; margin-right:10px; text-align:center; padding:0; vertical-align:middle }
 .visual_partner .visual-text-wrap .ico_os { width:100%; margin:0 auto; text-align:center}
 .visual_partner .visual-text-wrap .ico_os img { width:100px;  margin:0 auto; text-align:center; float: none }
 .visual_partner .visual-text-wrap .visual-text .input_box { width:90%; margin:0 auto 5%; border:#fdc010 solid 4px; border-radius:10px; background-color:#fff; text-align:center; padding:0}
 .visual_partner .visual-text-wrap .visual-text .input_box .app_title { width:90%; margin:15px auto; text-align:center }
 .visual_partner .visual-text-wrap .visual-text .input_box input { width:100%; height:35px; border:#fdc010 solid 3px; background:url(images/bg_text_app.png) no-repeat 50% 50%; background-size:90% auto; background-color:#fff}
 .visual_partner .visual-text-wrap .visual-text .store_btn { margin:5% 0 1%}
 .visual_partner .visual-text-wrap .visual-text .store_btn img { display:inline-block; width:40%; height:auto; margin-right:10px}


 .overview_partner { display:block; width:calc(100% - 38px);  padding:100px 19px 0px}
 .overview_partner h1 { display:block; font-size:28px; color:#000; width:calc(100% - 30px); margin-bottom:40px; font-weight:600;  line-height:1.2em }
 .overview_partner h1 img { display:block; width:200px; margin-top:30px }
 .overview_partner h1 span { display:block; font-size:14px; color:#4c4c4c;  margin-top:10px;  font-weight:400; line-height:1.2em}
 .overview_partner ul { margin:0 auto; text-align:center;  }
 .overview_partner ul li { display:block; width:80%; margin:20px auto 40px; vertical-align:top }
 .overview_partner ul li p { display:block; font-size:36px; color:#616161; letter-spacing:-0.05em; line-height:1.3em}
 .overview_partner ul li font { display:block; font-size:14px; color:#4c4c4c; letter-spacing:-0.05em; line-height:1.3em }
 .overview_partner ul li span { display:block; width:60%; margin:5px auto 15px; font-size:16px; padding:0 5px; border-radius:20px; letter-spacing:0em; color:#fff; background-color:#f7c000;}
 .overview_partner img { width:50%; margin:0 auto 0;}
 .overview_partner button { background-color:#2586f3;  color:#fff;  border-radius:3px; font-size:15px; font-weight:400; padding:3% 15%; outline:none; cursor:pointer; margin-top:50px; border:0; box-shadow:2px 2px 4px rgba(0,0,0,0.3);}
 .overview_partner button:hover { background-color:#ff4200; }

 .shop_partner { width:100%;  display:block; height:auto; background:url(images/img_networks.jpg) no-repeat 100% 50%;  background-size:auto 100%; padding:0; background-color:#fafafa; border-top:#e3e3e3 solid 1px; border-bottom:#e3e3e3 solid 1px; }
 .shop_partner h2 { display:block; margin:0 auto 0; text-align:left; width:100%;   }
 .shop_partner h2 span {  display:block; font-size:16px; line-height:2.0em; color:#4c4c4c; margin:20px auto 0; text-align:center; font-weight:600;  text-shadow:2px 2px 4px rgba(255,255,255,0.5); }
 .shop_partner img { display:block; width:100%; margin:30px auto 0; text-align:center; padding-right:0; }

 .campaign { display:block; padding:50px 0 30px; height:auto;  background-color:#fff;}
 .campaign h1 { display:block; font-size:24px; color:#000; margin-bottom:30px; font-weight:600;  line-height:1.2em }
 .campaign h1 span { display:block; font-size:12px; color:#4c4c4c;  margin-top:15px;  font-weight:400; line-height:1.2em}
 .campaign ul { margin:0 auto; text-align:center; width:100%;  }
 .campaign ul li { display:block; width:40%; margin:20px auto 40px; vertical-align:top }
 .campaign ul li p { display:block; font-size:16px; color:#4c4c4c; letter-spacing:-0.05em; line-height:1.2em;  margin-bottom:10px; font-weight:600}
 .campaign ul li font { display:block; font-size:18px; color:#4c4c4c; letter-spacing:-0.05em;   }
 .campaign ul li font strong { color:#e80000; font-size:24px; }
 .campaign ul li span { display:block; width:50%; margin:10px auto; font-size:21px; padding:0 10px; border-radius:20px; letter-spacing:-0.05em; color:#fff; background-color:#f7c000;}
 .campaign ul img.prev { display:none; position:absolute; width:33px; float:left; margin-top:-240px;}
 .campaign ul img.next { display:none; position:absolute; width:33px; float:left; margin-top:-240px; margin-left:1160px}
 .campaign img { width:100%; margin:0 auto 20px;}
 .campaign button { background-color:#2586f3;  color:#fff; border-radius:5px; font-size:24px; font-weight:400; padding:1% 3%; outline:none; cursor:pointer; margin-top:60px; border:0; box-shadow:2px 2px 4px rgba(0,0,0,0.3);}
 .campaign button:hover { background-color:#ff4200; }

 .campaign2 { display:block; padding:50px 0 0;  background-color:#fff; }
 .campaign2 h1 { display:block; font-size:30px; color:#000; margin:0 20px 30px; font-weight:500;  line-height:1.2em }
 .campaign2 h1 span { display:block; font-size:12px; color:#4c4c4c;  margin-top:15px;  font-weight:400; line-height:1.2em}
 .campaign2 .title { margin-bottom:20px }
 .campaign2 ul { margin:0 auto; text-align:center; width:100%;  }
 .campaign2 ul li { display:inline-block; width:42%; margin:0 2% 0; vertical-align:top }
 .campaign2 ul li:first-child {margin:0 3% 0;}
 .campaign2 ul li p { display:block; font-size:13px; color:#4c4c4c; letter-spacing:-0.05em; line-height:1.2em;  margin-bottom:20px; font-weight:600}
 .campaign2  .title p span {font-size:16px;letter-spacing:-0.05em; }
 .campaign2 ul li font { display:block; font-size:18px; color:#4c4c4c; letter-spacing:-0.05em;   }
 .campaign2 ul li font strong { color:#e80000; font-size:30px; }
 .campaign2 ul li span { display:block; width:50%; margin:10px auto; font-size:21px; padding:0 10px; border-radius:20px; letter-spacing:-0.05em; color:#fff; background-color:#f7c000;}
 .campaign2 img { width:100%; margin:0 auto 10px; border:#e3e3e3 solid 1px;}





 /***** partner *****/

 /***** Guide *****/
 .nav-wrap .nav .banner_btn { width:140px; float:right; margin-top:3px; text-align:right}
 .nav-wrap .nav .banner_btn button{  float:left; display:inline-block; background-color:#2586f3;  color:#fff; border-radius:2px; font-size:11px; font-weight:400; width:auto; height:auto;  padding:5% 3%; outline:none; cursor:pointer; margin:0 3px; border:0;}
 .nav-wrap .nav .banner_btn button:hover { background-color:#333; }
 .nav-wrap .nav .banner_btn .banner_orange { background-color:#2586f3 }
 .nav-wrap .nav .banner_btn .banner_blue { background-color:#425787 }

 .overview_guide { display:block; width:calc(100% - 38px);  padding:60px 19px 10px;   background-color:#fff;}
 .overview_guide h1 { display:block; font-size:30px; color:#000; width:260px; margin-bottom:40px; font-weight:500;  line-height:1.2em; letter-spacing:-0.05em; }
 .overview_guide h1 span { display:block; font-size:12px; color:#4c4c4c;  margin-top:15px;  font-weight:400; line-height:1.4em}
 .overview_guide ul { margin:0 auto; text-align:center;  }
 .overview_guide ul li { display:block; width:80%; margin:20px auto 40px; vertical-align:top }
 .overview_guide ul li p { display:block; font-size:30px; color:#616161; letter-spacing:-0.05em; line-height:1.5em}
 .overview_guide ul li font { display:block; font-size:16px; color:#4c4c4c; letter-spacing:-0.05em; line-height:1.3em }
 .overview_guide ul li span { display:block; width:60%; margin:5px auto 15px; font-size:16px; padding:0 5px; border-radius:20px; letter-spacing:0em; color:#fff; background-color:#f7c000;}
 .overview_guide img { width:50%; margin:0 auto 0;}
 .overview_guide button { background-color:#2586f3;  color:#fff;  border-radius:3px; font-size:15px; font-weight:400; padding:3% 15%; outline:none; cursor:pointer; margin-top:0.3%; border:0; box-shadow:2px 2px 4px rgba(0,0,0,0.3);}
 .overview_guide button:hover { background-color:#ff4200; }

 .shop_guide  { display:block; width:calc(100% - 38px);  padding:60px 19px 40px; border-bottom:#e3e3e3 solid 1px;  background-color:#fff;}
 .shop_guide h1 { display:block; font-size:24px; color:#000;  margin-bottom:40px; font-weight:500;  line-height:1.2em }
 .shop_guide h1 span  { display:block; font-size:13px; color:#4c4c4c;  margin-top:30px;  font-weight:400; line-height:1.2em; letter-spacing:-0.03em}
 .shop_guide ul { width:100%; margin:30px auto 0; text-align:left;  }
 .shop_guide ul li { display:block; font-size:14px; color:#333;  font-weight:400; letter-spacing:-0.07em}
 .shop_guide ul li span { display:inline-block; width:24px; padding:1px 0; margin:10px; text-align:center; border-radius:2px; font-size:14px;  color:#fff; background-color:#e62d2d;  font-weight:400}
 .shop_guide button { background-color:#425787;   color:#fff;  border-radius:3px; font-size:15px; font-weight:400; padding:3% 15%; outline:none; cursor:pointer; margin-top:0.3%; border:0; box-shadow:2px 2px 4px rgba(0,0,0,0.3);}
 .shop_guide button:hover { background-color:#000; }

 .campaign3 { display:block; width:calc(100% - 38px);  padding:60px 19px 10px; border-bottom:#e3e3e3 solid 1px;}
 .campaign3 h1 { display:block; width:300px; font-size:28px; color:#000; margin-bottom:50px; font-weight:500;  line-height:1.2em;   }
 .campaign3 h1 span { display:block; font-size:13px; color:#4c4c4c;  margin-top:30px;  font-weight:400; line-height:1.2em; letter-spacing:-0.03em}
 .campaign3 ul { margin:0 auto; text-align:center; width:100%;  }
 .campaign3 ul h3 { display:block; width:calc(100% - 60px);  height:30px; line-height:30px; font-size:16px; border-radius:20px; color:#fff }
 .campaign3 ul li { display:block; width:calc(100% - 60px);  margin:0 auto 15px; vertical-align:top }
 .campaign3 ul li p { display:block; font-size:18px; color:#000; letter-spacing:-0.05em; margin-bottom:10px; font-weight:500; text-align:center}
 .campaign3 ul li span { display:block; width:100%; margin:10px auto; font-size:14px; letter-spacing:0; color:#333;  line-height:1.4em; }
 .campaign3 ul li font { display:inline-block; font-size:14px; color:#fff; letter-spacing:-0.05em; font-weight:800; text-align:center; line-height:1.1em; border-radius:20px; padding:3px; margin-right:5px }
 .campaign3 ul img.next {}
 .campaign3 img { width:100%; margin:0 auto 15px;}
 .campaign3 button { background-color:#2586f3;  color:#fff; border-radius:5px; font-size:24px; font-weight:400; padding:1% 3%; outline:none; cursor:pointer; margin-top:60px; border:0; box-shadow:2px 2px 4px rgba(0,0,0,0.3);}
 .campaign3 button:hover { background-color:#ff4200; }


 /*
 .campaign3 { display:block; padding:100px 0 50px; }
 .campaign3 h1 { display:block; font-size:60px; color:#000; margin-bottom:80px; font-weight:500;   }
 .campaign3 h1 span { display:block; font-size:21px; color:#4c4c4c;  margin-top:30px;  font-weight:400; line-height:1.2em}
 .campaign3 ul { margin:0 auto 50px; text-align:center; width:1200px;  background-color:#fff; border:#e3e3e3 solid 1px; padding-bottom:30px;}
 .campaign3 ul h3 { display:block; width:360px; height:40px; line-height:40px; font-size:24px; border-radius:20px; color:#fff }
 .campaign3 ul li { display:inline-block; width:30%; margin:0 18px; vertical-align:top; line-height:1.4em; text-align:left;  }
 .campaign3 ul li p { display:block; font-size:18px; color:#000; letter-spacing:-0.05em; margin-bottom:30px; font-weight:500; text-align:center}
 .campaign3 ul li span { display:block; width:290px; margin:20px auto; font-size:16px; letter-spacing:-0.05em; color:#333; }
 .campaign3 ul li font { display:inline-block; font-size:14px; color:#fff; letter-spacing:-0.05em; font-weight:800; text-align:center; line-height:1.1em; border-radius:20px; padding:3px; margin-right:5px }
 .campaign3 ul img.next {}
 .campaign3 img { width:360px; margin:0 auto 30px;}
 .campaign3 button { background-color:#2586f3;  color:#fff; border-radius:5px; font-size:24px; font-weight:400; padding:1% 3%; outline:none; cursor:pointer; margin-top:60px; border:0; box-shadow:2px 2px 4px rgba(0,0,0,0.3);}
 .campaign3 button:hover { background-color:#ff4200; }

 */





 .news { display:block; padding:40px 0 20px; border-bottom:#e3e3e3 solid 1px;}
 .news h1 { color:#000; font-size:28px; line-height:1.3em; margin-bottom:30px; font-family:nanumSqure, sans-serif;  letter-spacing:-0.03em; font-weight:400 }
 .news h1 span { display:block; font-size:12px; color:#4c4c4c;  margin-top:15px;  font-weight:400; line-height:1.2em}
 .news ul { margin:0 auto; text-align:center; width:100%;  }
 .news ul li { display:block; width:90%; margin:0 auto; vertical-align:top }
 .news ul li p { display:block; font-size:24px; color:#000; letter-spacing:-0.05em; margin-bottom:20px; font-weight:500; text-align:center}
 .news ul li span { display:block; width:100%; margin:10px auto; font-size:13px; letter-spacing:0; color:#333;  line-height:1.4em; }
 .news ul li font { display:block; font-size:13px; color:#808080; letter-spacing:-0.03em; text-align:left; line-height:1.4em; padding-top:20px }
 .news ul li font strong { color:#e80000;  }
 .news ul img.prev { position:absolute; width:33px; float:left; margin-top:-240px;}
 .news ul img.next { position:absolute; width:33px; float:left; margin-top:-240px; margin-left:1160px}
 .news img { width:100%; margin:0 auto 25px;}
 .news a {display:block; width:100%; height:50px; line-height:50px; text-align:center; background:url(../images/ico_kakao_login.png) no-repeat 20px center #ffde00; margin-top:20px; color:#3c1e1e; background-size:auto 50%; text-indent:15px; border-radius:3px; font-size:16px; font-weight:600 }





 /***** Guide *****/

 /*****  Advertiser *****/

 .visual_advertiser {width:100%; height:90%; margin:auto; position:relative; z-index:1;  }
 .visual_advertiser .ptn { width:100%; height:100%; position:absolute; top:47px; left:0; background-image:url(images/img_advertiser.jpg);  background-repeat:no-repeat; background-size:auto 100%; background-position:50% 0%; z-index:2;}
 .visual_advertiser .visual-text-wrap { position:relative; margin:auto; width:100%}
 .visual_advertiser .visual-text-wrap button { background-color:#f7c000;  color:#fff; border-radius:3px; font-size:15px; font-weight:600; width:auto; height:auto; padding:3% 8%; outline:none; cursor:pointer; margin-top:0.3%; border:0; box-shadow:2px 2px 4px rgba(0,0,0,0.3);}
 .visual_advertiser .visual-text-wrap button:hover { background-color:#f79700; }
 .visual_advertiser .visual-text-wrap .visual-text {z-index:3; position:absolute; width:100%; margin:0 auto; text-align:center; font-weight:700; color:#fff; line-height:1.5em;}
 .visual_advertiser .visual-text-wrap .visual-text h1 { margin:110px 30px 0; font-size:1.8em; color:#ffffff; ; font-weight:400; line-height:1.2em; text-shadow:0 0 2px rgba(0,0,0,0.9); letter-spacing:-0.05em;/* font-style: italic;*/ }
 .visual_advertiser .visual-text-wrap .visual-text h1 span { display:block; font-size:15px; color:#ffffff; font-weight:400; background-color:#2daac0; padding:5px; }
 .visual_advertiser .visual-text-wrap .visual-text h2 { max-width:90%;  margin:90px 5% 0; text-align:center; font-size:13px; color:#ffffff; font-weight:400;  background-color: rgba(0,0,0,0.6); padding:4px 0; }
 .visual_advertiser .visual-text-wrap .visual-text h2 strong { font-size:13px; font-style:italic;}
 .visual_advertiser .visual-text-wrap .visual-text h3 { max-width:90%;  border-radius:3px; margin:45px auto 0; text-align:center; font-size:13px; color:fff; line-height:1.3em; font-weight:400; padding:8px 10px;  text-shadow:0 0 4px rgba(0,0,0,0.9); letter-spacing:-0.05em; background-color:rgba(0,0,0,0.6)}
 .visual_advertiser .visual-text-wrap .visual-text img { display:block; width:150px; text-align:center;  margin:25px auto 25px; }
 .visual_advertiser .visual-text-wrap .banner_btn {  }
 .visual_advertiser .visual-text-wrap .banner_btn .banner_login { background-color:#527de0 }
 .visual_advertiser .visual-text-wrap .banner_btn .banner_start { background-color:#01af38 }


 .shop_advertiser { width:100%;  display:block; height:auto; background:url(images/img_networks.jpg) no-repeat 100% 50%;  background-size:auto 100%; padding:0; background-color:#fafafa; border-top:#e3e3e3 solid 1px; border-bottom:#e3e3e3 solid 1px; }
 .shop_advertiser h2 { position:relative; z-index:1; display:block; width:100%; font-size:22px;  margin:80px auto 30px; padding-left:0; text-align:center; color:#000; letter-spacing:-0.03em; font-weight:600; text-shadow:2px 2px 4px rgba(255,255,255,1);  }
 .shop_advertiser h2 span { font-size:14px; line-height:1.6em; color:#333; font-weight:400  }
 .shop_advertiser img { position:relative; z-index:0; display:block;  width:100%; margin:0 auto 0;  text-align:center; padding-right:0;  }
 .shop_advertiser ul li span { display:inline-block; width:43px; padding:10px 0; margin:10px; text-align:center; border-radius:5px; font-size:24px;  color:#fff; background-color:#e62d2d;  font-weight:400}
 .shop_advertiser button { display:block; background-color:#2586f3;  color:#fff; border-radius:2px; font-size:16px; font-weight:400; width:250px; height:40px; padding:0; margin:20px auto 0; outline:none; cursor:pointer; border:0; box-shadow:2px 2px 4px rgba(0,0,0,0.3);}
 .shop_advertiser button:hover { background-color:#000; }

 .shop_advertiser2  {display:block; width:calc(100% - 38px);  padding:30px 0 20px; margin:0 auto;   border-bottom:#e3e3e3 solid 1px;}
 .shop_advertiser2 h1 { display:block; font-size:36px; color:#000; margin-bottom:20px; font-weight:500 }
 .shop_advertiser2 h1 span { display:block; font-size:21px; color:#4c4c4c;  margin-top:30px;  font-weight:400; line-height:1.2em}
 .shop_advertiser2 ul {  width:100%; margin:30px auto 0; text-align:left;  }
 .shop_advertiser2 ul li { display:block; font-size:18px; color:#000;  font-weight:500; margin-bottom:20px;  letter-spacing:-0.05em;}
 .shop_advertiser2 ul li span { display:inline-block; width:21px; padding:0; margin:0 10px 0 0; text-align:center; border-radius:2px; font-size:14px;  color:#fff; background-color:#e62d2d;  font-weight:400}
 .shop_advertiser2 ul li p { display:block; padding:5px 0; margin:0; text-align:left; font-size:14px;  color:#666666; font-weight:400}

 .contact_advertiser .campaign4  { display:block; width:calc(100% - 38px);  padding:0; margin:0 auto; background:none}
 .contact_advertiser .campaign4 h1 { display:block; width:80%; font-size:24px; color:#000; margin-bottom:40px; font-weight:500;   }
 .contact_advertiser .campaign4 h1 span { display:block; font-size:13px; color:#4c4c4c;  margin-top:30px;  font-weight:400; line-height:1.2em; letter-spacing:-0.03em}
 .contact_advertiser .campaign4 ul { margin:0 auto; text-align:center; width:100%; }
 .contact_advertiser .campaign4 ul li { display:inline-block; width:32%;  margin:0 auto 0; vertical-align:top; line-height:1.4em; text-align:left;  }
 .contact_advertiser .campaign4 ul li p { display:block; font-size:11px; color:#333; letter-spacing:-0.05em; margin-bottom:30px; font-weight:600;  line-height:1.4em; text-align:center; text-shadow:2px 2px 4px rgba(255,255,255,1);}
 .contact_advertiser .campaign4 img {  width:100%;  margin:0 auto 15px; border:#e3e3e3 solid 1px; border-radius:10px; }

 .contact_advertiser  {display:block; height:auto; padding:60px 0 0; background:url(images/img_advertiser_contact_m.jpg) no-repeat 50% 0%;  background-size:auto 100%;   border-bottom:#e3e3e3 solid 1px;}
 .contact_advertiser .contact { width:calc(100% - 38px);  margin:0 auto;  padding:0 0 10px 0; background-color:#fff; box-shadow:2px 2px 4px rgba(0,0,0,0.3); }
 .contact_advertiser h1 { display:block; font-size:24px; color:#000; margin-bottom:20px; padding-top:30px; font-weight:500 }
 .contact_advertiser h1 img { display:block; width:150px;  border-radius:10px; margin:40px auto 30px; border:0  }
 .contact_advertiser h1 span { display:block; font-size:18px; color:#666;  margin-top:0;  font-weight:400; line-height:1.2em;  font-weight:500}
 .contact_advertiser input {width:calc(100% - 38px); height:36px; border:1px #d0d0d0 solid; background-color:#fff; line-height:36px; font-size:14px; padding:0 5px; font-family: 'Roboto', helvetica, sans-serif; margin-bottom:5px; outline:none;}
 .contact_advertiser button { display:block; margin:15px auto 0; width:calc(100% - 25px); height:60px; background-color:#674c1c; font-size:21px; font-weight:400; color:#fff; border-radius:6px; border:none; outline:none; cursor:pointer; border:0; box-shadow:2px 2px 4px rgba(0,0,0,0.3);}
 .contact_advertiser button:hover {opacity:0.9;}
 .contact_advertiser .tit_box { width:calc(100% - 38px); }
 .contact_advertiser textarea {  display:block; width:calc(100% - 38px); text-align:left; margin:0 auto; border:1px #d0d0d0 solid; font-size:14px; color:#000000; height:100px; padding:5px;}
 .contact_advertiser p { margin:15px auto 5px; text-align:center; color:#4c4c4c ; font-size:14px; font-weight:500; }
 .contact_advertiser p img { display:inline-block; vertical-align:middle; margin:4px 4px; width:16px;}
 .contact_advertiser p span { display:block; max-width:350px; margin:20px auto 0; padding:5px 0; background-color:#666; color:#fff; font-size:14px; font-weight:400}
 .contact_advertiser a { color:#4c4c4c }



 /*****  Advertiser *****/

 /*****  member *****/
 .contact_join  { display:block; height:auto; padding:70px 0 0 0; background:url(images/img_advertiser_contact_m.jpg) repeat 50% 50%;  background-size:250% auto;   border-bottom:#e3e3e3 solid 1px;}
 .contact_join .contact {  width:calc(100% - 40px);  margin:0 auto 20px; padding-bottom:20px; text-align:center;  letter-spacing:-0.03em; background-color:#fff; border:#999 solid 1px; border-radius:5px; }
 .contact_join h1 { display:block; font-size:21px; color:#4c4c4c; margin-bottom:20px; padding-top:25px; font-weight:500 }
 .contact_join h1 strong { color:#ff9c00; font-weight:400;}
 .contact_join h1 span { display:inline-block; background-color:#4d4d4d; font-size:14px; color:#fff; font-weight:400; line-height:1.4em; margin-left:10px; padding:2px 8px;  border-radius:3px; vertical-align:middle  }
 .contact_join .join_tab { display:block; border-top:#d9d9d9 solid 1px; border-bottom:#d9d9d9 solid 1px; margin:0 auto; padding:12px 0}
 .contact_join .join_tab span { display:inline-block; font-size:12px; margin:0 auto; padding:0; font-weight:600;  letter-spacing:-0.05em; }
 .contact_join .join_tab span a {display:inline-block; color:#333333; border:#CCC solid 1px; border-radius:3px; width:auto; line-height:16px; height:auto; margin:0 1px; padding:8px 8px  }
 .contact_join .join_tab span a:hover { background-color:#4d4d4d; border:#4d4d4d solid 1px; color:#fff}
 .contact_join .join_tab span a.checked { background-color:#4d4d4d; border:#4d4d4d solid 1px; color:#fff}
 .contact_join .contact table { width:calc(100% - 40px); margin:10px auto 0; text-align:center }
 .contact_join .contact table th { width:110px;  font-size:11px; color:#4f4f4f; text-align:left; letter-spacing:-0.03em}
 .contact_join .contact table td { padding:3px 0;  text-align:left; }
 .contact_join .contact table td font { display:inline-block; width:16px; text-align:center; font-size:12px; color:#999 }
 .contact_join .contact table input { display:inline-block; width:calc(100% - 2px); height:24px; border:1px #bcbcbc solid; background-color:#fff; line-height:24px; font-size:16px; padding:0; margin:0; outline:none; color:#000}
 .contact_join button { display:inline-block; padding:0; width:calc(50% - 30px); margin:10px 5px 0;  height:40px; background-color:#ff9c00; font-size:15px; font-weight:400; color:#fff; border-radius:3px; border:none; outline:none; cursor:pointer; border:0; box-shadow:0; vertical-align:middle}
 .contact_join button:hover {opacity:0.9;}
 .contact_join button.duplCheck { width:74px; height:26px; background-color:#ff9c00;  margin:0;  border-radius:0; margin-left:4px; font-size:13px; vertical-align:middle  }
 .contact_join button:hover.duplCheck { background-color:#333 }
 .contact_join .agreebox { display:block; width:calc(100% - 30px); border-top:#d9d9d9 solid 1px; border-bottom:#d9d9d9 solid 1px; margin:10px auto; padding:10px 0; text-align:left}
 .contact_join .agreebox span { display:block; margin:0 10px; }
 .contact_join .agreebox input { vertical-align:middle}
 .contact_join .agreebox label { color:#4d4d4d; font-size:12px; margin-right:5px; }
 .contact_join .agreebox a { color:#99681a; font-size:11px; text-decoration:underline }

 .contact_login  { display:block; height:auto; padding:70px 0 0 0; background:url(images/img_advertiser_contact_m.jpg) repeat 50% 50%;  background-size:250% auto;   border-bottom:#e3e3e3 solid 1px;}
 .contact_login .contact {  width:calc(100% - 40px);  margin:0 auto 20px; padding-bottom:20px; text-align:center;  letter-spacing:-0.03em; background-color:#fff; border:#999 solid 1px; border-radius:5px; }
 .contact_login h1 { display:block; font-size:21px; color:#4c4c4c; margin-bottom:30px; padding-top:35px; font-weight:500 }
 .contact_login h1 strong { color:#ff9c00; font-weight:400;}
 .contact_login h1 span { display:inline-block; background-color:#4d4d4d; font-size:14px; color:#fff; font-weight:400; line-height:1.4em; margin-left:10px; padding:2px 8px;  border-radius:3px; vertical-align:middle  }
 .contact_login .contact table { width:calc(100% - 60px); margin:15px auto 0; text-align:center;  border-top:#d9d9d9 solid 1px; padding-top:30px;  }
 .contact_login .contact table th { width:60px;  font-size:14px; color:#333; font-weight:400; text-align:left; letter-spacing:-0.03em}
 .contact_login .contact table td { padding:5px 0;  text-align:left; }
 .contact_login .contact table input { display:inline-block;width:100%; height:30px; border:1px #bcbcbc solid; background-color:#fff; line-height:30px; font-size:16px; padding:0; margin:0; outline:none; color:#000}
 .contact_login button { display:block; margin:4px auto; padding:0; width:calc(100% - 40px); height:40px; background-color:#ff9c00; font-size:16px; font-weight:600; color:#fff; border-radius:3px; border:none; outline:none; cursor:pointer; border:0; box-shadow:0; vertical-align:middle}
 .contact_login button:hover {opacity:0.9;}
 .contact_login .contact .agreebox { display:block; border-bottom:#d9d9d9 solid 1px; margin:0 auto 25px; padding:10px 0; }
 .contact_login .contact .agreebox input { display:inline-block; width:16px; height:16px; border:1px #bcbcbc solid; background-color:#fff; line-height:30px; font-size:14px; padding:0; margin:0; outline:none; color:#000; vertical-align:middle}
 .contact_login .agreebox label { color:#4d4d4d; font-size:14px; margin-left:4px; }
 .contact_login .contact_login_bottom { display:block; width:calc(100% - 40px); margin:0 auto; height:40px; }
 .contact_login .contact_login_bottom a { color:#99681a; font-size:14px; text-decoration:underline; margin-top:15px; }
 .partner_bg { background:url(images/img_partner_login_m.jpg) repeat 50% 50%;  background-size:auto 100%; }
 /*****  member *****/

 .footer { display:block; width:100%; margin:0 auto 0; clear:both; padding:0 0 60px 0; background-color:#fff }
 .footer .sns { float:right; margin-top:37px}
 .footer .sns img { display:inline-block; width:32px; padding:0; margin:0 4px; vertical-align:middle}
 .footer .box { display:block; max-width:90%; margin:0 auto;  text-align:left; padding:0; font-size:9px; line-height:1.8em; color:#808080;  }
 .footer .box a:link,
 .footer .box a:active,
 .footer .box a:visited {color:#4b8dff; text-decoration:underline; }
 .footer .box a:hover {color:#4b8dff; text-decoration:underline;}
 .footer .box .footer_logo { display:none; width:150px; margin-top:40px; vertical-align:top }
 .footer .box .footer_logo img {}
 .footer .box .footer_info { display:inline-block; width:95%; text-align:left; margin:10px 0; padding:0;  vertical-align:top; letter-spacing:-0.03em }
 .footer .box .privacy_box { float:none; margin-top:10px; }
 .footer .box .privacy_box a { color:#919090; font-size:9px; text-decoration:none    }
 .footer .box .privacy_box .line { font-weight:100; color:#bdbdbd; padding:0 5px; font-family:돋움 }
 .footer .copy { width:100%;  border-top:#e3e3e3 solid 1px; background-color:#FFF; color:#808080; line-height:4em; font-size:8px;  }


 .email_box { position:fixed; bottom:20px; right:15px;  float:right; width:48px;  z-index:100 }
 .email_box img {  width:48px; }

 .add_box { display:block;width:calc(100% - 60px);   background-color:#fff; border-radius:10px; margin:0 auto 20px; padding:10px 10px; font-size:13px; line-height:1.3em;  }
 .add_box strong { }

 .copy-wrap { width:calc(100% - 40px);   background-color:#282a2b;}
 .copy-wrap .copy {max-width:auto; margin:auto; line-height:40px; color:#888; font-size:9px;}


 .popup_tel { position:fixed; top:60px; width:100%;  text-align:center; margin:0 auto;  z-index:1000; display:none; }
 .popup_tel_box { width:300px; text-align:center; margin:0 auto;  background-color:#fff; box-shadow:2px 2px 1px rgba(68,68,68,0.6);  }
 .popup_tel_box h3 { font-size:30px; color:#000000; font-weight:400; padding:0; margin:0 auto }
 .popup_tel_box h3 span { display:block; font-size:11px; color:#666; line-height:18px;  font-weight:400 ; margin:10px auto 10px;}
 .popup_tel_box input {  display:block;  text-align:left; margin:4px; margin-left:30px; border:#674c1c solid 1px; font-size:16px; color:#000000; width:calc(100% - 80px);  height:30px; padding-left:10px;}
 .popup_tel_box .tit_box {  display:block;  width:calc(100% - 80px);  }
 .popup_tel_box textarea {  display:block; text-align:left; margin:4px;  margin-left:30px; border:#674c1c solid 1px; font-size:16px; color:#000000; width:calc(100% - 82px);  height:90px;  padding:10px;}
 .popup_tel_box .btn_tel  {  display:block;  text-align:center; margin:10px auto; }
 .popup_tel_box .btn_tel a {  display:block; text-align:center; margin:0 auto; font-size:18px; color:#fff; width:calc(100% - 60px); line-height:40px; height:40px; background-color:#674c1c }
 .popup_tel_box .btn_close { display:block;  width:100%;  text-align:right;  height:44px; }
 .popup_tel_box .btn_close img { width:32px;}
 .popup_tel_box .btn_close a { float:right; text-align:right; margin:5px 5px 0 0}
 .popup_tel_box p { font-size:18px; color:#4d4d4d; line-height:120px; }
 .popup_tel_box p strong { color:#2daac0; }
 .popup_tel_box font { display:block;  font-size:10px; color:#999999; line-height:30px;height:30px; background-color:#f5f5f5}


 .popup_page { position:fixed; top:60px; width:100%;  text-align:center; margin:0 auto;  z-index:1000; display:none; }
 .popup_page_box { width:300px; text-align:center; margin:0 auto; padding-bottom:10px;  background-color:#fff; box-shadow:2px 2px 1px rgba(68,68,68,0.6); border:#c3b295 solid 1px;  }
 .popup_page_box h3 { font-size:24px; color:#674c1c; font-weight:400; padding:0; margin:5px auto 40px }
 .popup_page_box h3 span { display:block; font-size:13px; color:#666; line-height:18px;  font-weight:400 ; margin:5px auto 20px;}
 .popup_page_box .tit_box {  display:block;  width:calc(100% - 80px);  }
 .popup_page_box .page4  {  display:block;  text-align:center; margin:10px auto; }
 .popup_page_box .page4 a {  display:inline-block; text-align:center; margin:0 auto 5px; padding-bottom:5px; font-size:13px; font-weight:400; color:#4d4d4d; width:calc(50% - 20px); background-color:#fff; border:#eeeeee solid 1px; }
 .popup_page_box .page4 a img { width:42px; display:block; text-align:center; margin:35px auto 20px;}
 .popup_page_box .btn_close { display:block;  width:100%;  text-align:right;  height:44px; }
 .popup_page_box .btn_close { display:block;  width:100%;  text-align:right;  height:44px; }
 .popup_page_box .btn_close a img { width:32px;}
 .popup_page_box p { font-size:18px; color:#4d4d4d; line-height:120px; }
 .popup_page_box p strong { color:#2daac0; }
 .popup_page_box font { display:block;  font-size:12px; color:#999999; line-height:30px;height:30px; background-color:#f5f5f5}

 .privacy .title{position:relative;padding:0 0 15px;border-bottom:1px solid #e5e5e5}
 .privacy .title h2{ margin:0 auto; text-align:center;  font:bold 20px '나눔고딕',NanumGothic;color:#000;letter-spacing:-0.05em}
 .privacy .section h3{ margin:15px auto; font-size:18px;}
 .privacy .section h4{ margin-bottom:15px; font-size:16px;}

 body { -webkit-text-adjust:none; line-height:1.3em;}
 .privacy{ font-size:11px; line-height:1.3em}
 .privacy .section .bu{margin:3px 0 0;line-height:1.3}

 #footer_privacy{clear:both; width:100%; margin:0 auto 0; padding:12px 0 15px 0; border-top:1px solid #dedede; text-align:center}
 /* Content */
 .privacy{clear:both;position:relative; width:100%; margin:15px auto;z-index:1}



 .privacy .section .shortcut{overflow:hidden;margin:10px 0 7px;padding:15px;border:2px solid #e5e5e5}

 .privacy .section{padding:20px;border-top:1px solid #e5e5e5}
 .privacy .section .shortcut ol.sc1{width:100%}
 .privacy .section .shortcut ol.sc2{width:100%}
 .privacy .section .shortcut ol li{margin-top:3px;font-size:11px}
 .privacy .section .shortcut ol li:first-child{margin-top:0;}
 .privacy .section .shortcut ol li i{display:inline-block;width:13px;margin-right:7px;text-align:right}
 .privacy .section .shortcut ol.sc1 li i{width:10px}
 .privacy .section .shortcut ol.sc2 li i{width:10px}

 .privacy .section .sec > li > p:first-child > strong,
 .privacy .section .b{display:inline-block;margin-bottom:10px;font-weight:bold;font-size:13px;line-height:1.5;letter-spacing:-0.01em}

 .privacy .section .sec > li{overflow:hidden;padding:10px 0;font-size:13px;border-top:1px solid #f0f0f0}


 .privacy .section .contact{overflow:hidden;margin:17px 0 20px;padding:19px 0;border:1px solid #e1e1e1;}
 .privacy .section .contact dl{position:relative;float:left;width:100%;margin-left:-1px;border-left:1px solid #e1e1e1; padding-top:20px;}
 .privacy .section .contact dt,
 .privacy .section .contact dd{display:block;padding-left:22px; line-height:15px;}
 .privacy .section .contact dt{margin-bottom:13px;font-weight: bold;}
 .privacy .section .contact dd.tel{position:relative;top:0;left:0;}
 .privacy .section .contact dd.em{position:relative;top:0;left:0; }
 .privacy .section .contact dl:first-child{padding-top:0;}


 .privacy .title h2{margin-bottom:9px;font:bold 16px '나눔고딕',NanumGothic;color:#000;letter-spacing:-1px}
 .privacy .title h2 .ver{font:bold 11px '돋움',dotum;color:#333;letter-spacing:0}
 .privacy .title p{font:normal 11px '나눔고딕',NanumGothic;color:#808080;letter-spacing:-1px; margin:0 20px 20px 20px;}
 .privacy .title .link{position:relative; float:right;right:10px;bottom:0px; margin-top:-10px;font:normal 12px '나눔고딕',NanumGothic}


 /*센터 팝업*/
 .popup_layer { width:100%; height:100%; display:none; position:fixed; background-size:cover; z-index:100;  background: rgba(0,0,0,0.7)}
 .popup_form_80 {width:280px; margin:70% auto;  max-width:450px; background:#fff; border-radius:5px; padding:0;}
 .popup_form_80 h3 { padding:25px; font-weight:600; margin:0; color:#000;}
 .popup_form_80 h3 font { font-size:18px;}
 .popup_content_wp { border-bottom:#CCC solid 1px;  font-size:14px; }
 .popup_content_wp .score_bar { height:300px; overflow:auto; overflow-x:hidden; }
 .popup_txt_wp { padding:20px 0 10px;  font-size:18px;}
 .popup_txt_assent { border-bottom:#CCC solid 1px; font-size:14px; margin:0 0 10px 0; padding:0 25px 25px; line-height:1.3em; letter-spacing:-0.03em  }
 .popup_txt_assent span { display:block; font-size:12px; color:#2196f3; margin-top:15px;}
 .popup_content_wp input[type=checkbox].select_check+label.check_label { font-size:16px; font-weight:600; margin:10px 15px  }
 .popup_form_80 .btn_area { text-align:center; margin:0; padding-bottom:5px;  }
 .popup_form_80 .btn_area button { background-color:#2196f3; color:#fff; display:block; width:240px; height:40px; line-height:40px; border:0; font-size:16px;  text-align:center; margin:10px auto }


 .download_box { position:fixed; bottom:10px; right:10px;  float:right; z-index:100 }
 .download_box img { width:60px;}






 .customer_box { display:inline-block; width:calc(100% - 60px); border:#cccccc solid 1px; border-top:0; border-radius:0 0 16px 16px; background-color:#fff; padding:0; margin:0 auto 30px; padding:20px 14px 0;  }


 .board_tit { display:block; font-size:21px; color:#4c4c4c; text-align:left;  line-height:60px;     }

 .board_tit span { float:right ; margin: }
 .board_tit span select { vertical-align:middle;  border:1px #cccccc solid; }
 .board_tit span input { vertical-align:middle;  border:1px #cccccc solid; }
 .board_tit span img { vertical-align:middle;  }


 .faq { display:block; padding-top:50px;  }
 .faq select { vertical-align:middle;  border:1px #cccccc solid; }
 .faq input { vertical-align:middle;  border:1px #cccccc solid; width:300px; padding:5px }
 .faq img { vertical-align:middle;  }


 .admin_ico { display:block; float:right; margin-top:-10px; margin-bottom:10px; }
 .admin_ico img { display:inline-block;  margin:0 0 0 5px; width:46px; height:46px; background-color:#909090; border-radius:23px }
 .admin_ico img:hover { background-color:#f97e1f; }

 .table_notice { padding:0; margin:0; border-spacing:0; width:100%; vertical-align:top;}
 .table_notice a:link,
 .table_notice a:active,
 .table_notice a:visited { color:#333; text-decoration:none;  text-align:left; }
 .table_notice th { background-color:#666666; padding:6px 3px; font-weight:normal; color:#fff;  text-align:center;  font-size:13px; }
 .table_notice td { vertical-align:middle; padding:10px 3px; border-bottom:1px #ddd solid;  font-size:13px; color:#808080}
 .table_notice td:first-child { width:auto; }
 .table_notice tr:hover { background-color:#e7f2f8 }
 .table_notice td:nth-of-type(10n+3) { text-align:center;  color:#333 } /* 3, 13번 순서로 좌측정렬*/
 .table_notice th:nth-of-type(10n+4) { display:none }
 .table_notice td:nth-of-type(10n+4) { display:none }
 .table_notice td:nth-of-type(10n+2) { font-weight:600;  width:auto;  }
 /*.table_board td:last-child {  width:200px; }*/
 .table_notice td:nth-of-type(odd) { }
 .table_notice caption { font-size:21px; color:#4c4c4c; text-align:left; padding:10px 0; }


 .table_board_view { padding:0; margin:0; border-spacing:0; width:100%; vertical-align:top;}
 .table_board_view img { vertical-align:middle;  }
 .table_board_view a:link,
 .table_board_view a:active,
 .table_board_view a:visited { color:#333; text-decoration:none;}
 .table_board_view th { background-color:#4d4d4d; padding:12px 5px 12px 15px; font-weight:600; color:#fff;  text-align:left; font-size:14px;  }
 .table_board_view th:last-child { text-align:right; font-size:10px; font-weight:400; color:#999} /* 3, 13번 순서로 좌측정렬*/
 .table_board_view th font { color:#fff; margin:0 5px 0 5px; }
 .table_board_view td { vertical-align:middle; padding:20px; border-bottom:1px #ddd solid; text-align:left; font-size:13px; line-height:1.3em }
 .table_board_view td:nth-of-type(odd) { }
 .table_board_view caption { font-size:21px; color:#4c4c4c; text-align:left; padding:10px 0; }
 .table_board_view img { display:block; max-width:80%; margin:10px auto 0; }


 .popup_notice { position:fixed; top:20px; width:calc(100% - 30px); text-align:center; margin:0 0 0 0; left:15px;  z-index:1000; display:none; }
 .popup_notice_box { width:100%;  text-align:left; margin:0 0 0 0;  background-color:#fff; border:#666 solid 1px;  box-shadow:2px 2px 1px rgba(68,68,68,0.6);  }
 .popup_notice_box h3 { width:100%; font-size:16px; color:#000000; font-weight:400; padding:0; margin:0 auto }
 .popup_notice_box h3 span { display:block; font-size:13px; color:#666; line-height:18px;  font-weight:400 ; margin:10px auto 10px;}
 .popup_notice_box .btn_tel  {  display:block;  text-align:center; margin:10px auto; }
 .popup_notice_box .btn_tel a {  display:block; text-align:center; margin:0 auto; font-size:16px; color:#fff; width:calc(100% - 40px); line-height:40px; height:40px; background-color:#666; text-decoration:none}




 .table_inca tbody tr:hover td {background-color:#f1f8ff;}

 .table_inca {padding:0; margin:0; border-spacing:0; width:100%; background-color:#fff;}
 .table_inca a:link,
 .table_inca a:active,
 .table_inca a:visited { color:#2e88cc; text-decoration:none;}

 .table_inca th { background-color:#4d4d4d; padding:5px 20px; font-weight:normal; color:#fff;}
 .table_inca td { vertical-align:middle; padding:5px 20px; border-bottom:1px #ddd solid;  text-align:center;}
 .table_inca td:nth-of-type(odd) { background-color:#fafafa  }
 .table_inca td:first-child { text-align:left; border-left:1px #ddd solid;  }
 .table_inca td:last-child { border-right:1px #ddd solid;  }

 .table_inca caption { font-size:21px; color:#4c4c4c; text-align:left; padding:10px 0; }

 .table_inca_row {padding:0; margin:0; border-spacing:0; width:100%;}
 .table_inca_row a:link,
 .table_inca_row a:active,
 .table_inca_row a:visited { color:#2e88cc; text-decoration:none;}

 .table_inca_row th { background-color:#4d4d4d; padding:5px 20px; font-weight:normal; color:#fff;}
 .table_inca_row td { vertical-align:middle; padding:5px 20px; border-bottom:1px #ddd solid; border-left:1px #ddd solid;  text-align:center; background-color:#fafafa}
 .table_inca_row td:first-child { }
 .table_inca_row td:last-child { border-right:1px #ddd solid; background-color:#fff;  text-align:left;  }

 .table_inca_row caption { font-size:21px; color:#4c4c4c; text-align:left; padding:10px 0; }



 .table_inca2 tbody tr:hover td {background-color:#f1f8ff;}

 .table_inca2 {padding:0; margin:0; border-spacing:0; width:100%; background-color:#fff;}
 .table_inca2 a:link,
 .table_inca2 a:active,
 .table_inca2 a:visited { color:#2e88cc; text-decoration:none;}

 .table_inca2 th { background-color:#4d4d4d; padding:5px 5px; font-weight:normal; color:#fff; font-size:13px }
 .table_inca2 td { vertical-align:middle; padding:5px 5px; border-bottom:1px #ddd solid;  text-align:center; border-left:1px #ddd solid; font-size:13px; line-height:1.3em}
 .table_inca2 td:nth-of-type(odd) { /* background-color:#fafafa*/  }
 .table_inca2 td:first-child {   }
 .table_inca2 td:last-child { border-right:1px #ddd solid;  }

 .table_inca2 caption { font-size:21px; color:#4c4c4c; text-align:left; padding:10px 0; }

 .table_inca2_row {padding:0; margin:0; border-spacing:0; width:100%;}
 .table_inca2_row a:link,
 .table_inca2_row a:active,
 .table_inca2_row a:visited { color:#2e88cc; text-decoration:none;}

 .table_inca2_row th { background-color:#4d4d4d; padding:5px 20px; font-weight:normal; color:#fff;}
 .table_inca2_row td { vertical-align:middle; padding:5px 20px; border-bottom:1px #ddd solid; border-left:1px #ddd solid;  text-align:center; background-color:#fafafa}
 .table_inca2_row td:first-child { }
 .table_inca2_row td:last-child { border-right:1px #ddd solid; background-color:#fff;  text-align:left;  }

 .table_inca2_row caption { font-size:21px; color:#4c4c4c; text-align:left; padding:10px 0; }




 .paging{width:100%; text-align:center; clear:both;}
 .paging_align{display:inline-block; text-align:center; height:40px; margin:15px auto 0;}
 .paging a{display:block; float:left; border-radius:50%; width:30px; height:30px; line-height:30px; color:#666; margin:0 1px; text-decoration:none; font-size:14px; font-weight:400}
 .paging a:hover, .paging a.active{background:#f97e1f; color:#fff; font-weight:400;}
 .paging a.paging_arrow_left{background:url(images/ico/ico_realtime_arrow_left.gif) no-repeat center center;}
 .paging a.paging_arrow_right{background:url(images/ico/ico_realtime_arrow_right.gif) no-repeat center center;}
 .paging a.paging_arrow_left:hover{background-image:url(images/ico/ico_realtime_arrow_left_over.gif);}
 .paging a.paging_arrow_right:hover{background-image:url(images/ico/ico_realtime_arrow_right_over.gif);}
 /****** 191006 yang
 .swiper-slide img { width:100%;  }

 .swiper-button-next { display:none }
 .swiper-button-prev{ display:none }

 *********/
















 .system { width:100%;  margin:60px auto 0;  }
 .system h1 { display:block; margin-bottom:30px; }


 .option_tab { width:calc(100% - 30px);  margin:30px auto 0; }
 .option_tab li {  float:left; width:33%;   display:inline-block; }
 .option_tab li a {  float:left; width:100%;  background-color:#f6f6f6; padding:8px 0; margin:0; color:#b2b2b2; text-decoration:none; border:#cccccc solid 1px; border-radius:8px 8px 0 0; font-weight:600; letter-spacing:-0.05em; font-size:16px; }
 .option_tab li a:hover {  color:#4d4d4d; text-decoration:none; background-color:#fff; border-bottom:0;}
 .option_tab .on { color:#4d4d4d; background-color:#fff; border-bottom:0; width:300px;    }


 #option_tab01 { /*background-image:url(img/img_01.png); background-repeat:no-repeat; background-position:95% 30px; background-size:auto auto;*/ padding:45px 0 70px 0; }
 #option_tab02 { /*background-image:url(img/img_02.png); background-repeat:no-repeat; background-position:95% 30px; background-size:auto auto;*/ padding:45px 0 50px 0; }
 #option_tab03 { /*background-image:url(img/img_03.png); background-repeat:no-repeat; background-position:95% 30px; background-size:auto auto;*/ padding:45px 0 50px 0; }
 #option_tab04 { /*background-image:url(img/img_04.png); background-repeat:no-repeat; background-position:95% 30px; background-size:auto auto;*/ padding:45px 0 60px 0; }



 /* faq page */
 .section_qa {overflow:hidden;width:100%;height:100%;margin:0 auto; }
 .h_txt{float:left;width:196px;height:42px;background:url(images/sp.png) 0 -380px no-repeat}
 .con{font-size:16px;line-height:21px}

 .section_qa .con{height:100%;margin-bottom:20px}
 .section_qa .faq_area{border-bottom:2px solid #040707}
 .section_qa .faq_area li{position:relative;overflow:hidden;height:100%;border-top:1px solid #d2d2d2;vertical-align:top; text-align:left}
 .section_qa .faq_area .notice_link_box{width:95%;padding:17px 0 18px 23px;font-size:14px;font-weight:bold;background:url(images/ico_about3_q.png) 0 19px no-repeat}
 .section_qa .faq_area li:hover { background-color:#e7f2f8 }

 .section_qa .faq_area .notice_link_box a{color:#222; text-decoration:none}
 .section_qa .faq_area .notice_link_box.answer{width:98%;font-size:14px;font-weight:normal;border-top:1px solid #ebebeb;color:#666;background:url(images/ico_about3_a.png) 0 19px no-repeat}
 .section_qa .faq_area .notice_link_box .answer_con{width:100%; vertical-align:1.3em; padding:0;}
 .section_qa .faq_area .notice_link_box .answer_con p { padding:0; margin:0}
 .section_qa .faq_area .btn_answer{position:absolute;top:22px;right:6px;width:20px;height:11px;background:url(images/sp.png) 0 0 no-repeat}
 .section_qa .faq_area .btn_answer.open{background:url(images/sp.png) 0 -30px  no-repeat}
 .section_qa .faq_area .operating_hour{overflow:hidden}
 .section_qa .faq_area .operating_hour dt{float:left;clear:both}
 .section_qa .faq_area .operating_hour dd{float:left;margin-left:3px;width:80%}







 a.gray{color:#acacac;}
 .clear{clear:both;}
 a.btn_ok{display:block; width:100%; height:40px;  margin:0 auto; color:#fff; font-size:18px; line-height:40px; font-weight:bold; text-align:center}
 a.btn_ok_active{ background-color:#4FB400}
 a.btn_ok_active2{ background-size:33px 18px;}




 /****** 쓰기 *********/

 .ad_tit { display:block;  padding:20px 20px; font-size:16px;  text-align:left}
 .ad_tit strong { font-weight:500; color:#ff4216}

 .write { width:100%; border-top:#575757 solid 2px; border-bottom:#b7b7b7 solid 1px; margin-top:0px; margin-left:0}
 .write .none { border:none; }
 .write th { background-color:#fafafa; font:normal 14px/20px 나눔고딕, 돋움; color:#7b7b7b; border-top:#e1e1e1 solid 1px; text-align:left; padding:5px 5px 5px 15px }
 .write td { font:normal 12px/18px 나눔고딕, 돋움; color:#e5e5e5; border-top:#d8d8d8 solid 1px; text-align:left; padding:7px 0 7px 15px; }
 .write td input.i_box { border:#c6c6c6 solid 1px; padding-left:5px; color:#555555; font:normal 14px/20px 나눔고딕, 돋움; line-height:20px; height:20px }

 .write td textarea.t_box { width:85%; height:150px; border:#c6c6c6 solid 1px; padding-left:5px; color:#555555; font:normal 14px/20px 나눔고딕, 돋움; line-height:20px; }
 .write td select.s_box { font:normal 14px/20px 나눔고딕, 돋움; line-height:20px; height:20px }
 .write td.check { font:normal 12px/18px 나눔고딕, 돋움; color:#999999; letter-spacing:-0.05em}
 .write td.smtit{color:#7b7b7b;  font-weight:bold; font-size:14px;  }

 .btn {display:block;clear:both; width:100%; height:40px; padding-top:20px;  padding-bottom:20px; text-align:center}
 .btn a { padding:10px 60px 13px 60px;  background-color:#5c5c5c; color:#fff; font:normal 18px/36px 나눔고딕, 맑은 고딕; text-align:center; box-shadow: 3px 3px 0 0 rgba(0,0,0,0.2) }

 .schbox {float:left; width:100%; height:40px; text-align:center; padding:10px; 0 0 0;}
 .schbox select {height:22px; width:80px;}
 .schbox .put{ border:#888 solid 1px; padding-left:5px; color:#555555; font:normal 14px/20px 나눔고딕, 돋움; line-height:20px; height:20px }
 .schbox .schbtn {width:54px; height:22px; background-color:#eee; border:1px solid #909090; color:#666; font-size:12px; line-height:22px;  background:url(../images/btn/btn_sch.gif) no-repeat 0 0; cursor:pointer; }


 .phone_box {}
 .phone_box p { color:#C00; margin:20px 0}
 .phone_box img {  display:inline-block; border:#CCC solid 2px}
 .phone_box table { display:inline-block; width:400px;  border-top:#666 solid 2px }




 .customer { display:block; width:100%;  text-align:left; /* border-bottom:#e1e1e1 solid 2px;*/  }
 .customer img { display:inline-block; float:left;width:80px; padding-right:20px; padding-top:0; }
 .customer p {  display:inline-block; width:calc(100% - 120px); padding:0; }
 .customer h2  { display:block; font-size:24px; color:#4c4c4c; font-weight:600; margin:0 0 30px 0; letter-spacing:-0.05em; padding:0  }
 .customer h3 {display:block;  font-size:16px; color:#4c4c4c;  text-align:left; margin:0;}
 .customer span { display:block; font-size:14px;  }
 .customer span font{ display:inline-block; width:80px; font-size:13px; }

  mb-1 { margin-bottom: 10px;}



}