/*************** common *******************/
body{min-width:1400px; position:relative;}

/* 170817메인 */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.menuPanel { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7);  -webkit-transition: background-color 0.1s linear; -moz-transition: background-color 0.1s linear; -o-transition: background-color 0.1s linear; -ms-transition: background-color 0.1s linear; z-index:499;}
.menuPanel.off { background:none; position:static; z-index:-1;}
#header{ position:relative; border-bottom: 1px solid #e0e0e0; z-index:501; background:#fff; height:50px;}
#header_top{ height:49px; font-size:12px; color:#222;}
#header_top a{color:#222;}
#header_top .wrap{ width:1187px; margin:0 auto; position:relative;}
#header_top .wrap h1 { position:absolute; top:0; left:0; width:152px; height:49px; text-indent:-9999%; overflow:hidden;}
#header_top .wrap h1.eng { background:url(http://www.selfsign.kr/images/logo_eng.png) no-repeat 0 0;}
#header_top .wrap h1.trv { background:url(http://www.selfsign.kr/images/logo_trv.png) no-repeat 0 0;}
#header_top .wrap h1.chn { background:url(http://www.selfsign.kr/images/logo_chn.png) no-repeat 0 0;}
#header_top .wrap h1.spc { background:url(http://www.selfsign.kr/images/logo_spc.png) no-repeat 0 0;}
#header_top .wrap h1 a { display:block; width:100%; height:100%; }
#header_top .wrap .login_wrap{float:right; padding-right:110px; overflow:hidden;}
#header_top .wrap .login_wrap span,
#header_top .wrap .login_wrap input,
#header_top .wrap .login_wrap label,
#header_top .wrap .login_wrap a{float:left; line-height:49px; font-weight:bold; margin-right:16px; display:block;}
#header_top .wrap .login_wrap span{font-size:13px; color:#f3f3f3; font-weight:normal !important;}
#header_top .wrap .login_wrap a.register{ color:#2b2b2b; font-size:13px; font-weight:bold;}
#header_top .wrap .login_wrap a.login{ color:#2b2b2b; font-size:13px; font-weight:bold; margin-right:14px;}
#header_top .wrap .login_wrap a.open_search_id { color:#9e9e9e; font-size:13px; }
#header_top .wrap .login_wrap a.open_search_pw { color:#9e9e9e; font-size:13px; }
#header_top .wrap .login_wrap a.open_find_id { color:#9e9e9e; font-size:13px; }
#header_top .wrap .login_wrap a.open_find_pw { color:#9e9e9e; font-size:13px; }
#header_top .wrap .login_wrap span.user_name { color:#2b2b2b; font-size:13px; font-weight:bold;}
#header_top .wrap .login_wrap a.user_modify,
#header_top .wrap .login_wrap a.user_logout { color:#9e9e9e; font-size:13px; }
#header_top .wrap .login_wrap input{margin-top:25px; width:140px; height:20px; border:1px solid #ddd; background:#f4f4f4; margin-right:5px; font-weight:normal; color:#a0a0a0;}
#header_top .wrap .login_wrap input[type=checkbox]{margin-left:5px; width:14px; height:14px; margin-top:30px;}
#header_top .wrap .login_wrap .facebook{overflow:hidden; margin-right:0; position:absolute; left:50%; margin-left:390px; top:0; padding:0;}
#header_top .wrap .login_wrap .facebook a{ float:left; display:block; margin-top:26px; margin-right:0;}
#header_top .wrap .login_wrap .facebook .num{float:left; width:40px; height:22px; margin-top:26px; background:url(http://www.selfsign.kr/images/header_numBox.jpg);}
#header_top .wrap .login_wrap .facebook p{margin-left:9px; margin-top:2px; font-size:11px; color:#969aa5;}

/* gnb 상단 고정 관련 */
.sticky { padding-top:100px; }
.sticky .left_nav h1 { height:60px; }
.sticky .left_nav h1 a {  background-position:14px 10px; }
.sticky .nav_open h1 a {  background:url(http://www.selfsign.kr/images/logo_open_small.png) no-repeat 45px 8px; }
.sticky #header { position:fixed; top:0; left:0; height:0; width:100%; z-index:511; }
.sticky #header .login_wrap { display:none; }
.sticky #header_top{ height:0; border:0 none;}
.sticky #header_top .wrap h1 { position:absolute; top:10px; left:50%; margin-left:-565px; width:120px; height:45px;}
.sticky #header_top .wrap h1.eng { background:url(http://www.selfsign.kr/images/logo_eng_small.png) no-repeat 0 8px;}
.sticky #header_top .wrap h1.trv { background:url(http://www.selfsign.kr/images/logo_trv_small.png) no-repeat 0 8px;}
.sticky #header_top .wrap h1.chn { background:url(http://www.selfsign.kr/images/logo_chn_small.png) no-repeat 0 8px;}
.sticky #header_top .wrap h1.spc { background:url(http://www.selfsign.kr/images/logo_spc_small.png) no-repeat 0 8px;}
.sticky #gnb { position:fixed; top:0; left:0; width:100%; height:60px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; background:rgba(255,255,255,0.9);}
.sticky #gnb .gnbInner { padding-left:60px;}
.sticky #gnb ul { width:90%; margin:0 0 0 10%; height:60px; line-height:60px; }
.sticky #gnb ul li { display:inline-block; height:60px; line-height:60px; position:relative;}
.sticky #gnb ul li a { height:60px; line-height:60px; padding:0 28px;}
.sticky #gnb ul li span.bar {margin-top:22px;}
.sticky #gnb ul li span.new { top:10px;}
.sticky #gnb .myClass { width:130px; height:34px; line-height:34px; position:absolute; top:14px; right:0; }
.sticky #gnb .menuBtn { display:none;}
.sticky #gnb .menuBtn.on { display:block; position:fixed; top:61px; left:50%; margin-left:-650px;}
.sticky #lnb { position:fixed; left:0; top:61px; background:rgba(255,255,255,0.9);}
.sticky #lnb .wrap { padding-left:60px; }
.sticky #lnb .wrap ul.lnbWrap { width:90%; margin:0 0 0 10%;}
.sticky #lnb .wrap ul.lnbWrap li.hidden { padding:0 28px !important; }
.sticky #sitemap { position:fixed; left:0; top:60px; background:rgba(255,255,255,0.9); z-index:509;}
.sticky #sitemap .wrap { padding-left:60px; }
.sticky #sitemap .wrap .siteWrap > li {border-bottom:1px solid rgba(0,0,0,0.03);}
.sticky #sitemap .svcInner { padding-left:60px; }

/* gnb */
#gnb { height:79px; padding:0; margin:0 auto; border-bottom:1px solid #ffd537; background:#fff; position:relative; /*z-index:503;*/ z-index:503 !important;}
#gnb ul { width:96%; height:80px; line-height:80px; margin:0 0 0 4%;font-size: 0;}
#gnb ul li { display:inline-block; height:80px; line-height:80px; float:none; padding:0; margin:0; vertical-align:top; position:relative; font-family: 'noto_sans', 'Noto Sans', Noto Sans Korean Regular, sans-serif, "나눔고딕", 'Nanum Gothic', dotum,'돋움',gulim,'굴림', Tahoma}
#gnb ul li a { display:block; height:80px; line-height:80px; font-size:17px; padding:0 32px; margin:0; color:#333; font-weight:bold;}
#gnb ul li.reg a { padding:0 44px; }
#gnb ul li a span { display:inline-block; border-bottom:5px solid transparent; }
#gnb ul li a:hover, #gnb ul li a:active, #gnb ul li a:focus { color:#333; }
#gnb ul li a:hover span,
#gnb ul li.on a span { border-bottom:5px solid #ffd537; display:inline-block; line-height:7px;}
#gnb ul li a span.on { border-bottom:5px solid #ffd537; display:inline-block; line-height:7px;}
#gnb ul li span.bar { display:block; width:1px; height:18px; font-size:13px; margin-top:30px; border-right:1px solid #f3f3f3; border-color:rgba(0,0,0,0.05); position:absolute; top:0; right:0; border-bottom:0 none !important;}
#gnb ul li span.new { display:block; width:14px; height:14px; position:absolute; top:22px; right:0; background:url(http://www.selfsign.kr/images/new.png) no-repeat 0 0; font-size:1px; letter-spacing:-9999%; overflow:hidden; }
#gnb .gnbInner { width:1187px; height:100%; padding:0; margin:0 auto; position:relative;}
#gnb .menuBtn { position:absolute; top:23px; left:0;}
#gnb .myClass { width:130px; height:34px; line-height:34px; position:absolute; top:24px; right:0; }
#gnb .myClass a { display:block; width:128px; height:32px; color:#fff; font-size:14px; text-align:center; border:1px solid #e5b604; background:#ffcb05;}
#gnb .myClass a:hover { background:#f15a22 !important; border:1px solid #d8511f !important; }
#gnb ul li .sticker{font-size: 13px; position: absolute; left: 25px; top: -5px; width: 100px; height: 32px; text-align: center; text-indent: -4px; line-height: 25px; font-style: normal; letter-spacing: -1px; color: #fff; background: url(http://www.selfsign.kr/images/flag_sticker01.png) no-repeat;}
.sticky #gnb ul li .sticker{top: 5px; left: 43px; line-height: 1; text-indent: 0; height: auto; padding: 0 0 1px; width: auto; font-size: 11px; font-weight: 900; background: inherit; border-bottom: 1px solid #ff6600; zoom:0.7; color: #ff4444;}

/* lnb */
#lnb { display:none; position:absolute; left:0; top:131px; width:100%; height:280px; background:#fff; z-index:500; border-bottom:1px solid #f3f3f3;}
#lnb .wrap{ width:1187px; margin:0 auto; font-size:0; position:relative;}
#lnb .wrap ul.lnbWrap { width:96%; margin:0 0 0 4%;}
#lnb .wrap ul.lnbWrap li { display:inline-block; float:none; height:270px; width:auto; vertical-align:top; margin:0; padding:20px 0 0; position:relative; margin-top:-1px;}
#lnb .wrap ul.lnbWrap li.subLnb1 { letter-spacing: -2.5px; padding-left: 0; padding-right: 0; margin-left: 0; }
#lnb .wrap ul.lnbWrap li.subLnb1 {}
#lnb .wrap ul.lnbWrap li.subLnb2 {}
#lnb .wrap ul.lnbWrap li.subLnb3 {}
#lnb .wrap ul.lnbWrap li.subLnb4 {}
#lnb .wrap ul.lnbWrap li.subLnb5 {}
#lnb .wrap ul.lnbWrap li.subLnb6 {}
#lnb .wrap ul.lnbWrap li.subLnb7 {}
#lnb .wrap ul.lnbWrap li.subLnb8 { position:absolute; top:0; right:0; }
#lnb .wrap ul.lnbWrap li.subLnb8 a { color:#fcaf17; }
#lnb .wrap ul.lnbWrap li li { display:block; height:26px; float:none; text-align:center; position:relative; font-size:14px; margin:0; padding:0;}
#lnb .wrap ul.lnbWrap li span { display:block; background:#f3324d; width:30px; height:16px; line-height:16px; font-size:10px; color:#fff; position:absolute; top:6px; left:-26px; letter-spacing:0; text-align:center; border-radius:10px;}
#lnb .wrap ul.lnbWrap li span.bar { display:none; width:1px; height:100%; margin-top:30px; border-right:1px solid #ddd; position:absolute; top:0; right:0; left:auto; border-radius:0; border-bottom:0 none !important; background:transparent;}
#lnb .wrap ul.lnbWrap li span.best { }
#lnb .wrap ul.lnbWrap li span.new { background:#ff7e0c; }
#lnb .wrap ul.lnbWrap li span.price { background:#ff41a3; font-size:13px; width:60px; height:18px; line-height:18px; left:-56px; top:3px; }
#lnb .wrap ul.lnbWrap li span.price i { font-style:normal; text-shadow:1px 1px 3px rgba(0,0,0,0.6);}
#lnb .wrap ul.lnbWrap li.hidden { font-size:17px; padding:0 32px !important; visibility:hidden; margin:0; line-height:1px; height:1px; overflow:hidden; letter-spacing:0; font-weight:bold;}
#lnb .wrap ul.lnbWrap li.subLnb1 li.hidden { padding:0 44px !important; }
#lnb .wrap ul.lnbWrap li a { display:inline-block; height:20px; line-height:20px; font-size:14px; color:#5c5c5c; letter-spacing:-1px;}
#lnb .wrap ul.lnbWrap li a:hover, .lnb li a:active, .lnb li a:focus, #lnb .wrap ul.lnbWrap li.on a { color:#ff6600 !important; border-bottom:1px solid #ff6600;}
#lnb .wrap ul.lnbWrap li .badge { position:absolute; top:0;}
#lnb .wrap ul.lnbWrap li .bnr_orange { position:absolute; top:-2px; display:block; width:auto; height:22px; line-height:22px; background:url(http://www.selfsign.kr/images/gnb_bnr_orange.png) no-repeat 100% 0; padding:0 17px 0 4px; border-radius:0; font-size:12.5px; letter-spacing:-0.5px; text-shadow:0 0 3px rgba(0,0,0,0.4);}

/* sitemap */
#sitemap { display:none; position:absolute; top:130px; left:0; width:100%; background:#fff; z-index:511; border-top:1px solid #ffd537; border-bottom:1px solid #f3f3f3;}
#sitemap .wrap{ position:static; margin-left:0; width:1187px; margin:0 auto; font-size:14px; text-align:center; text-align:left; padding-top:12px; padding-bottom:10px;}
#sitemap .wrap .siteWrap > li { width:100%; border-bottom:1px solid #fafafa;}
#sitemap .wrap .siteWrap > li:last-child { border:0 none;}
#sitemap .wrap .siteWrap li span { display:block; font-size:24px; color:#fcaf17; width:165px; line-height:70px; float:left; clear:both;}
#sitemap .wrap .siteWrap li.sitemap ul { width:1022px; height:auto; float:right; min-height:26px; padding:22px 0;}
#sitemap .wrap .siteWrap li.sitemap ul li { display:inline-block; width:auto; height:26px; line-height:26px; }
#sitemap .wrap .siteWrap li.sitemap ul li a { display:inline-block; color:#5c5c5c; line-height:14px; margin-right:14px; letter-spacing:-1px;}
#sitemap .wrap .siteWrap li.sitemap ul li a:hover,
#sitemap .wrap .siteWrap li.sitemap ul li.on a { color:#fcaf17; border-bottom:1px solid #fcaf17; }
#sitemap .service { width:100%; height:130px; background:#fafafa;}
#sitemap .svcInner { width:1187px; margin:0 auto; position:relative; }
#sitemap .service h3 { font-size:16px; padding:30px 0 10px; color:#2b2b2b;}
#sitemap .service .svcLst li { display:inline-block; border-bottom:1px solid #9e9e9e; font-size:18px; margin-right:20px;}
#sitemap .service .svcLst li a { color:#7f7f7f; font-weight:bold;}
#sitemap .service .svcLst li a b { color:#2b2b2b; }
#sitemap .service .svcSns { position:absolute; top:35px; right:0; }
#sitemap .service .svcSns li { display:inline-block; margin-left:10px; }

/*************** 컨텐츠 *******************/
/*배너 슬라이더*/
#main_contents .visualArea { clear:both; position: relative;width:100%; height:493px; overflow:hidden;  background:none;/*background:#f5f5f5 url('../image/bnerbg.jpg') repeat-x top center;*/ }
#main_contents .visualArea > div { position:relative; width:1187px; height:493px; margin:0 auto;}
#main_contents .visualArea > ul { width:1187px; margin:0 auto;}
#main_contents .Arrpre { position:absolute; left:-25px; top:210px; z-index: 100; cursor:pointer;}
#main_contents .Arrnex { position:absolute; left:1160px; top:210px; z-index: 100; cursor:pointer;}
#main_contents .bnerList {position:relative; height:14px;  text-align:center;  margin:0 auto; margin-top:14px;} /* width:192px;*/
#main_contents .bnerList > ul {}
#main_contents .bnerList > ul > li {display:inline; padding-right:0px; overflow:hidden;} /*padding-right:4px; */
#main_contents .bnerList > ul > li a{position:relative} /*display:block; width:28px; height:14px; float:left; position:relative*/
#main_contents .bnerList > ul > li a img.mouse_over{display:none; position:absolute; left:-74px; bottom:21px;}
#main_contents .bnerList > ul > li a:hover img.mouse_over{display:block;}
#main_slide{width:1187px;height:462px;/*overflow:hidden;position: relative;*/}
#main_slide > ul{height: 500px;position: absolute;width: 8000px;}
#main_slide > ul > li{float:left;}
#main_contents .dark_left{width:1187px;height:493px;position: absolute;left:-1187px;top:0px;background-color:black;-moz-opacity: 0.60;-khtml-opacity: 0.60;opacity: 0.60;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=60);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);filter:alpha(opacity=60);}
#main_contents .dark_right{width:1187px;height:493px;position: absolute;right:-1187px;top:0px;background-color:black;-moz-opacity: 0.60;-khtml-opacity: 0.60;opacity: 0.60;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=60);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);filter:alpha(opacity=60);}
/*컨텐츠 박스들*/
#main_contents .boxes_wrap{width:1100px; margin:0 auto; overflow:hidden; margin-top:47px; margin-bottom:107px;}
#main_contents .boxes_wrap ul{float:left; margin-right:15px;}

/*게시판 패널들*/
#main_panels{ padding:62px 0;}
#main_panels .panels_wrap{width:1000px; margin:0 auto; overflow:hidden;}
#main_panels .event{width:251px; float:left;}
#main_panels .event ul{}
#main_panels .event ul li{width:225px; height:39px; padding:0 12px; border:1px solid #ddd; border-top:none; line-height:39px;}
#main_panels .event ul li a{ font-size:12px; color:#4a4a4a;}
#main_panels .event ul li a b{ color:#262932;}
#main_panels .event ul li a:hover,
#main_panels .event ul li a b:hover{color:#000;}

/*************** 좌측토글메뉴바 *******************/
.left_nav { position:fixed; left:0px; top:0; bottom:0; background:#eceff0; z-index:4000; /*IE7*/*height:9999em; width:60px; height:100%; overflow:hidden; border-right:1px solid #bdbfc0; -webkit-transition: width 0.1s linear; -moz-transition: width 0.1s linear; -o-transition: width 0.1s linear; -ms-transition: width 0.1s linear;}/* css3 ie8이하 애니메이션 미지원 */
.left_nav h1 { width:100%; height:130px; border-bottom:1px solid #e5bc1f;}
.left_nav h1 a { display:block; width:100%; height:100%;  text-indent:-9999%; font-size:1px; overflow:hidden; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear;}/* css3 ie8이하 애니메이션 미지원 */
.left_nav li { width:100%; height:100px; border-bottom:1px solid #dfe2e4; text-align:center; line-height:14px;}
.left_nav li a { display:block; width:100%; height:100%; }
.left_nav li img { display:block; padding:20px 0 10px; margin:0 auto; }
.left_nav li.chinese img { padding:15px 0 10px; }
.nav_close h1 a { background:url(http://www.selfsign.kr/images/logo_close_off.png) no-repeat 14px 45px;}
.nav_close li, .nav_close li a { color:#9e9e9e; }
.nav_close li span { display:block; }
.nav_close li.myclass { border-bottom:1px solid #fccf39; background:#ffd123;}
.nav_close li.myclass a { color:#867952; }
.nav_close li.customer { padding-top:20px; height:80px; line-height:12px;}
.nav_close li.customer b { display:block; font-size:16px; }
.nav_close li.customer span { margin-top:3px; }
.nav_close li .time, .nav_close li .link { display:none; }
.left_nav.nav_open { width:150px !important; }
.nav_open h1 a { background:url(http://www.selfsign.kr/images/logo_open_off.png) no-repeat 37px 33px;}
.nav_open li { font-size:14px; color:#5c5c5c; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear;}/* css3 ie8이하 애니메이션 미지원 */
.nav_open li a { color:#5c5c5c; }
.nav_open li img { display:block; padding:17px 0 10px; margin:0 auto; }
.nav_open li span { display:inline;}
.nav_open li .link { height:20px; line-height:20px; display:block; background:url(http://www.selfsign.kr/images/ico_arrow_gray.png) no-repeat 97px 4px; padding-right:15px; font-size:12px; margin:2px 0 0; color:#a4a4a4;}
.nav_open li.myclass { border-bottom:1px solid #fccf39; background:#ffcb05; }
.nav_open li.myclass .link { background-image:url(http://www.selfsign.kr/images/ico_arrow_class.png); color:#caa103;}
.nav_open li.myclass a { color:#5c5c5c; }
.nav_open li.english img,
.nav_open li.operation img { padding:15px 0 10px; }
.nav_open li.customer { padding:0; height:100px;}
.nav_open li.customer b { display:inline-block; font-size:22px; margin:20px 0; letter-spacing:-0.5px; }
.nav_open li.customer span { display:block; }
.nav_open li .time { display:block; font-size:12px; letter-spacing:-0.5px; color:#a4a4a4; padding-top:4px; }
.nav_open li.on { background:#f15a22 !important; }
.nav_open li.on,
.nav_open li.on a,
.nav_open li.on span { color:#fff !important; }
.nav_open li.on .link { background-image:url(http://www.selfsign.kr/images/ico_arrow_white.png);}
.nav_open li.myclass.on { border-bottom:1px solid #f15a22;}

/*************** 우측퀵메뉴 *******************/
#main_qmenu{width:104px;position:fixed;top:0;right:0;z-index:3000;}
#main_qmenu .close{ position:absolute; left:-17px; top:72px;}

/*************** 푸터 *******************/
#footer{}
#footer .footer_nav{border-top:1px solid #bfbfbf; border-bottom: 1px solid #ebebeb; background-color: #f3f3f3;}
#footer .footer_nav .cont-wrap{overflow: hidden;}
#footer .footer_nav .site_info{float: left;}
#footer .footer_nav .site_info li{float:left; padding:25px 0 23px;}
#footer .footer_nav .site_info li+li a{margin-left:17px; padding-left: 17px; border-left:1px solid #dadada;}
#footer .footer_nav .site_info a{display: block; line-height: 1; font-size: 14px; font-family: 'Spoqa Han Sans'; color: #1e1e1e;}
#footer .footer_nav .site_info a:hover{color: #1e1e1e;}
#footer .footer_nav .site_info a[href*='mailto']:hover,
#footer .footer_nav .site_info a[href*='mailto']{color: #f47920;}

#footer .footer_nav .sns_area{float: right;}
#footer .footer_nav .sns_area dl{overflow: hidden;}
#footer .footer_nav .sns_area dl>*{padding:17px 0;}
#footer .footer_nav .sns_area dl dt{float: left; line-height: 27px; font-size: 13px; color: #aaaaaa;}
#footer .footer_nav .sns_area dl dd{float: left;}
#footer .footer_nav .sns_area dl dd a{float: left; overflow: hidden; text-indent: -9999px; margin-left: 10px; width: 27px; height: 27px; background-repeat: no-repeat; color:#1e1e1e;}

#footer .footer_nav .sns_area .sns_blog{background-image: url(http://www.selfsign.kr/images/icon_sns_blog.png);}
#footer .footer_nav .sns_area .sns_facebook{background-image: url(http://www.selfsign.kr/images/icon_sns_facebook.png);}
#footer .footer_nav .sns_area .sns_band{background-image: url(http://www.selfsign.kr/images/icon_sns_band.png);}

#footer .address{overflow: hidden; padding:23px 0; height: 204px; box-sizing: border-box;}
#footer .address .info{float: left;}
#footer .address .info *{font-weight: 200; color: #828282;}
#footer .address .info dd+dt{margin-left: 12px; padding-left: 10px; border-left:1px solid #e0e0e0;}
#footer .address .info .blind+dd{position: relative; margin-left: 11px; padding-left: 10px; border-left:1px solid #e0e0e0; line-height: 10px; top:1px;}
#footer .address .info ._bold dd{position: relative; margin-left: 20px; padding-left: 0; border-left: 0; line-height: 10px; top:3px;}
#footer .address .info .blind:first-child+dd{border-left:0; padding-left: 0; margin-left: 0;}
#footer .address .info ._bold>*{height: 16px;}
#footer .address .info dl{overflow: hidden; padding:6px 0; line-height: 1;}
#footer .address .info dl>*{float: left; height: 10px;}
#footer .address .info dt.blind:first-child+dd{text-transform: uppercase;}

#footer .contactus{position: absolute; top: 22px; right: 0; width: 270px;}
#footer .contactus dl{line-height: 1; text-align: center;}
#footer .contactus dl dt{margin-bottom:5px; font-size:16pt; color:#f47920;}
#footer .contactus dl dd .num{font-size:27px; font-family: 'Spoqa Han Sans'; color: #8c8c8c;}
#footer .contactus dl dd a{display: block; margin-top: 20px; border:1px solid #f47920; line-height: 36px; height: 38px; font-size: 14pt; color:#f47920;}
#footer .ico-arrow{float:right; display:inline-block; margin-right:14px; font-size:inherit; font-family:sans-serif, Helvetica, Arial; color:inherit;}

/* 야나두 기업교육 제휴문의 */
.alliance_pop{position: fixed; display: none; margin: auto; right: 0; top: 0; bottom: 0; left: 0; width: 600px; height: 706px; background-color: #fff; z-index: 1001;}
.alliance_pop.on+.alliance_dim,
.alliance_pop.on{display: block;}

.alliance_dim{position: fixed; display: none; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; background: url(http://www.selfsign.kr/images/mask_80.png);}
.alliance_pop .close{position: absolute; overflow: hidden; text-indent: -9999px; top: 19px; right: 19px; width: 22px; height: 22px; background: url(http://www.selfsign.kr/images/icon_close_22x22.png) no-repeat; cursor: pointer;}


.alliance_pop .big_tit_style1{padding:37px 0 13px;}
.alliance_pop .big_tit_style1 h4{border-bottom: 2px solid #5c5c5c; line-height: 65px; font-size: 32px; font-weight: 200; color: #000;}

.alliance_pop>.big_tit_style1{padding-left: 50px; padding-right: 50px;}
.alliance_pop .form_area{padding:0 50px;}
.alliance_pop .form_area label{display: table; width: 100%;}
.alliance_pop .form_area label>*{display: table-cell; padding:6.5px 0; vertical-align: middle;}
.alliance_pop .form_area label .tit{width: 109px; font-size: 18px; font-weight: 300; color: #9e9e9e;}
.alliance_pop .form_area label input,
.alliance_pop .form_area label .num_select.open{padding:0 15px; height: 55px; font-size: 18px; box-sizing: border-box;}
.alliance_pop .form_area label .num_select.open{padding: 0; border-color: #000;}

.alliance_pop .form_area ._top{padding-top: 20px; vertical-align: top;}
.alliance_pop .form_area .input_area input{width: 100%;}
.alliance_pop .form_area .input_area.num_area .num_select,
.alliance_pop .form_area .input_area input,
.alliance_pop .form_area .input_area .num_select,
.alliance_pop .form_area .input_area textarea{border:1px solid #dfe1e3;}
.alliance_pop .form_area .input_area.num_area .num_select,
.alliance_pop .form_area .input_area.num_area input{float: left; width: 33.33%; height: 55px; font-family: 'Spoqa Han Sans'; box-sizing: border-box;}
.alliance_pop .form_area .input_area.num_area input{margin-left:0;}
.alliance_pop .form_area .input_area textarea{overflow-x: hidden; overflow-y: auto; padding:17px 21px; width: 100%; height: 135px; font-size: 18px; font-weight: 300; resize: none; box-sizing: border-box;}
.alliance_pop .form_area .input_area textarea::-webkit-input-placeholder {font-size: 18px; font-weight: 300; color: #bfbfbf;}
.alliance_pop .form_area .input_area textarea::-moz-placeholder{ font-size: 18px; font-weight: 300; color: #bfbfbf;}
.alliance_pop .form_area .input_area textarea:-ms-input-placeholder{ font-size: 18px; font-weight: 300; color: #bfbfbf;}
.alliance_pop .form_area .input_area textarea:-moz-placeholder{ font-size: 18px; font-weight: 300; color: #bfbfbf;}

.alliance_pop .form_area .input_area.num_area .num_select{position: relative; font-size: 18px;}
.alliance_pop .form_area .input_area.num_area .num_select .option{position: absolute; overflow: hidden; border-top:0; top: 54px; left: -1px; width: 128px; height: 0; background-color: #fff;}
.alliance_pop .form_area .input_area.num_area .num_select.open{border:1px solid #000; border-bottom: 0;}
.alliance_pop .form_area .input_area.num_area .num_select.open .option{border:1px solid #000; border-top:0;}
.alliance_pop .form_area .input_area.num_area .num_select .option li{padding-left: 20px; line-height: 35px;}
.alliance_pop .form_area .input_area.num_area .num_select .option li:hover{background-color: #ccc; color: #fff;}
.alliance_pop .form_area .input_area.num_area .num_select .current{padding-left: 20px; width: 100%; box-sizing: border-box; line-height: 53px; background: url(http://www.selfsign.kr/images/icon_select_19x10.png) no-repeat 96px -69px;}
.alliance_pop .form_area .input_area.num_area .num_select.open .current{background-position: 96px 21px;}

.alliance_pop ._agree{padding:15px 0 0 109px;}
.alliance_pop ._agree label{display: inline-block; vertical-align: top; width: auto;}
.alliance_pop ._agree label *{font-size: 14px;}
.alliance_pop ._agree label strong{color: #5c5c5c;}
.alliance_pop ._agree a{display: inline-block; vertical-align: top; line-height: 32px; margin-left: 6px; text-decoration: underline; color: #0067ff; cursor: pointer;}
.alliance_pop ._agree a:hover,
.alliance_pop ._agree a.on{color: #f47920;}
.alliance_pop ._agree input[type='checkbox'] {display: none; margin-left:-30px; vertical-align:middle;}
.alliance_pop ._agree input[type='checkbox'] + label span.chk { display:block; content:""; width:30px; height:30px; border:0; float:left; background:url(http://www.selfsign.kr/images/login_ico_chk_square.png) no-repeat 0 0; margin-right:10px; box-sizing: border-box;}
.alliance_pop ._agree input[type='checkbox']:checked + label span.chk { display:block; content:""; width:30px; height:30px; border:0; float:left; background:url(http://www.selfsign.kr/images/login_ico_chk_square_on.png) no-repeat 0 0;}

.alliance_pop .submit{position: absolute; border:0; bottom: 0; left: 0; font-size: 20px; height: 80px; line-height: 80px; font-weight: 800; width: 100%; text-align: center; background-color: #ffd123; color: #fff; cursor: pointer;}
.alliance_pop .submit:hover{background-color: #0166ff;}

.term_pop.on{display: block;}
.term_pop{display: none; position: absolute; top: 122px; left: 50px; right: 50px; padding-bottom: 12px; background: #fff url(http://www.selfsign.kr/images/term_deco.jpg) no-repeat center bottom; z-index: 1002;}
.term_pop .term_pop_area{overflow: hidden; overflow-y: auto; padding:0 50px; border:1px solid #000; border-bottom:0; height: 406px; line-height: 1; box-sizing: border-box;}
.term_pop .term_pop_cont{padding-top: 7px;}
.term_pop .term_pop_cont dl+dl{margin-top: 29px;}
.term_pop .term_pop_cont dl dt{margin-bottom: 13px; font-size: 18px; color: #0166ff;}
.term_pop .term_pop_cont dl ul{}
.term_pop .term_pop_cont dl ul li{margin-top: 9px;}

.term_pop .num_select {position: relative; display: inline-block;}
.term_pop .num_select .current{position: relative; height: 70px; line-height: 70px; font-size: 16px; font-weight: normal; color: #b0b8c0; z-index: 2;  background-image:url(http://www.selfsign.kr/images/login_ico_dropdown_arrow.png); background-repeat:no-repeat; background-position:90% 50%; cursor: pointer;}
.term_pop .num_select .option{position: absolute;top: 71px;left: -12px;width: 162px;overflow: hidden;background-color: #fff;z-index: 3;box-shadow: 0 3px 6px rgba(0,0,0,0.5); cursor: pointer;}
.term_pop .num_select .option ul{border-top: 2px solid #000; overflow-y: scroll; max-height: 99px;}
.term_pop .num_select .option li{float: inherit !important; width: inherit !important; padding-left: 14px; border:0;  font-size: 14px; font-weight: normal; height: 32px; line-height: 32px; box-sizing: border-box; color: #b0b8c0;}
.term_pop .num_select .option li:hover{background-color: #ebeef1;}


.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: 100px !important;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}




/*************** SIMPLE INNER SCROLLBAR ***************/

.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 9px;
    top: 0;
    width: 4px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
    border-radius: 0 !important;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=10);
    opacity: 0.1;
}

.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #fff !important; }
.scrollbar-inner > .scroll-element .scroll-bar { border-radius: 0 !important; background-color: #000 !important; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }


.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }

/*************** 개인정보취급방침, 이용약관 모달팝업 *******************/
.policy_pop{ display:none;}
.policy_pop .modal_popup{position:fixed; left:50%; margin-left:-350px; top:100px; z-index:5000; width:700px; height:678px; background:#fff;}
.policy_pop .modal_popup .cont{margin-top:15px; width:660px; height:583px; overflow:auto; margin:0 auto; border-bottom:1px solid #ddd; text-align:left;}
.policy_pop .close_popup{position:absolute; top:0px; right:-33px; font-size:28px; color:#fff; cursor:pointer; font-weight:bold;}


/******** add css - kdkmulti *********************/

.ifr_width_790 {min-width: 790px !important;}
.ifr_width_1000 {min-width: 1000px !important;}
.ifr_width_540 {min-width: 540px !important;}

.ifr_width_208 {
    min-width: 208px !important;
}

/*************** 아이디, 비밀번호 찾기 모달팝업 *******************/
.search_pop{display:none;}
.search_pop .search_popup{}
.search_pop .search_popup{position:fixed; left:50%; margin-left:-350px; top:100px; z-index:5000; width:700px; background:#fff;}
.search_pop .search_popup .search_area{ padding-top:60px; padding-bottom:50px; width:660px; margin:0 auto; border-bottom:1px solid #ddd;}
.search_pop .search_popup .search_area table{ width:520px; margin:0 auto;}
.search_pop .search_popup .search_area table tr{}
.search_pop .search_popup .search_area table tr td{color:#222; font-size:16px; font-weight:bold; height:40px;}
.search_pop .search_popup .search_area table tr td.title{ width:80px;}
.search_pop .search_popup .search_area table tr td.write{}
.search_pop .search_popup .search_area table tr td.write input{ width:244px; height:25px; border:1px solid #ddd; position:relative; bottom:4px;}
.search_pop .search_popup .search_area table tr td.write input.year{ width:93px;}
.search_pop .search_popup .search_area table tr td.write input.month{ width:45px;}
.search_pop .search_popup .search_area table tr td.write input.date{ width:45px;}
.search_pop .search_popup .search_area table tr td.write input.mail{ width:123px;}
.search_pop .search_popup .search_area table tr td.write span{font-weight:normal;}
.search_pop .search_popup .search_area table tr td.write select{ width:128px; height:27px;}
.search_pop .search_popup .btn_area{ text-align:center; margin-top:41px; margin-bottom:65px;}
.search_pop .close_popup{position:absolute; top:0px; right:-33px; font-size:28px; color:#fff; cursor:pointer; font-weight:bold;}

/* 170404리뉴얼 */
#main_contents .wrap1130 { width:1130px; margin:0 auto 70px; clear:both; }

#main_contents .review { margin-top:30px;}
#main_contents .review .reviewReal { width:746px; float:left; margin-right:36px;}
#main_contents .review .reviewReal .reviewTitle { height:60px; }
#main_contents .review .reviewReal .reviewTitle a { display:block; margin-top:18px; font-size:13px; color:#ff6600; float:right; border-bottom:1px solid #ff6600;}
#main_contents .review .reviewReal ul { width:744px; border:1px solid #ccc; overflow:hidden;}
#main_contents .review .reviewReal ul li { width:744px; height:119px; border-bottom:1px solid #ccc;}
#main_contents .review .reviewList { height:360px; border-bottom:1px solid #ccc; }
#main_contents .review .reviewList ul li { font-size:13px; }
#main_contents .review .reviewList ul li > div { float:left; height:24px; line-height:24px; }
#main_contents .review .reviewList ul li > div.lstWrap { width:678px; height:79px; float:none; padding:20px; position:relative;}
#main_contents .review .reviewList ul li .title { width:350px; height:24px; font-size:16px; font-weight:bold; color:#333333; margin-bottom:10px; margin-right:0; padding-right:0; float:left;}
#main_contents .review .reviewList ul li .title a { color:#333; }
#main_contents .review .reviewList ul li .content { width:100%; height:44px; font-size:14px; line-height:18px; color:#666666; margin-bottom:12px; float:left;}
#main_contents .review .reviewList ul li .content a,
#main_contents .review .reviewList ul li .content a:hover { color:#666; }
#main_contents .review .reviewList ul li .sort { background:#ffb400; color:#fff; padding:0 4px; margin-right:5px;}
#main_contents .review .reviewList ul li .user { margin-right:5px; float:right; font-size:12px; letter-spacing:-0.5px;}
#main_contents .review .reviewList ul li .rate { float:left; }
#main_contents .review .reviewList ul li .rate img { vertical-align:middle; margin-top:6px;}
/*#main_contents .review .reviewList ul li .more { float:right; }
#main_contents .review .reviewList ul li .more a { font-size:13px; color:#ff6600; border-bottom:1px solid #ff6600;}*/
#main_contents .review .reviewList ul li .date { float:right; font-size:12px; letter-spacing:-0.5px;}
#main_contents .review .reviewBest { width:340px; overflow:hidden; position:relative;}
#main_contents .review .reviewBest .bx-wrapper { border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top:12px solid #d1d1d1; }
#main_contents .review .reviewBest .reviewTitle { height:50px; }
#main_contents .review .reviewBest .reviewTitle img { margin-top:13px; margin-left:22px; }
#main_contents .review .reviewBest ul li { float:left; }
#main_contents .review .reviewBest .slideControl3 { position:absolute; bottom:1px; right:0; display:none;}
#main_contents .review .reviewBest .slideControl3 img { margin-right:1px; }

#main_contents .system { height:200px; padding-bottom:0;}
#main_contents .system ul li { float:left; width:328px;  padding:0 5px 0 43px;}

#main_contents .indem { height:271px;}
#main_contents .indem ul li { float:left; width:371px;  margin-right:5px;}
#main_contents .indem ul li a { display:block; position:relative; }
#main_contents .indem ul li a span.indem_bnr_orange { display:block; width:370px; height:50px; line-height:50px; position:absolute; right:0; bottom:0; font-size:30px; font-weight:bold; color:#2d251e; background:rgba(255,102,0,0.8); text-align:center;}
#main_contents .indem ul li a:hover span.indem_bnr_orange { padding-left:1px; }

#main_contents .sampleWrap { height:680px; margin-bottom:80px; }
#main_contents .sample {width:750px; height:640px; float:left; margin-top:35px;}
#main_contents .sample .tabs_wrap{width:750px; float:left;  border:1px solid #fed650;}
#main_contents .sample .tabs_wrap img{float:left;}
#main_contents .sample .tab_area {float:left;}
#main_contents .sample .bg_tabS {width:750px; }
#main_contents .sample .bg_tabS li {float:left; width:149px;height:50px; line-height:50px; text-align:center; font-size:15px; color:#ffaa00; border-right:1px solid #fed650; cursor:pointer; position:relative;}
#main_contents .sample .bg_tabS li:hover{ background:#fed650; color:#333333; }
#main_contents .sample .bg_tabS li.on{ background:#fed650; color:#333333; }
#main_contents .sample .bg_tabS li.tab2{}
#main_contents .sample .bg_tabS li.tab2:hover{}
#main_contents .sample .bg_tabS li.tab2.on {}
#main_contents .sample .bg_tabS li.tab3{ width:129px; }
#main_contents .sample .bg_tabS li.tab3:hover{}
#main_contents .sample .bg_tabS li.tab3.on {}
#main_contents .sample .bg_tabS li.tab4 {}
#main_contents .sample .bg_tabS li.tab4:hover{}
#main_contents .sample .bg_tabS li.tab4.on {}
#main_contents .sample .bg_tabS li.tab5 { width:170px; border-right:0; }
#main_contents .sample .bg_tabS li.tab5:hover{}
#main_contents .sample .bg_tabS li.tab5.on {}
#main_contents .sample .conts_area{float:left; margin-bottom:50px;}
#main_contents .sample .conts_area .conts{ width:752px; height:423px; cursor:pointer;}
#main_contents .sample .bg_tabS li span.new { position:absolute; top:-32px; left:50%; margin-left:-24px; }
#main_contents .sample .banner_area { float:left; }

.starWrap { width:314px; float:right; }
.starWrap .starTitle { margin-bottom:13px; }
.starWrap ul li { border-bottom:1px solid #cccccc; }

.videoWrap { height:300px; }
.video .videoTitle { margin-bottom:20px; }
.video ul li { float:left; width:370px; height:210px; margin-right:10px; cursor:pointer;}
.video ul li.video3 { margin:0; }

/*인스타그램*/
.instaWrap { width:1187px; height:493px; overflow:hidden; position:relative; }
.instaWrap .instaShadow { background:url(http://cdn.yanadoo.co.kr/upload/yanadoo/pc/main/instaShadow.png) no-repeat 0 0; position:absolute; left:0; bottom:0; width:1198px; height:51px; }
.instaInner { width:1127px; height:493px; background:#fed652 url(http://cdn.yanadoo.co.kr/upload/yanadoo/pc/main/170518_instaBg.jpg) no-repeat 0 0; overflow:hidden; padding:0 30px; position:relative;}
.instaInner .instaTitle { width:100%; margin:50px 0 30px; text-align:center; }
.instaInner ul li { width:208px; border:1px solid #eec43b; padding:10px; background:#fff;}
.instaInner ul li .instaImg img { width:100%; }
.instaInner ul li .instaTag { color:#80c6e8; }
.instaInner ul li .instaCont { color:#404040; }
#attractt-popup #att-btn-close { left:50% !important; top:50% !important; margin-left:500px !important; margin-top:-320px !important; }

/*가운데정렬*/
body { min-width:1220px !important; }
.landng{overflow-x:hidden;}

/*네이버 로그인 공통*/
.login_naver { width:100%; min-height:100%; font-size:14px; background:#f5f6f7; letter-spacing:-1px; padding:30px 0 100px;}
.login_482 { width:482px; margin:0 auto; }
.login_600 { width:600px; margin:0 auto; }
.login_naver .gray { color:#9e9e9e; }
.login_naver .text14 { font-size:14px; }
.login_naver p { padding:10px 0; }
.login_naver .welcome { padding:0 0 20px; }
.login_naver .welcome h2 { font-size:90px; height:110px; font-weight:100; color:#2b2b2b;}
.login_naver .title_sub { font-size:18px; padding:0;}
.login_naver input,
.login_naver select { border:0 none; font-family:'noto_sans', 'Noto Sans', Noto Sans Korean Regular, sans-serif, "나눔고딕", 'Nanum Gothic', dotum,'돋움',gulim,'굴림', Tahoma; font-size:16px; color:#000;}
.login_naver select { appearance:none; -moz-appearance:none; -webkit-appearance:none; }
.login_naver select::-ms-expand { display: none;}
.login_naver select { background-image:url(http://www.selfsign.kr/images/login_ico_dropdown_arrow.png); background-repeat:no-repeat; background-position:90% 50%;}
.login_naver input::-webkit-input-placeholder { color:#9e9e9e }
.login_naver input::-moz-placeholder { color:#9e9e9e }
.login_naver input::-ms-input-placeholder { color:#9e9e9e }

/*체크박스*/
.login_naver .custom_chk1 input[type=checkbox] {visibility: hidden; margin-left:-30px; vertical-align:middle;}
.login_naver .custom_chk1 input[type=checkbox] + label span.chk { display:block; content:""; width:30px; height:30px; border:0; float:left; background:url(http://www.selfsign.kr/images/pay_ico_chk.png) no-repeat 0 0; margin-right:26px;}
.login_naver .custom_chk1 input[type=checkbox]:checked + label span.chk { display:block; content:""; width:30px; height:30px; border:0; float:left; background:url(http://www.selfsign.kr/images/pay_ico_chk_on.png) no-repeat 0 0;}
.login_naver .custom_chk1 input,
.login_naver .custom_chk1 label { cursor:pointer; line-height:30px; vertical-align:middle;}

.login_naver .custom_chk2 input[type=checkbox] {visibility: hidden; margin-left:-30px; vertical-align:middle;}
.login_naver .custom_chk2 input[type=checkbox] + label span.chk { display:block; content:""; width:30px; height:30px; border:0; float:left; background:url(http://www.selfsign.kr/images/login_ico_chk_square.png) no-repeat 0 0; margin-right:26px;}
.login_naver .custom_chk2 input[type=checkbox]:checked + label span.chk { display:block; content:""; width:30px; height:30px; border:0; float:left; background:url(http://www.selfsign.kr/images/login_ico_chk_square_on.png) no-repeat 0 0;}
.login_naver .custom_chk2 input,
.login_naver .custom_chk2 label { cursor:pointer; line-height:30px; vertical-align:middle;}
.login_naver .custom_chk3 input[type=radio],
.login_naver .custom_chk3 input[type=checkbox] {visibility: hidden; margin-left:-30px; vertical-align:middle; position:absolute; left:0;}
.login_naver .custom_chk3 input[type=radio] + label span.chk,
.login_naver .custom_chk3 input[type=checkbox] + label span.chk { display:block; content:""; width:30px; height:30px; border:0; float:right; background:url(http://www.selfsign.kr/images/pay_ico_chk.png) no-repeat 0 0; margin-right:20px; margin-top:20px;}
.login_naver .custom_chk3 input[type=radio]:checked + label span.chk,
.login_naver .custom_chk3 input[type=checkbox]:checked + label span.chk { display:block; content:""; width:30px; height:30px; border:0; float:right; background:url(http://www.selfsign.kr/images/pay_ico_chk_on.png) no-repeat 0 0;}
.login_naver .custom_chk3 input,
.login_naver .custom_chk3 label { display:block; cursor:pointer; vertical-align:middle;}

/*네이버로그인 로그인 1*/
.login_naver .login_input {margin:0 0 10px; box-sizing: border-box;width: 100%;}
.login_naver .login_input.step2 input[type="text"]{position: relative; border:2px solid #ffd123; z-index: 1;}
.login_naver .login_input.step3 input{position: relative; border:2px solid #ffd123; z-index: 1;}
.login_naver .login_input.step3 input[type="text"]{border-bottom: 1px solid #fff6d3;}
.login_naver .login_input.step3 input[type="password"]{border-top:0;}
.login_naver input.loginId,
.login_naver input.loginPw {position: relative; display:block; width: 100%; height: 68px; line-height: 68; border: 1px solid #dfe1e3; padding-top:20px;padding-bottom:20px;padding-left:60px;background:transparent;box-sizing: border-box;}
.login_naver input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px #fff inset !important}
.login_naver .login_input{position: relative; background-color: #fff;}
.login_naver .login_input.step2:after,
.login_naver .login_input.step3:after{left: 18px; top: 21px;}
.login_naver .login_input.step3:before{left: 18px; bottom: 19px;}
.login_naver .login_input.step3+p a{background: #f47920;}
.login_naver .login_input:after{content:" ";position: absolute;margin: auto;left: 16px;top: 19px;width: 30px;height: 30px;background-image:url(http://www.selfsign.kr/images/login_ico_id.png);background-repeat:no-repeat;background-position:center; z-index: 1;}
.login_naver .login_input:before{content:" ";position: absolute;margin: auto;left: 16px;bottom: 18px;width: 30px;height: 30px;background-image:url(http://www.selfsign.kr/images/login_ico_pw.png);background-repeat:no-repeat;background-position:center; z-index: 1;}
.login_naver input.loginId{ content:""; background-image:url(http://www.selfsign.kr/images/login_ico_id.png); background-repeat:no-repeat; background-position:20px 20px;}
.login_naver input.loginId { background-image:url(http://www.selfsign.kr/images/login_ico_id.png); background-repeat:no-repeat; background-position:20px 20px;}
.login_naver input.loginPw { margin-top: -1px; background-image:url(http://www.selfsign.kr/images/login_ico_pw.png); background-repeat:no-repeat; background-position:20px 20px; border-top:1px solid #f5f6f7;}
.login_naver .login_600 .login_input { background:#fff url(http://www.selfsign.kr/images/login_ico_process2_1.png) no-repeat 0 0; margin-bottom:30px;}
.login_naver .login_600 .login_input.step2 { background:#fff url(http://www.selfsign.kr/images/login_ico_process2_2.png) no-repeat 0 0;}
.login_naver .login_600 .login_input.step3 { background:#fff url(http://www.selfsign.kr/images/login_ico_process2_3.png) no-repeat 0 0;}
/*.login_naver .login_600 input.loginId,*/
/*.login_naver .login_600 input.loginPw { width:540px;}*/
.login_naver input.loginId:focus,
.login_naver input.loginPw:focus {outline:none;}
.login_naver .btn_login { display:block; width:100%; height:80px; line-height:80px; background:#ffd123; font-size:20px; font-weight:500; color:#fff; text-align:center;}
.login_naver .btn_login.on { background:#f47920; }
.login_naver .idCookie { color:#9e9e9e; height:50px; border-bottom:1px solid #dcddde; padding:15px 0 5px; margin-bottom:30px;}
.login_naver .idCookie span.bar { line-height:8px; font-size:8px; border-left:1px solid #dcddde; margin:0 6px 0 11px;}
.login_naver .idCookie a { color:#5c5c5c; font-weight:700;}
.login_naver .sns_login_area{overflow: hidden;}
.login_naver a.btn_naver { float: left; padding-left: 56px; width: 231px; height: 60px; line-height:60px; background:#1ec800 url(http://www.selfsign.kr/images/icon_naver_login.jpg) no-repeat 0 0; font-size:15px; font-weight:500; color:#fff; text-align:center; box-sizing: border-box;}
.login_naver a.btn_facebook{ float: right; padding-left: 56px; width: 231px; height: 60px; line-height:60px; background:#3a559f url(http://www.selfsign.kr/images/icon_facebook_login.jpg) no-repeat 0 0; font-size:15px; font-weight:500; color:#fff; text-align:center; box-sizing: border-box;}

/*간편로그인*/
.login_naver .login_popup { position:fixed; width:100%; height:100%; top:0; left:0; z-index:5001; display:none;}
.login_naver .login_popup.on { display:block; }
.login_naver .login_popup .login_pop_panel { position:absolute; width:100%; height:100%; top:0; left:0; background:url(http://www.selfsign.kr/images/fancybox_overlay.png); }
.login_naver .login_easy.login_popup { display:block; }
.login_naver .login_easy .login_600 { width:500px; height:294px; position:absolute; top:0; left:0; background:#fff; padding:50px 50px;}
.login_naver .login_easy .login_600 h3 { font-size:32px; font-weight:300; color:#000;}
.login_naver .login_easy .login_600 .login_agree { border-top:2px solid #5c5c5c; padding:14px; border-bottom:1px solid #f5f6f7;}
.login_naver .login_easy .login_600 .login_agree li { padding:7px 0; color:#5c5c5c;}
.login_naver .login_easy .login_600 .login_agree li span { font-size:11px; margin-left:6px; }
.login_naver .login_easy .login_600 .login_agree li a { text-decoration:underline; color:#0006ff; }
.login_naver .login_easy .login_600 a.btn_easy { position:absolute; left:0; bottom:0; display:block; width:100%; height:80px; line-height:80px; background:#ffd123; font-size:20px; font-weight:500; color:#fff; text-align:center;}
.login_naver .login_easy .login_600 a.btn_easy:hover,
.login_naver .login_easy .login_600 a.btn_easy.on { background:#f47920; }
.login_naver .login_easy .login_600 a.btn_close { position:absolute; top:20px; right:20px; }

/*야나두 ID 회원 정보*/
.login_naver .login_yanadoo .login_600 { width:500px; height:442px; position:absolute; top:50%; left:50%; margin-left:-300px; margin-top:-321px; background:#fff; padding:50px 50px;}
.login_naver .login_yanadoo .login_600 h3 { font-size:32px; font-weight:300; color:#000;}
.login_naver .login_yanadoo .login_600 .user_info { border-top:2px solid #5c5c5c; margin-top:14px; height:256px; font-size:14px;}
.login_naver .login_yanadoo .login_600 .user_info dt { width:60px; height:50px; line-height:50px; border-bottom:1px solid #f5f6f7; padding-left:20px; color:#5c5c5c; float:left; background:#fcfcfc;}
.login_naver .login_yanadoo .login_600 .user_info dd { width:400px; height:50px; line-height:50px; border-bottom:1px solid #f5f6f7; padding-left:20px; color:#010101; float:right;}
.login_naver .login_yanadoo .login_600 .custom_chk2 li { padding:16px 0 0; color:#9e9e9e;}
.login_naver .login_yanadoo .login_600 .custom_chk2 li span { font-size:11px; margin-left:6px; }
.login_naver .login_yanadoo .login_600 a.btn_combine { position:absolute; left:0; bottom:0; display:block; width:100%; height:80px; line-height:80px; background:#ffd123; font-size:20px; font-weight:500; color:#fff; text-align:center;}
.login_naver .login_yanadoo .login_600 a.btn_combine:hover,
.login_naver .login_yanadoo .login_600 a.btn_combine.on { background:#f47920; }
.login_naver .login_yanadoo .login_600 a.btn_close { position:absolute; top:20px; right:20px; }

/*네이버로그인 로그인 2*/
.login_naver .id_select { width:600px; border-top:1px solid #dfe1e3; margin-bottom:20px; margin-top:5px;}
.login_naver .id_select ul { padding:0; margin:0; }
.login_naver .id_select li { display:block; height:70px; line-height:70px; background:#fff; padding-left:30px; border-left:1px solid #dfe1e3; border-right:1px solid #dfe1e3; border-bottom:1px solid #f5f6f7; color:#000; font-size:16px;}
.login_naver .id_select li.last { border-bottom:1px solid #dfe1e3; }
.login_naver .join_naver_id { background:url(http://www.selfsign.kr/images/login_id_valid.png) no-repeat 0 0; margin-bottom:20px; padding-top:2px; height:208px;}
.login_naver .join_naver_id li { position:relative; height:67px; background:transparent; border:2px solid transparent; margin-top:-2px; padding:0;}
.login_naver .join_naver_id li input { position:absolute; width:566px; padding-left:30px; padding-top:25px; padding-bottom:25px; height:18px; z-index:1; background:transparent; top:0; left:0; outline:none; vertical-align:top; line-height:20px;}
.login_naver .join_naver_id li span { position:absolute; top:25px; left:235px; font-size:13px; color:#c6c6c6;}
.login_naver .join_naver_id li.on { border:2px solid #ffd123; }
.login_naver .join_naver_id li.on span { display:none; }
.login_naver .join_naver_id li.blue { border:2px solid #0067ff; background:url(http://www.selfsign.kr/images/login_ico_input_blue.png) no-repeat 95% 50%; }
.login_naver .join_naver_id li.blue span { color:#0067ff; display:block;}
.login_naver .join_naver_id li.red { border:2px solid #ff5b5e; background:url(http://www.selfsign.kr/images/login_ico_input_red.png) no-repeat 95% 50%; }
.login_naver .join_naver_id li.red span { color:#ff5b5e; display:block;}
.login_naver .join_naver_info { border-top:1px solid #dfe1e3; margin-bottom:20px; font-size:16px; background:#fff;}
.login_naver .join_naver_info li { position:relative; height:70px; border-left:1px solid #dfe1e3; border-right:1px solid #dfe1e3; border-bottom:1px solid #f5f6f7; color:#9e9e9e; line-height:70px;}
.login_naver .join_naver_info li.last { border-bottom:1px solid #dfe1e3; }
.login_naver .join_naver_info li .fl { float:left; width:82px; border-right:1px solid #f5f6f7; padding-left:30px;}
.login_naver .join_naver_info li .fr { float:right; width:485px; }
.login_naver .join_naver_info li .fr li { width:161px; border-left:0 none; border-bottom:0 none; border-right:1px solid #f5f6f7; float:left;}
.login_naver .join_naver_info li .fr li.two { width:323px; }
.login_naver .join_naver_info li .fr input::-moz-placeholder,
.login_naver .join_naver_info li .fr input:-ms-input-placeholder,
.login_naver .join_naver_info li .fr input:-moz-placeholder,
.login_naver .join_naver_info li .fr input::-webkit-input-placeholder {font-size: 16px; color: #c6c6c6;}
.login_naver .join_naver_info li .fr input { vertical-align:top; height:20px; padding-top:25px; padding-bottom:25px; line-height:70px; width:100%; text-indent:20px; font-size: 16px; outline:none; border:0 none; background:transparent;}
.login_naver .join_naver_info li .fr select { vertical-align:top; height:70px; line-height:70px; width:161px; padding-left:20px; outline:none; border:0 none; border:0 none;}
.login_naver .join_naver_info li .fr select option { height:20px; line-height:20px; text-indent:20px;}
.login_naver .join_naver_info li .last { border-right:0 none !important; }
.login_naver .join_naver_info li.name .fr input { }
.login_naver .join_naver_info li.gender .fr li { width:auto; border:0 !important;}
.login_naver .join_naver_info li.gender .fr span { display:block; width:208px; height:35px; line-height:35px; border:2px solid #dfe2e5; float:left; margin-left:20px; margin-top:15px; text-align:center; font-size:14px; cursor:pointer;}
.login_naver .join_naver_info li.gender .fr li.on span
{ border:2px solid #f47920; background:#f47920; color:#fff;}
.login_naver .join_naver_info li.gender input { visibility:hidden; position:absolute; top:0; left:0; width:0; height:0; overflow:hidden;}
.login_naver .join_naver_info li.email .fr { background:url(http://www.selfsign.kr/images/login_ico_at.png) no-repeat 30% 50%; }
.login_naver .join_naver_info li.email .fr .noline { border-right:1px solid transparent; }
.login_naver .join_naver_info li.email .fr .noline input { width:134px; }
.login_naver .agree_news { width:600px; border-top:1px solid #dfe1e3; margin-bottom:50px; margin-top:5px;}
.login_naver .agree_news li { display:block; height:70px; line-height:70px; background:#fff; padding-left:30px; border-left:1px solid #dfe1e3; border-right:1px solid #dfe1e3; border-bottom:1px solid #f5f6f7; color:#9e9e9e; font-size:13px; position:relative;}
.login_naver .agree_news li.last { border-bottom:1px solid #dfe1e3; }
.login_naver .join_naver_done { }
.login_naver .join_naver_done a { display:block; width:100%; height:80px; line-height:80px; background:#b0b8c0; font-size:20px; color:#fff; text-align:center;}
.login_naver .join_naver_done a:hover,
.login_naver .join_naver_done a.on { background:#ffd123; }
.login_naver .user_new { display:none;}
.login_naver .user_yanadoo { }