@charset "utf-8";

div#wrap{ width:100%; position:relative; min-width:1000px;}
div#header{width:100%; min-width:1000px; height:750px; background:url('/web/images/main/bg_main_vis.jpg') no-repeat center top #fff; text-align:center;}
div#header_sub{width:100%;min-width:1000px; background:#fff;}
div#header_scapture {width:100%; min-width:1000px; height:433px; background:url('/web/images/scapture/bg_main_vis.jpg') no-repeat center top #fff; text-align:center;}
div#container{ position:relative;}
div#footer{width:100%; background:#2f3339; text-align:left; color:#a1a3a6; font-size:13px; line-height:17px; padding:21px 0 15px 0;}
div#footer .foot_in{position:relative; width:995px; margin:0 auto;}
div#footer .foot_in .foot_link{ display:block; margin-bottom:10px;}
div#footer .foot_in .foot_link a{ color:#a1a3a6;}
div#footer .foot_in .foot_link a:hover{text-decoration:underline;}
div#footer .foot_in .foot_link .bold{ font-weight:bold; font-size:13px; color:#ff8b8b;}
div#footer .foot_in .foot_link .blog{ color:#37e2b8;}
div#footer .foot_in .foot_link em{ display:inline; margin:0 8px; font-size:12px;}
div#footer .foot_in .btn_top{ position:absolute; top:-54px; right:2px;}
div#footer .foot_in .btn_social{ position:absolute; bottom:10px; right:2px; z-index:5;}
div#footer .foot_in .btn_social img{ display:inline-block; margin-left:4px;}

div#header div.gnb{ position:relative; width:1000px; text-align:left; margin:0 auto; font-family:dotum,'돋움';}
div#header div.gnb .logo{ display:inline-block; margin:15px 0 0 0; cursor:pointer; width:105px; height:26px; background: url(/web/images/common/logo_main.png) no-repeat; }
div#header div.gnb .tnb{ position:absolute; right:0px; top:25px; text-align:right; color:#fff;}
div#header div.gnb .tnb span{ color:#fff; display:inline-block; margin-left:21px; vertical-align:middle; cursor:pointer;}
div#header div.gnb .tnb span a{ color:#fff;}
div#header div.gnb .tnb span:hover,div#header div.gnb .tnb a:hover{ color:#bacfff;}
div#header div.gnb .tnb .btn_topDown{ width:90px; height:19px; display:inline-block; background:url(/web/images/common/btn_topdown.png) no-repeat center top;}
div#header div.vis_txt{ width:1000px; margin:40px auto 0 auto; text-align:center;}

div#header_sub div.gnb{ position:relative; width:1000px;height:52px; text-align:left; margin:0 auto; font-family:dotum,'돋움';}
div#header_sub div.gnb .logo{ display:inline-block; margin:11px 0 0 0; cursor:pointer; width:105px; height:26px; background:url(/web/images/common/logo_sub.png) no-repeat;}
div#header_sub div.gnb .logo_sc { display:inline-block; margin:11px 0 0 0; cursor:pointer; width:120px; height:26px; background:url(/web/images/scapture/logo_sub.png) no-repeat;}
div#header_sub div.gnb .tnb{ position:absolute; right:0px; top:20px; text-align:right; color:#43413e;}
div#header_sub div.gnb .tnb span{ color:#43413e;display:inline-block; margin-left:21px; vertical-align:middle; cursor:pointer;}
div#header_sub div.gnb .tnb span:hover{ color:#8aa5e2;}
div#header_sub div.gnb .tnb .btn_topDown{ width:90px; height:19px; display:inline-block; background:url(/web/images/common/btn_topdown_sub.png) no-repeat center top;}
div#header_sub div[class^="sub_vis"]{ height:103px; width:100%; background:url(/web/images/content/vis_sub.jpg) repeat-x center top;}
div#header_sub div.sub_vis_v2 {background:url(/web/images/content/vis_sub02.jpg) repeat-x center top;}
div#header_sub div.sub_vis_sc {background:url(/web/images/scapture/vis_sub.jpg) repeat-x center top;}

div#header_scapture div.gnb {position:relative; width:1000px; text-align:left; margin:0 auto; font-family:dotum,'돋움';}
div#header_scapture div.gnb .logo {display:inline-block; margin:15px 0 0 0; cursor:pointer; width:125px; height:26px; background: url(/web/images/scapture/logo_scapture.png) no-repeat; }
div#header_scapture div.gnb .tnb{ position:absolute; right:0px; top:25px; text-align:right; color:#fff;}
div#header_scapture div.gnb .tnb span{ color:#fff; display:inline-block; margin-left:21px; vertical-align:middle; cursor:pointer;}
div#header_scapture div.gnb .tnb span a{ color:#fff;}
div#header_scapture div.gnb .tnb span:hover,div#header div.gnb .tnb a:hover{ color:#bacfff;}
div#header_scapture div.gnb .tnb .btn_topDown{ width:90px; height:19px; display:inline-block; background:url(/web/images/common/btn_topdown.png) no-repeat center top;}
div#header_scapture div.vis_txt{ width:1000px; margin:40px auto 0 auto; text-align:center;}

div.wing span{ position:fixed;bottom:372px;left:50%; margin:0 0 0 560px; z-index:99; width:100px;}
div.wing span.second_ban{bottom:270px;}
div.wing span.third_ban {bottom:168px;}

/*****************************메인 컨텐츠 css*/
div.mainWrap_s,div.mainWrap_m,div.mainWrap_b,div.mainWrap_capture {width:100%; text-align:center; background:#fff;}

h2.mc_title {text-align:center; display:block; color:#2c2f3e; font-size:35px; letter-spacing:-2px; }
h2.mc_title strong {font-weight:500;}
h2.mc_title em {color:#8aa5e2;}
h2.scap_s_title {text-align:center; display:block; background:url(/web/images/scapture/title_sec01.gif) no-repeat center; text-indent:-99999px; padding:10px;}

p.mc_title_txt {color:#999fa7; font-size:17px; letter-spacing:0px; background:url(/web/images/main/bg_mline.png) no-repeat center bottom; padding:5px 0 29px 0; }
p.mc_title_txt strong{ font-weight:600; color:#737a84;}

div.mainWrap_s {height:313px; margin-top:30px;}
div.mc_icon_txt {color:#3a4143; width:1000px; margin:10px auto 0 auto; text-align:center;}
div.mc_icon_txt ul {float:left;}
div.mc_icon_txt ul li.block_a {width:165px; height:112px; background:url('/web/images/main/info_icon1.png') no-repeat center top;}
div.mc_icon_txt ul li.block_b {width:265px; height:112px; background:url('/web/images/main/info_icon2.png') no-repeat center top;}
div.mc_icon_txt ul li.block_c {width:278px; height:112px; background:url('/web/images/main/info_icon3.png') no-repeat center top;}
div.mc_icon_txt ul li.block_d {width:292px; height:112px; background:url('/web/images/main/info_icon4.png') no-repeat center top;}
div.mc_icon_txt .txt_info {text-align:center; color:#2b36ca; font-size:17px; line-height:22px;}
div.mc_icon_txt .txt_info strong {color:#000; font-size:50px; line-height:85px; margin-bottom:20px; letter-spacing:-1px; font-weight:normal;}
div.mc_icon_txt .txt_info em {color:#999; font-size:13px; font-weight:normal;}

div.mainWrap_m {background:#f1f2f4; }
div.mainWrap_m .area_beta {height:307px; width:900px; margin:0 auto;}
div.mainWrap_m .area_beta:after {clear:both; content:"";}
div.mainWrap_m .area_beta h2 {display:block; font-size:38px; line-height:50px; color:#252525; font-weight:500; padding-to :85px; letter-spacing:-2px; text-align:left;}
div.mainWrap_m .area_beta h2 strong {font-weight:500; color:#241ae9;}
div.mainWrap_m .area_beta h2 small {font-size:16px; color:#a8abad; line-height:16px;}
div.mainWrap_m .area_beta p.mImg {float:right; margin-top:-35px;}

div.mainWrap_b {background:#7c9aea;}
div.mainWrap_b ul.s_info{ zoom:1; width:1000px; margin:0 auto;}
div.mainWrap_b ul.s_info:first-child{ border-bottom:1px solid #96aeee;}
div.mainWrap_b ul.s_info:after{ clear:both; display:block; content:"";}
div.mainWrap_b ul.s_info li{float:left; width:331.5px; height:295px; border-right:1px solid #96aeee; text-align:center;}
div.mainWrap_b ul.s_info li:first-child{ border-left:1px solid #96aeee;}
div.mainWrap_b ul.s_info li h4 {color:#fff; font-size:28px; margin:60px 0 24px 0;}
div.mainWrap_b ul.s_info li p {color:#304ea1; font-size:15px; margin-top:24px; line-height:17px; letter-spacing:-1px; }

div.mainWrap_capture {overflow:hidden; margin:125px auto;}
div.mainWrap_capture .sc_img_A {width:1000px; margin:40px auto; text-align:center;}
div.mainWrap_capture .sc_img_B {width:660px; margin:40px auto; text-align:center;}
div.mainWrap_capture .sc_img_A ul,div.mainWrap_capture .sc_img_B ul {float:left; margin:55px 15px;}
div.mainWrap_capture .sc_img_A ul li.block_a {width:300px; height:170px; background:url('/web/images/scapture/about_img01.png') no-repeat center top;}
div.mainWrap_capture .sc_img_A ul li.block_b {width:300px; height:170px; background:url('/web/images/scapture/about_img02.png') no-repeat center top;}
div.mainWrap_capture .sc_img_A ul li.block_c {width:300px; height:170px; background:url('/web/images/scapture/about_img03.png') no-repeat center top;}
div.mainWrap_capture .sc_img_B ul li.block_d {width:300px; height:170px; background:url('/web/images/scapture/about_img04.png') no-repeat center top;}
div.mainWrap_capture .sc_img_B ul li.block_e {width:300px; height:170px; background:url('/web/images/scapture/about_img05.png') no-repeat center top;}
div.mainWrap_capture .sc_img_A .txt_title,div.mainWrap_capture .sc_img_B .txt_title {text-align:center; color:#3240ff; font-size:26px; line-height:29px; letter-spacing:-1px; font-weight:600; margin:15px auto 10px auto;}
div.mainWrap_capture .sc_img_A .txt_title small,div.mainWrap_capture .sc_img_B .txt_title small {font-size:17px;}
div.mainWrap_capture .sc_img_A .txt_info,div.mainWrap_capture .sc_img_B .txt_info {color:#666; font-size:16px; font-weight:normal; line-height:20px; letter-spacing:-1px;}
div.mainWrap_capture .sc_img_A .txt_info strong,div.mainWrap_capture .sc_img_B .txt_info strong {color:#333;}
div.mainWrap_capture .sc_img_A .txt_info small,div.mainWrap_capture .sc_img_B .txt_info small {font-size:14px;}

/*****************************공통 css*/
input.txtTypeA,textarea.txtTypeA{ color:#333;height:25px; width:280px; padding:5px 5px 4px 10px;border:1px solid #8b959d; vertical-align:middle; background:#fff; text-align:left; font-weight:bold; font-size:15px;}
select.txtTypeA{padding:5px;height:35px;width:295px; font-size:14px; border:1px solid #8b959d;font-weight:600;}
input:focus,select:focus,input:hover,select:hover{ border:1px solid #727bf7; background:#fff;}
label.txtTypeA{ color:#313131; display:inline-block; margin:0 30px 0 3px; font-weight:600;vertical-align:top;vertical-align:-moz-middle-with-baseline;}
label.txtTypeB{ color:#999; display:inline-block; margin:0 15px 0 3px;font-weight:600;}
textarea.txtTypeA{ color:#313131; padding:6px 5px 3px 5px; height:125px;}

.radioset { font-size: 120%;color:#272727;font-weight:bold;}
.radioset button{display: block;height:32px;width: 32px;overflow: visible;}
.radioset span { background: url(/web/images/common/button_form.png) no-repeat scroll -60px 0 transparent; display: inline-block;height:32px; width:32px;vertical-align: middle;padding:2px 5px 0 0px;}
.radioset span.on {background: url(/web/images/common/button_form.png) no-repeat scroll 0px 0 transparent;}
.radioset label {cursor: pointer; display: inline-block; font-size:14px;margin-right: 15px;vertical-align: middle;color:#272727; font-weight:600;}

.check {color: #272727;text-align:left;}
.check button{display: block;overflow: visible;width:20px;height:21px;}
.check span{ cursor:pointer;background:url(/web/images/common/button_form.png) no-repeat -59px -68px; display: inline-block;width:20px;height:21px;vertical-align:middle; }
.check span.on{ background:url(/web/images/content/button_form.png) no-repeat 0px -68px;}
.check label {cursor: pointer;display: inline-block;margin:0 6px 12px 4px;vertical-align:top;color:#808080; font-size:14px;}
.check label.all_lb{ color:#272727; font-weight:600;text-decoration:none;}
.check label em{font-size:13px; vertical-align:top; display:inline-block; margin-left:3px;}

em.icon_set{ display:inline-block; background:url(/web/images/common/iconset.png) no-repeat; background-position:-7px -1px; width:11px; height:10px; margin-left:15px; vertical-align:middle;}

div.txtGuideA{ text-align:center; margin:30px 0 26px 0;}
div.txtGuideA strong{ color:#8aa5e2;}
span.txt_sguide{ color:#f16a4f; font-size:13px; display:inline-block; margin-left:5px;}

/*****************************기본 버튼css*/
.btnbasic {text-align:center;}
.btnbasic_main {position:relative; margin:15px auto 0 auto; text-align:center;;}
button em.icon_set{  background-position:-7px -1px; width:11px; height:10px; margin-left:15px; vertical-align:middle;}
.btnbasic button{display:inline-block; text-align:center; margin:0 5px; font-family:NanumGothic;}
.bbtn button{display:inline-block;text-align: center;background:#131314;font-size:17px;font-weight:500;color:#fff;padding:13px 45px 12px;border:1px solid #131314; }
.bbtn button:hover{ background:none;border:1px solid #131314;  color:#000;}
.bbtn button:hover em.icon_set{ background-position:-73px -1px;}
.sbtn button{display:inline-block;text-align: center;background:#727bf7;font-size:17px;font-weight:500;color:#fff;padding:13px 45px 12px;border:1px solid #727bf7; }
.sbtn button:hover{ background:none; color:#727bf7;border1px solid #727bf7;}
.sbtn button:hover em.icon_set{ background-position:-40px -1px;}

.cbtn button{display:inline-block;text-align: center;background:#6e89ff;font-size:17px;font-weight:600;color:#fff;padding:13px auto 12px auto;border-radius:100px;}
.cbtn button:hover{ background:none; color:#6e89ff;border:1px solid #6e89ff;}

#header .btnbasic{ width:1000px; margin:0 auto; text-align:left;}
#header .bbtn button{background:none;color:#fff;padding:13px 36px 12px;border:1px solid #fff; min-width:198px;}
#header .bbtn button:hover{ background:#fff; color:#000; }

/*****************************서브 컨텐츠 css*/
div.sub_content{ position:relative; width:1000px; margin:66px auto 150px auto; text-align:center; min-height:522px;}
div.icon_faq{ background:url(/web/images/content/icon_title_faq.png) no-repeat left top;}
div.icon_notice{ background:url(/web/images/content/icon_title_notice.png) no-repeat left top;}
div.icon_art{ background:url(/web/images/content/icon_title_art.png) no-repeat left top;}
div.icon_skin{ background:url(/web/images/content/icon_title_skin.png) no-repeat left top;}
div.sub_title h2{ height:46px; color:#1d1a1a; font-size:34px; padding:9px 0 0 74px; vertical-align:middle; text-align:left; font-weight:bold; letter-spacing:-1px;}
div.area_search{ position:absolute; top:10px; right:0px;}
div.area_search img{ display:inline-block; cursor:pointer; margin-left:3px;}
div.search_result{ position:absolute; top:76px; left:0px; color:#7f7f7f; font-size:14px;}
div.search_result strong{ color:#f16a4f;}

div.sect_article{border-top:2px solid #383632;margin-top:49px;width:990px; padding:10px 0 0 10px;white-space:pre-line; word-break:keep-all;word-wrap: break-word; line-height:24px; text-align:left; color:#505050;white-space: -moz-pre-wrap;}
*:first-child+html div.sect_article{border-top:2px solid #383632;margin-top:49px;width:990px; padding:10px 0 0 10px;white-space:pre; word-break:keep-all;word-wrap: break-word; line-height:24px; text-align:left; color:#505050;}
div.sect_article strong{ font-weight:bold; color:#313131;}

/**테이블 css*/
.tab_faq {width:100%;overflow:hidden;margin:0 auto 0px auto;}
.tab_faq li {float:left;margin:0 0 0 -1px;padding:8px 0px 6px;}
.tab_faq li a{font-size:14px;padding:0px 40px 0px; border-left:1px solid #d9dadb; color:#767676;}
.tab_faq li a:hover{ color:#597fd5;}
.tab_faq li.on {position:relative;background:#383632;}
.tab_faq li.on a {color:#fff; border-left:0px solid #d9dadb; !important;}

.sect_tbl{ width:1000px; margin:0 auto 0 auto; padding:49px 0 0 0; text-align:center; font-size:14px;}
.tbl_list{ width:100%;border-top:2px solid #383632;}
.tbl_list td { position:relative;border-bottom:1px solid #d4d4d4;text-align:left;height:70px;color:#313131; width:910px;}
.tbl_list tr td:first-child{ color:#bbc4cd;font-family:verdana,Tahoma, Geneva, sans-serif,nbgttf,nbgeot,nbgwoff; width:90px; text-align:center;}
.tbl_list .date{ position:absolute; right:20px; top:28px; font-size:13px; font-family:Verdana, Geneva, sans-serif; color:#4a4b4d; }
.tbl_list td.on a{color:#241ae9; font-weight:bold;}
.tbl_list .faq td.on{ background:url(/web/images/content/icon_arrow_on.png) no-repeat right 30px; }

.skin_date{ position:absolute; right:20px; top:28px; text-align:right;}
.skin_date span{ float:left; display:inline-block;}
.skin_date span.date{ position: relative; right:0px; top:-2px;}
.skin_date .log{ color:#acacac; font-size:13px; display:inline-block;margin-left:20px;}
.skin_date .log strong{ color:#2c2d2e; margin-left:4px; font-weight:700;}
.skin_date .btn_down{ margin-top:-15px; margin-left:20px;}

.tbl_list .board tr.answer td{padding:20px 0 15px 0;text-align:left;line-height:24px;background:#f6f7f8;vertical-align:top;height:40px;border-bottom:1px solid #d4d4d4;}
.tbl_list .board tr.answer .pre{width:860px;white-space:pre-line; word-break:keep-all;word-wrap: break-word;  line-height:24px;}
*:first-child+html .tbl_list .board tr.answer .pre {width:860px;white-space:pre; word-break:keep-all;word-wrap: break-word;  line-height:24px;}/*IE7 핵*/
.tbl_list .board tr.answer img {max-width:860px; display:block;}
.tbl_list .board tr.skin_answer td{ background:#fff; border-bottom:2px solid #d4d4d4;}

div.pagination{ margin:50px auto 70px auto;}
div.pagination .navi{ vertical-align:top;padding-top:0px; margin:0 2px;}
div.pagination a{ display:inline-block; text-align:center; font-family:verdana,Tahoma; font-size:12px; color:#949494; width:22px; height:17px; padding-top:4px}
div.pagination a.on{ color:#fff; width:20px; height:17px; border:1px solid #1f1f1f; background:#383838; }

.write_agree{ position:relative; width:100%; text-align: left; padding:12px 0 30px 0px; font-size:12px; color:#9a9a9a; line-height:18px;}
.write_agree label{ font-weight:600; font-size:14px; color:#313131; margin:0 0 0 3px; word-break:keep-all;}
.write_agree p.txt{ padding:5px 0 0 20px;}
.write_agree em.normal{ font-weight:normal; display:inline-block; padding:0 0 0 20px;}
/* 레이어 */
#mask { position:absolute; z-index:9000; background-color:#333; display:none; }
#boxes .window {position: absolute;display:none; z-index:9999; }
#boxes #dialog {width:675px;padding:40px;text-align:center;background:#fff;color:#313131;}
#boxes #dialog_apply {width:675px;padding:40px;text-align:center;background:#fff;color:#313131;}
#boxes .head{ position:relative;text-align:left;}
#boxes .head h3{font-size:28px; color:#262626; font-weight:600;}
#boxes .head .close{ position:absolute; top:-8px; right:10px;}
#boxes .head p.sguide{ font-size:12px; color:#999; padding:18px 0 0 0;}
#boxes .head p.sguide em{ color:#8aa5e2;}
#boxes .section_form{ border-top:2px solid; margin-top:11px; padding:8px 0 0 0;}
#boxes .section_form .tbl_user{ width:100%; text-align:left;   }
#boxes .section_form .tbl_user th{ color:#7a8585; font-size:15px; padding:0 0 0 8px; width:117px; vertical-align:middle;text-align:left; font-weight:500; }
#boxes .section_form .tbl_user th em{ color:#8aa5e2; display:inline-block; width:14px;}
#boxes .section_form .tbl_user th,.tbl_user td{ border-bottom:1px solid #eaeaea;}
#boxes .section_form .tbl_user td{ padding:8px 0;vertical-align:middle; font-size:14px;font-family:dotum; min-height:30px;}
#boxes .section_form .tbl_user td .guide{ color:#999; font-size:13px; padding:5px 0 0 0;}
#boxes .section_form .tbl_user td .guide em{ color:#8aa5e2;}
#boxes .section_txt{ line-height:20px; font-size:14px; letter-spacing:0px;}
#boxes .section_txt h4{ text-align:center; font-size:26px; margin:30px 0 0 0; font-weight:600;}

div.layer_naversoft {position:absolute; left:50%; top:22%; margin-left:-320px; z-index:999; float:left;}
div.layer_naversoft2 {position:absolute; left:50%; top:22%; margin-left:-320x; z-index:999;}
div.layer_naversoft3 {position:absolute; left:40%; top:15%; margin-left:-520x; z-index:999;}
div.layer_topbanner {width:100%; position:relative; height:120px; background:url('/web/images/main/smemo_main_topbanner.jpg') no-repeat center top #fff;}
div.layer_topbanner ul {width:1400px; margin:0 auto;}
div.layer_topbanner ul li {float:right; margin:24px 5px 0 0;}
div.layer_topbanner ul li.btn_1 { margin-right:168px;}



.mar01 { margin-bottom:100px;}