@charset "utf-8";

/* basic */
*, html, body {margin:0; padding:0; font-family:'맑은 고딕', 'Malgun Gothic' ,'Dotun';}
div, table, th, td, p, span, form, fieldset, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, img, iframe, a, header, footer, aside, section, article, nav, hr, strong {margin:0; padding:0; border:0; vertical-align:top;}
header, footer, aside, section, article, nav {display:block}
div, table, th, td {border-collapse:collapse;}
input, button {vertical-align:middle;}
img {border:0; vertical-align:top;}
button {margin:0; padding:0; border:0; background:none;}
ul, ol, li {list-style:none;}
a {text-decoration:none;color:#000;}
caption {display:block; position:absolute; top:-9999px;  width:0; height:0; line-height:0; margin:0; padding:0; font-size:0; text-indent:-9999px;}
.hidden{width:0; height:0; line-height:0; margin:0; padding:0; font-size:0; text-indent:-9999px;}
.ell{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.ell2{overflow:hidden; text-overflow:ellipsis;  display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; word-wrap:break-word;}
* {-webkit-text-size-adjust:none}

.in {width:1000px; margin:0 auto;}

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

/* font  Malgun Gothic */
@font-face{
font-family:"Malgun Gothic";
src:url('/font/malgun.eot');
src:url('/font/malgun.eot?#iefix') format('embedded-opentype'),
url('/font/malgun.woff') format('woff'),
url('/font/malgun.ttf') format('truetype');
url('/font/malgun.svg#NanumGothic') format('svg')
src:local(※), url('/fonts/malgun.woff') format('woff');
}

/* header */
#header > .in {position: relative; height:96px; padding-top:16px; overflow:hidden;}
.site_more {position: absolute;}
.site_more:after {clear:both; content:''; display:block;}
.site_more li {position: relative; padding:0 8px; float:left;}
.site_more li:first-child {padding-left:0;}
.site_more li:before {position: absolute; top:7px; left:0; width:1px; height:10px; background:#e2e2e2; content:''; display:block;}
.site_more li:first-child:before {display:none;}
.site_more li a {font-family: 'Nanum Gothic'; font-size:13px; color:#444; line-height:21px;}
#header h1 {float:left; padding-top:43px;}
#header h1 span{display:inline-block; padding:10px 0 0 0; margin-left:5px; font-size:15px; color:#797979; font-weight:bold; font-family: 'Nanum Gothic', sans-serif; letter-spacing:-0.05em;}
#header .right_gnb {float:right; overflow:hidden;}
#header .right_gnb:after {clear:both;content:''; display:block;}
#header .right_gnb ul {float:right; clear:right; overflow:hidden;}
#header .right_gnb li {float:left;}
#header .btn_area {}
#header .btn_area li {position: relative; padding:0 8px;}
#header .btn_area li:last-of-type {padding-right:0;}
#header .btn_area li:before {position: absolute; top:0; left:0; width:1px; height:10px; background:#e2e2e2; content:''; display:block;}
#header .right_gnb .link_area {margin-top:19px; float:left;}
#header .link_area li {line-height:22px;/* margin-left:8px; padding-left:8px;  background:url(../img/main/head_btn_bar.gif) no-repeat left center; */}
#header .link_area li:first-child {margin-left:0; padding-left:0; /* background:none; */}
#header .link_area li a:before {content:''; display:inline-block; width:2px; height:12px; background:#d9e0e3; vertical-align:middle; margin:0 8px;}
#header .link_area li:first-child a:before {display:none;}
#header .link_area li a {display:block; font-size:13px; color:#777; font-weight:bold;}
#header .link_area li a b{color:#4a4a4a;}
.btn_gnb {margin-top:10px; margin-left:15px; float:right;}
.b-close {position: absolute; top:47px; left:50%; margin-left:461px;}
.gnb_content {position: fixed; top:0; left:0; width:100%; height:100%; z-index: 1000; background: rgba(0, 0, 0, 0.5); display:none; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000);}

/* 전체메뉴 */
.gnb_content {}
.gnb_content table {position: absolute; top:113px; left:50%; width:1000px; margin-left:-500px; border:4px solid #55a4f0;}
.gnb_content tbody tr {border-top:1px solid #cbcbcb;}
.gnb_content tbody th {width:180px; padding:28px 0; font-family: 'Nanum Gothic'; font-size:16px; color:#fff; line-height:24px; font-weight:bold; text-indent:30px; text-align:left; background:#6fb1f1; vertical-align:middle;}
.gnb_content tbody td {width:201px; padding:28px 0; border-left:1px solid #cbcbcb;  text-indent:20px; background:#fff; vertical-align:middle;}
.gnb_content tbody td a {font-family: 'Nanum Gothic'; font-size:16px; color:#646464; line-height:24px;}
.gnb_content tbody td a:hover {color:#5aaeff;}


/* head_menu */
#header #head_menu {position: relative; height:47px; border-top:1px solid #d9e0e3; border-bottom:3px solid #5aaeff;}
#header #head_menu .in {}
#header #head_menu .sitemap_btn {display:inline-block; float:left; width:44px; height:47px; border-left:1px solid #d9e0e3; border-right:1px solid #d9e0e3; background:url(../img/main/menu_btn.gif) no-repeat center;}
#header #head_menu nav {float:left;}
#header #head_menu nav > ul > li {float:left;}
#header #head_menu nav > ul > li.on .overmenu {display:block;}
#header #head_menu nav > ul > li.on .menu_tit:before {position: absolute; bottom:0; left:0; width:100%; height:3px; background:#5aaeff; content:''; display:block;}
#header #head_menu .menu_tit {position: relative; display:inline-block; width:158px; line-height:47px; padding-right:1px; font-size:15px; color:#444; font-weight:bold; text-align:center; letter-spacing:-0.05em; background:url(../img/main/head_menu_bar.gif) no-repeat right center;}
#header #head_menu .overmenu {display:none; position:absolute; width:100%; z-index:100; top:47px; left:0; height:122px; padding:37px 0; background:#fff; border-top:1px solid #9f9f9f; background:#fff;}
#header #head_menu .overmenu ul {width:1000px; margin:0 auto;}
#header #head_menu .overmenu ul:after {clear:both; content:''; display:block;}
#header #head_menu .overmenu .overmenu_first_li {width:168px; margin-right:0;}
.overmenu_first_li h2 {margin-top:18px; font-family: 'Nanum Gothic'; font-size:21px; color:#444; line-height:20px;}
.overmenu_first_li span {font-family: 'Nanum Gothic'; font-size:12px; color:#aaa; line-height:20px;}
.overmenu_first_li p {margin-top:14px; font-family: 'Nanum Gothic'; font-size:14px; color:#888; line-height:18px;}
#header #head_menu .overmenu li {width:96px; margin-right:9px; float:left;}
#header #head_menu .overmenu li a {text-align:center; display:block;}
#header #head_menu .overmenu li a h3 {margin-top:8px; font-size:14px; color:#646464; line-height:18px; text-align:center; letter-spacing:-0.9px;}
#header #head_menu .overmenu .overmenu_last_li {width:335px; margin-right:0; float:right;}
#header #head_menu .overmenu .preview {display:none; position:absolute; top:0; right:0; width:280px; height:215px; padding:30px 23px 0 25px; background:#fff; border-left:1px solid #d9e0e3;}
#header #head_menu .overmenu .preview strong {font-size:22px; color:#4c4c4c;}
#header #head_menu .overmenu .preview p {margin:10px 0 30px; line-height:22px; font-size:14px; color:#777; letter-spacing:-0.08em;}
#header #head_menu .overmenu .preview span {display:inline-block; float:right; width:88px; line-height:28px; font-size:11px; color:#5aaeff; border:1px solid #acd6ff; font-family:Open Sans; text-align:center;}
#header #head_menu .right_over .overmenu a > strong i {padding:0 17px 0 0;}
#header #head_menu .right_over .overmenu .preview {left:0; border-left:0; border-right:1px solid #d9e0e3;}
#header #head_menu .right_over .overmenu li.on a > strong {background:url(../img/main/overmenu_r_on.gif) repeat-y left center;}
#header #head_menu .sitemap_btn.on {background:#5aaeff url(../img/main/menu_btn_on.png) no-repeat center; border-left:1px solid #5aaeff; border-right:1px solid #5aaeff;}
#header #head_menu .open > ul > li.on .menu_tit {color:#5aaeff; background:url(../img/main/head_menu_bar.gif) no-repeat right center;;}
#header #head_menu .open > ul > li.on .overmenu {display:none;}
#header #head_menu .sitemap_box {display:none; width:974px; padding-left:20px; background:#fff; border:3px solid #5aaeff; border-top:0;}
#header #head_menu .sitemap_box.open {display:block; position:absolute; top:50px; left:0; z-index:200;}
#header #head_menu .sitemap_box > ul {overflow:hidden; *padding-bottom:25px;}
#header #head_menu .sitemap_box > ul > li {float:left; width:16.7%; height:198px; margin:25px 0; border-left:1px dotted #ddd;}
#header #head_menu .sitemap_box > ul > li:first-child {width:15.5%; border:0;}
#header #head_menu .sitemap_box strong,
#header #head_menu .sitemap_box a {display:inline-block; line-height:25px; padding-left:15px; font-size:13px; color:#666;}
#header #head_menu .sitemap_box a:hover {color:#5aaeff;}
#header #head_menu .sitemap_box strong {line-height:13px; padding-bottom:10px; font-size:13px; color:#4c4c4c;}

/* footer */
#footer {padding:70px 0 100px;}
#footer #top {display:none; position:fixed; bottom:0; left:50%; z-index:9999; margin-left:540px;}
#footer.sub_footer {border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; background:#f8f8f8;}
#footer.sub_footer #top {display:block;}
#footer ul {overflow:hidden;}
#footer li {float:left; font-size:13px;}
#footer li strong {display:block; margin-bottom:25px; font-size:14px; color:#282528; font-family:Open Sans;}
#footer li.footer_li01 {padding-right:72px;}
#footer li.footer_li02 {padding-right:60px;}
#footer li.footer_li04 {float:right;}
#footer li.footer_li01 strong {font-size:18px; color:#1c97ff;}
#footer li.footer_li03 dl {overflow:hidden;}
#footer li.footer_li03 dt,
#footer li.footer_li03 dd {float:left;}
#footer li.footer_li03 dd {padding-left:5px;}
#footer dt,
#footer dd {line-height:25px;}
#footer dt {color:#666;}
#footer dd,
#footer p,
#footer li ul li{color:#282528;}
#footer p {line-height:25px; letter-spacing:-0.05em;}
#footer li ul {width:260px; padding-left:10px; border-left:1px solid #c7c7c7;}
#footer li ul li {line-height:15px; font-size:13px; color:#282528; letter-spacing:-0.05em;}
#footer li ul li.fl04_01,
#footer li ul li.fl04_02,
#footer li ul li.fl04_03 {margin-bottom:8px;padding-right:8px; margin-right:8px; border-right:1px solid #d6d6d6;}
#footer li ul li.fl04_05,
#footer li ul li.fl04_06 {padding-left:8px; margin-left:8px; border-left:1px solid #d6d6d6;}
#footer address {display:block; margin-top:85px; padding-left:13px; line-height:16px; font-style:normal; font-size:13px; color:#bbb; font-family:Open Sans;}

/* container */
/* ====== main ====== */
#container.main h2 {text-align:center;}
#container.main p.sub_tit {font-size:19px; font-weight:bold; color:#777; text-align:center; letter-spacing:-0.05em;}

.bx-controls.bx-has-pager {position:absolute; left:50%; z-index:100;}
.bx-controls.bx-has-pager .bx-pager-item {float:left; cursor:pointer;}
.bx-controls.bx-has-pager .bx-pager-link {display:inline-block; width:14px; height:14px; margin:0 3px; text-indent:-9999em;}

/* visual */
.visual {position:relative; overflow:hidden; margin-bottom:1px; background:url(../img/main/visual_bg.gif) repeat;}
.visual li {height:399px;}
.visual li.visual_01 {background:url(../img/main/visual_01.jpg) no-repeat center;}
.visual li.visual_01 .contact_btn {position:absolute; top:243px; left:50%; margin-left:-489px; display:inline-block; width:138px; height:39px; line-height:39px; color:#fff; font-size:16px; font-family:Open Sans; text-align:center; border:1px solid #fff;}
.visual .bx-controls.bx-has-pager {margin-left:-60px; bottom:28px;}
.visual .bx-controls.bx-has-pager .bx-pager-link {background:url(../img/main/slide_page_w_off.png) no-repeat center;}
.visual .bx-controls.bx-has-pager .bx-pager-link.active {background:url(../img/main/slide_page_b2_on.png) no-repeat center;}

/* box_banner */
.box_banner {margin-bottom:38px;}
.box_banner ul {overflow:hidden;}
.box_banner li {float:left; margin:2px; background:#000;}
.box_banner li:hover img {opacity:0.96; filter:alpha(opacity=96);}
.box_banner li.bb_mb01,
.box_banner li.bb_mb03 {margin-left:0;}
.box_banner li.bb_mb02,
.box_banner li.bb_mb06,
.box_banner li.bb_mb08{margin-right:0;}

/* about_sibizi */
.about_sibizi {overflow:hidden; margin-bottom:40px;}
.about_sibizi li {float:left; width:308px; margin-left:75px;}
.about_sibizi li:first-child {width:233px; margin-left:0;}
.about_sibizi li .icon_img {float:left; margin-right:17px;}
.about_sibizi li span {float:left; line-height:13px; font-size:13px; color:#062033; font-family:Open Sans;}
.about_sibizi li span strong {display:block;line-height:22px; margin-bottom:6px; font-size:20px; font-family:Open Sans;}
.about_sibizi li .more_btn {float:right;}

/* fun_facts */
.fun_facts {height:348px; margin-bottom:40px; padding-top:41px; background:url(../img/main/fun_bg.jpg) center; text-align:center;}
.fun_facts ul {text-align:center; padding-top:38px;}
.fun_facts li {color:#fff;}
.fun_facts li *{font-family:Open Sans;}
.fun_facts .ff_01 {float:left;}
.fun_facts .ff_02,
.fun_facts .ff_03 {display:inline-block; zoom:1; *display:inline; *float:left; width:28%;}
.fun_facts .ff_02 {*margin-left:100px;}
.fun_facts .ff_04 {float:right;}
.fun_facts li p {font-size:18px;}
.fun_facts li p strong {line-height:23px;}
.fun_facts li img {padding:15px 0 0px;}
.fun_facts li i {min-width:150px; font-size:40px;}

/* success_with */
.success_with {position:relative; height:466px; padding-top:39px; margin-bottom:80px;}
.success_with .in {padding-top:55px;}
.success_with ul {overflow:hidden; height:314px;}
.success_with ul li {overflow:hidden; height:314px;}
.success_with ul li .img_wrap {float:left; margin-right:45px; text-align:center;}
.success_with ul li .img_wrap img {margin-bottom:10px;}
.success_with ul li .img_wrap p span {font-size:13px; color:#646464; font-family:Open Sans;}
.success_with ul li .img_wrap p strong {font-size:16px; color:#282528;}
.success_with ul li .cont_area {padding-top:28px;}
.success_with ul li .cont_area strong {display:block; margin-bottom:10px; font-size:22px; color:#0092ff; letter-spacing:-0.05em;}
.success_with ul li .cont_area span {display:block; margin-bottom:20px; line-height:25px; font-size:18px; color:#29272a; letter-spacing:-0.05em;}
.success_with ul li .cont_area p {line-height:25px; font-size:15px; color:#777; letter-spacing:-0.05em;}
.success_with .sns_group {text-align:right;}
.success_with .sns_group dd {display:inline;}
.success_with .bx-controls.bx-has-pager {margin-left:-60px; bottom:-7px;}
.success_with .bx-controls.bx-has-pager .bx-pager-link {background:url(../img/main/slide_page_off.png) no-repeat center;}
.success_with .bx-controls.bx-has-pager .bx-pager-link.active {background:url(../img/main/slide_page_b_on.png) no-repeat center;}

/* partners */
.partners {position:relative; overflow:hidden; padding:80px 0 100px; background:#f8e514;}
.partners dl {overflow:hidden; padding-top:100px;}
.partners dd {float:left; margin:7px 3px 0;}
.partners .bx-controls.bx-has-pager {margin-left:-40px; top:175px;}
.partners .bx-controls.bx-has-pager .bx-pager-link {background:url(../img/main/slide_page_off.png) no-repeat center;}
.partners .bx-controls.bx-has-pager .bx-pager-link.active {background:url(../img/main/slide_page_w_on.png) no-repeat center;}


/* container */
/* ====== sub ====== */

/* sub_visual */
.sub_visual {height:150px;}
.search .sub_visual {background:#7f9ab4 url(../img/sub/search_bg.jpg) no-repeat center;}
.display .sub_visual {background:#769294 url(../img/sub/display_bg.jpg) no-repeat center;}
.viral .sub_visual {background:#08111a url(../img/sub/viral_bg.jpg) no-repeat center;}
.media .sub_visual {background:#000 url(../img/sub/media_bg.jpg) no-repeat center;}
.service_center .sub_visual {background:#000 url(../img/sub/service_center_bg.jpg) no-repeat center;}
.mobile .sub_visual {background:#7d96af url(../img/sub/mobile_bg.jpg) no-repeat center;}
.link .sub_visual {background:#08111a url(../img/sub/viral_bg.jpg) no-repeat center;}
.design .sub_visual {background:#08111a url(../img/sub/design_bg.jpg) no-repeat center;}
.sub_visual .in {position:relative; height:150px; text-align:left;}
.sub_visual h2 {line-height:150px; font-size:35px; font-weight:normal; color:#fff; font-family:Century Gothic;}
.sub_visual .point_img {position:absolute; top:0; right:0;}

/* path */
.path {height:44px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.path a {display:block;}
.path .path_ul > li {float:left; height:44px; line-height:44px; border-right:1px solid #ddd;}
.path .path_ul > li:first-child a{height:44px; padding:0 15px; border-left:1px solid #ddd;}
.path .path_ul > li:first-child img {padding-top:15px;}
.path .depth1,
.path .depth2 {position:relative; padding-left:15px; cursor:pointer;}
.path .depth1 {width:160px;}
.path .depth2 {width:190px;}
.path li span {display:block; width:145px; margin-right:15px; font-size:15px; color:#777; letter-spacing:-1px;}
.path .depth2 span {width:175px;}
.path .depth1 .depth1_tit {background:url(../img/sub/sub_path_arr01.gif) no-repeat right center;}
.path .depth2 .depth2_tit {color:#1a84e9; background:url(../img/sub/sub_path_arr02.gif) no-repeat right center;}
.path .depth1.on .depth1_tit {background:url(../img/sub/sub_path_arr01_on.gif) no-repeat right center;}
.path .depth2.on .depth2_tit {background:url(../img/sub/sub_path_arr02_on.gif) no-repeat right center;}
.path li ul {display:none; position:absolute; top:44px; left:-1px; width:100%; background:#fff; border:1px solid #ddd;}
.path li ul li {border-top:1px solid #ddd;}
.path li ul li:first-child {border-top:0;}
.path li ul li a {display:block; width:160px; padding-left:15px; font-size:15px; color:#777;}
.path .depth2 ul li a {width:190px;}
.path .depth1 li.on a,
.path .depth1 a:hover {background:#f9f9f9; color:#444;}
.path .depth2 a:hover {color:#1a84e9;}

/* sub_tit */
.sub_tit .in {padding:45px 0 35px; border-bottom:1px solid #ddd;}
.sub_tit .sub_basic {line-height:30px; margin-bottom:8px; font-weight:bold; font-size:20px; color:#444; letter-spacing:-0.05em;}
.sub_tit h3 {line-height:54px; margin:0 0 29px -5px; font-size:44px; color:#444; letter-spacing:-0.05em;}
.sub_tit .sub_info {line-height:27px; font-size:17px; color:#777; letter-spacing:-0.05em;}

/* sub_cont */
#sub_cont {padding-top:40px;}
#sub_cont article {margin-bottom:65px;}
#sub_cont h4 {line-height:34px; padding-left:23px; margin:0 0 12px; font-size:22px; color:#444; background:url(../img/sub/cont_tit.gif) no-repeat left center; letter-spacing:-1px;}
#sub_cont h4.h4_side_has {position:relative;}
#sub_cont h4.h4_side_has span.h4_side {position:absolute; right:0; bottom:0; font-weight:normal; font-size:16px; color:#777;}
#sub_cont h5 {line-height:30px; margin-top:30px; font-size:20px; color:#444; font-family:"NanumSquare";}
#sub_cont .cont_txt {line-height:30px; font-size:17px; color:#777; letter-spacing:-0.1em;}
#sub_cont .cont_txt strong {font-weight:normal; color:#444;}

.empty_page {padding:50px 0 100px; color:#999; text-align:center;}

#new_icon {display:inline-block; line-height:15px; margin-left:5px; padding:0 5px; font-size:12px; font-weight:bold; color:#fff; background:#ffd918; vertical-align:0;}

.d7_box {border:1px solid #d7d7d7;}

/* ol_table */
.ol_table ol li {overflow:hidden; padding:25px 0; border:1px solid #d7d7d7; border-top:0;}
.ol_table ol li:first-child {border-top:1px solid #d7d7d7;}
.ol_table ol li > strong {float:left; display:block; width:92px; line-height:45px; font-style:italic; font-size:28px; color:#454545; text-align:center; border-right:1px solid #d7d7d7;}
.ol_table ol li dl {float:left; padding-left:25px; letter-spacing:-0.05em;}
.ol_table ol li dl dt {line-height:15px; margin-bottom:8px; font-size:17px; color:#454545;}
.ol_table ol li dl dd {line-height:22px; font-size:15px; color:#777;}
.ol_table ol li p {float:left; line-height:45px; padding-left:25px; font-size:17px; color:#777;}
.ol_table ol li p strong {font-weight:normal; color:#444;}

/* ol01 */
.ol01 > li {margin-top:34px;}
.ol01 > li:first-child {margin-top:0;}
.ol01 > li > strong {display:block; line-height:28px; margin-bottom:3px; font-size:20px; color:#444;}
.ol01 > li > strong b {color:#000004;}

/* ul01 삼각화살표 */
.ul01 > li {line-height:25px; margin-top:12px; padding-left:23px; font-size:16px; color:#777; letter-spacing:-0.05em; background:url(../img/sub/ul01.gif) no-repeat 4px 7px;}
.ul01 > li:first-child {margin-top:0;}
.ul01.ul01_02 > li {font-size:15px; color:#555; background:url(../img/sub/ul01_02.gif) no-repeat 4px 7px;}

/* ul02 -바 */
.ul02 > li {line-height:25px; font-size:15px; color:#777; padding-left:12px; letter-spacing:-0.05em; background:url(../img/sub/ul02.gif) no-repeat 1px 12px;}

/* ul03 - 위 포인트바 */
.ul03 > li {margin-top:15px; padding:11px 0 15px; line-height:28px; font-size:17px; color:#777; background:url(../img/sub/ul03.gif) no-repeat 0 0;}
.ul03 > li strong {color:#444; font-weight:normal;}

/* ul03 - 위 포인트바_style02 */
.ul03_02 li > strong {display:block; padding-top:7px; margin-bottom:35px; line-height:29px; font-size:20px; color:#444; background:url(/renew/img/sub/ul03.gif) no-repeat left top; font-family:"NanumSquare";}

/* ul04 - 4개 dldt구성 */
.ul04 {overflow:hidden;}
.ul04 > li {float:left; width:233px; height:298px; margin-left:20px; border:1px solid #d7d7d7;}
.ul04 > li:first-child {margin-left:0;}
.ul04 > li dl {padding:8px 18px 0;}
.ul04 > li dt {line-height:40px; font-size:16px; color:#555; font-weight:bold; font-family:'NanumSquare';}
.ul04 > li dd {line-height:22px; font-size:14px; color:#777; font-weight:bold; letter-spacing:-1px;}

/* ul05 - 3개씩 dldt구성 */
.ul05 {overflow:hidden;}
.ul05 > li {float:left; width:318px; margin:40px 0 0 20px; border:1px solid #d7d7d7;}
.ul05 > li:first-child {margin-left:0;}
.ul05 > li dl * {font-family:"NanumSquare";}
.ul05 > li dl {padding:10px 0; border-top:1px solid #d7d7d7; text-align:center; background:#f9f9f9;}
.ul05 > li dt {line-height:32px; font-weight:bold; font-size:17px; color:#444;}
.ul05 > li dd {line-height:30px; font-size:15px; color:#777;}

/* ul06 - 파란점 */
.ul06 > li {padding:4px 0 3px 7px; line-height:17px; font-size:14px; color:#777; background:url(../img/sub/ul06.gif) no-repeat 1px 12px; letter-spacing:-0.1em;}
.ul06 > li p {line-height:17px; font-size:14px; color:#777; letter-spacing:-0.1em;}

/* ul07 - 회색큰점 */
.ul07 > li {padding-left:15px; line-height:24px; font-size:17px; color:#777; background:url(../img/sub/ul07.gif) no-repeat left 10px;}

/* tb01 */
.tb01 {width:100%; border-top:2px solid #3288db; border-right:1px solid #d7d7d7; font-size:16px; color:#444;}
.tb01 thead {background:#f5f5f5;}
.tb01 thead th {line-height:48px;}
.tb01 tbody td {line-height:54px;}
.tb01 th,
.tb01 td {border-left:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; text-align:center;}
.tb01 td.align_left {padding-left:38px; text-align:left;}

/* tab01 */
.tab01 {overflow:hidden; margin-bottom:47px;}
.tab01 li {float:left; height:61px; text-align:center;} /* width 값은 각 page별로 정의 */
.tab01 li:first-child {margin-left:0 !important;}
.tab01 li a {display:block; line-height:50px; font-size:16px; font-weight:bold; color:#777; background:#f0f0f0;}
.tab01 li.on {background:url(../img/sub/tab_on.gif) no-repeat center 50px;}
.tab01 li.on a {color:#fff; background:#6cbcff;}

/* tab02 */
.tab02 {position:relative;}
.tab02 ul {overflow:hidden;}
.tab02 li {float:left; height:48px; text-align:center;} /* width 값은 각 page별로 정의 */
.tab02 li a {display:block; position:relative; z-index:3; line-height:48px; font-size:16px; color:#777; border-left:1px solid #d7d7d7;}
.tab02 li:first-child a {border-left:0;}
.tab02 li.on {background:#777;}
.tab02 li.on a {color:#fff;}
.tab02_mask {position:absolute; z-index:2; left:0; top:0; width:100%; height:48px;}

/* tab03 */
.tab03 {position:relative;}
.tab03 ul {overflow:hidden;padding-left:1px;}
.tab03 li {float:left; height:40px; text-align:center;} /* width 값은 각 page별로 정의 */
.tab03 li a {display:block; position:relative; margin-left:-1px; z-index:3; line-height:38px; font-size:15px; color:#999; border:1px solid #cacaca;}
.tab03 li.on a {z-index:4; color:#1a84e9; border:1px solid #1a84e9;}

/* tab_view */
.tab_view > ul > li,
.tab_view02 > ul > li,
.tab_view03 > ul > li {display:none;}

.tab_view > ul > li.on,
.tab_view02 > ul > li.on,
.tab_view03 > ul > li.on {display:block;}

/* idea_box */
.idea_box {padding:27px 21px 27px 64px; border:5px solid #d7d7d7; background:url(../img/sub/idea_light_icon.gif) no-repeat 21px 27px;}
.idea_box strong,
.idea_box span {display:block; color:#555; letter-spacing:-0.05em;}
.idea_box strong {line-height:30px; font-size:17px;}
.idea_box span {line-height:24px; font-size:15px;}

/* art_list */
.art_list .art_list_li {padding:17px 35px 45px; border:1px solid #d7d7d7; border-top:0;}
.art_list .art_list_li:first-child {border-top:1px solid #d7d7d7;}
.art_list_tit {line-height:79px; font-size:20px; color:#444;}
.art_list_tit02 {line-height:79px; font-size:24px; color:#188ff2;}

/* art_list02 */
.art_list02 .art_list_li {border:1px solid #d7d7d7; border-top:0;}
.art_list02 .art_list_li:first-child {border-top:1px solid #d7d7d7;}

/* dl01 - dt dd사이 포인트바 */
.dl01_wrap {overflow:hidden; border-left:1px solid #d7d7d7;}
.dl01 {float:left; padding-top:47px; height:206px; border:1px solid #d7d7d7; border-left:0;}
.dl01 dt,
.dl01 dd {text-align:center;}
.dl01 dt {padding-bottom:19px; line-height:25px; font-size:17px; color:#555; background:url(../img/sub/dl01.gif) no-repeat bottom center;}
.dl01 dd {padding-top:18px; line-height:25px; font-size:15px; color:#777;}

/* dl02 정렬 리스트 */
.dl02 {line-height:26px; font-size:17px;}
.dl02 dt {font-weight:bold; color:#444;}
.dl02 dd {margin-bottom:9px; color:#777;}

/* 광고주님에 대한 책임 */
.respon_box {padding:40px 0 0 25px; border-top:3px solid #999;}
.respon_box li:first-child {float:left; padding-right:129px;}
.respon_box li:first-child + li {margin-bottom:27px;}

.faq_box .faq_accodion dt {background:#fff url(../img/sub/icon_faq_off.png) no-repeat 98% 50%; background-size:9px 5px;}
.faq_box .faq_accodion.active dt {background:#fff url(../img/sub/icon_faq_on.png) no-repeat 98% 50%; background-size:9px 5px;}