@import url("/css/content.css");

@charset "utf-8"; 


#sub-contents{margin:0 auto; width:1220px;margin-top:35px;}
#left-area{width:240px;float:left;}
#left-area > h2{height:50px;text-align:center;padding-top:30px;color: #fff;font-size:24px;font-weight:700;}
#sub-area{width:939px;float:right;padding-top:25px;padding-bottom:50px;min-height:500px;}
body #sub-area, #sub-area input, #sub-area textarea, #sub-area select, #sub-area button{font-size:14px;font-family:Malgun Gothic;}

#sub_vis > div { height:95px; padding-top:189px;}
#sub_vis .sub_08 { background: url("../images/img/sub_8/sub_8_backimg.jpg") no-repeat center 0;}
#sub_vis h2 { height:38px; margin:0 auto; text-indent:-99999px; }
#sub_vis .sub_08 h2 { width:149px; background: url("../images/img/sub/sub_06_title.png") no-repeat -664px 0;}

.nav-bg {background:url(../images/img/sub_nav_bg.png) no-repeat center 0;background-color: #3f61b2;}


/* Left gnb */
.left-deaph1{border-left:1px solid #d1d1d1;border-right:1px solid #d1d1d1;}
.left-deaph1 > li > a{display:block;border-bottom:1px solid #d1d1d1;padding:19px 20px;font-size:16px;padding-right:30px;}
.left-deaph1 > li > a.on{text-decoration: underline; font-weight:bold; background: rgb(255, 255, 255) url('../images/img/left_icon_on.gif') no-repeat scroll 210px 25px !important; color: rgb(63, 97, 178)}
.left-deaph1 > li > a {background: url('../images/img/left_icon_off.gif') no-repeat 210px 25px; color: #444;}
.left-deaph2{display:none;border-bottom:1px solid #d1d1d1;background:#f5f5f5;padding:5px 20px;}
.left-deaph2 > li > a{display:block;background:url(../images/img/left_icon.gif) no-repeat left 15px;padding:8px 0;padding-left:8px;padding-right: 15px;}
.left-deaph2 > li > a.on{color: #28689f;text-decoration:underline;}


#sub-header{height:68px;margin-bottom:40px;border-bottom: 1px #e5e5e5 solid;}
#sub-header h2{font-size:27px;color: #333;height:45px;font-weight:normal;letter-spacing: -2px;}



#navigation {float:right;margin-top: -35px;}
.path { display : inline-block; position : relative; text-align : center;}
.path *, .snsbtn * { vertical-align : middle; }
.path a { padding : 0 3px; font-size:13px; color: #666;letter-spacing:-1px;}
.path a.navi_home { display : inline-block; margin-right : 5px; width : 21px; height : 20px; background : url('../images/img/layout_sp.png') 15px -489px no-repeat; font-size : 0; line-height : 0; }
.path a.navi_ov{font-weight: bold;}

.snsbtn { display : inline-block; position : relative; vertical-align : middle; }
.snsbtn:after { content : ""; display : block; visibility : hidden; clear : both; }

#navigation .btn_print { display : inline-block; float:right; overflow : hidden; width : 34px; height : 38px; background : url(../images/img/btn_navi.png) no-repeat -75px 0; font-size : 0; line-height : 0; }
#navigation .btn_bookmark { display : inline-block; float:right; overflow : hidden; width : 34px; height : 38px; background : url(../images/img/btn_navi.png) no-repeat 12px -5px; font-size : 0; line-height : 0; }
#naviSNS { display : inline-block; width : 228px; left: -60px;}
#naviSNS a { display : inline-block; float : left; overflow : hidden; width : 38px; height : 38px; background : url(../images/img//btn_navi.png) no-repeat -109px 0; font-size : 0; line-height : 0; }
#naviSNS a.fb { background-position : -110px 0; }
#naviSNS a.tw { background-position : -148px 0; }
#naviSNS a.kk { background-position : -186px 0; }
#naviSNS a.kt { background-position : -224px 0; }
#sns_slide { display : inline-block; overflow : hidden; /*float : right;*/ margin : 0; width : 34px; height : 38px; background : url(../images/img//btn_navi.png) no-repeat -37px 0; font-size : 0; line-height : 0; }
#sns_slide.ov { background-position : -270px 0; }




.sub-sharing{float:right;margin-top: -35px;}
.sub-sharing > li{float:left;margin-left:5px;position:relative;}
.sharing-btn{display:none;position:absolute;top:34px;z-index:20;right:0;}
.sharing-btn li{margin-top:5px;}


.gray-search-box{background:#f5f5f6;border:1px solid #d9d9d9;padding:16px 21px;margin-top:37px;height:34px;}
.gray-search-box ul{float:left;width:calc(32% - 15px);}
.gray-search-box input[type="text"], .gray-search-box select{border:1px solid #dddddd;padding:9px 5px;width:calc(100% - 12px);}
.gray-search-box.ui205 .in-text{width:calc(60% - 89px);}
.gray-search-box.ui205 .in-text.add-size select{width: calc(23% - 5px);}
.gray-search-box.ui205.ui679 .in-text{width:calc(100% - 69px);}
/*.gray-search-box .size50{width:calc(60% - 89px);}*/
.gray-search-box .in-text{float:right;position:relative;padding-right:56px;}
.gray-search-box .in-text a{position:absolute;top:0;right:0;}
.gray-search-box .in-text input[type="image"]{position:absolute;top:0;right:0;}
.gray-search-box input[type="text"]{height:21px}
.gray-search-box select{height:41px;}
.gray-search-box  strong.txt{font-size:14px; font-weight:600; color: #555555; margin-right:15px; letter-spacing:-1px;}

.gray-search-box ul.count-line{width:40%;margin-top: 5px;}
.gray-search-box ul > li{float:left;box-sizing: border-box;width:50%;}
.gray-search-box ul.count-line > li{position:relative;width:100%;}
.gray-search-box ul.count-line > li > span{display:inline-block;/*width:calc(50% - 50px);*/position:relative;padding-right:41px;}
.gray-search-box ul.count-line > li > span > a{position:absolute;top:0;right:0;}
.gray-search-box ul.count-line > li > span strong{color: #da2a21;font-weight:bold;}



.gray-search-box .left-area{width:calc(70% - 10px);}
.gray-search-box .left-area ul{width:calc(50% - 5px);}
.gray-search-box .left-area ul select{width:calc(50% - 5px);}
.gray-search-box .left-area .in-text{width:calc(50% - 84px);}
.gray-search-box .right-area{width:calc(30% - 75px);position:relative;padding-left:75px;}
.gray-search-box .right-area label{font-weight:bold;position:absolute;left:0;top:7px;}
.gray-search-box .clear{display:none;}

.gray-search-box.ui205 .in-text select{width:calc(33% - 5px);}
.gray-search-box.ui205 .in-text input[type="text"]{width: calc(67% - 12px);}
.gray-search-box.ui205.ui679 .in-text input[type="text"]{width: calc(56% - 12px);}



/*페이징*/

.paginate{ width:100%; text-align:center; display:inline-block;}
.paginate > li{ width:38px; height:38px;margin-left:4px;display:inline-block; border:1px solid #ddd; box-sizing:border-box;}
.paginate > li.movBtn.prev{ margin-right:10px;}
.paginate > li.movBtn.next{ margin-left:10px;}
.paginate > li a{ width:100%; height:100%;  text-align:center; color:#666; line-height:36px; display:block;}
.paginate > li.active{ background-color:#3f61b2; border:1px solid #3f61b2;}
.paginate > li.active a{ color:#fff;}
.paginate > li.movBtn a{ text-indent:-9999px; position:relative;}
.paginate > li.movBtn a:before{ height:9px; content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.paginate > li.movBtn.first a:before{ width:10px; background-position:0 0;}
.paginate > li.movBtn.last a:before{ width:10px; background-position:-10px 0;}
.paginate > li.movBtn.prev a:before{ width:5px; background-position:-20px 0;}
.paginate > li.movBtn.next a:before{ width:5px; background-position:-25px 0;}
* + .paginate{ margin-top:26px;}


/* 만족도 */


.degree-area-floor1{border:1px solid #dddddd;margin-top:100px; background:#f1f2f4;padding:23px 26px;}
.degree-area-floor1 p{background:url(../images/img/degree_icon.png) no-repeat left top;min-height:22px;padding-left:27px;letter-spacing: -1px;}
.degree-area-floor1 > ul{margin-top:12px;}
.degree-area-floor1 > ul > li{float:left;margin:5px 0;margin-right:50px;}
.degree-area-floor1 > ul > li input[type="radio"]{vertical-align: middle;}
.opinion{margin-top:60px;position:relative;padding-right:97px;}
.opinion input[type="text"]{border:1px solid #c0c0c0;width:calc(100% - 10px);height: 25px;padding:5px;}
.opinion a{position:absolute;top:0;right:0;}
.opinion input[type="image"]{position:absolute;top:0;right:0;}


/* 공통.topindex */

.inbox{overflow:hidden;position:relative;}
.inbox:after{content:"";display:block;clear:both;visibility:hidden;}
.tit_inner{margin-top:0;}

.inbox.inboxt{border:1px solid #d2d2d2;}
.inbox.inboxt * {margin:0;padding:0;box-sizing:border-box;-webkit-touch-callout:none;}
.inbox.inboxt .inner{position:relative;padding:25px;letter-spacing:-1px;}
.inbox.inboxt .inner .tit_inner{display:block;margin:0;margin-bottom:15px;color:#121212;font-size:20px;line-height:30px;font-weight:bold;letter-spacing:-1px;}
.inbox.inboxt .inner .txtwrap{position:relative;}
.inbox.inboxt .inner .txtwrap p{margin:0;font-size:15px;font-weight:400;color: #545454; word-break: break-all;}
.inbox.inboxt .inner .tp_icon.circle{display:none;}
.tp_icon{display:block;overflow:hidden;width:108px;height:108px;background:url(../images/img/box_icon.png) no-repeat;}
.tp_icon.circle1{background-position:0 0;}
.tp_icon.icon1{background-position:0px -108px;}
.tp_icon.icon2{background-position: -110px -105px;}
.tp_icon.icon3{background-position: -215px -105px;}
.tp_icon.icon4{background-position: -325px -105px;}
.tp_icon.icon5{background-position: -430px -105px;}
.tp_icon.icon8_3{background-position: 0px -205px;}
.tp_icon.icon8_5{background-position: -110px -205px;}
.tp_icon.icon9_2{background-position: -212px -205px;}
.tp_icon.icon9_4{background-position: -319px -194px;}
.tp_icon.icon9_6{background-position: -442px -205px;}
.tp_icon.icon10_3{background-position: -550px -200px;}


@media only screen and (min-width:768px) {
    .inbox.inboxt.type1 .inner .tp_icon.circle{display:block;position:absolute;top:50%;left:35px;margin-top: -55px}
	.inbox.inboxt .inner{position:relative;padding:50px 25px 50px;}
    .inbox.inboxt.type1 .inner{min-height:180px;padding-left:170px;}
}
@media only screen and (min-width:1024px) {
   .inbox.inboxt .txtwrap p{margin:0;font-size:15px;}
}


/* 공통.tab */
#tab{margin-bottom:40px;}
.tab-ul{}
.tab-ul:after {content:"";display:block;visibility:hidden;clear:both;}
.tab-ul li{display:table;float:left;margin-top:-1px;margin-left: -1px;height:100%;vertical-align:middle;height:100%;}
.tab-ul li *{margin:0;padding:0;line-height:0;}
.tab-ul li a{display:table-cell;color:inherit;cursor:pointer;transition:background-color 0.05s ease-in-out;-webkit-transition:background-color 0.05s ease-in-out;/*-moz-transition:all 0.3s;*/background-image:none;text-align:center; vertical-align:middle;border:1px solid transparent;}
.tab-ul li a span{display:block;position:relative;line-height:120%;text-align: left;font-size:15px;letter-spacing: -1px;font-weight:600;/*word-break: keep-all;*/}

.tab-ul.tab-col-2 li,
.tab-ul.tab-col-3 li,
.tab-ul.tab-col-4 li,
.tab-ul.tab-col-5 li,
.tab-ul.tab-col-7 li{width:100%}


.tab-ul.deth li{position:relative;} 
.tab-ul.deth li a{position:relative;background: #f5f6f8;border-color:#dedede;border-bottom: 1px solid #949494;color:#333;font-weight:400;font-size:13px;line-height:1;height:54px;text-align:left;transition:all 0.3s;-webkit-transition:all 0.3s;}
.tab-ul.deth li a[target="_blank"] span:after{content:""; margin:0 0 0 10px; display:inline-block;}
.tab-ul.deth li a:hover,
.tab-ul.deth li a:focus,
.tab-ul.deth li a:active{border-color: #3f61b2;color: #fff;background: #3f61b2;}
.tab-ul.deth li a span{padding:5px 20px 5px 20px;}
.tab-ul.deth li a span:before{content:"";display:block;position:absolute;top:40%;right:15px;margin-top:-5px;/*width:19px;height:19px;background:url(../img/tab_deth_arr.png) no-repeat;background-position:-19px 0;*/}
.tab-ul.deth li.on{position:relative;/*z-index:8;*/}
.tab-ul.deth li.on a,
.tab-ul.deth li.on a:hover,
.tab-ul.deth li.on a:focus,
.tab-ul.deth li.on a:active{border-color: #3f61b2;color: #fff;background: #3f61b2;}
.tab-ul.deth li.on a span:before,
.tab-ul.deth li a:hover span:before,
.tab-ul.deth li a:focus span:before,
.tab-ul.deth li a:active span:before{background-position:0px 0;}


@media (max-width:1148px){
    .tab-ul.deth li a span{padding:5px 30px 5px 10px;}
}
@media (min-width:460px){
	.tab-ul.tab-col-2 li,
	.tab-ul.tab-col-3 li,
	.tab-ul.tab-col-4 li,
	.tab-ul.tab-col-5 li,
	.tab-ul.tab-col-7 li{width:50%;}
}

@media (max-width:459px){  
	.tab-ul.tab-col-4 li{width:50%;}
    .tab-ul.deth li a span{padding:5px 10px;}
    .tab-ul.deth li a span:before{background:none}
}

@media (min-width:768px){
	.tab-ul.tab-col-4 li,
	.tab-ul.tab-col-5 li{width:33.33%}
}

@media (min-width:1024px){
	.tab-ul.tab-col-3 li{width:33.33%}
	.tab-ul.tab-col-4 li{width:25.1%}
	.tab-ul.tab-col-5 li{width:20%}
	.tab-ul.tab-col-7 li{width:14.4%}
}

/* 공통.heading */ 
#center_txt h2{position:relative;margin:40px 0 15px 0;padding-top:18px;font-size:24px;color:#333333;font-weight:normal;line-height:160%;letter-spacing:-1px;}
#center_txt h2:before{position:absolute;top:0px;content:'';display:block;}
#center_txt h2:first-child {margin:0 0 15px 0;}
#center_txt h3{margin:40px 0 15px 0;color:#2549a1;font-size:20px;font-weight: 700;line-height:160%;}
#center_txt h4{position: relative;margin:35px 0 15px 0; color:#333333;font-size:19px;line-height:22px;font-weight: 600;line-height:160%;letter-spacing:-1px;}
#center_txt h4:before{content:'';display:block;position:absolute;top:0px;left: 0;}
#center_txt h5{position: relative;margin:30px 0 20px 30px;padding-left:15px;font-size:15px;color:#282a2e;}
#center_txt h5:before{content:'';display:block;position:absolute;top:7px;left: 0;}
#center_txt h6{margin:20px 0 15px 45px;padding:0;font-size:15px;color:#545454;}


/* 공통.table style */
table caption{position: relative;width: 1px;height: 1px;margin: -1px;text-indent:-100000px;}
.tbl_col{display:table;table-layout:fixed;margin-bottom:10px;width:100%;border-top:2px solid #333;border-bottom:1px solid #ccc;border-collapse:separate;border-collapse:collapse}
.tbl_col th{padding:14px 9px;border-left:1px solid transparent;border-bottom:1px solid transparent;margin-left:-1px;vertical-align:middle;word-wrap:break-word;word-break:keep-all;color:#2d2d2d;}
.tbl_col td{padding:12px 9px;border-left:1px solid transparent;border-bottom:1px solid transparent;margin-left:-1px;vertical-align:middle;word-wrap:break-word;word-break:keep-all;color:#202020;}
.tbl_col td a{word-wrap:break-word;word-break:keep-all}
.tbl_col th{background:#f8f6f4;}
.tbl_col th:first-child,
.tbl_col td:first-child{border-left:none}
.tbl_col th.trw,
.tbl_col td.trw{border-right:1px solid #ddd;}
.tbl_col thead th{color:#121212;background-color:#e8eaef;font-size:16px;/*font-family:'nsr','Malgun Gothic';*/ border-bottom:1px solid #cac8c7; font-weight: 500;vertical-align:middle;}
.tbl_col tbody th{color:#121212;background-color:#f1f3f8;font-weight: 500;vertical-align:middle;}
.tbl_col tfoot,
.tbl_col tfoot th{background: #f6f6f6;font-weight: 700;}
.tbl_col .tfoot{background: #f6f9f9;font-weight: 500;}
.tbl_col th[rowspan],
.tbl_col td[rowspan]{border-right:1px solid #d2d2d2;}
.tbl_col th:last-child,
.tbl_col td:last-child{border-right:none;}

.tbl_col th{border-left-color:#d2d2d2;border-bottom-color:#d2d2d2;}
.tbl_col td{border-left-color:#d2d2d2;border-bottom:1px solid #d2d2d2;}
.tbl_col th.lf_line,
.tbl_col td.lf_line{border-left: 1px solid #d2d2d2;}
.tbl_col td.lf_noline{border-left:none;}
.tbl_col td img{vertical-align:middle}
.tbl_col ul li{font-size:15px}
.td_row{color:#121212;background-color:#f1f3f8;font-weight: 500;}
.tbl_txt{color: #b50e23}

/* 공통.list test*/
.list_1st {margin:10px 0;padding:0;}
.list_1st li,
.list_1st dd{margin:3px 0;padding-left:11px;background:url(../images/img/list_bul1.png) no-repeat left 9px;color:#545454;font-size:14px;word-wrap:break-word;word-break:keep-all; line-height: 1.5}
.list_1st dt{margin-top:10px;font-size:14px;font-weight:500;}
.list_1st dt:first-child{margin-top:0;}
.list_2st{margin:4px 0;padding:0;}
.list_2st li{margin:3px 0;padding-left:8px;background:url(../images/img/list_bul2.png) no-repeat left 7px;color:#545454;}
.list_3st{margin:4px 0;padding:0;}
.list_3st li{margin:3px 0;padding-left:8px;background:url(../images/img/list_bul3.png) no-repeat left 8px;}


/* 공통.페이지 btn스타일*/

.btn{display:inline-block;position:relative;border:none;background:none;color:inherit;text-transform:uppercase;cursor:pointer;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;}
.btn{border:1px solid transparent;background-image:none;text-align:center;vertical-align:middle;/*white-space:nowrap;*/}
.btn *{vertical-align:middle}
.btn:after{position:absolute;z-index:-1;content:'';transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;}
.btn:before{position:relative;font-style:normal;font-variant:normal;font-weight:normal;text-transform:none;line-height:1;speak:none;-webkit-font-smoothing:antialiased;}

.btn-ani{padding:10px 72px 10px 14px;font-size:14px;font-weight:400;line-height:1.42857143;}
.btn-ani.btn-home, .btn-ani.btn-blue{padding:10px 15px 10px 15px;background-color:transparent;}


.btn.btn-home{background-color:transparent;border:1px solid #cbcbcb;}
.bico.bticon{position:relative;top:-1px;display:inline-block;vertical-align: middle;}
.bico.bticon.home{width: 15px;height: 15px;background: url(../images/img/btn_icon.png);background-position: 0px 0px;}
.bico.bticon.download{width: 15px;height: 15px;background: url(../images/img/btn_icon.png);background-position: -15px 0px;}
.bico.bticon.request{width: 15px;height: 15px;background: url(../images/img/btn_icon.png);background-position: -30px 0px;}
.btn.btn-blue{background-color:#3f61b2;border:1px solid #3f61b2;}

.btn.btn-home,
.btn.disabled.btn-home,
.btn.btn-home[disabled],
.btn.btn-home,
.btn.btn-home:link,
.btn.btn-home:visited{color:#666;background-color: #fff;}
.btn.btn-home:hover,
.btn.btn-home:focus,
.btn.btn-home:active{color:#666;border: 1px solid #3f61b2;}

.btn.btn-blue,
.btn.disabled.btn-blue,
.btn.btn-blue[disabled],
.btn.btn-blue,
.btn.btn-blue:link,
.btn.btn-blue:visited{color:#fff;background-color: #3f61b2;}
.btn.btn-blue:hover,
.btn.btn-blue:focus,
.btn.btn-blue:active{color:#fff;border: 1px solid #3f61b2;}





/* 등록 폼  */

.positioR{position:relative}
.positioA{position:absolute;}
.positioR .pRight{position:absolute; top:0; right:0}
.positioR .pRight2{position:absolute; top:4px; right:75px}
.positioR .check{position:absolute; top:6px; right:0; padding-left:20px; background:url('../images/img/check_icon.gif') no-repeat 0 center}

.tooltip .icon{display:inline-block; position:relative; margin-right:20px}
.tooltip .icon .hover{display:none}
.tooltip .icon:hover .hover{display:block}
.tooltip .icon .hover{position:absolute; top:26px; left:0; border:1px solid #e8b934; background:#fdd565; padding:10px 15px; line-height:20px; font-size:13px; width:144px; z-index:10; color:#634d13; font-weight:normal}
.tooltip .checkbox{border:none}

.Formbtn {background:url('../images/img/formbtn_01.gif') no-repeat 0 0; width:78px; height:35px; text-align:center; text-decoration:none !important; font-size:13px; font-weight:bold; border:none !important; padding:3px 0 5px; color:#686868; vertical-align:top}
.Calbtn {background:url('../images/img/formbtn_02.gif') no-repeat 0 0; width:78px; height:35px; text-align:center; text-decoration:none !important; font-size:13px; font-weight:bold; border:none !important; padding:3px 0 5px; color:#686868; vertical-align:top;text-indent:-99999px;}
.Calbtn2 {background:url('../images/img/formbtn_03.gif') no-repeat 0 0; width:78px; height:41px; text-align:center; text-decoration:none !important; font-size:13px; font-weight:bold; border:none !important; padding:3px 0 5px; color:#686868; vertical-align:top;text-indent:-99999px;}


.wForm1{border-top:2px solid #555555;}
.wForm1.linenone{border-top:1px solid #e5e5e5;}
.wForm1 table{width:100%; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; table-layout:fixed}
.wForm1 th{text-align:left; color:#444; background:#f5f5f5; border-top:1px solid #e5e5e5; border-bottom:1px solid #e3e3e3; padding:11px 0 14px 20px; vertical-align:top}
.wForm1 th .check{padding-right:20px; padding-left:0; background:url('../images/img/check_icon.gif') no-repeat right center; display:inline-block;}
.wForm1 th.bgw{background:#ffffff;border-right:1px solid #e5e5e5;}
.wForm1 td{text-align:left; border-bottom:1px solid #e3e3e3; line-height:15px; padding:10px 15px 5px 15px; word-break:break-all; line-height:27px}
.wForm1 td label{margin-right:25px;}
.wForm1 td select{height:35px}
.wForm1 td .certify{padding:10px 0; /*width: 558px;*/}
.wForm1 td .text{height:27px; line-height:27px}


.wForm1 td label.dot{background:url('../images/img/list_bul3.png') no-repeat 0 6px; margin-right:10px; font-weight:bold; padding-left:10px}
.wForm1 td .txt2{background:#f5f5f5}
.wForm1 td span{position:relative; display:inline-block}
.wForm1 td span a{position:absolute; top:10px; right:-20px}



.wForm1 input {border: 1px solid #dadada;}
.wForm1 input.txt72{width:72px; height:21px; padding:6px 3px}
.wForm1 input.txt72:focus{width:70px}
.wForm1 input.txt92{width:92px; height:21px; padding:6px 3px}
.wForm1 input.txt92:focus{width:90px}
.wForm1 input.txt112{width:112px !important;  height:21px; padding:6px 3px}
.wForm1 input.txt112:focus{width:110px !important; height:25px}
.wForm1 input.txt122{width:122px;  height:21px; padding:6px 3px}
.wForm1 input.txt122:focus{width:120px}
.wForm1 input.txt152{width:152px;  height:21px; padding:6px 3px}
.wForm1 input.txt152:focus{width:150px}
.wForm1 input.txt192{width:192px;  height:21px; padding:6px 3px}
.wForm1 input.txt192:focus{width:190px}
.wForm1 input.txt235{width:235px;  height:21px; padding:6px 3px}
.wForm1 input.txt235:focus{width:233px}
.wForm1 input.txt500{width:500px;  height:21px; padding:6px 3px}
.wForm1 input.txt500:focus{width:500px}
.wForm1 input.txt548{width:548px;  height:21px; padding:6px 3px}
.wForm1 input.txt548:focus{width:546px}





.wForm1 input.txt32{width:32px; height:21px; padding:6px 3px}
.wForm1 input.txt32:focus{width:30px}


.wForm1 input.txt138{width:138px;  height:21px; padding:6px 3px}
.wForm1 input.txt138:focus{width:136px}


.wForm1 input.txt204{width:204px;  height:21px; padding:6px 3px}
.wForm1 input.txt204:focus{width:202px}
.wForm1 input.txt235{width:235px;  height:21px; padding:6px 3px}
.wForm1 input.txt235:focus{width:233px}
.wForm1 input.txt260{width:260px;  height:21px; padding:6px 3px}
.wForm1 input.txt260:focus{width:258px}
.wForm1 input.txt274{width:274px;  height:21px; padding:6px 3px}
.wForm1 input.txt274:focus{width:272px}
.wForm1 input.txt288{width:288px;  height:21px; padding:6px 3px}
.wForm1 input.txt288:focus{width:286px}
.wForm1 input.txt304{width:304px;  height:21px; padding:6px 3px}
.wForm1 input.txt304:focus{width:302px}
.wForm1 input.txt324{width:324px;  height:21px; padding:6px 3px}
.wForm1 input.txt324:focus{width:322px}
.wForm1 input.txt366{width:366px;  height:21px; padding:6px 3px}
.wForm1 input.txt366:focus{width:364px}
.wForm1 input.txt393{width:393px;  height:21px; padding:6px 3px}
.wForm1 input.txt393:focus{width:391px}
.wForm1 input.txt500{width:500px;  height:21px; padding:6px 3px}
.wForm1 input.txt500:focus{width:498px}
.wForm1 input.txt548{width:548px;  height:21px; padding:6px 3px}
.wForm1 input.txt548:focus{width:546px}
.wForm1 input.txt185{width:185px;  height:21px; padding:6px 3px}
.wForm1 input.txt185:focus{width:183px}
.wForm1 input.txt:focus{height:19px; border:2px solid #608ee6; }
.wForm1 input.txt700{width:700px;  height:21px; padding:6px 3px}
.wForm1 input.txt700:focus{width:698px}
.wForm1 textarea.txt500{width:500px; height:200px;}
.wForm1 textarea.txt500:focus{width:498px; height:198px}
.wForm1 textarea.txt548{width:548px; height:647px;; }
.wForm1 textarea.txt548:focus{width:546px; height:647px; }
.wForm1 textarea.txt700{width:700px; height:327px;}
.wForm1 textarea.txt700:focus{width:698px; height:325px}
.wForm1 textarea.txtH166{width:548px; height:166px; min-height:166px; overflow-y:hidden}
.wForm1 textarea.txtH166:focus{width:546px; height:164px; min-height:164px}
.wForm1 textarea.txtH90{width:548px; height:90px; min-height:90px; overflow-y:hidden}
.wForm1 textarea.txtH90:focus{width:546px; height:88px; min-height:88px}
.wForm1 textarea:focus{height:25px; border:2px solid #608ee6; }




/* 로그인폼 */

.mem_inner > .in > div.group_login1 {
	margin-left:0;
}
.mem_inner > .in > div {
	border:1px solid #e2e2e2;
	width:460px;
	height:386px;
	margin-left:20px;
	box-sizing:border-box;
	margin:0 auto;
}
.mem_inner h4 {
	font-size:22px;
	line-height:28px;
	letter-spacing: -1px;
	font-weight:bold;
	color:#3e61b2;
	text-align:center;
	padding:11px 0;
	margin:0;
	border-bottom:1px solid #e2e2e2;
}

.mem_inner .area_btn, .mem_inner .area_form {
	padding:24px 24px;
}

.group_login1 .area_btn .box_cont li {
	float:left;
	width:100%;
	height:184px;
}
.group_login1 .area_btn .box_cont li span {
	display:block;
	background:url('../images/img/bg_box.png');
	text-align:center;
	padding-bottom:38px;
}
.group_login1 .area_btn .box_cont a {
	display:inline-block;
	width:178px;
	height:48px;
	line-height:48px;
	color:#fff;
	font-weight:bold;
	font-size:17px;
	text-align:center;
	letter-spacing: -1px;
	border-radius:3px;
}
.group_login1 .area_btn .box_cont a.renewbg {
	border:1px solid #188657;
	background:#188657;
}
.group_login1 .area_btn .box_cont a.renewbg:hover {
	border:1px solid #0e633f;
	background:#0e633f;
}

.group_login1 .area_btn .box_cont a.joinbbg {
	font-size:20px;
	font-weight:normal;
	height: 69px;
	line-height: 69px;
	vertical-align:middle;
	border:1px solid #3e61b2;
	background:#3e61b2 url('../images/img/btn_joinbtn_bg.png') no-repeat 75% 55%;
}
.group_login1 .area_btn .box_cont a.joinbbg:hover {
	border:1px solid #2549a1;
	background:#2549a1 url('../images/img/btn_joinbtn_bg.png') no-repeat 75% 55%;
}

.group_login1 .area_btn .box_cont p {
	padding:23px 0 8px;
	clear:both;
	color:#666;
	letter-spacing: -1px;
}

.group_login1 .area_btn .box_cont a.joingbg {
	font-size:20px;
	font-weight:normal;
	height: 69px;
	line-height: 69px;
	vertical-align:middle;
	border:1px solid #188657;
	background:#188657 url('../images/img/btn_joinbtn_bg.png') no-repeat 75% 55%;
}
.group_login1 .area_btn .box_cont a.joingbg:hover {
	border:1px solid #0e633f;
	background:#0e633f url('../images/img/btn_joinbtn_bg.png') no-repeat 75% 55%;
}
.group_login2 .box_cont {
	background:url('../images/img/bg_box.png');
}
.group_login2 .area_form .box_cont {
	padding:50px 38px 45px;
}
.group_login2 .area_form .box_cont .renew_btn_area {
	float:right;
}
.group_login2 .area_form .box_cont .renew_btn_area a {
	display:inline-block;
	width:90px;
	height:81px;
	line-height:81px;
	border-radius:3px;
	background:#3e61b2;
	border:1px solid #3e61b2;
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-size:17px;
}
.group_login2 .area_form .box_cont .renew_btn_area a:hover {
	background:#2549a1;
	border:1px solid #2549a1;
}
.group_login2 .area_form .box_cont .input {
	height:auto;
	padding:0;
	border:0
}
.group_login2 .area_form .box_cont .input:after {
	display:block;
	clear:both;
	content:'';
}
.group_login2 .area_form .box_cont .input .fst {
	float:left;
	width:235px;
	border:1px solid #dddddd;
}
.group_login2 .area_form .box_cont .input .checkForm + .checkForm {
	border-top:1px solid #dddddd;
}
.group_login2 .area_form .box_cont .input .checkForm {
	width:235px;
	padding:0 10px;
	height:41px;
	box-sizing:border-box;
	border:none;
	color:#999;
	font-size:14px;
}
.group_login2 .area_form .box_cont .radio {
	margin:0 0 10px;
}
.group_login2 .area_form .area_btn {
	text-align:center;
	margin-top:70px;
	padding:0;
}


.btn_register {
  display:inline-block;
	padding:0 9px;
	height:28px;
	line-height:28px;
	border:1px solid #b9b9b9;
	background:#fff;
	text-align:center;
}
.btn_register span {
	color:#333;
	font-size:13px;
	background:url('../images/img/btn_register.png') no-repeat right center;
	padding-right:12px;
}


/* 약관동의 */

.privacyBox{border:1px solid #ebebeb; line-height:23px; margin-top:15px}
.privacyBox .txtZone{padding:22px 0 22px 30px; height:302px; overflow-y:scroll}
.privacyBox .txtZone2{padding:22px 0 22px 30px; height:145px; overflow-y:scroll}
.privacyBox p.agree{background:#f5f5f5; border-top:1px solid #ebebeb; text-align:center; padding:16px 0 19px}
.privacyBox p.agree input{border:none; background:none}
.privacyBox p.agree label{font-weight:bold}


/*회원가입 */

.join_step_area{margin:0 auto;width:939px;position:relative;padding-bottom:60px;}
.join_step{position:absolute;left:0;bottom:0;width:100%;height:62px;}
.join_step-menu{}
.join_step-menu > li{float:left;margin-left:1px;width:calc(20% - 1px);}
.join_step-menu > li:first-child{margin-left:0;}
.join_step-menu > li > span{display:block;text-indent:-999em;color:#fff;text-align:center;overflow: hidden;}
.join_step-menu > li > span br{display:none;}
.join_step-menu > li > span.m-ui1{background:url(../images/img/sub_10/step_ui1_off.png) no-repeat center center;height:62px;background-color:#dddddd;}
.join_step-menu > li > span.m-ui1.on{background:url(../images/img/sub_10/step_ui1_on.png) no-repeat center center;background-color:#2471c8;}

.join_step-menu > li > span.m-ui2{background:url(../images/img/sub_10/step_ui2_off.png) no-repeat center center;height:62px;background-color:#dddddd;}
.join_step-menu > li > span.m-ui2.on{background:url(../images/img/sub_10/step_ui2_on.png) no-repeat center center;background-color:#2471c8;}

.join_step-menu > li > span.m-ui3{background:url(../images/img/sub_10/step_ui3_off.png) no-repeat center center;height:62px;background-color:#dddddd;}
.join_step-menu > li > span.m-ui3.on{background:url(../images/img/sub_10/step_ui3_on.png) no-repeat center center;background-color:#2471c8;}

.join_step-menu > li > span.m-ui4{background:url(../images/img/sub_10/step_ui4_off.png) no-repeat center center;height:62px;background-color:#dddddd;}
.join_step-menu > li > span.m-ui4.on{background:url(../images/img/sub_10/step_ui4_on.png) no-repeat center center;background-color:#2471c8;}

.join_step-menu > li > span.m-ui5{background:url(../images/img/sub_10/step_ui5_off.png) no-repeat center center;height:62px;background-color:#dddddd;}
.join_step-menu > li > span.m-ui5.on{background:url(../images/img/sub_10/step_ui5_on.png) no-repeat center center;background-color:#2471c8;}




.join_certify{overflow:hidden}
.join_certify .join_certifywrap{position:relative;display:block;float:left;width:48%;height:450px;padding:50px 0 0;margin:0 0 0 4%;background:#eff0f3}
.join_certify .join_certifywrap:first-child{margin-left:0}
.join_certify .join_certifywrap .icon{width:114px;height:114px;margin:0 auto}
.join_certify .join_certifywrap .icon1{background:url(../images/img/sub_10/join_certify_bg.png)}
.join_certify .join_certifywrap .icon2{background:url(../images/img/sub_10/join_certify_bg.png); background-position: -113px 0; }
.join_certify .join_certifywrap .title{display:block;margin:20px 0;font-family:'nsr',sans-serif;font-weight:normal;font-size:24px;color:#333;letter-spacing:-1px;}
.join_certify .join_certifywrap .title span{color:#2549a1;}
.join_certify .join_certifywrap .pt{margin:0 90px;color:#686868;letter-spacing:-1px;word-break: break-all;}
.join_certify .join_certifywrap .button{position:absolute;bottom:50px;left:0;width:100%}

@media(min-width: 1000px) {

@media(max-width:1200px) {
.join_certify .join_certifywrap .pt{margin:0 50px}
}

@media(max-width:1000px) {
.join_certify .join_certifywrap{float:none;width:100%;height:auto;padding:50px 0;margin:0;}
.join_certify .join_certifywrap:nth-child(1){margin-bottom:30px}
.join_certify .join_certifywrap .button{position:static;margin-top:50px}
}

@media(max-width:640px) {
.join_certify .join_certifywrap .pt{margin:0 20px}
}

.join_result{overflow:hidden;margin-top: 105px;}
.join_result .join_resultwrap{position:relative;display:block;width:100%;text-align:center;}
.join_result.rwboxline{border: 1px solid #d2d2d2;padding: 25px 25px; width: 887px !important;}
.join_result .join_resultwrap span{clear:both;width:939px;text-align:center;}
.join_result .join_resultwrap span.jr_comment{clear:both;width:939px;text-align:center;font-size: 14px;color: #686868;letter-spacing:-1px;}
.join_result .join_resultwrap h4{font-size: 35px !important;letter-spacing:-1px;font-weight:normal !important;}
.join_result .join_resultwrap h4.f22{color:#333333;font-size:22px !important;line-height:22px;font-weight: 600 !important;line-height:160%;letter-spacing:-1px;}