@import url(https://fonts.googleapis.com/css?family=Maven+Pro:400);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,600);

*{margin:0;padding:0;}
html {overflow-y:scroll;}
ul,li,dl,dt,dd {margin:0;padding:0;list-style:none;}
form {margin:0;padding:0;}
body{position:relative;background:url('http://image.inames.co.kr/2014_inames/images/top_line.gif') repeat-x 0 0;}
body, div{margin:0; padding:0;color:#656565; font:12px "¸¼Àº °íµñ","µ¸¿ò","Malgun Gothic",Dotum,Helvetica,AppleGothic,Sans-serif; word-break:break-all;}
input,textarea{vertical-align:middle;  font-family: "¸¼Àº °íµñ","µ¸¿ò","Malgun Gothic",Dotum,Helvetica,AppleGothic,Sans-serif; }
table {border-collapse:collapse; }
td,th{font-size:12px;color:#333;  font-family: "¸¼Àº °íµñ","µ¸¿ò","Malgun Gothic",Dotum,Helvetica,AppleGothic,Sans-serif; line-height:20px;}
.blind {overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0 } /* 03.19 Ãß°¡ */

/*ÀÓ½Ã*/
#header {width:100%;min-width:980px;background:url('http://image.inames.co.kr/2014_inames/images/top_line.gif') repeat-x 0 0}
.gnb {margin:0 auto}
.footer4 {min-width:980px;margin-bottom: 0;padding-bottom:20px;background: #fff url('http://image.inames.co.kr/2014_inames/images/footer_bg01.gif') repeat-x 0 0;}
.footer4.mt20 {margin-top:0!important}

/* layout */
.container {position:relative;width:980px;margin:20px auto}
.container:after {clear:both;content:'';display:block}
.container div {box-sizing:border-box}

div.smart_container {position:relative;width:100%;min-width:980px;margin: 0 auto;padding:0 0 100px;overflow: hidden}
.smart_container.bg_order:after {position:fixed;z-index:-1;top:0;left:0;right:0;bottom:0;width:100%;height:100%;min-height:100%;content:'';background:#1b1526 url(http://image.inames.co.kr/2016_inames/sb/bg_order.jpg) no-repeat 50% 0;background-size:100% auto}
.smart_container .bg_template {position:fixed;z-index:-1;top:0;left:0;right:0;bottom:0;width:100%;content:'';background:url(http://image.inames.co.kr/2016_inames/sb/bg_temp1_1600.png) no-repeat,url(http://image.inames.co.kr/2016_inames/sb/bg_temp2_1600.jpg) no-repeat,#ccccca;background-position:50% 0,0 100%;background-size:auto,auto;}
.smart_container .bg_infoheader {position:fixed;z-index:-1;top:0;left:0;right:0;width:100%;height: 570px;background:url(http://image.inames.co.kr/2016_inames/sb/bg_info1.jpg) no-repeat;background-position:50% 0;}
.smart_container .container {position:relative;width:980px;margin:0 auto;z-index: 1;}
@media all and (min-width:1600px){
	.smart_container .bg_template {background-size:100% auto,100% auto;}
	.smart_container .bg_infoheader {background-size:100% auto}
}
@media all and (min-width:1900px){
	.smart_container .bg_template {background-position:50% -300px,0 100% !important;background-size:100% auto,100% auto;}
}

/* title */
.smart_title {position:relative;padding:70px 0;font-size: 22px;line-height:20px;color:#fff;height: 24px;letter-spacing: -1px;box-sizing:border-box}
.smart_title span {position:relative;display:inline-block;vertical-align:top}
.smart_title span:after {position:relative;vertical-align:top;display:inline-block;width:13px;height:24px;margin:0 15px;background:url(http://image.inames.co.kr/2016_inames/sb/ico_more.png) no-repeat 0 50%;content:'';}
.smart_title span:last-child:after {display:none}
.smart_title .home {background: url(http://image.inames.co.kr/2016_inames/sb/ico_home.png) no-repeat 0 50%;padding: 0 0 0 35px;}

.info_title {position:relative;padding: 40px 0 0 35px;font-family: 'Open Sans', sans-serif;color:#fff;line-height:1;}
.info_title strong {display:block;margin: 0 0 20px;font-size:35px;font-weight:600;}
.info_title strong+span {display:block;margin: 0 0 50px;font-size: 25px;font-weight:300;}
.info_title .sbuilder_btn {margin-left:0!important}

.info_subtitle {position:relative;color:#fff;}
.info_subtitle h2 strong {display:block;font-size: 28px;letter-spacing: -1px;font-weight:normal;margin:0 0 30px;}
.info_subtitle p {font-size: 18px;line-height:1;margin:0 0 10px;}

.info_subtitle.txt_left,
.info_subtitle.txt_right {float: right;width:460px;padding: 100px 0 0 0;}
.info_subtitle.txt_left {padding-top:130px}
.info_subtitle.txt_right {margin-left:500px}
.info_subtitle.txt_left h2 strong,
.info_subtitle.txt_right h2 strong {margin-top:15px}
.info_subtitle.txt_left p,
.info_subtitle.txt_right p {line-height: 1.8;}

.smartinfo_dragndrop .info_subtitle {text-align:center}
.smartinfo_footer .info_subtitle {text-align:center;padding:80px 0 0 0;background:url(http://image.inames.co.kr/2016_inames/sb/ico_hand.png) no-repeat 50% 0}

/* contents */
.order_step {position:relative;margin:0 0 40px}
.order_step:after {content:'';display:block;clear:both}
.order_step ol {}
.order_step ol:after {content:'';display:block;clear:both}
.order_step li {position:relative;float:left;display:inline-block;width:33.3333%;color:#fff;box-sizing:border-box}
.order_step li.order_step1,
.order_step li.order_step2 {background:url(http://image.inames.co.kr/2016_inames/sb/order_line.png) no-repeat 100% 50%;}
.order_step li .num {position:absolute;top:0;left:45px;width:40px;height:30px;background:url(http://image.inames.co.kr/2016_inames/sb/order_num.png) no-repeat;font-size:0;line-height:0;text-indent:-9999px}
.order_step li.order_step2 .num {background-position:0 0}
.order_step li.order_step2 .num {background-position:-50px 0}
.order_step li.order_step3 .num {background-position:-100px 0}
.order_step li .icon {display:block;margin:0 auto;width:140px;height:140px;background:url(http://image.inames.co.kr/2016_inames/sb/order_step.png) no-repeat}
.order_step li.order_step1 .icon {background-position:0 -140px}
.order_step li.order_step2 .icon {background-position:-140px -140px}
.order_step li.order_step3 .icon {background-position:-280px -140px}
.order_step li.order_step1.on .icon {background-position:0 0}
.order_step li.order_step2.on .icon {background-position:-140px 0}
.order_step li.order_step3.on .icon {background-position:-280px 0}
.order_step li strong {display:block;text-align:center;font-size:18px;margin:20px 0 0 0}

.step1_feature {position:relative;}
.step1_feature:before {position:absolute;left:0;right:50%;margin:0 413px 0 0;top:45px;height:233px;background-color:#fa2828;content:''}
.step1_feature:after {position:absolute;left:50%;right:0;margin:0 0 0 413px;top:45px;height:233px;background-color:#fa2828;content:''}

.step1_feature .price_list {position:relative;float:left;height:250px;width:320px;background-color:#ff453b;border-radius:8px;z-index:1;margin: 0 0 60px 0;}
.step1_feature .price_list:after {content:'';position:absolute;bottom: -28px;left: 8px;border:solid #c9241c; border-width:14px 35px;border-left-color:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0);}
.step1_feature .price_title {width:180px;height:65px;margin:0 auto;padding:20px 0 15px;font-family: 'Maven Pro', sans-serif;color:#fff;text-align:center;font-size:30px;line-height:1;border-bottom:1px solid #fff;box-sizing:border-box}
.step1_feature .price {text-align:center;color:#fff;padding:22px 0;font-size:22px;letter-spacing:-2px}
.step1_feature .price strong {display:inline-block;vertical-align:top;font-size:32px;line-height:28px;padding:0 2px}
.step1_feature .price_list ul {width:180px;margin:0 auto;}
.step1_feature .price_list li {font-size:18px;color:#fff;letter-spacing:-1px;line-height:1;padding:0 0 13px}
.step1_feature .price_list span {display:inline-block;width:70%}
.step1_feature .price_list span:after {float:right;content:':';padding:0 10% 0 0}

.step1_feature .feature_list {position:relative;float:left;height:250px;width:660px;background-color:#fff;border-radius:8px;z-index:1;margin: 0 0 60px 0;}
.step1_feature .feature_list:after {content:'';position:absolute;bottom: -28px;right: 8px;border:solid #c9241c;border-width:14px 35px;border-right-color:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0);}
.step1_feature .feature_title {width:510px;height:65px;margin:0 auto;padding:20px 0 15px;text-align:center; border-bottom:1px solid #ddd;font-size:20px;box-sizing:border-box}
.step1_feature .feature_list ul {width: 510px;margin:0 auto;padding:30px 0 0 0;}
.step1_feature .feature_list ul:after {content:'';clear:both;display:block}
.step1_feature .feature_list li {position:relative; float:left;width:50%;font-size:16px;line-height:1;padding:0 0 20px 12px;box-sizing:border-box;letter-spacing:-0.5px}
.step1_feature .feature_list li:before {content:'';width:4px;height:4px;background-color:#666;position:absolute;left:0;top:8px;margin:-2px 0 0 0;display:block}
.step1_feature .feature_list span {}
.step1_feature .feature_list span:after {}

.step1_feature .note_list {position:relative;background-color:rgba(0,0,0,0.33);clear: both;padding:40px 75px;color:#fff;margin:0 0 30px}
.step1_feature .note_title {height:40px;padding:0 0 0 25px;font-size:18px;background:url(http://image.inames.co.kr/2016_inames/sb/ico_warning.png) no-repeat 0 5px;line-height:24px}
.step1_feature .note_list ul {}
.step1_feature .note_list li {font-size:16px;line-height:28px;letter-spacing:-0.5px}

.step_container {}
.step_container .step_contentbox {position:relative;padding: 10px 0;margin: 0 0 50px;background:#fcfbfb url(http://image.inames.co.kr/2016_inames/sb/orderbox_bg.png) no-repeat 0 0;}
.step_container .step_contentbox:after {position: absolute;display: block;width: 980px;height:60px;background:url(http://image.inames.co.kr/2016_inames/sb/orderbox_line.png) no-repeat 0 0;content:'';}

.step_container .step_contentbox:first-child {border-radius:15px 15px 0 0;padding-top: 20px;}
.step_container .step_contentbox:last-child {padding-bottom:50px;border-radius:0 0 15px 15px}
.step_container .step_contentbox:last-child:after {display:none!important}

.step_contentbox .step_title {margin:0 20px;padding-top: 0;border-bottom:1px solid #222}
.step_contentbox .step_title2 {margin-top:30px}
.step_contentbox .step_title.agree_title {margin-top:40px}
.step_contentbox .step_title:after {clear:both;content:'';display:block}
.step_contentbox .step_title h3{float:left;height: 36px;font-size:18px;padding: 0;letter-spacing:-1px;}
.step_contentbox .step_title h4{float:left;font-weight:normal;padding: 6px 0 0 12px;color:#888;font-size:14px;letter-spacing:-1px;}
.step_contentbox .step_title .RadioCheckbox{float:right;padding-top: 2px;}
.step_contentbox .step_title .RadioCheckbox label {font-size:16px!important;letter-spacing:-1px;line-height: 1!important;font-weight: bold;padding-left: 23px!important;}

.step_contentbox .step_table {width:940px;margin:0 auto;box-sizing:border-box;}
.step_contentbox .step_table.topbar {border-top:1px solid #222;}
.step_contentbox .step_table caption {display:none}
.step_contentbox .step_table th{padding:15px 0;text-align:left; font-size:14px;color:#555;letter-spacing:-1px;border-bottom:1px solid #ddd;vertical-align:top}
.step_contentbox .step_table th:first-child {padding-left:20px}
.step_contentbox .step_table td{padding: 15px 0;font-size:14px;border-bottom:1px solid #ddd;color:#888;}
.step_contentbox .step_table td.p0 {padding:0}
.step_contentbox .step_table td.td_inp {padding:10px 0}
.step_contentbox .step_table td.total {font-size:16px;padding: 0;}
.step_contentbox .step_table td .domain {float:left;display:inline-block;font-size:18px;font-weight:bold;color:#555;letter-spacing:1px;padding: 2px 5px 0 0;line-height:1;}
.step_contentbox .step_table td .txt_ex {float:left;display:inline-block;margin:0 15px 0 0;line-height:28px}
.step_contentbox .step_table td .txt_ex .msg {font-size: 13px;letter-spacing:-1px;color:#fe7c3f}
.step_contentbox .step_table td .txt_ex2 {clear:both;display:block;margin:0 15px 0 0;line-height:1;padding-top:8px;font-size:12px}
.step_contentbox .step_table td .txt_target {display:inline-block;padding:10px; background-color:#eee;}
.step_contentbox .step_table td .total {font-size:14px}
.step_contentbox .step_table td .total span {color:#f00}
.step_contentbox .step_table td.payment_content {padding: 20px 20px 30px;}
.step_contentbox .inp_txt {float:left;height:28px;margin:0 5px 0 0;box-sizing:border-box;border:1px solid #e4e4e4;font-size:14px;line-height:1;padding:5px;color: #555;}
.step_contentbox .sel_txt {float:left;height:28px;margin:0 5px 0 0;border:1px solid #e4e4e4;font-family:'¸¼Àº °íµñ';color:#555}
.step_contentbox .tel {float:left;display:inline-block;hegiht:28px;line-height:28px; margin:0 5px 0 0;padding:0 2px}
.step_contentbox .step_table .box_product {display:inline-block;padding: 4px 15px;background-color:#fe7c3f;color:#fff;border-radius: 3px 20px 20px 20px;}

.step_contentbox .step_table .domain_list {}
.step_contentbox .step_table .domain_list li {float:left;display:inline-block; margin-right:50px}
.step_contentbox .step_table .domain_list li>p{}

.step_contentbox .step_table .period_list {}
.step_contentbox .step_table .period_list li {float:left;display:inline-block;width:50%;margin: 15px 0 0;}
.step_contentbox .step_table .period_list li>p{}
.step_contentbox .step_table .period_list li:first-child {width:100%;margin-top: 2px;}

.step_contentbox .step_table .payment_list {padding:0 0 0 20px}
.step_contentbox .step_table .payment_list.p0 {padding-left:0}
.step_contentbox .step_table .payment_list:after {clear:both;content:'';display:block}
.step_contentbox .step_table .payment_list li {float:left;display:inline-block;margin:0 20px 0 0}
.step_contentbox .step_table .payment_list li:last-child {margin:0}
.step_contentbox .step_table .payment_list li .target {position:relative;background-color:#bbb;padding:6px 8px;color:#fff;}
.step_contentbox .step_table .payment_list li .target:after {position:absolute;top:50%;right:-12px;margin:-6px 0 0 0;border:6px solid rgba(0,0,0,0);border-left-color:#bbb;content:'';}
.step_contentbox .step_table .payment_list li label {letter-spacing:-0.5px}
.step_contentbox .step_table .text_list {padding: 10px 15px;background-color: #f5f5f5;}
.step_contentbox .step_table .text_list li {padding:4px 0;font-size:12px;line-height:1}
.step_contentbox .step_table .text_list2 {margin:15px 0 0 0;padding:0}
.step_contentbox .step_table .text_list2 li {padding:4px 0; font-size:12px;line-height:1.3}

.step_contentbox .text_list3 {margin:20px;padding: 10px 15px;background-color: #f2f2f2;}
.step_contentbox .text_list3 li {padding:5px 0;font-size:12px;line-height:1}

.step_contentbox .step_vertable {width:940px;margin:0 auto;box-sizing:border-box;}
.step_contentbox .step_vertable.topbar {border-top:1px solid #222;}
.step_contentbox .step_vertable caption {display:none}
.step_contentbox .step_vertable th {padding: 14px 0;font-size:14px;color:#555;letter-spacing:-1px;border-bottom:1px solid #ddd;text-align:center;}
.step_contentbox .step_vertable td {padding: 14px 0;font-size:14px;border-bottom:1px solid #ddd;color:#888;text-align:center;}
.step_contentbox .step_vertable thead th {background-color:#efefee;padding: 17px 0;}
.step_contentbox .step_vertable tbody th {color:#16abaa}
.step_contentbox .step_vertable tfoot td {border-bottom:0}
.step_contentbox .step_vertable .total_finish {text-align:right;padding-right:30px}
.step_contentbox .step_vertable .total_finish strong {display:inline-block;color:#333;padding:0 25px 0 0;font-size:16px}
.step_contentbox .step_vertable .total_finish p {display:inline-block;font-size:16px;font-weight:bold;padding: 0 4px 0 0;}
.step_contentbox .step_vertable .total_finish .vat {display:inline-block;background-color:#ff453b;color:#fff;font-size:12px;line-height:1;padding: 6px 15px 6px 10px;border-radius: 5px 20px 20px 20px;}

.step_contentbox .payment_title {margin:20px 0 5px;font-weight:bold;color:#555}
.step_contentbox .deposit_list {border:1px solid #dcdcdc;margin:20px 0;padding:15px 20px;background-color:#fff}
.step_contentbox .deposit_list:after {clear:both;content:'';display:block}
.step_contentbox .deposit_list p {display:inline-block;font-size:14px;line-height:28px;padding:0 50px 0 0}
.step_contentbox .deposit_list p strong {font-size:16px}
.step_contentbox .deposit_list .sbuilder_btn {float:none}

.step_contentbox .payment_table {width:100%;border-top:1px solid #dcdcdc;border-left:1px solid #dcdcdc}
.step_contentbox .payment_table th,
.step_contentbox .payment_table td {padding:15px;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}
.step_contentbox .payment_table th {background-color:#ececec;color:#555}
.step_contentbox .payment_table td {background-color:#fff;padding-left:15px!important}

.step_contentbox .payment_table2 th {padding:14px 10px;background-color:#f8f8f8}
.step_contentbox .payment_table2 td {padding:10px}

.step_contentbox .payment_vertable {width:95%;border-top:1px solid #dcdcdc;border-left:1px solid #dcdcdc}
.step_contentbox .payment_vertable th,
.step_contentbox .payment_vertable td {padding:10px;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;text-align:center}
.step_contentbox .payment_vertable th {background-color:#ececec;color:#555}
.step_contentbox .payment_vertable td {background-color:#fff;padding-left:15px!important}

.step_contentbox .c_555 {color:#555}
.step_contentbox .c_blue {color:#06c}
.step_contentbox .c_red {color:#ff453b}
.step_contentbox .c_green {color:#139A05}
.step_contentbox .f_16 {font-size:16px}
.step_contentbox .t_center {text-align:center!important}
.step_contentbox .t_left {text-align:left!important}
.step_contentbox .t_right {text-align:right!important}

/*button*/
.sbuilder_btnarea {position:relative;padding: 40px 0 0 0;text-align:center;font-size: 0;}
.sbuilder_btnarea a {display:inline-block}
.sbuilder_btn {display:inline-block;border-radius:4px;transition:0.2s background-color;-webkit-transition:0.2s background-color;cursor:pointer;box-sizing:border-box}
.sbuilder_btn.sb_small {float:left;margin:0 10px 0 0;padding:0 15px;height:28px;line-height:28px}
.sbuilder_btn.sb_medium {width:160px;margin:0 10px;padding: 13px 0 0 0;height:50px;font-size:18px;font-weight:normal;line-height: 18px;text-align:center;}
.sbuilder_btn.sb_medium2 {margin:0 10px;padding: 10px 20px 0;height: 40px;font-size: 16px;line-height: 1;text-align:center;font-weight: bold;border-radius: 6px;}
.sbuilder_btn.sb_big {min-width:160px;margin:0 10px;padding: 12px 10px 0;height:50px;font-size:20px;font-weight:bold;line-height: 1;text-align:center;}
.sbuilder_btn.build_info {width:230px;height:55px;padding-top:15px;margin:0 20px;border-radius:8px;}
.sbuilder_btn.sb_main {width:210px;height:64px;margin:0 15px 0 0;padding:17px 0 0 0;font-weight:normal;font-size:24px;border-radius: 6px;box-sizing:border-box;}
.info_title .sbuilder_btn.sb_big {height:55px;padding-top:14px;border-radius:6px}
.popup_smartbox .sbuilder_btn {width:180px;font-weight:bold;padding-top:15px}

.sbuilder_btn.sb_red {color:#fff;background-color:#ff453b}
.sbuilder_btn.sb_gray {color:#fff;background-color:#555}
.sbuilder_btn.sb_wline {color:#fff;background-color: transparent;border:2px solid #fff;transition:0.2s background-color,0.2s border-color;-webkit-transition:0.2s background-color,0.2s border-color;}

.sbuilder_btn.sb_red:hover {background-color:#fd6c64}
.sbuilder_btn.sb_gray:hover {background-color:#7a7a7a}
.sbuilder_btn.sb_wline:hover {color:#fff;background-color:#ff453b;border:2px solid #ff453b}
/* .sbuilder_btn.sb_main.sb_wline:hover {background-color:rgba(255,255,255,0.2);border:2px solid #fff} */

.step_contentbox .agree_box {position:relative;width: 920px;margin:15px auto;}
.step_contentbox .agree_box.agree_centerbox {text-align:center}
.step_contentbox .agree_box.agree_centerbox>p {display:inline-block}
.step_contentbox .agree_box label {font-size:16px!important;letter-spacing:-1px;line-height:17px!important}
.step_contentbox .agree_box a {color:#ff453b;font-size:16px;}
.step_contentbox .agree_box a:hover {text-decoration:underline}

.step_contentbox .agree_box2 {position:relative;width: 940px;margin:15px auto;padding:20px;border:1px solid #ddd;background-color:#fff}
.step_contentbox .agree_box2 label {font-size:16px!important;letter-spacing:-1px;line-height:17px!important}
.step_contentbox .agree_box2 ul {margin:20px 0 0 0}
.step_contentbox .agree_box2 ul li {padding:5px 0;line-height:1;font-size:14px;letter-spacing:-1px}

.step_contentbox .speaker_box {position:relative;width: 920px;margin: 15px auto 5px}
.step_contentbox .speaker_box.speaker_box2 {margin-bottom: 40px;}
.step_contentbox .speaker_box:after {clear:both;content:'';display:block}
.step_contentbox .speaker_box .message {border:1px solid #e4e4e4;color:#4cb8b7;height:30px;line-height: 1;font-size: 14px;padding: 6px 0 0 35px;letter-spacing:-1px;background: #fff url(http://image.inames.co.kr/2016_inames/sb/ico_speaker.png) no-repeat 12px 50%;box-sizing:border-box;}
.step_contentbox .speaker_box .message2 {float:left;width: 775px;}
.step_contentbox .speaker_box .warning_message {float:left;line-height:30px;height:30px;font-size:14px;padding:0 0 0 36px;color:#ff453b;background:url(http://image.inames.co.kr/2016_inames/sb/ico_warning_red.png) no-repeat 12px 50%;letter-spacing:-1px}
.step_contentbox .speaker_box .btn_link {float:right;height:30px;}
.step_contentbox .speaker_box .btn_link {color:#fff}
.step_contentbox .speaker_box .btn_link a {display:block;color:#fff}
.step_contentbox .speaker_box .btn_link span {display:inline-block;height:30px;line-height:1;padding-top:8px;box-sizing:border-box;vertical-align:top;background-color:#ff453b;transition:0.2s background-color;-webkit-transition:0.2s background-color;cursor:pointer}
.step_contentbox .speaker_box .btn_link .btn_link_icon {width:35px;height:30px;margin-right:1px;border-radius:5px 0 0 5px}
.step_contentbox .speaker_box .btn_link .btn_link_icon.ico_pencil {background:#ff453b url(http://image.inames.co.kr/2016_inames/sb/ico_pencil.png) no-repeat 50% 50%}
.step_contentbox .speaker_box .btn_link .btn_link_icon.ico_sun {background:#ff453b url(http://image.inames.co.kr/2016_inames/sb/ico_sun.png) no-repeat 50% 50%}
.step_contentbox .speaker_box .btn_link .txt {width:100px;text-align:center;border-radius:0 5px 5px 0/* ;font-family:'µ¸¿ò','dotum'; */}
.step_contentbox .speaker_box .btn_link a:hover span {background-color:#fd6c64!important}
.step_contentbox .speaker_box.speaker_msg2 {border:1px solid #e4e4e4}/*2ÁÙÀ϶§*/
.step_contentbox .speaker_box.speaker_msg2 a {display:inline-block}
.step_contentbox .speaker_box.speaker_msg2 .message {border:0;padding: 0 0 0 35px;line-height: 32px;height: 32px;}
.step_contentbox .speaker_box.speaker_msg2 .msg_link {display:inline-block;background-color: #ff453b;color:#fff;margin: 0 0 0 8px;padding:3px 8px 0;font-size: 12px;line-height:12px;height:19px;border-radius:4px;cursor:pointer;box-sizing:border-box}
.step_contentbox .speaker_box.speaker_msg2 .msg_link:hover {background-color:#fd6c64}

.step_contentbox .estimate_box {position:relative;width:940px;margin:15px auto;padding: 20px 0 40px;border:1px solid #ddd;background-color:#fff}
.step_contentbox .estimate_box .sign {position:absolute;top:310px;right:220px}
.step_contentbox .estimate_title {text-align:center;font-size:30px;font-weight:bold;margin:20px 0 40px}
.step_contentbox .estimate_table {width:800px;margin:0 auto;border-top:1px solid #ccc}
.step_contentbox .estimate_table th,
.step_contentbox .estimate_table td {padding:7px 12px;font-size:14px}
.step_contentbox .estimate_table th {background-color:#f3f3f3;text-align:left;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
.step_contentbox .estimate_table td {border-bottom:1px solid #ccc;border-right:1px solid #ccc}
.step_contentbox .estimate_table td:last-child {border-right:0}

.step_contentbox .estimate_txt {width:800px;margin:40px auto 15px;font-size:14px}
.step_contentbox .estimate_vertable {width:800px;margin:0 auto;border-top:2px solid #ccc;}
.step_contentbox .estimate_vertable th,
.step_contentbox .estimate_vertable td {padding:7px;font-size:14px;}
.step_contentbox .estimate_vertable th {background-color:#f3f3f3;border-bottom:1px solid #ddd;border-right:1px solid #ddd}
.step_contentbox .estimate_vertable td {text-align:center; border-bottom:1px solid #ddd;border-right:1px solid #ddd}
.step_contentbox .estimate_vertable th:last-child,
.step_contentbox .estimate_vertable td:last-child {border-right:0}
.step_contentbox .estimate_vertable td.totalprice {text-align:right;padding-right:20px;background-color: #f0f0f0;}
.step_contentbox .estimate_vertable td.totalprice strong {display:inline-block;padding:0 2px;font-size:16px; font-weight:bold;color:#e00}

.info_container {}
.info_container .info_box {float:left;border:1px solid #fff; width:480px;height:80px;color:#fff}
.info_container .info_box:last-child {float:right}
.info_container .info_box .tit {font-size:20px;float:left;width:160px;height:40px;line-height:35px;font-weight:bold;letter-spacing:-1px;margin:20px 40px 0 0;text-align:center;border-right:2px solid #fff;box-sizing:border-box;}
.info_container .info_box ul {margin:16px 0 0}
.info_container .info_box ul li {font-size:14px;line-height:24px;letter-spacing:-0.5px}
.info_container .info_box ul li.big {font-size:16px}

/*checkbox+radio*/
.RadioCheckbox:after {clear:both; content:''; display:block;}
.RadioCheckbox p {position:relative}
.RadioCheckbox p input,
.RadioCheckbox p label {display:inline-block;cursor:pointer}
.RadioCheckbox p>input[type="checkbox"], .RadioCheckbox p>input[type="radio"] { position:relative; top:-1px; vertical-align:middle; }
.RadioCheckbox p:not(#cssbrowser)>input[type="checkbox"],
.RadioCheckbox p:not(#cssbrowser)>input[type="radio"] {position:absolute;left: 0;top:0;width:20px;height:20px;margin:0;opacity:0;}
.RadioCheckbox p:not(#cssbrowser)>input[type="checkbox"] + label,
.RadioCheckbox p:not(#cssbrowser)>input[type="radio"] + label {
  display:inline-block;width:100%;min-height: 20px;margin:0;padding: 0 0 0 26px;vertical-align:top;font-size: 14px;line-height: 19px;box-sizing:border-box;
  background:url(http://image.inames.co.kr/2016_inames/sb/ico_checkbox.png) no-repeat;
}
.RadioCheckbox p:not(#cssbrowser)>input[type="checkbox"] + label { background-position:0 0; }
.RadioCheckbox p:not(#cssbrowser)>input[type="checkbox"]:disabled + label { background-position:0 -50px; }
.RadioCheckbox p:not(#cssbrowser)>input[type="checkbox"]:checked + label { background-position:0 -100px; }
.RadioCheckbox p:not(#cssbrowser)>input[type="checkbox"]:checked:disabled + label { background-position:0 -150px; }
.RadioCheckbox p:not(#cssbrowser)>input[type="radio"] + label { background-position:0 -200px; }
.RadioCheckbox p:not(#cssbrowser)>input[type="radio"]:disabled + label { background-position:0 -250px; }
.RadioCheckbox p:not(#cssbrowser)>input[type="radio"]:checked + label { background-position:0 -300px; }
.RadioCheckbox p:not(#cssbrowser)>input[type="radio"]:checked:disabled + label { background-position:0 -350px; }

/* build_templates */
.temp_categorybox {background-color:rgba(0,0,0,0.33);border-radius:4px;padding:20px}
.temp_categorybox:after {clear:both;content:'';display:block}
.temp_categorybox .cate_title {color:#fff;width:20%;float:left}
.temp_categorybox .cate_title strong {display:block;font-size: 21px;letter-spacing:-1px;margin:0 0 40px;}
.temp_categorybox .cate_title span {display:block;font-size: 16px;font-weight:normal;letter-spacing:-1px;}
.temp_categorybox .cate_list {width:75%;float:right;padding-left:5%;box-sizing:border-box;border-left:1px solid #ff453b}
.temp_categorybox .cate_list li {padding:1px 0 2px;width:25%;float:left;display:inline-block;}
.temp_categorybox .cate_list li span {display:inline-block;padding:2px 8px 3px 8px;color:#fff;font-size:14px;cursor:pointer;border-radius:50px;transition:0.2s background-color;-webkit-transition:0.2s background-color;}
.temp_categorybox .cate_list li span:hover {background-color:rgba(255,69,59,0.8)}
.temp_categorybox .cate_list li span.on {background-color: #FF453B;border-radius:50px;}

.temp_titlebox {padding:25px 0 20px}
.temp_titlebox .temp_title {color:#fff;font-size:20px;font-weight:bold;letter-spacing:-1px}
.temp_titlebox .temp_title span {font-family:'Maven Pro', sans-serif}

.temp_contentbox {position:relative;background-color: rgb(255,255,255);background-color: rgba(255,255,255,0.9);border-radius: 15px 15px 0 0;margin:0 0 0 0;padding: 35px 35px 5px 35px;border:0 none}
.temp_contentbox .temp_list {}
.temp_contentbox .temp_list:after {clear:both;content:'';display:block}
.temp_contentbox .temp_list li {position:relative;float:left;display:inline-block;width: 290px;margin: 0 20px 30px 0;}
.temp_contentbox .temp_list li:nth-child(3n) {margin-right:0}
.temp_contentbox .temp_list li .temp_img {position:relative;height: 200px;overflow:hidden;}
.temp_contentbox .temp_list li .temp_img img {display:block;width:100%}
.temp_contentbox .temp_list li .temp_title {font-size:16px;line-height:1;letter-spacing:-0.5px;color:#999;text-align:center;padding: 8px 0 0;}
.temp_contentbox .temp_list li .temp_img .temp_overlay {opacity:0;visibility:hidden;position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0);transition:0.3s;-webkit-transition:0.3s;}
.temp_contentbox .temp_list li .temp_img .temp_overlay p {opacity:0;visibility:hidden;padding-top:60px;position:relative;height: 200px;text-align:center;color:#fff;font-size:16px;font-weight:bold;line-height:1;box-sizing: border-box;transition:0.4s 0.2s;-webkit-transition:0.4s 0.2s}
.temp_contentbox .temp_list li .temp_img .temp_overlay .temp_sample {display:block;margin:0 auto 5px;border-radius:50%;width:60px;height:60px;background:#FF453B url(http://image.inames.co.kr/2016_inames/sb/ico_link.png) no-repeat 50% 50%;cursor:pointer;transition:0.2s;-webkit-transition:0.2s;}

.temp_contentbox .temp_list li:hover .temp_img img {}
.temp_contentbox .temp_list li:hover .temp_img .temp_overlay {opacity:1;visibility:visible;background-color:rgba(0,0,0,0.7)}
.temp_contentbox .temp_list li:hover .temp_img .temp_overlay p {opacity:1;visibility:visible}
.temp_contentbox .temp_list li .temp_img .temp_overlay .temp_sample:hover {background-color:#fd6c64}
.temp_contentbox .temp_list li:hover .temp_title {color:#FF453B}

.temp_linkbox {position:relative;margin:0 0 50px;padding: 30px 0;text-align:center;background-color: rgb(255,255,255);background-color: rgba(255,255,255,0.8);border-bottom-left-radius:15px;border-bottom-right-radius:15px;border-top:1px solid rgba(255,255,255,0.5)}
.temp_linkbox .temp_link_txt {position:relative;display: inline-block;vertical-align:top;color: #333;font-size: 18px;font-weight:bold;letter-spacing:-1px;line-height: 1;margin: 0;padding: 14px 40px 0 0;}
.temp_linkbox .temp_link_btn {position:relative;display:inline-block;vertical-align: top;margin: 0;padding: 0 25px;color:#fff;background-color: #FF453B;height: 50px;border-radius: 6px;transition:0.2s background-color;-webkit-transition:0.2s background-color;}
.temp_linkbox .temp_link_btn:hover {background-color:#fd6c64}
.temp_linkbox .temp_link_btn a {color:#fff;height: 50px;display:block;font-size: 18px;line-height: 1;font-weight: bold;padding: 14px 0 0 0;box-sizing: border-box;}

.smartinfo_container {position:relative;box-sizing:border-box}
.smartinfo_container.smartinfo_header {height: 480px;}
.smartinfo_container.smartinfo_overview {background-color: #fff;padding:130px 0 80px;z-index: 10;}
.smartinfo_container.smartinfo_dragndrop {overflow:hidden;height:800px;padding:100px 0 0 0;background:#f9aa4a url(http://image.inames.co.kr/2016_inames/sb/bg_info2.png) repeat-x 0 0;z-index: 10;}
.smartinfo_container.smartinfo_rwd {height: 600px;background:url(http://image.inames.co.kr/2016_inames/sb/bg_info3.jpg) no-repeat 50% 50%;z-index:2}
.smartinfo_container.smartinfo_temp {height: 500px;background:#069689 url(http://image.inames.co.kr/2016_inames/sb/bg_info4.png) repeat-y 0 0;z-index:10;}
.smartinfo_container.smartinfo_lang {height: 550px;background:url(http://image.inames.co.kr/2016_inames/sb/bg_info5.jpg) no-repeat 50% 40%}
.smartinfo_container.smartinfo_footer {height: 500px;padding: 120px 0 0 0;background:url(http://image.inames.co.kr/2016_inames/sb/bg_info6.jpg) no-repeat 50% 100%;}

.smartinfo_box {position:relative;width:50%;min-width:490px;height: 600px;z-index:1;overflow:hidden;}
.smartinfo_box:before {position:absolute;top:0;left:0;right:0;bottom:0;content:''; z-index: -2; -webkit-filter: blur(5px); filter: blur(5px);}
.smartinfo_box:after {position:absolute;top:0;left:0;right:0;bottom:0;content:''; z-index: -1}
/* .smartinfo_box.smartinfo_box_black:before {background:url(http://image.inames.co.kr/2016_inames/sb/bg_info3.jpg) no-repeat 0 0} */
.smartinfo_box.smartinfo_box_black:after {background-color:#000;background-color:rgba(0,0,0,0.7);
  background: -webkit-linear-gradient(left, rgba(0,0,0,0.6) , rgba(100,100,100,0.7));
  background: -o-linear-gradient(right, rgba(0,0,0,0.6) , rgba(100,100,100,0.7));
  background: -moz-linear-gradient(right, rgba(0,0,0,0.6) , rgba(100,100,100,0.7));
  background: linear-gradient(to right, rgba(0,0,0,0.6) , rgba(100,100,100,0.7));
}
/* .smartinfo_box.smartinfo_box_pink:before {background:url(http://image.inames.co.kr/2016_inames/sb/bg_info5.jpg) no-repeat 0 0} */
.smartinfo_box.smartinfo_box_pink{height:550px}
.smartinfo_box.smartinfo_box_pink:after {background-color:#f7776a;background-color:rgba(246,119,106,0.8);
  background: -webkit-linear-gradient(left, rgba(249,93,81,0.9) , rgba(246,119,106,0.7));
  background: -o-linear-gradient(right, rgba(249,93,81,0.9) , rgba(246,119,106,0.7));
  background: -moz-linear-gradient(right, rgba(249,93,81,0.9) , rgba(246,119,106,0.7));
  background: linear-gradient(to right, rgba(249,93,81,0.9) , rgba(246,119,106,0.7));
}
@media all and (min-width:1600px) {
	.smartinfo_container.smartinfo_header,	
	.smartinfo_container.smartinfo_headerbg,	
	.smartinfo_container.smartinfo_lang,
	.smartinfo_container.smartinfo_rwd,
	.smartinfo_container.smartinfo_footer {background-size:100% auto}
	.smartinfo_box:before {background-image:none !important}
}

.smartinfo_overview .overview_text {text-align:center;margin:0 0 60px}
.smartinfo_overview .overview_text p {margin:0 0 10px;font-size:16px;letter-spacing:-1px;line-height:1;}
.smartinfo_overview .overview_text strong {display:block;font-size:24px;margin:0 0 30px;font-weight:normal;color:#f26522}
.smartinfo_overview .overview_list {}
.smartinfo_overview .overview_list ul {text-align:center;width:720px;margin:0 auto;font-size:0;}
.smartinfo_overview .overview_list li {display:inline-block;width:25%;color:#f26522;font-size:16px;font-weight:bold;letter-spacing:-1px;}

.header_img{position: absolute;top: 60px;left: 0;width:100%;z-index: 100;}
.header_img>div {position:absolute;display:block}
.header_img .img_laptop{bottom: 28px;left:50%;margin: 0 0 0 60px;width:653px;height:380px;background:url(http://image.inames.co.kr/2016_inames/sb/img_laptop.png) no-repeat 0 0;}
.header_img .img_tablet{bottom:0px;left:50%;margin: 0 0 0 10px;width:220px;height:270px;background:url(http://image.inames.co.kr/2016_inames/sb/img_tablet.png) no-repeat 0 0;}
.header_img>div>span {position:absolute;display:block;}
.header_img .img_laptop .inner {top:29px;left:81px;width:490px;height:307px;}
.header_img .img_laptop .inner1 {background:url(http://image.inames.co.kr/2016_inames/sb/header_temp1.jpg) no-repeat}
.header_img .img_laptop .inner2 {background:url(http://image.inames.co.kr/2016_inames/sb/header_temp2.jpg) no-repeat}
.header_img .img_laptop .inner3 {background:url(http://image.inames.co.kr/2016_inames/sb/header_temp3.jpg) no-repeat}
.header_img .img_laptop .inner4 {background:url(http://image.inames.co.kr/2016_inames/sb/header_temp4.jpg) no-repeat}
.header_img .img_tablet .inner {top:23px;left:27px;width:167px;height:221px;}
.header_img .img_tablet .inner1 {background:url(http://image.inames.co.kr/2016_inames/sb/header_temp12.jpg) no-repeat}
.header_img .img_tablet .inner2 {background:url(http://image.inames.co.kr/2016_inames/sb/header_temp22.jpg) no-repeat}
.header_img .img_tablet .inner3 {background:url(http://image.inames.co.kr/2016_inames/sb/header_temp32.jpg) no-repeat}
.header_img .img_tablet .inner4 {background:url(http://image.inames.co.kr/2016_inames/sb/header_temp42.jpg) no-repeat}

.overview_icon {display: inline-block;margin: 0 auto 5px;width:70px;height:60px;background:url(http://image.inames.co.kr/2016_inames/sb/ico_infolist.png) no-repeat 0 0;}
.smartinfo_overview .overview_list li .overview_icon {display:block}
.overview_icon.ico_dragndrop {background-position:0 0}
.overview_icon.ico_rwd {background-position:-70px 0}
.overview_icon.ico_temp {background-position:-140px 0}
.overview_icon.ico_lang {background-position:-210px 0}
.overview_icon.ico_dragndrop_w {background-position:0 -60px}
.overview_icon.ico_rwd_w {background-position:-70px -60px}
.overview_icon.ico_temp_w {background-position:-140px -60px}
.overview_icon.ico_lang_w {background-position:-210px -60px}

.dragndrop_box {position:absolute;bottom:0;left:0;width:100%;height:507px;background:url(http://image.inames.co.kr/2016_inames/sb/dragndrop_browser.png) no-repeat 50% 0}
.dragndrop_box .browser_area {position:relative;margin: 98px auto 0;width:940px;height: 409px;background-color:#444;}

.templates_box {position:absolute;bottom:-31px;left:50%;margin:0 0 0 -620px;width:640px;height:470px;background: url(http://image.inames.co.kr/2016_inames/sb/temp_graybg.png) no-repeat 0 0;}
.templates_box .temp_img {position:absolute;top:0;left:0;width:640px;height:470px;background:url(http://image.inames.co.kr/2016_inames/sb/img_temp.png) no-repeat 0 0;z-index:99}
.templates_box .temp_slidelist {position:relative;}
.templates_box .temp_slidelist li {width:640px;height:470px;}
.templates_box .temp_slidelist .temp_slide1 {background:url(http://image.inames.co.kr/2016_inames/sb/temp_1.png) no-repeat 0 0;}
.templates_box .temp_slidelist .temp_slide2 {background:url(http://image.inames.co.kr/2016_inames/sb/temp_2.png) no-repeat 0 0;}
.templates_box .temp_slidelist .temp_slide3 {background:url(http://image.inames.co.kr/2016_inames/sb/temp_3.png) no-repeat 0 0;}
.templates_box .temp_slidelist .temp_slide4 {background:url(http://image.inames.co.kr/2016_inames/sb/temp_4.png) no-repeat 0 0;}
.templates_box .temp_slidelist .temp_slide5 {background:url(http://image.inames.co.kr/2016_inames/sb/temp_5.png) no-repeat 0 0;}
.templates_box .bx-wrapper {position: relative;margin: 0;padding: 0;*zoom: 1;}
.templates_box .bx-wrapper img {max-width: 100%;display: block;}
.templates_box .bx-wrapper .bx-viewport {border: 0;-webkit-transform: translatez(0);-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform: translatez(0);transform: translatez(0);}
.templates_box .bx-wrapper .bx-pager,
.templates_box .bx-wrapper .bx-controls-auto {position: absolute;top: auto;bottom: 52px;left: 0;margin: 0;width: 620px;}
.templates_box .bx-wrapper .bx-pager {text-align: right;opacity:0}
.templates_box .bx-wrapper .bx-pager .bx-pager-item,
.templates_box .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.templates_box .bx-wrapper .bx-pager.bx-default-pager a {background: #00867a;display: block;width: 14px;height: 14px;margin: 0 4px;outline: 0;border-radius: 7px;font-size: 0;line-height: 0;text-indent: -9999px;}
.templates_box .bx-wrapper .bx-pager.bx-default-pager a:hover,
.templates_box .bx-wrapper .bx-pager.bx-default-pager a.active {background: #fff;}

/* animation */
.animate {visibility:hidden}
.fadeIn{
	animation-name: fadeIn;-webkit-animation-name: fadeIn;	
	animation-duration: 1s;-webkit-animation-duration: 1s;
	animation-timing-function: ease;-webkit-animation-timing-function: ease;		
	visibility: visible !important;
}
@keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}
.fadeOut{
	animation-name: fadeOut;-webkit-animation-name: fadeOut;	
	animation-duration: 0.5s;-webkit-animation-duration: 0.5s;
	animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;
	animation-timing-function: ease;-webkit-animation-timing-function: ease;
	visibility: visible !important;
}
@keyframes fadeOut {
	0% {opacity: 1;}	
	100% {opacity: 0;}
}
@-webkit-keyframes fadeOut {
	0% {opacity: 1;}	
	100% {opacity: 0;}
}
.slideUp{
	animation-name: slideUp;-webkit-animation-name: slideUp;	
	animation-duration: 2s;-webkit-animation-duration: 2s;
	animation-timing-function: ease-out;-webkit-animation-timing-function: ease-out;	
	visibility: visible !important;						
}
@keyframes slideUp {
	0%,30% {transform: translateY(5%);opacity:0}
	70%,100% {transform: translateY(0%);opacity: 1}
}
@-webkit-keyframes slideUp {
	0%,30% {-webkit-transform: translateY(5%);opacity:0}
	70%,100% {-webkit-transform: translateY(0%);opacity: 1}
}
.slideLeft{
	animation-name: slideLeft;-webkit-animation-name: slideLeft;	
	animation-duration: 1.2s;-webkit-animation-duration: 1.2s;
	animation-timing-function: ease-out;-webkit-animation-timing-function: ease-out;	
	visibility: visible !important;						
}
@keyframes slideLeft {
	0%,20% {transform: translateX(-4%);opacity:0}
	100% {transform: translateX(0%);opacity: 1}
}
@-webkit-keyframes slideLeft {
	0%,20% {-webkit-transform: translateX(-4%);opacity:0}
	100% {-webkit-transform: translateX(0%);opacity: 1}
}
.slideLeft .bx-pager {transition:1s 1.5s opacity;-webkit-transition:1s 1.5s opacity;opacity:1}
.slideDown1{
	animation-name: slideDown1;-webkit-animation-name: slideDown1;	
	animation-duration: 1.5s;-webkit-animation-duration: 1.5s;
	animation-timing-function: ease-out;-webkit-animation-timing-function: ease-out;	
	visibility: visible !important;						
}
@keyframes slideDown1 {
	0% {transform: translateY(-8%);opacity:0}
	30%,100% {transform: translateY(0%);opacity: 1}
}
@-webkit-keyframes slideDown1 {
	0% {-webkit-transform: translateY(-8%);opacity:0}
	30%,100% {-webkit-transform: translateY(0%);opacity: 1}
}
.slideDown2{
	animation-name: slideDown2;-webkit-animation-name: slideDown2;	
	animation-duration: 1.5s;-webkit-animation-duration: 1.5s;
	animation-timing-function: ease-out;-webkit-animation-timing-function: ease-out;	
	visibility: visible !important;						
}
@keyframes slideDown2 {
	0%,30% {transform: translateY(-2%);opacity:0}
	60%,100% {transform: translateY(0%);opacity: 1}
}
@-webkit-keyframes slideDown2 {
	0%,30% {-webkit-transform: translateY(-2%);opacity:0}
	60%,100% {-webkit-transform: translateY(0%);opacity: 1}
}
.fadeIn1{
	animation-name: fadeIn1;-webkit-animation-name: fadeIn1;	
	animation-duration: 1s;-webkit-animation-duration: 1s;
	animation-timing-function: ease-in;-webkit-animation-timing-function: ease-in;
	visibility: visible !important;
}
@keyframes fadeIn1 {
	0%,20% {opacity: 0;}
	80%,100% {opacity: 1;}
}
@-webkit-keyframes fadeIn1 {
	0%,20% {opacity: 0;}
	80%,100% {opacity: 1;}
}
.fadeIn2{
	animation-name: fadeIn2;-webkit-animation-name: fadeIn2;	
	animation-duration: 1s;-webkit-animation-duration: 1s;
	animation-timing-function: ease-in;-webkit-animation-timing-function: ease-in;		
	visibility: visible !important;
}
@keyframes fadeIn2 {
	0%,60% {transform: translateY(10%);opacity: 0;}
	80%,100% {transform: translateY(0%);opacity: 1;}
}
@-webkit-keyframes fadeIn2 {
	0%,60% {-webkit-transform: translateY(10%);opacity: 0;}
	80%,100% {-webkit-transform: translateY(0%);opacity: 1;}
}

.stickybar {display:none;position:fixed;bottom:0;right:0;width:65px;padding:0 15px 15px 0;box-sizing:border-box;z-index:9999;text-align:right}
.stickybar *{box-sizing:border-box}
.stickybar.fadeIn{
	animation-name: stickybarfadeIn;-webkit-animation-name: stickybarfadeIn;	
	animation-duration: 0.5s;-webkit-animation-duration: 0.5s;
	animation-timing-function: ease-out;-webkit-animation-timing-function: ease-out;
	visibility: visible !important;
	display:block;
}
@keyframes stickybarfadeIn {
	0% {transform: translateY(5%);opacity: 0;}	
	100% {transform: translateY(0%);opacity: 1;}
}
@-webkit-keyframes stickybarfadeIn {
	0% {-webkit-transform: translateY(5%);opacity: 0;}	
	100% {-webkit-transform: translateY(0%);opacity: 1;}
}
.stickybar .btn_order {float:right;display: block;height:50px;margin:0 0 10px}
.stickybar .btn_order a {display:block;height:50px;width:50px;height:50px;background:#000 url(http://image.inames.co.kr/2016_inames/sb/btn_order.png) no-repeat 100% 0;border-radius:50px;opacity:0.5;
transition:0.2s opacity,0.3s width;-webkit-transition:0.2s opacity,0.3s width;}
.stickybar .btn_order a:hover {width:215px;padding:13px 45px 0 0;opacity:1;background-color:#FF453B}
.stickybar .btn_order span {display:inline-block;font-size:0;line-height:0;text-indent:-9999px;text-align:right;opacity:0;}
.stickybar .btn_order a:hover span {color:#fff;font-weight:bold;font-size:16px;line-height:1.3;text-indent:0;opacity:1;
transition:0.2s 0.3s opacity;-webkit-transition:0.2s 0.3s opacity;}

.stickybar .btn_top {float:right;display: block;width:50px;height:50px;}
.stickybar .btn_top a {display:block;height:50px}
.stickybar .btn_top a {display: block;width:50px;height:50px;background:#000 url(http://image.inames.co.kr/2016_inames/sb/btn_top.png) no-repeat 0 0;border-radius:50px;opacity:0.5;
transition:0.2s all;-webkit-transition:0.2s all}
.stickybar .btn_top a:hover {opacity:1;background-color:#FF453B}
.stickybar .btn_top span {display:inline-block;font-size:0;line-height:0;text-indent:-9999px;}


/* main */
.slide_container {position:relative;}
.main_slidelist {position:relative;height:630px;overflow:hidden}
.main_slidelist li {position:relative;height:630px;}
.main_slidelist .main_slide1 {background:url(http://image.inames.co.kr/2016_inames/sb/main/slide1_img.jpg) no-repeat 50% 50%}
.main_slidelist .main_slide2 {background:url(http://image.inames.co.kr/2016_inames/sb/main/slide2_img.jpg) no-repeat 50% 50%}
.main_slidelist .main_slide3 {background:url(http://image.inames.co.kr/2016_inames/sb/main/slide3_img.jpg) no-repeat 50% 50%}
.main_slidelist .main_slide4 {background:url(http://image.inames.co.kr/2016_inames/sb/main/slide4_img.jpg) no-repeat 50% 50%}
.main_slidelist li .slide_txt {padding: 130px 0 0 0;width:630px;height:250px;font-size:0;line-height:0;text-indent:-9999px;}
.main_slidelist .main_slide1 .slide_txt{background:url(http://image.inames.co.kr/2016_inames/sb/main/slide1_txt.png) no-repeat 0 130px}
.main_slidelist .main_slide2 .slide_txt{background:url(http://image.inames.co.kr/2016_inames/sb/main/slide2_txt.png) no-repeat 0 130px}
.main_slidelist .main_slide3 .slide_txt{background:url(http://image.inames.co.kr/2016_inames/sb/main/slide3_txt.png) no-repeat 0 130px}
.main_slidelist .main_slide4 .slide_txt{background:url(http://image.inames.co.kr/2016_inames/sb/main/slide4_txt.png) no-repeat 0 130px}

.slide_container .bx-wrapper {position: relative;margin: 0;padding: 0;*zoom: 1;}
.slide_container .bx-wrapper img {max-width: 100%;display: block;}
.slide_container .bx-wrapper .bx-viewport {border: 0;-webkit-transform: translatez(0);-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform: translatez(0);transform: translatez(0);}
.slide_container .bx-wrapper .bx-pager,
.slide_container .bx-wrapper .bx-controls-auto {position: absolute;top: auto;bottom: 52px;left: 0;margin: 0;width: 620px;}
.slide_container .bx-wrapper .bx-pager {text-align: right;opacity:0}
.slide_container .bx-wrapper .bx-pager .bx-pager-item,
.slide_container .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.slide_container .bx-wrapper .bx-pager.bx-default-pager a {background: #00867a;display: block;width: 14px;height: 14px;margin: 0 4px;outline: 0;border-radius: 7px;font-size: 0;line-height: 0;text-indent: -9999px;}
.slide_container .bx-wrapper .bx-pager.bx-default-pager a:hover,
.slide_container .bx-wrapper .bx-pager.bx-default-pager a.active {background: #fff;}

.slide_container .bx-wrapper .bx-prev {left:20px;background: url(http://image.inames.co.kr/2016_inames/sb/main/slide_arrow.png) no-repeat 0 0;opacity:0.7}
.slide_container .bx-wrapper .bx-next {right:20px;background: url(http://image.inames.co.kr/2016_inames/sb/main/slide_arrow.png) no-repeat -42px 0;;opacity:0.7}
.slide_container .bx-wrapper .bx-prev:hover {background-position:0 0;opacity:1}
.slide_container .bx-wrapper .bx-next:hover {background-position:-42px 0;opacity:1}
.slide_container .bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -21px;outline: 0;width: 42px;height: 77px;text-indent: -9999px;z-index: 9999;}
.slide_container .bx-wrapper .bx-controls-direction a.disabled {display: none;}
@media all and (max-width:1150px) {
	.slide_container .bx-wrapper .bx-controls-direction a {display:none}
}
.slide_container .sbuilder_btnarea {display:inline-block;position:absolute;left:50%;bottom:137px;margin: 0 0 0 -490px;}

.main_manual {padding:50px 0 57px;background-color:#f7f6f6;}
.main_manual .container {width:940px;}
.main_manual .manual_title {margin:0 0 30px 0;font-size:36px;letter-spacing:-1px;color:#555; text-align:center; font-weight:normal}
.main_manual .manual_title span {font-size:20px;line-height: 1;font-weight:normal;letter-spacing:0px;display:block;color: #555; margin-top:17px}
.main_manual .btn_manual {width:300px; margin:0 auto}
.main_manual .btn_manual a {display:block}
.main_manual .btn_manual a span {display:block;width:300px;height: 70px;padding: 22px 0 0 0;border-radius:5px;text-align:center;background-color:#ff463a;font-size:22px;line-height: 1;letter-spacing:-1px;font-weight:bold;color:#fff;box-sizing: border-box}
.main_manual .btn_manual a span:hover {background-color:#fd6c64}

.main_feature {background-color:#fff;}
.main_feature .container {}
.main_featurelist {position:relative;clear:both;padding:10px 0 0 0}
.main_featurelist:after {clear:both;content:'';display:block}
.main_featurelist li {width:25%;float:left;text-align:center}
.main_featurelist li .icon{display:inline-block;height:92px;background:url(http://image.inames.co.kr/2016_inames/sb/main/ico_mainlist.png) no-repeat}
.main_featurelist li.feature1 .icon{width:94px;}
.main_featurelist li.feature2 .icon{width:90px;background-position:-94px 0}
.main_featurelist li.feature3 .icon{width:149px;background-position:-184px 0}
.main_featurelist li.feature4 .icon{width:90px;background-position:-333px 0}
.main_featurelist li strong{display:block;font-size:21px;margin:15px 0 10px;color:#555}
.main_featurelist li p{font-size:16px;line-height:1.4;color:#555;letter-spacing:-0.6px}

.main_info {height:338px;background:url(http://image.inames.co.kr/2016_inames/sb/main/footer_img.jpg) no-repeat 50% 50%; background-size:cover}
.main_info .container {width:940px;padding:90px 0 0 0;}
.main_info .main_info_box {float:left;width:300px;height: 160px;margin:0 20px 0 0;}
.main_info .main_info_box:last-child {margin-right:0}
.main_info .main_info_box .tit {height: 24px;color:#fff;margin:0 0 15px;}
.main_info .main_info_box .tit strong {font-size:20px;line-height:1;letter-spacing:-1px}
.main_info .main_info_box .tit .more {float:right;color:#fff}
.main_info .main_info_box .tit .more a {display:block;color:#fff;}
.main_info .main_info_box .tit .more span {display:inline-block;color:#fff;width:62px;height:28px;text-align:center;font-size:15px;line-height:1;letter-spacing:-1px;border-radius:2px 14px 14px 14px;border:1px solid #fff;padding:4px 3px 0 0;box-sizing:border-box;transition:0.2s all;-webkit-transition:0.2s all;cursor:pointer}
.main_info .main_info_box .tit .more span:hover {/*background-color:rgba(255,255,255,0.2);*/border:1px solid #ff463a;background-color:#ff463a}
.main_info .main_info_box .notice_list {padding:2px 0 0 0}
.main_info .main_info_box .notice_list li {}
.main_info .main_info_box .notice_list li a {position:relative;display:block;font-size:14px;letter-spacing:-0.5px;color:#fff;line-height:1;padding: 8px 0 8px 12px}
.main_info .main_info_box .notice_list li a:hover {color:#ccc}
.main_info .main_info_box .notice_list li a:before {content:'';width:4px;height:4px;border-radius:50%;background-color:#fff;position:absolute;top:50%;left:0;margin-top:-2px}
.main_info .main_info_box .notice_list li a span {display:inline-block}
.main_info .main_info_box .cs_list {color:#fff!important;line-height:1;letter-spacing:-0.5px}
.main_info .main_info_box .cs_list .tel {float:left;font-size:35px}
.main_info .main_info_box .cs_list .tel>a {font-size:35px;color:#fff}
.main_info .main_info_box .cs_list .ars {float:right;padding:3px 0 0 0;color: #FF463A;font-size:28px;letter-spacing:-1px;}
.main_info .main_info_box .cs_list .ars span {}
.main_info .main_info_box .cs_list .ars strong {display:inline-block;padding:1px 0 0 5px;font-size:25px;vertical-align:top}
.main_info .main_info_box .cs_list .fax {clear:both;padding: 10px 0 0 0;font-size:18px;color:#fff}
.main_info .main_info_box .cs_list .fax>a {font-size:18px;color:#fff}
.main_info .main_info_box .cs_link {position:absolute;bottom:0;height: 38px;}
.main_info .main_info_box .cs_link li.manual {float:left;width:150px;}
.main_info .main_info_box .cs_link li.download {float:right;width:150px;text-align:right}
.main_info .main_info_box .cs_link li a {display:block}
.main_info .main_info_box .cs_link li a span {display:inline-block;width:138px;height:38px;padding:8px 0 0 0;border-radius:4px;border:1px solid #fff;color:#fff;text-align:center;font-size:16px;line-height:1;box-sizing:border-box;transition:0.2s all;-webkit-transition:0.2s all;}
.main_info .main_info_box .cs_link li a span:hover {/*background-color:rgba(255,255,255,0.2);*/border:1px solid #ff463a;background-color:#ff463a}

.main_info .main_info_box .banner_box {position:relative}
.main_info .main_info_box .banner_box a {display:block;}
.main_info .main_info_box .banner_box a img {}
.main_info .main_info_box .banner_box a span {position:absolute;bottom:0;left:0;width:100%;height:38px;padding:10px 0 0 0;background-color:rgba(0,0,0,0.7);color:#fff;font-size:16px;font-weight:bold;letter-spacing:-0.5px;text-align:center;line-height:1;box-sizing:border-box;transition:0.2s background-color;-webkit-transition:0.2s background-color;}
.main_info .main_info_box .banner_box a:hover span {background-color:rgba(0,0,0,0.85)}

@media all and (min-width:1800px) {
	.main_slidelist li,
	.main_info {background-size:100%!important}
}

/*lightbox*/
.link-lightbox {cursor:pointer;}
#slvj-window{width: 100%;min-height: 100%;z-index: 9999;background: rgba(0,0,0,0.8);position: fixed;top: 0;left: 0;}
#slvj-window,
#slvj-window *{box-sizing: border-box;}
#slvj-background-close{width: 100%;min-height: 100%;z-index: 31;position: fixed;top: 0;left: 0;}
#slvj-back-lightbox{width: 840px;height: 640px;margin: auto;z-index: 32;}
.slvj-lightbox{
position: relative;width: 100%;height: 100%;padding: 20px;margin: 0;background-color: #FFFFFF;
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;box-shadow: 0 2px 2px 2px rgba(0,0,0,0.3);z-index: 53;}
#slvj-close-icon{background-image: url(http://image.inames.co.kr/2016_inames/sb/close-icon.png);background-repeat: no-repeat;width: 11px;height: 11px;position: absolute;top: 7px;right: 7px;z-index: 551;}
#slvj-close-icon:hover{cursor: pointer;}

/*manual*/
.manual_container {position:relative}
.manual_container.bg_manual{height:362px;}
.manual_container.bg_manual2{background-color:#f7f6f6}
.manual_container.bg_manual2>.container {width:940px; padding-bottom:20px}/* 2016.05.17 Æеù°ª Ãß°¡ */
.manual_container .manual_slidelist {position:relative;height:362px;background-color:#333}
.manual_container .manual_slidelist li {height:362px;background:url(http://image.inames.co.kr/2016_inames/sb/bg_manual.jpg) no-repeat 50% 0}
.manual_container .manual_slidelist:after {content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:0.7}
.manual_container .manual_title {position:absolute;top:90px;left:0;width:100%;text-align:center;color:#fff}
.manual_container .manual_title .tit{font-size:42px;letter-spacing:-2px;}
.manual_container .manual_title .tit:after {content:'';display:block;margin:35px auto 32px;width:140px;height:1px;background-color:#fff;}
.manual_container .manual_title p{font-size:16px;line-height:1.8}

.manual_container .manual_category {padding:40px 0 20px;text-align:right}
.manual_container .manual_categorybox {}
.manual_container .manual_categorybox .tit {display:inline-block;height:33px;padding:2px 20px 0 40px;background:url(http://image.inames.co.kr/2016_inames/sb/ico_folder.png) no-repeat 0 0;font-size:18px;font-weight:bold;letter-spacing:-1px;vertical-align:top;box-sizing:border-box}
.manual_container .manual_categorybox .cate {display:inline-block;height:33px;line-height:33px;font-family:'¸¼Àº °íµñ';min-width:180px;font-size:16px;padding:0 0 0 10px;vertical-align:top}

/*manual(gallery style)*/
.manual_thumlist {position: relative;clear:both;margin:37px -20px 20px;overflow:hidden;}
.manual_thumlist:after {clear:both;content:'';display:block}
.manual_thumlist li {width: 302px;margin:0 0 20px 18px;float:left;display:inline-block;border:1px solid #e5e5e5;box-sizing:border-box;}
.manual_thumlist .movie_img {width:300px;height:230px;position:relative;cursor:pointer;box-sizing:border-box}
.manual_thumlist .movie_img .btn_play {position:absolute;top:50%;left:50%;width:170px;height:60px;margin:-30px 0 0 -85px;text-align:center;font-size:0;overflow:hidden}
.manual_thumlist .movie_img .btn_play p {margin:0 auto;width:60px;height:60px;background-color:rgba(255,70,58,0);border-radius:38px;transition:0.1s width;-webkit-transition:0.1s width}
.manual_thumlist .movie_img .btn_play .icon {position:absolute;display:inline-block;left:55px;width:60px;height:60px;margin:0 auto;background:url(http://image.inames.co.kr/2016_inames/sb/main/ico_playbtn.png) no-repeat 50% 50%;background-size:100%;opacity:0.8}
.manual_thumlist .movie_img .btn_play .play {opacity:0;top:0;left:0px;position:absolute;display:inline-block;width:80px;height:60px;background:url(http://image.inames.co.kr/2016_inames/sb/main/ico_playtxt.png) no-repeat 50% 50%;font-size:0;line-height:0;text-indent:-9999px;}

.help_manual {margin: 0 0 0 -32px;}
.help_manual.manual_thumlist li {position:relative;margin:0 0 30px 32px}
.help_manual.manual_thumlist .movie_img {height:200px}
.help_manual.manual_thumlist .movie_img:after {content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:0px solid rgba(255,70,58,1);transition:0.1s border;-webkit-transition:0.1s border}
.help_manual.manual_thumlist .movie_title {position:absolute;top: 0;left: 0;width: 100%;height:auto;text-align:left;padding: 13px 20px 2px 36px;font-size:15px;line-height: 1.2;color:#fff;background: transparent url(http://image.inames.co.kr/2016_inames/sb/ico_manual_tit.png) no-repeat 15px 15px;box-sizing: border-box;}
.help_manual.manual_thumlist .movie_img .btn_play {width:140px;height: 50px;margin: -25px 0 0 -70px;}
.help_manual.manual_thumlist .movie_img .btn_play p {width:50px;height:50px;}
.help_manual.manual_thumlist .movie_img .btn_play .icon {left:45px;width:50px;height:50px;margin:0 auto;background:url(http://image.inames.co.kr/2016_inames/sb/main/ico_playbtn.png) no-repeat 50% 50%;background-size:100%;opacity:0.8;}
.help_manual.manual_thumlist .movie_img .btn_play .play {background-size:55px;height: 50px;}

.manual_thumlist .movie_img:hover .btn_play {}
.manual_thumlist .movie_img:hover .btn_play p {width:170px;background-color:rgba(255,70,58,1)}
.manual_thumlist .movie_img:hover .btn_play .icon {left:114px;width:50px;opacity:1}
.manual_thumlist .movie_img:hover .btn_play .play {opacity:1;left:25px;transition:0.2s 0.1s left ease,0.2s 0.1s opacity ease;-webkit-transition:0.2s 0.1s left ease,0.2s 0.1s opacity ease}
.manual_thumlist .movie_title {height:67px;text-align:center;padding:20px 0 0 0;font-size:16px;line-height:1.5;background-color:#fff}
.manual_thumlist .movie_title2 {padding-top:8px}

.help_manual.manual_thumlist .movie_img:hover .btn_play p {width:140px;height:50px}
.help_manual.manual_thumlist .movie_img:hover .btn_play .icon {left:93px;width:40px}
.help_manual.manual_thumlist .movie_img:hover .btn_play .play {left:13px}
.help_manual.manual_thumlist .movie_img:hover:after {border-width:3px}

/*paging*/
.manual_pagination {position:relative;padding:40px 0 100px;text-align:center}
.manual_pagination * {font-family:'¸¼Àº °íµñ'!important;margin:0 1px;transition:0.2s all;-webkit-transition:0.2s all;box-sizing:border-box}

.manual_pagination>.num{display:inline-block;vertical-align:top}
.manual_pagination>.num>a {display:inline-block;padding: 8px 11px;border-radius:4px;font-size:16px;line-height: 1;font-weight:bold;color: #888;box-sizing: border-box;vertical-align: top;}
.manual_pagination>.num>a:hover {background-color:#ff7972;color:#fff}
.manual_pagination>.num {display:inline-block;vertical-align:top;height: 32px;}
.manual_pagination>.num strong {display: inline-block;padding: 8px 11px;border-radius:4px;font-size:16px;line-height: 1;color:#fff;background-color:#ff453c;vertical-align: top;}

.manual_pagination>a {display:inline-block;vertical-align:top}
.manual_pagination .ico {display:inline-block;width:32px;height:32px;font-size:0;line-height:0;text-indent:-9999px;background:url(http://image.inames.co.kr/2016_inames/sb/ico_pagination.png) no-repeat 0 0;opacity:0.3}
.manual_pagination>a>.ico {opacity:.8}
.manual_pagination>a:hover>.ico {opacity:1}
.manual_pagination .ico.first {background-position:0 0}
.manual_pagination .ico.prev {background-position:-33px 0}
.manual_pagination .ico.next {background-position:-66px 0}
.manual_pagination .ico.last {background-position:-99px 0}


/*help*/
.body_help {background-image:none;background-color:#fff}
.help_container {position:relative;padding: 80px 0 40px 20px;box-sizing:border-box;}
.help_title {position:fixed;top:0;left:0;right:0;height:60px;padding:15px 0 0 20px;background-color:#f0f0f0;box-sizing:border-box;z-index:99}
.help_title h1 strong{display:inline-block;vertical-align:top;height:30px;padding:6px 5px 0 0;color:#555;font-size:18px;line-height:1;letter-spacing:-0.5px}
.help_title h1 .cate {display:inline-block;vertical-align:top;width:190px;height:32px;padding:0 0 0 10px;font-size:14px;line-height:1;border-color:#d1d1d1;font-family:'¸¼Àº °íµñ'}
.help_subtitle {margin: 0 0 20px;}
.help_subtitle h2 {}
.help_subtitle h2 strong {font-size:20px;font-weight:normal;color:#555}
.help_subtitle h2 strong .c_red {display:inline-block;color:#ff463a;margin:0 10px 0 0}
.help_subtitle h2 p {display:inline-block;padding:10px 0 0 0;font-size:14px;line-height:1;font-weight:normal;letter-spacing:-1px;color:#888;vertical-align:top}
.help_contentbox {position: relative;width: 970px;overflow: hidden;}

.help_contentbox .help_menubox {position: relative;width:970px;height:142px;margin:0 0 25px}
.help_contentbox .help_menubox .background {position:absolute;width:970px;height:142px;z-index:0;background:url(http://image.inames.co.kr/2016_inames/sb/help_menu.png) no-repeat 0 0}
/* .help_contentbox .help_menubox .background img {position:relative;display:block;z-index:9} */
.help_contentbox .help_menubox ul {position:absolute;width:970px;height:142px;padding:7px 0 0 5px;box-sizing:border-box;z-index:10}
.help_contentbox .help_menubox ul:after {clear:both;content:'';display:block}
.help_contentbox .help_menubox li {position:relative;}
.help_contentbox .help_menubox li span {float:left;display:inline-block;margin:5px 0 4px;height:56px;box-sizing:border-box;font-size:0;line-height:0;text-indent:-9999px;}
.help_contentbox .help_menubox li .menu {cursor:pointer}
.help_contentbox .help_menubox li:hover .menu {border:3px solid rgba(255,70,85,0.5);background-color:rgba(255,70,85,0.2)}
.help_contentbox .help_menubox li.on .menu {border:3px solid #ff453b;background-color:rgba(255,70,85,0.2);box-shadow:0 0 10px 1px rgba(255,70,85,0.8)}
.help_contentbox .help_menubox li .title{width:142px}
.help_contentbox .help_menubox li .menu.menu_save{width:110px}
.help_contentbox .help_menubox li .menu.menu_undo{width:126px}
.help_contentbox .help_menubox li .menu.menu_temp{width:90px}
.help_contentbox .help_menubox li .menu.menu_rwd{width:178px}
.help_contentbox .help_menubox li .menu.menu_menu1{width:151px}
.help_contentbox .help_menubox li .menu.menu_setting{width:77px}
.help_contentbox .help_menubox li .menu.menu_lang{width:80px}
.help_contentbox .help_menubox li .menu.menu_text{clear:left;width:49px}
.help_contentbox .help_menubox li .menu.menu_pic{width:45px}
.help_contentbox .help_menubox li .menu.menu_gallery{width:47px}
.help_contentbox .help_menubox li .menu.menu_youtube{width:55px}
.help_contentbox .help_menubox li .menu.menu_googlemap{width:42px;margin-right:13px}
.help_contentbox .help_menubox li .menu.menu_line{width:108px}
.help_contentbox .help_menubox li .menu.menu_button{width:45px}
.help_contentbox .help_menubox li .menu.menu_form{width:50px}
.help_contentbox .help_menubox li .menu.menu_menu2{width:45px}
.help_contentbox .help_menubox li .menu.menu_lang2{width:60px}
.help_contentbox .help_menubox li .menu.menu_social{width:82px}
.help_contentbox .help_menubox li .menu.menu_advanced{width:82px}
.help_contentbox .help_menubox li .menu.menu_commerce{width:82px}
.help_contentbox .help_menubox li .menu.menu_maps{width:80px}

.help_contentbox .help_manualbox {position:relative;}

.help_infocontainer {position:relative;width:970px;}
.help_infocontainer:after {content:'';clear:both;display:block}
.help_infobox {float:left;width:470px;margin:0 30px 0 0}
.help_infobox:last-child {margin-right:0}
.help_infobox h3 {margin:0 0 15px;padding:0 0 10px;border-bottom:2px solid #555}
.help_infobox h3 strong{font-size:18px;letter-spacing:-1px}
.help_infobox h3 .more{float:right;padding:6px 0 0 0;color:#888;text-decoration:none;line-height:1;font-size:16px;font-weight:normal;letter-spacing:-1px}
.help_infobox h3 .more:hover{color:#aaa}
.help_infolist {}
.help_infolist li{position: relative;}
.help_infolist.help_info_faq li a{background:url(http://image.inames.co.kr/2016_inames/sb/ico_help_q.png) no-repeat 0 50%}
.help_infolist.help_info_notice li a{background:url(http://image.inames.co.kr/2016_inames/sb/ico_help_n.png) no-repeat 0 50%}
.help_infolist li a{display:block;padding:11px 85px 13px 35px;color:#555;font-size:16px;line-height:1;text-decoration:none;}
.help_infolist li a span{position: absolute;top: 50%;right: 0;margin: -7px 0 0 0;display: block;font-size:14px;color:#aaa;}
.help_infolist li a:hover{color:#ff453b}

/*·¹À̾îÆ˾÷*/
.popup_smartcontainer {position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.75);z-index:9999}
.popup_smartcontainer .popup_smartbox{position:absolute;top:50%;left:50%;background-color:#fff;box-sizing:border-box;border-radius:6px}
.popup_smartcontainer .popup_smartbox h1.tit {padding: 40px 0 0 50px;font-weight:normal;font-size:26px;color:#333;letter-spacing: -1px}
.popup_smartcontainer .popup_login {width:480px;height: 280px;margin:-140px 0 0 -240px;background:#fff url(http://image.inames.co.kr/2016_inames/sb/popup_login.jpg) no-repeat 50% 100%;}
.popup_smartcontainer .popup_close{position:absolute;top:0;right:0;width:50px;height:50px;background:url(http://image.inames.co.kr/2016_inames/sb/popup_close.png) no-repeat 50% 50%;font-size:0;line-height:0;text-indent:-9999px;opacity:0.5;cursor:pointer;transition:0.2s opacity;-webkit-transition:0.2s opacity;}
.popup_smartcontainer .popup_close:hover {opacity:1}

/* ¸ÞÀÎ ¼Ò°³ ¿µ»ó */
.main_movie {position:relative;width:100%;height:700px;padding-top:75px;background:url(http://image.inames.co.kr/2016_inames/sb/main/main_movie_bg.jpg) no-repeat 50% 50%;box-sizing:border-box;}
.main_movie .main_movie_play {position:relative;width:980px; margin:0 auto; box-sizing:border-box}
.main_movie .main_movie_play .movie_browser_area {width:590px; height:370px; margin:0 0 150px 186px; background:#fff}

/* ¸ÞÀÎ À̺¥Æ® ¹è³Ê */
.main_event {position:relative;width:100%;height:330px;padding-top:px;background:url(http://image.inames.co.kr/2016_inames/sb/main/main_event_banner.jpg) no-repeat 50% 50%;box-sizing:border-box}
.main_event .event_txt {width:600px; height:110px; margin:0 auto; background:url(http://image.inames.co.kr/2016_inames/sb/main/main_event_txt.png) no-repeat 50% 50%;}
.main_event .btn_white {width:300px; text-align:center; margin:40px 0 0 320px}