@charset "utf-8";

/* ====================== */
/* Default   */
/* ====================== */
html,body{width:100%;height:100%; 
    word-break: keep-all;
 }
body {font-family:'nsk_r','Malgun Gothic','맑은 고딕', 'Dotum', '돋움', sans-serif;margin:0;padding:0; background:#fff;color:#555555;font-size:15px; line-height:170%;
font-size:13px;}

/*skipNavigation*/
.skip_navigation a, .skip_navigation dt {overflow:hidden; display:block; width:0px; height:0px; text-align:center; color:#000;}
.skip_navigation a:hover, .skip_navigation a:focus, .skip_navigation a:active {
	position:absolute; 
	left:0px;
	top:0px; 
	z-index:55;
	width:300px;height:auto;padding:15px;background:#000 !important;color:#fff !important;font-weight:bold;font-size:14px;display:block;}

.sr-only,
.hidden {position: absolute;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;} 
/* ====================== */
/* header   */
/* ====================== */

/*#header_area {display:block;position:absolute;}*/
.box { width:1150px ;margin:auto ; position: relative}
#header_area {clear:both;}
/*{background-position:0 50px;}*/
#header_area #header {position:relative;overflow:hidden;z-index:50; height:150px; text-align:left; background-color: #fff; box-shadow: 0px 0px 2px rgba(50, 50, 50, 0.3);  }
#header_area #header .inner {position:relative;overflow:hidden;margin:0 auto;width:100%;min-height:450px;}
#header_area #header .inner2 {position:absolute;left:10px; top:10px}

#header .logo_area {position:relative; height:80px;width:1250px ;margin:auto !important;}
#header h1.logo {
	position:absolute;
	display:block; 
	left:10px;
	top:12px;
	z-index:55;
	}
#header h1.logo a{
	display:block;
	background-image: url(../img/main/logo.png);
    background-repeat: no-repeat;
    background-position: center 0;
    background-size:contain;
    width: 400px;
    height:50px;
	}
#header h2 {display:none;}

.utilmenu {position:absolute; right:10px; top:20px; display: flex; }
.utilmenu h2 {display:none;}
.utilmenu ul {display: flex; }
.utilmenu ul >li {position:relative; text-align:center;padding:0 25px; top : 0px;  line-height:200%; font-family:'nsk_r'; font-size:18px;  height:30px; }
.utilmenu ul >li:after{content:"";position:absolute;top:8px; right:0px; display:block;height: 20px; width: 1px; background-color: #c2c2c2; }
.utilmenu ul >li:last-child:after{height: 0px; width: 0px;}
.utilmenu .zoom{border:#c2c2c2 1px solid; border-radius:5px; height:35px; color: #000; font-size: 16px; font-family:'nsk_r'; padding: 5px 8px; }
.zoom_btn{color: #717171; font-size: 20px; line-height: 100%; vertical-align: middle;}
#header .logo_area .allmenu{display: none;}
#header .btn_menuall {position:absolute;left:449px;bottom:4px;z-index:100;width:203px;height:46px;text-align:center;background:url(../img/main/btn_menuall.png) repeat-x 0 center}
#header .btn_menuall a {display:inline-block;overflow:hidden;width:122px;height:24px;font-size:0;line-height:-1000px;}

.gnb_area {height: 70px;background-color:#267ca2}

.gnb_area ul.gnb {overflow:visible;position:relative; margin:0 auto; display: flex; justify-content: space-between; }
.gnb_area ul.gnb li.acvtive > a {color:yelow}
.gnb_area ul.gnb>li {position:relative; width:16.66666%; height: 450px}
.gnb_area ul.gnb>li>a {
	display:block;
    font-family: 'ns_b';
    text-align: center;
    width:100%;
    height: 70px;
    line-height: 360%;
    font-size: 20px;
    color: #fff;
    position: relative;}
.gnb_area ul.gnb>li:hover {     background-color: RGB(38,124,162,.03);}
.gnb_area ul.gnb>li:hover >a {color:#ffff00}    
.gnb_area ul.gnb>li.active>a{ color:#ffff00; background-color: #267ca2}    
.gnb_area ul.gnb>li.active {background-color: #f1f6f9}
a.noline:after {content:"" !important;margin: 0 0 0 0}
.gnb_area ul.gnb>li.last02>a {background-image:none;}
.gnb_area ul.gnb>li>a:after .gnb_area ul.gnb>li.last>ul {border-bottom:none;}
.gnb_area ul.gnb>li>.gnb_sub {margin: 5px 0px;}
.gnb_area ul.gnb>li>.gnb_sub>ul>li {margin:14px 0px; text-align:center; letter-spacing:normal;}
.gnb_area ul.gnb>li>.gnb_sub>ul>li>a {display:inline-block; font-size:16px; font-family:'nsk_m';padding:5px 15px; letter-spacing:-0.09em; color:#474747;}
.gnb_area ul.gnb>li>.gnb_sub>ul>li.active >a{color:#267ca2}
.gnb_area ul.gnb>li>.gnb_sub>ul>li>a:hover,.gnb_area ul.gnb02 {color:#267ca2; text-decoration: underline; }
.gnb_area ul.gnb02:after {clear:both;}
.gnb_area ul.gnb02>li {float:left; width:200px; height:130px; text-align:left;background:url(../img/main/bg_gnb_sub_line_right.gif)  repeat-y right 0; }

.gnb_area ul.gnb02>li>strong {/*float:left;display:block;*/ display:none;}
.gnb_area ul.gnb02>li>strong>a {/*font-size:14px;*/font-size:15px;color:#040202;}
.gnb_area ul.gnb02>li>strong>a:focus,
.gnb_area ul.gnb02>li:hover>strong>a {color:#ff6000;}
.gnb_area ul.gnb02>li>ul {float:left;display:block;width:164px;height:32px;}
.gnb_area ul.gnb02>li.last>ul {border-bottom:none;}
.gnb_area ul.gnb02>li>ul>li {margin:5px 0 0 0;}
.gnb_area ul.gnb02>li>ul>li>a {display:inline-block;margin-left:30px;padding:3px;color:#454545;}
.gnb_area ul.gnb02>li>ul>li>a:hover,
.gnb_area ul.gnb02>li>ul>li>a:focus {color:#fff;background:#267ca2;}

 
#sub_cover {
	display:none;
	height: 0px;
    background-image: url(../img/common/sub_cover.jpg);
    background-size: cover;
    position: absolute;
    width: 100%;
    top: 150px;}


/* ====================== */
/* Basic Layout   */
/* ====================== */
#wrap{width:100%;position:relative;}
#wrap .inner {position:relative;margin:0 auto;width:1250px;}

#container {margin:0 auto;text-align:left; position:relative; width:1250px; display: flex; }
#container:after {content:"";display:block;clear:both;}

#container #contents {position:relative; width:950px; padding-bottom:80px; margin-left:50px; min-height:550px;}

#wrap_footer {clear:both;text-align:left;position:relative;}
#wrap_footer .inner {position:relative;margin:0 auto; }
#wrap_inner {width:100%; top:150px; display:block;margin:0 auto; position: absolute; background: #fff;}

#lnb_area {margin-top:20px;width:250px;text-align:center;box-shadow: 0px 0px 2px rgba(50, 50, 50, 0.3); padding-bottom: 100px; }
#lnb_area h3 {font-family:'ns_b';   height:100px;line-height:340%;text-align:center;background-color:#267ca2; font-size:30px;color:#fff;}
#lnb_area ul.lnb { margin:0 0px;text-align:left; border-bottom:#e1e1e1 1px solid;}
#lnb_area ul.lnb>li{position:relative; border-bottom: #ddd 1px dotted;}
#lnb_area ul.lnb>li>a {display:block;width:100%;padding: 15px 20px;font-size:17px;color:#000; font-family:'nsk_m'; }
#lnb_area ul.lnb>li.ch>a,
#lnb_area ul.lnb>li>a:hover {color:#017720; font-family:'nsk_b';}
#lnb_area ul.lnb>li>ul{background-color:#f4f4f4;padding: 10px 20px;}
#lnb_area ul.lnb>li>ul>li {position:relative;display:block;padding:5px 0 5px 0px; font-family:'nsk_r'; font-size:15px;color:#555;}
#lnb_area ul.lnb>li>ul>li a {padding-left: 10px;}
#lnb_area ul.lnb>li>ul>li> a:before{
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    background: #909090;
    position: absolute;
    left: 0;
    top: 10px;
    margin: 0;	
}
#lnb_area ul.lnb>li>ul>li.ch> a,
#lnb_area ul.lnb>li>ul>li>a:hover {color:#017720; text-decoration: underline;}
#lnb_area ul.lnb>li>ul>li.ch> a:before,
#lnb_area ul.lnb>li>ul>li>a:hover:before { background: #017720}

/* ====================== */
/* 회원가입   */
/* ====================== */
#container_join {margin:0 auto;text-align:left; position:relative; overflow:hidden; width:1160;}
#container_join:after {content:"";display:block;clear:both;}
.join_layout{position:relative;}
.join_layout .join_aree{height:200px; overflow:auto; border:#d5d5d5 1px solid; background:#f5f5f5;}
.join_layout .join_aree p{ padding:10px 20px;}
.join_layout .join_aree > dl{ padding:0  15px;}
.join_layout .join_aree > dl > dt{ margin-bottom:5px; margin-top:10px;}
.join_layout .join_aree > dl > dd > ol > li { margin-bottom:10px;}
.join_layout .join_aree ol > li > ol > li{ font-size:11px; line-height:140%; }
.join_layout .join_chekbox{ padding:5px 0px;}
.join_layout .join_box { border-top:#CCC 1px solid; border-bottom:#CCC 1px solid; padding:20px;}
.join_layout .join_box ul{ margin:20px;}
.join_layout .join_box ul li {padding-left:10px; margin-top:5px;background:url(../img/common/blt11.gif) no-repeat 0px 8px;}
.join_layout .join_box ul li strong { font-weight:bold; color:#2783c6;}
.join_layout .selet_box{ font-size:15px; font-weight:bold; text-align:center; border-bottom:#CCC 2px dotted; padding:20px;}
.join_layout .selet_box label{ padding-right:30px;}	
.join_layout .finish_box{ font-size:18px; font-weight:bold; text-align:center; border-bottom:#CCC 2px dotted; padding:20px;}




/* ====================== */
/* Sub Layout   */
/* ====================== */
/* 공통, 기타 */
#container #contents .sub_tit {position:relative; height:110px; border-bottom:1px solid #ddd; }
/*#container #contents .sub_tit {position:relative; height:100px; border-bottom:1px solid #ddd;background:url(../img/pop01_bg.gif) no-repeat right 0}*/
#container #contents .sub_tit ul.location {position:absolute;right:0;top:30px;text-align:right;font-size:15px; color:#757575;}
#container #contents .sub_tit ul.location li {position:relative;float:left; display:inline-block; padding:0 20px 0 6px ; white-space:nowrap;}

#container #contents .sub_tit ul.location li:first-child {
	 padding:0 20px 0 20px ; 
}
#container #contents .sub_tit ul.location li:first-child:before {
	font-family:'netfly-webfont';
    position: absolute;
    top:0px;
    left:0px;
    color:#757575;
    font-size:16px;
    content: "\e03a";}  
#container #contents .sub_tit ul.location li:after {
	font-family:'netfly-webfont';
    position: absolute;
    top:0px;
    right: -5px;
    color:#c4c4c4;
    font-size:20px;
    content: "\64";}  
#container #contents .sub_tit ul.location li:last-child{ padding:0 0px 0 8px ; color: #000; font-family: 'nsk_b'; }  
#container #contents .sub_tit ul.location li:last-child:after {
    content:none;}  


#container #contents h4 {
	position: relative;font-family:'gs_m';
    padding-top: 50px;
    font-size: 36px;
    color: #000;
    }

#container #contents h5{position:relative;
	font-family:'gs_m';font-size:24px;color:#488f32; line-height:100%; margin-bottom:20px;  margin-top:50px;  padding-left:35px;
	background-image:url(../img/common/img_title.png);
    background-position:0px 2px; 
    background-repeat: no-repeat;
    background-size:25px;
	
    }

#container #contents h6{position:relative; color:#2d653a; margin-top:30px; font-family:'nsk_b'; font-size:20px; margin-bottom:10px;}

.basic_layout {position:relative; font-size: 17px; line-height: 170%; font-family: 'nsk_r';}


.basic_layout ul>li {line-height: 160%;margin:8px 0  0 0px ; letter-spacing: -0.03em;}
.basic_layout b{color: #000;}
/* 리스트 */
p.txt01 {color:#444; margin:5px 0}
p.pay_img { text-align:center; padding:20px 0}
p.pay_img img {max-width: 100%;}
.img_center { text-align:center; padding:20px 0}
.txt_list_01 {margin:0 0 18px 0;}
.txt_list_01>ul {margin:17px 0 0 0;}
.txt_list_01>ul>li {padding:0 0 8px 10px;background:url(../img/common/blt01.gif) no-repeat 0px 10px;margin:6px 0 ;}


.ui-datepicker-trigger{margin-left: 2px; cursor: pointer;}

/* 소개 리스트 */
ul.txt_list {margin:17px 0 10px 10px;}
ul.txt_list>li {position:relative; padding-left:22px; margin:8px 0  0 0px ;
    background-image:url(../img/common/img_list.png);
    background-position:0 9px; 
    background-repeat: no-repeat;
    background-size:15px; }

ul.txt_list>li>ul { margin-top:5px;}
ul.txt_list>li>ul>li { padding-left:17px;background:url(../img/common/blt03.gif) no-repeat 3px 12px;}

ul.txt_list>li>ol { margin-top:5px;}
ul.txt_list>li>ol>li {background:none;margin:6px 0 ;}

ul.list_info  li {margin:0 0 0 25px;}


.right_area{position:absolute; left:473px; top:-30px; padding:0; width:450px;}

/* 버튼 */
.submit_btn_area { position:relative;display: flex; justify-content: center;}
a.submit_btn_01{
	display:inline-block; font-family:nsk_m;height: 50px;
line-height:240%;text-align:center;font-size:20px;color:#fff !important;
padding:0 40px;white-space:nowrap; background-color:#267ca2;margin:20px 4px; text-decoration:none;border-radius: 5px;
}
a.content_btn_01{
	display:inline-block;height:24px;text-align:center;font-size:12px;color:#fff !important;line-height:170%; padding:0 10px;
	white-space:nowrap; background:#606060; margin:7px 2px; text-decoration:none;}
a.td_btn_01{
	display: inline-block;
    height: 30px;
    text-align: center;
    font-size: 17px;
    color: #4f4f4f !important;
    line-height: 160%;
    padding: 0 20px 0 20px;
    white-space: nowrap;
    border: #cacaca 1px solid;
    margin: 0 4px;
    vertical-align: middle;
    font-family: 'nsk_m';
    border-radius: 5px;
    background-color: #fff;
}
a.btn_excel{display:inline-block;height:25px;text-align:center;font-size:12px;color:#7b7b7b !important; font-weight:bold;line-height:180%;padding:0 10px 0 29px; white-space:nowrap; background:url(../img/common/btn_excel.gif) no-repeat -4px -1px; border:#cacaca 1px solid; margin:0 8px; text-decoration:none;}


a.btn_untreated{display:inline-block;height:25px;text-align:center;font-size:12px;color:#7b7b7b !important; font-weight:bold;line-height:200%;padding:0 10px; white-space:nowrap; background:#f2f2f2; border:#cacaca 1px solid; margin:0 4px; text-decoration:none;}

a.photo_btn{display:inline-block;height:25px;text-align:center;font-size:12px;color:#616161 !important; background:#e6e6e6; font-weight:bold;line-height:200%;padding:0 10px; white-space:nowrap; margin:0 2px; text-decoration:none; border:#cacaca 1px solid}
a.regis_btn{display:inline-block;height:25px;text-align:center;font-size:12px;color:#ffffff !important; background:#c85e00; font-weight:bold;line-height:200%;padding:0 10px; white-space:nowrap; margin:0 2px; text-decoration:none;}
a.edit_photo_btn{display:inline-block;height:45px; width:230px;text-align:center;font-size:16px;color:#ffffff !important; background:#c85e00; font-weight:bold;line-height:280%;white-space:nowrap; margin-top:10px;text-decoration:none;}

a.down_btn_01{display:inline-block; font-family:'nsk_m';height:36px;text-align:center;font-size:17px;color:#fff !important;line-height:130%;padding:5px 30px;
white-space:nowrap; border-radius:5px; background:#267ca2;margin:5px 4px; text-decoration:none;}
a.down_btn_02{display:inline-block; font-family:'nsk_m';height:36px;text-align:center;font-size:17px;color:#267ca2 !important;line-height:130%;padding:5px 30px;
white-space:nowrap; border-radius:5px; background:#ffffff;margin:5px 4px; text-decoration:none; border:2px solid #267ca2; }

input.print_btn{display:inline-block;height:25px;text-align:center;font-size:12px;color:#7b7b7b !important; font-weight:bold;line-height:200%;padding:0 15px;
 white-space:nowrap;border:#cacaca 1px solid; margin-top:-3px; text-decoration:none;}
input.print_btn_big{position:absolute; top:-5px; right:30px; display:inline-block;height:32px;text-align:center;font-size:12px;color:#7b7b7b !important; font-weight:bold;
line-height:200%;padding:0 20px 0 40px;background:url(../img/common/btn_print.gif) #f0f0f0 no-repeat left 0 ;cursor:pointer; white-space:nowrap;border:#cacaca 1px solid; margin-top:-3px; text-decoration:none;}

a.time_btn{display:inline-block;height:28px;text-align:center; font-size:13px;color:#7b7b7b !important;line-height:200%;padding:0 10px;
background:url(../img/common/btn_time.gif) no-repeat right 0; border:#cacaca 1px solid; font-weight:bold; 
white-space:nowrap; margin:3; text-decoration:none;}
span.time_dis{display:inline-block;height:28px;text-align:center;font-size:13px;color:#d6d6d6 !important;line-height:200%;padding:0 10px;
white-space:nowrap; background:#f1f1f1;margin:3; text-decoration:none; border:#e9e9e9 1px solid;}

/* 코멘트박스 */
.comment_box {padding:15px 18px;border:1px solid #d5d5d5;font-size:13px; color:#464646;background:url(../img/common/blt14.gif) no-repeat 15px  50%  #f5f5f5; padding-left:30px;}

/* 나무병원찾기 */
.search_box {overflow: hidden; padding:10px 20px 80px 20px;  font-size:13px; line-height:150%; background: #f9f9f9;padding-left:30px;}



.ci_box_area{overflow: hidden; margin: 0 auto; text-align: center;}
ul.ci_box{ margin: 0 auto; display: flex; flex-wrap: wrap;}
ul.ci_box li {margin: 0 auto; border:#dddddd 1px solid;}
ul.ci_box li a{width:100%; text-align: center; margin:0 auto;}
ul.ci_box li a span{display:block; box-sizing:border-box; height:85px; background-color: #fff;}
ul.ci_box li a span img{margin: 20px; }
ul.ci_box li a p.title{display:block; border-top:#dddddd 1px solid;font-weight:bold;font-size:14px;padding: 10px; line-height:180%; background: #f9f9f9;}

ul.box1{width:350px;}
ul.box1 li{width:350px;}
ul.box4{width:700px;}
ul.box4 li{width:300px; margin: 23px}


/* 코멘트(제목 같은라인) */
p.txt_comment{font-size:12px; color:#F00; margin-bottom:5px;}
p.txt_comment_inline{float:right; font-size:12px; padding-left:10px; margin-bottom:5px; margin-top:-35px;}
p.txt_comment_inline .p_star{font-size:15px;}p.txt_group_inline{ float:right; font-size:12px;background:url(../img/common/blt14.gif) no-repeat 0 ; padding-left:10px; margin-bottom:10px; margin-top:-30px;}
/* 코멘트(제목 다른라인) */
p.txt_group_line{ float:right; font-size:12px;background:url(../img/common/blt14.gif) no-repeat 0 ; padding-left:10px; margin-bottom:10px;}
/* 코멘트(왼쪽정렬 다른라인) */
p.txt_base{ font-size:12px;background:url(../img/common/blt14.gif) no-repeat 0 ; padding-left:10px; margin-bottom:10px; margin-top:10px;}



/* 마이페이지 20170330 이수락 적용 */
#contents .sub_tit_my {position:relative;}
#contents .sub_tit_my h4.my_title {font-family:'ns_b';padding-top:60px;padding-bottom:10px;font-size:37px;color:#000;}
#contents .sub_tit_my p {padding-top:10px;font-size:15px;color:#000; font-weight:bold;  }
#contents .sub_tit_my p strong{ color:#F00;}
#contents .sub_tit_my a.btn_my01 {display:inline-block;height:39px;text-align:center;font-size:15px;color:#fff !important; font-weight:bold;line-height:240%;padding:0 30px; white-space:nowrap; background:#68bbe2; margin:0 5px 0 0 ;}
#contents .sub_tit_my a.btn_my02 {display:inline-block;height:39px;text-align:center;font-size:15px;color:#fff !important; font-weight:bold;line-height:240%;padding:0 30px; white-space:nowrap; background:#43c8ab; margin:0 5px 0 0 ;}

.tab_mypage {/*position:relative;*/clear:both;width:100%;/*height:34px;*/margin:0 0 23px 0;padding:0;overflow:hidden;/*z-index:-10;*/ }
.tab_mypage ul {*zoom:1; height:36px; border-bottom:#8db2ce 2px solid;}
.tab_mypage ul:after {content:"";clear:both;}
.tab_mypage ul li {float:left; display:inline-block; margin-right:2px;}
.tab_mypage ul li a {display:inline-block; width:100%; height:36px; white-space:nowrap;text-align:center;font-size:15px; line-height:240%; background:#f5f5f5; color:#919191; background:url(../img/layout/tab_off.png) no-repeat left 0px;}
.tab_mypage ul li a span {display:inline-block; float:right;width:5px; height:36px;background:url(../img/layout/tab_off_r.png) no-repeat right 0px;}
.tab_mypage ul li a.on{color:#1d5680;background:#fff; height:37px; font-weight:bold;line-height:260%;  border-bottom:#fff 2px solid;  background:url(../img/layout/tab_on.png) no-repeat left 0px;}
.tab_mypage ul li a.on span {width:5px; height:36px;background:url(../img/layout/tab_on_r.png) no-repeat right 0px;}


/* 홈페이지 체험하기 */
.tutorial_area{
    position: relative;
    display: block;
    width: 1280px;
    background-image: url(../img/common/tutorial_bg.png);
    padding: 170px;
    margin: auto;
 }
.tutorial_area h5 {
    position: relative;
    display: block;
    text-align: center;
    color: #107238;
    font-size: 34px;
    font-family: 'nsk_b';
    height: 90px;
    line-height: 150%;
    border-radius: 10px 10px 0 0;
    padding-top: 17px;
}
.tutorial {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
 }
.tutorial .ttr_box {
   	position: relative;
    width: 460px;
    display: block;
    background-color: #fff;
    margin-bottom: 20px;
}
.tutorial a {
	display: block;
    width: 100%;
    height: 100%;
    color: #000;
    font-size: 24px;
    font-family: 'nsk_m';
    letter-spacing: -0.05em;
    text-align: left;
    background-repeat: no-repeat;
    background-size: 109px;
    background-position: 45px center;
    background-color:#e7f4ec;
    line-height: 130%;
    border: #b2cdbd 3px solid;
    border-radius: 10px;
    padding: 25px 45px 25px 205px;
}
 .tutorial a span{
    display: block;
 }
.tutorial .t_btn{
    background-color: #107238;
    color: #fff;
    font-family: 'nsk_m';
    font-size: 18px;
    border-radius: 5px;
    padding: 6px 20px;
    height: 44px;
    width: 100%;
    margin-top: 15px;
}
.tutorial .t_btn:before {
    font-family:'xeicon';
    position: absolute;
    right:20px;
    color:#fff;
    font-size:25px;
    content: "\e940";}
    
.tutorial a.trr01{background-image: url(../img/common/tutorial_banner01.png);}
.tutorial a.trr02{background-image: url(../img/common/tutorial_banner02.png);}
.tutorial a.trr03{background-image: url(../img/common/tutorial_banner03.png); background-size: 115px;background-position: 40px center;}
.tutorial a.trr04{background-image: url(../img/common/tutorial_banner04.png); background-size: 119px;background-position: 40px center;}
 
.tutorial a{transition: width 1s, height 1s, background .5s, transform 1s;}

.tutorial a:hover, .tutorial a:active
 {-webkit-transition:width 1s, height 1s, background .5s, -webkit-transform .5s;
    transition:width 1s, height 1s, background .5s, transform .5s;
    -webkit-transform: translate(0,-5px);
    transform: translate(0,-5px);
    border: #ff0000 3px solid;
    }

.tutorial_info {
    border: 1px solid #e8e8e8;
    color: #666;
    background: #f9f9f9;
    padding: 20px 30px;
    border-radius: 10px;
    letter-spacing: -0.03em;
}
.tutorial_info .txt_title_box {
	display: block;
    font-family: 'nsk_m';
    font-size: 20px;
    text-align: left;
    padding-left: 37px;
    background-image: url(../img/common/img_guide.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: 26px;
    padding-top: 3px;
    color: #000;
    height: 28px;
    }
.tutorial_info ul{ 
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    }
.tutorial_info ul li {
    position: relative;
    margin: 0px 0;
    padding-left: 10px;
    line-height: 150%;
    font-size: 17px;
    font-family: 'nsk_r';
    color: #000;
}
.tutorial_info ul li:before {
    position: absolute;
    top: 12px;
    left: 0px;
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background-color: #959595;
    content: "";
    }
.tutorial_info  .point {
    color: #ec0000;
    font-family: 'nsk_m';
    letter-spacing: -0.05em;
	}
/* 문서진위확인 */
.doc_step {margin:18px 0 40px 0; padding:10px 20px;font-size:17px; font-family: 'nsk_m';  border: 1px solid #e8e8e8; border-radius: 10px;    background: #f9f9f9;}
.doc_step ol {margin:0 auto; display: flex; flex-wrap:wrap; justify-content: center;}
.doc_step ol li {position:relative; display:block; padding:10px 20px 10px 40px; font-size:16px; text-align:center;line-height:140%; cursor:default }
.doc_step ol li strong {display:inline-block; margin-right:10px; font-family: 'nsk_b'; color:#1977bc;}
  
.doc_step li:before {
    font-family:'netfly-webfont';
    position: absolute;
    left:0px;
    color:#c4c4c4;
    font-size:30px;
    content: "\64";}
    
.doc_step li:first-child:before {
    content: none;}
    
/*스텝 */
.step_area {margin:18px 0 40px 0;font-size:14px; border-top:#e1e1e1 1px solid; border-bottom:#e1e1e1 1px solid;}
.step_area .txt_step {display:inline-block;margin:16px 0 0 22px;color:#22408a; display:none;}
.step_area ol {margin:0 auto; display: flex; justify-content: center; flex-wrap: wrap;}
.step_area li {position:relative; float:left;display:block; height:50px;padding:0 40px 0 12px; font-size:16px; text-align:center;line-height:300%; cursor:default }
.step_area li.ch {font-family: 'nsk_b'; color: #cd3065; font-size: 18px;}
.step_area li:after {
	font-family:'netfly-webfont';
    position: absolute;
    top:0px;
    right: 0px;
    color:#c4c4c4;
    font-size:30px;
    content: "\64";}    
.step_area li:last-child:after {
    content:none;}    
.step_area li.last {border-right:0px; background:none}
.step_area li .ch{color:#00a22a;}




/* 계좌 할당중 */
.pay_box { background:#f5f5f5; border-top:#555555 2px solid; border-bottom:#d6d6d6 1px solid; padding:20px; text-align:center; font-size:16px; font-weight:bold;}
.pay_box .pay_ing {}
.pay_box .pay_finish { color:#ff0000; }





/* 신청자 추가*/
.select_mem_box {position:relative;display:block; margin-top:30px; }
.select_mem_box:after{display:block;clear:both;content:''}
.select_mem_box .del_box {float:left; width:400px;}
.select_mem_box .btn_box {float:left; width:78px; position:relative;text-align:center; margin-top:50px;}
.select_mem_box .add_box {float:right; width:400px;}
.select_mem_box .mem_sort {height:30px;}

/* 명단확정 */
a.btn_confirm_add {display:block; height:25px; width:30px;text-align:center;font-size:12px;color:#7b7b7b !important; font-weight:bold;line-height:200%;padding:0 20px 0 5px; white-space:nowrap; background:url(../img/common/btn_arrow_add.gif) no-repeat right 0; border:#cacaca 1px solid; margin:3px auto;}
a.btn_confirm_del {display:block;height:25px; width:30px;text-align:center;font-size:12px;color:#7b7b7b !important; font-weight:bold;line-height:200%;padding:0 5px 0 20px; white-space:nowrap; background:url(../img/common/btn_arrow_del.gif) no-repeat left 0; border:#cacaca 1px solid; margin:3px auto;}



/* 종목선택 */
.agree_box {clear:both; width:100%;height:200px;margin:0 0px;padding:10px 18px 10px;border:1px solid #e1e1e1;font-size:14px; color:#6d6d6d;background:#fbfbfb;overflow:auto;
    overflow-x: hidden;
	scrollbar-face-color:#ffffff;
	scrollbar-shadow-color:#e4e4e4;
	*scrollbar-shadow-color:#ffffff;
	scrollbar-highlight-color:#ffffff;
	scrollbar-3dlight-color:#e6e6e6;
	scrollbar-darkshadow-color:#e6e6e6;
	scrollbar-track-color:#e6e6e6;
	scrollbar-arrow-color:#999;}
.ch_agree {font-size:15px; color:#979797; text-align:center; padding:10px 0 20px 0;}
.input-radio { display: inline-block; margin-right: 20px;}
.input-radio label { vertical-align: middle; color: #000;margin-left:5px;}
.ch_agree left { text-align:left;}

.sticky_agree {
    position: sticky;
    bottom: 0px;
    margin-top:20px;
    padding: 20px 20px 0px 20px;
    background-color:#fff;
    border-top: #d3d3d3 2px dashed;
}
.all_agree{
	text-align:center;
	font-size:18px;
	font-family: 'nsk_b';
	color: #000;
}
.all_agree input{
	margin-top: -4px;
}
/*도움말*/
.guide_box01 {border-top:1px solid #e8e8e8;color:#666;background:#f9f9f9; padding:20px 30px; margin-top:30px;}
.guide_box01 .txt_title_box {display:block; color:#454545; font-family: 'nsk_b';font-size:18px; line-height:170%; text-align: left; padding-left:35px; padding-bottom:15px; border-bottom:#ddd 1px dotted;
	background-image:url(../img/common/img_guide.png);
    background-position:2px 3px; 
    background-repeat: no-repeat;
    background-size: 24px;  }
.guide_box01 ul{ padding-top:10px; padding-bottom:10px;padding-left:15px; padding-right:10px; background-color: #fff;}
.guide_box01 ul li {position:relative; margin:6px 0; padding-left:20px ; line-height:180%; font-size:15px; font-family: 'nsk_r';
	}
.guide_box01 ul li:before {
	position: absolute;
    top:9px;
    left: 5px;
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius:3px;
    background-color: #959595;
    content: "";}
.guide_box01 ul li ol li {background:none; padding:0;}

.err_box{
	position:absolute;
	left:50%;
	margin-left:-265px;
	top:50%; 
	margin-top:-300px;
    width: 530px;
    height: 500px;
    border-radius: 20px;
    }
.err_box .logo_box{
    background-image:url(../img/common/err_logo.jpg);
    background-position:0 0; 
    background-repeat: no-repeat;
    height:65px;
    }
.err_box .err_msg{
	border:#d0d0d0 1px solid;
	border-radius:20px; 
	min-height: 380px;
    background-image:url(../img/common/err_img.png);
    background-position: center 40px; 
    background-repeat: no-repeat;
    padding: 170px 50px 30px 50px;
    text-align: center;
    line-height: 200%;
	}
.err_box .err_msg p{
	color: #282828; 
	font-family: 'nsk_r';
	font-size: 15px;
	margin-bottom: 10px;
	}
.err_box .err_msg strong{
	color: #277c1c; 
	font-family: 'nsk_m';
	font-size: 20px;
	font-weight:100;
	}
	
	
	
/*메세지*/
.message_box01 {position:relative;margin:10px auto; border-radius:20px; width:451px; color:#454545; padding:30px 30px; text-align:center;
border: #e0e0e0 1px solid; border-radius: 20ppx;}
.message_box01 .message {font-size:18px; line-height:180%;}
.message_box01 .message strong { display:block; font-weight:bold; color:#2783c6; margin-bottom:10px;}


/*로그인*/

.layout_login01 {
	position: relative;
    display: flex;
    background: #fff;
    margin-top:30px;
    padding: 45px 0px 50px;
    border-radius: 10px;
    box-shadow: 0px 0px 2px rgba(50, 50, 50, 0.7);
    }
.layout_login01>p {padding-bottom:27px;font-size:14px;color:#555;}
.layout_login01>p>strong {font-size:24px;color:#165888; line-height:160%;}
.layout_login01 .idpw {position:relative; width: 50%; padding: 0 50px; border-right:#cfd3d7 1px solid;}
.box_dgnss h5,
.layout_login01 .idpw h5,
.layout_login01 .login_info h5{margin-top: 0px !important; margin-bottom: 30px !important; background-image: none !important; padding-left: 0px !important;}
.layout_login01 .login_info h5{margin-bottom: 10px !important;}
.layout_login01 .idpw>span {display:block;margin-bottom:4px; margin-bottom:10px;}
.layout_login01 .idpw>span>input {width:100%; height:50px; border-radius: 5px; font-size:17px; padding:5px 10px; border:1px solid #cfd3d7;}
.layout_login01 .btn_box {display:block;}
.layout_login01 .login_btn {display:block; height:50px; font-size:20px; background-color:#267ca2;color:#fff; text-align: center; padding:10px 20px; border-radius: 5px;}
.layout_login01 .btn_find { padding-top:20px; display: flex;align-items: center;justify-content: center;}
.layout_login01 .btn_find a {position:relative;font-size: 16px; padding: 0 20px;}
.layout_login01 .btn_find .bar:before{
    position: absolute;
    top:6px;
    left: 0px;
    display: inline-block;
    width: 1px;
    height: 15px;
    background: #ddd;
    content: "";}
.layout_login01 .login_info{width: 50%;padding: 0 50px;}
.layout_login01 .txt_list{letter-spacing:-0.03em;}

/* 환불신청서 */
.refund_info {margin-left:180px; margin-top:20px; }
.refund_info ul {margin:17px 0 0 0;}
.refund_info ul li {padding-left:10px; margin-top:5px;}
.refund_pres{ text-align:center; font-size:20px; font-weight:bold; margin:20px 0;}
.refund_date{ text-align:center; font-size:16px; font-weight:bold; margin:20px 0;}

.file{ background:url(../img/common/img_down.png) no-repeat 0 3px; padding-left:23px; line-height:120%; margin-bottom: 8px;
        display: inline-block}

strong.top_tit01 {display:block;font-size:13px;color:#444;}
strong.blt01 {display:block;margin-bottom:7px;padding-left:21px;font-size:14px;color:#030101;background:url(../img/common/blt01.gif) no-repeat 0 0;}
h2.blt01 {display:block;margin-bottom:7px;padding-left:21px;font-size:14px;color:#030101;background:url(../img/common/blt01.gif) no-repeat 0 0;}
strong.blt04 {display:block;padding-left:17px;font-size:13px;color:#333;background:url(../img/common/blt05.gif) no-repeat 0 1px;}
span.blt05 {display:block;padding-left:8px;font-size:12px;letter-spacing:-0.03em;color:#3a797e;background:url(../img/common/blt06.gif) no-repeat 0 4px;}
ul.blt02 {margin-bottom:25px;}
ul.blt02>li {margin-bottom:3px;padding-left:9px;font-size:13px;background:url(../img/common/blt02.gif) no-repeat 0 9px;}
ul.blt03>li {padding-left:10px;color:#3A797E;background:url(../img/common/blt04.gif) no-repeat 0 8px;}
ul.blt07>li {margin-bottom:3px;padding-left:9px;font-size:13px;background:url(../img/common/blt07.gif) no-repeat 0 8px;}
p.p_txt01 {}




/* 고객서비스 */
.customer_layout {padding-top:30px;}

.list_top_data01 {position:relative;padding-bottom:10px;}
.list_top_data01 span.num {display:inline-block;position:absolute;right:0;top:0;font-size:11px;color:#2d2b2b;}
.list_top_data01 span.num strong {font-weight:bold;color:#ff7022;}

/* 이의신청 */
.objection_no_layout {padding-top:30px;}
.objection_no_layout p {font-size:15px;}
.objection_no_layout p span {color:#ff7222;}
.objection_no_layout strong {display:block;padding:260px 40px 0 0;height:130px;font-size:24px;text-align:center;color:#333;background:url(../../img/front/layout/bg_objection_no.jpg) no-repeat 0 0}

/* 검색 */
.search_area01 {margin-bottom:20px;padding:20px 0;text-align:center; border:1px solid #e4e4e4; background-color:#f7f8fb; border-radius:10px; }
.search_area01 select,
.search_area01 input[type="text"] {height:30px;border:1px solid #dadada;}
.search_area01 input[type="text"].br_no {border-right:none;}
.search_area01 label {color:#000; margin-left: 20px; margin-right: 10px; font-family: 'nsk_m';font-size: 17px;}
.search_area01 .search_btn{display: inline-block;}
/* FAQ */
ul.faq_list {border-top:2px solid #ffa222;}
ul.faq_list span {display:inline-block;}
ul.faq_list>li div.question {position:relative;padding:12px 0;border-bottom:1px solid #e8e8e8;}
ul.faq_list>li div.question span.num {width:60px;text-align:center;font-size:13px;color:#555;}
ul.faq_list>li div.question span.tit {padding-left:25px;font-size:14px;color:#141212;}
ul.faq_list>li div.question span.btn_arrow {position:absolute;right:16px;top:13px}
ul.faq_list>li div.answer {padding:15px;border-bottom:1px solid #e8e8e8;background:#f5f5f5;}
ul.faq_list>li div.answer span.data {color:#757575;}
ul.faq_list>li div.answer span.data strong {color:#666;}

/* 이용안내 */
ul.viewer {display:inline-block;width:100%;background:#fff;}
ul.viewer li {float:left;margin-bottom:12px;background:#fff url(../../img/front/layout/bg_viewer_line.gif) repeat-x 0 bottom;}
ul.viewer li.n01,ul.viewer li.n03,ul.viewer li.n05 {margin-right:9px;} 
ul.viewer li a {display:inline-block;padding:25px 20px 0 130px;width:220px;height:100px;font-size:13px;color:#666;border-left:1px solid #cacaca;border-right:1px solid #9f9f9f;border-bottom:1px solid #949494;border-top:2px solid #3a797e;background:url(../../img/front/layout/bg_viewer_ico.png) no-repeat 0 0}
ul.viewer li.n02 a {background-position:right 0}
ul.viewer li.n04 a {background-position:right -138px}
ul.viewer li.n06 a {background-position:right -276px}
ul.viewer li.n03 a {background-position:0 -138px}
ul.viewer li.n05 a {background-position:0 -276px}
ul.viewer li a strong {display:block;padding-bottom:5px;font-size:16px;color:#444;}

/* 성적표 진위여부 조회 */
.reportcard .seahch02 {border-top:2px solid #3a797e;background:url(../../img/front/layout/bg_viewer_line02.gif) repeat-x 0 bottom}
.th_tl th {padding-left:10px !important;text-align:left !important;}


/* 개인정보취급방침 */

/* 개인정보취급방침 */
.policy_area01 {font-size:15px;color:#666; margin-top:30px;}
.policy_area01 dl dt {padding-top:15px;color:#333;}
.policy_area01 dl dl, .policy_area01 dl dd ol, .policy_area01 dl dd ul {padding-left:10px;}
.policy_area01 .box {padding:10px 20px; margin-top:5px; background:#f5f5f5; border:#d6d6d6 1px solid;}
.policy_area01 .box2 {padding:10px 20px; margin-top:5px;border:#d6d6d6 1px solid; text-align: center; margin-bottom: 20px;}
.policy_area01 .box2 img{max-width: 90%;}
#container #contents .policy_area01 h3{
    position: relative;
    font-family: 'gs_m';
    font-size: 24px;
    color: #488f32;
    line-height: 100%;
    margin-bottom: 20px;
    margin-top: 50px;
    padding-left: 35px;
    background-image: url(../img/common/img_title.png);
    background-position: 0px 2px;
    background-repeat: no-repeat;
    background-size: 25px;
}
#container #contents .policy_area01 h4{
    font-size: 16px;
    font-family: 'nsk_b';
    color: #333;
    margin-top: 20px;
    padding-top: 0px;
}
.priv01{
    font-size:20px;
    font-family: 'nsk_b';
    color: #333;
    margin-bottom: 20px;
}
.policy_area01 .num {
    padding-top: 3px;
    padding-bottom: 7px;
    padding-left: 21px;
    list-style: decimal;
}
.policy_area01 .num li{
	margin-bottom: 10px;
}

.policy_area01 .num ol.num{
  counter-reset: num;
  list-style: none;
  padding-left: 0;
}
.policy_area01 .num ol.num > li {
    counter-increment: num;
    position: relative;
    padding-left: 19px;
}
.policy_area01 .num ol.num > li::before {
    content: counter(num);
    position: absolute;
    left: 0;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: none;
    color: #666;
    text-align: center;
    line-height: 12px;
    font-size: 12px;
    border: #666 1px solid;
    top: 3px;
}
.policy_area01  .bu {
	list-style: none;
}
.policy_area01 .bu > li {
    margin: 0px;
    padding: 0 0 2px 10px;
}
.policy_area01 .bu > li::before {
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #666;
    content: '';
}
.caution {
    display: block;
    position: relative;
    padding: 8px 20px;
    font-size: 14px;
    border-radius: 6px;
    background-color:#EFFBF2;
    color: #00853C;
    margin-top: 10px;
}

/* 사이트맵 레이아웃 */
.sitemap_layout > ul {margin-top:30px; margin-bottom:20px;
    padding-bottom:30px; border-bottom:1px solid #e9e9e9;display:block; width: 100%;}
.sitemap_layout ul > li {
	position: relative;
    font-family: 'nsk_m';
    font-size: 24px;
    color: #000;
 	}
.sitemap_layout ul li ul {display: flex; flex-wrap:wrap; margin-top:20px; margin-left: 10px;}
.sitemap_layout ul li ul li { font-size: 17px; padding:0 40px 10px 10px;}
.sitemap_layout ul li ul li:before {
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    background: #909090;
    position: absolute;
    left: 0;
    top: 15px;
    margin: 0;	
    }
.sitemap_layout ul li a:hover {color:#60b355;font-weight:bold; background-position:right -18px;}

.h180 {height:180px !important;}
.h220 {height:220px !important;}
.h230 {height:230px !important;}
.hauto {height:auto !important;}

/*탭*/
.tab-container {
      display: flex;
      justify-content: flex-start;
      background-color: #fff;
      border-bottom:#488f32 2px solid ;
      height: 47px;
  }

.tab-container .tab {
     	background-color: #fff;
      padding:7px 30px;
      position: relative;
      border-left: #bebebe 2px solid;
      border-right: #bebebe 2px solid;
      border-top: #bebebe 2px solid;
      margin-right: 1px;
      color: #555555;
      background-color: #f7f7f7;
  }
.tab-container .active {
      border-left: #7D7D7D 2px solid;
      border-right: #488f32 2px solid;
      border-top: 2px solid #43982b;
      background-color:#fff;
      border-bottom:none;    
      color: #488f32;
	  font-family: 'nsk_m';
      height: 47px;
  }

/* 직업기초능력평가 미리보기 */
ol.preview_info>li>strong {display:block;margin-bottom:15px;padding-left:61px;font-size:14px;line-height:26px;color:#333;background:url(../../img/front/layout/img_preview_num.gif) no-repeat 0 0;}	
ol.preview_info>li>strong.n02 {margin:40px 0 5px 0;padding-top:30px;line-height:normal;background-position:0 bottom;}	
ol.preview_info>li>ol>li {padding-bottom:25px;}
ol.preview_info>li>ol>li>strong {display:block;padding-bottom:5px;font-size:13px;line-height:26px;}
ul.preview_video li {padding-bottom:24px;}	
div.preview_test {padding:315px 0 50px 0;background:url(../../img/front/layout/bg_preview_test.jpg) no-repeat 0 63px;}


/* 교수학습자료/20140709 추가 */
ol.study_info>li {display:block;margin-top:15px;margin-bottom:15px;padding-left:50px;line-height:20px;background:url(../../img/front/layout/img_study_num.gif) no-repeat 0 0;}	
ol.study_info>li.n02 {margin:10px 0 15px 0;line-height:20px;background-position:0 -80px;}	
ol.study_info>li.n03 {margin:10px 0 15px 0;line-height:20px;background-position:0 bottom;}	


/* 직업기초능력평가소개 */
.teenup {padding-top:300px;background:url(../../img/front/layout/bg_teenup01.jpg) no-repeat 0 0;}
.teenup p {padding-bottom:20px;line-height:22px;}

/* 직업기초능력평가소개- 평가영역 */
ol.composition01 {height:359px;background:url(../../img/front/layout/bg_composition01.gif) no-repeat 0 0; padding-top:15px}
ol.composition01>li {padding:33px 0 16px 110px; }
ol.composition01>li.last {padding:24px 0 35px 110px; }
ol.composition01>li>strong {display:none;}
ol.composition01>li>span {display:block;padding-bottom:6px;font-size:14px;color:#555; font-weight:bold;}
ol.composition01>li>ul>li {padding-left:16px;color:#333;background:url(../img/common/blt04.gif) no-repeat 8px 6px;}

dl.composition02>dt {padding:15px 0 10px 0;font-size:14px;color:#333;}
dl.composition02>dd {line-height:18px;font-size:13px;}
dl.composition02>dd>ul>li>strong {margin:12px 0 5px 0}

/* BI */
ul.bi>li {margin-bottom:60px;}
ul.bi>li.n01 {float:left;width:231px;margin-right:30px;}
ul.bi>li.n01.last {margin-right:0;}
ul.bi>li>ul>li {float:left;width:188px;font-size:14px;}
ul.bi>li>ul>li>strong, ul.bi>li>ul>li>span {display:block;text-align:center;}
ul.bi>li>ul>li>strong {margin-bottom:10px;height:31px;line-height:31px;color:#fff;}
ul.bi>li>ul>li.a01>strong {background:#de0042;}
ul.bi>li>ul>li.a02>strong {background:#fcc800;color:#000;}
ul.bi>li>ul>li.a03>strong {background:#118acc;color:#000;}
ul.bi>li>ul>li.a04>strong {background:#221b1c;}
ul.bi>li>ul>li.a01>span {color:#de0042;}
ul.bi>li>ul>li.a02>span {color:#bf511b;}
ul.bi>li>ul>li.a03>span {color:#118acc;}
ul.bi>li>ul>li.a04>span {color:#221b1c;}

/* 관리기관 */
ul.location01 {background:url(../../img/front/layout/bg_location01.jpg) no-repeat 0 0;}
ul.location01.n01 {padding-top:12px;}
ul.location01.n02 {padding-bottom:0;background-position:0 bottom;}
ul.location01>li {padding-left:220px;line-height:18px;background-position:213px center;}
div.location02 {margin:-10px 0 30px 0;padding:13px 13px 6px 13px;border:1px solid #dadada;}

/* 응시가이드 */
ol.guide01 {clear:both;}
ol.guide01>li {clear:both;*zoom:1;display:inline-block;margin-bottom:45px;width:100%;}
ol.guide01>li>strong {display:block;float:left;width:150px;font-size:22px;letter-spacing:-2px;color:#333;}	
ol.guide01>li>strong>img {display:block;margin-bottom:10px;}	
ol.guide01>li>ul.blt07 {float:right;display:block;width:600px;}
ol.guide01>li>ul.blt07>li>strong {color:#333;}

div.guide02 { border:#e7e7e7 1px solid; padding:20px; background:#f9f8f8; }
div.guide02 p{ padding-bottom:5px;}
div.guide02>ul>li>span {display:block;color:#3a797e;}

/* 동영상 */
.video_area {overflow:hidden;width:753px;height:472px;border:1px solid #aeaeae;}
.video_area .video {float:left; width:545px;height:500px;}
.video_area .video_list{float:right; width:190px;}
.video_area .video_list>ol>li { font-size:14px; padding-top:10px;}
.video_area .video_list>ol>li>ol>li { font-size:12px;padding-bottom:5px; padding-left:10px;color:#333;background:url(../img/common/blt07.gif) no-repeat 2px 7px;}
.vidio_area object {overflow:hidden;width:400px;height:300px;}

div.tab_video {*zoom:1;}
div.tab_video:after {content:"";display:block;clear:both;}
div.tab_video>h5 {float:left;border-bottom:1px solid #d4d4d4;background:#ccc;}
div.tab_video>h5>a {float:left;display:inline-block;padding-top:18px;width:200px;height:34px;line-height:20px;font-size:15px;border-top:1px solid #d4d4d4;color:#31373e;text-align:center;border-right:1px solid #d4d4d4;letter-spacing:-1px;background:#f9f9f9;}
div.tab_video>h5.ch>a {color:#fff;height:35px;border-top:none;background:#428085 url(../img/common/bg_tab_ch.gif) no-repeat center 0}
div.tab_video>h5.fst>a {border-left:1px solid #d4d4d4;}
div.tab_video>h5.long>a {padding-top:8px;height:44px;}


div.tab_level {*zoom:1;}
div.tab_level:after {content:"";display:block;clear:both;}
div.tab_level>h5 {float:left;border-bottom:1px solid #d4d4d4;background:#ccc;}
div.tab_level>h5>a {float:left;display:inline-block;padding-top:18px;width:149px;height:34px;line-height:20px;font-size:15px;border-top:1px solid #d4d4d4;color:#31373e;text-align:center;border-right:1px solid #d4d4d4;letter-spacing:-1px;background:#f9f9f9;}
div.tab_level>h5.ch>a {color:#fff;height:35px;border-top:none;background:#428085 url(../img/common/bg_tab_ch.gif) no-repeat center 0}
div.tab_level>h5.fst>a {border-left:1px solid #d4d4d4;}
div.tab_level>h5.long>a {padding-top:8px;height:44px;}


div.tab_certi {*zoom:1;}
div.tab_certi:after {content:"";display:block;clear:both;}
div.tab_certi>h5 {float:left;border-bottom:1px solid #d4d4d4;background:#ccc;}
div.tab_certi>h5>a {float:left;display:inline-block;padding-top:18px;width:160px;height:34px;line-height:20px;font-size:15px;border-top:1px solid #d4d4d4;color:#31373e;text-align:center;border-right:1px solid #d4d4d4;letter-spacing:-1px;background:#f9f9f9;}
div.tab_certi>h5.ch>a {color:#fff;height:35px;border-top:none;background:#428085 url(../img/common/bg_tab_ch.gif) no-repeat center 0}
div.tab_certi>h5.fst>a {border-left:1px solid #d4d4d4;}
div.tab_certi>h5.long>a {padding-top:8px;height:44px;}






/*20140106추가*/
#popup_pw_area {position:relative;width:343px;height:196px;outline:0px solid #c64;z-index:100;}
#popup_pw_area .pop_title_area {height:49px;font-size:24px;color:#000;background:url(../../img/front/popup/bg_pop_title_area.gif) repeat-x 0 0;line-height:180%;}
#popup_pw_area .input_pop {border:1px solid #dadada;border-right:0px;}
#popup_pw_area .txt_01 {padding:48px 0 16px 0;font-size:14px;}
#popup_pw_area .btn_colse {position:absolute;top:13px;right:15px;}
/*20140106추가 끝*/

/*20140303 추가 시작 ============================================================================== */
/* popup 평가장 상세정보 */
.pop_layout {position:relative;}
.pop_layout h1 {padding:12px 20px 0 20px;height:33px;font-size:20px;text-align:left;background:#f15f24;color:#fff;}
.pop_layout .btn_close {display:block;position:absolute;right:20px;top:10px;}
.pop_layout .pop_data {padding:30px;text-align:left;}
.pop_layout p.txt_guide01 {font-size:14px;color:#757575}
.pop_layout ul.idpw {padding-bottom:25px;font-size:13px;color:#555;}
.pop_layout ul.idpw>li>label {display:inline-block;padding-left:13px;width:120px;font-size:16px;line-height:27px;color:#333;background:url(../img/common/blt12.gif) no-repeat 0 10px;}

#pop_location {width:680px;height:613px;}
#pop_location ul {margin-bottom:30px;}
#pop_location ul>li {*zoom:1;padding-left:10px;font-size:13px;color:#666;line-height:24px;background:url(../img/common/blt11.gif) no-repeat 0 9px;}
#pop_location ul>li:after {content:"";display:block;clear:both;}
#pop_location ul>li>strong,
#pop_location ul>li>span.txt01 {display:block;float:left;}
#pop_location ul>li>strong {width:90px;text-align:left;color:#333;}
#pop_location .map_area {overflow:hidden;padding:3px;height:288px;text-align:center;border:3px solid #ececec;}
#pop_location .map_area>img {width:608px;height:288px;}

#pop_idfind {width:650px;height:293px;}

/*이메일 무단수집 거부*/
#pop_email {width:450px;height:295px;}
#pop_email p.email {font-size:14px;line-height:22px;}

/* 우편번호 찾기 ===== */
#pop_post {width:500px;height:480px;}
#pop_post .post_area {text-align:left;}
#pop_post .post_area ul.tab {*zoom:1;}
#pop_post .post_area ul.tab:after {content:"";display:block;clear:both;}
#pop_post .post_area ul.tab>li {float:left;}
#pop_post .post_area ul.tab>li a {display:inline-block;width:250px;height:42px;line-height:42px;text-align:center;font-size:14px;border-bottom:1px solid #afafaf;color:#757575;}
#pop_post .post_area ul.tab>li.n01 a {width:249px;border-right:1px solid #afafaf}
#pop_post .post_area ul.tab>li.ch a {color:#000;border-bottom:1px solid #fff;background:url(../img/common/btn_arrow_open.gif) no-repeat center bottom;}

.post_ty01 {padding:15px 20px 0 20px;}
.post_ty01 p.txt_guide02 {font-size:13px;color:#333;line-height:18px;}
.post_ty01 div.search input[type="text"] {height:22px !important;line-height:22px}
#pop_post div.data_box {position:relative;width:auto;height:145px;margin-top:15px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;overflow:auto;}
#pop_post div.data_box ul {padding:10px 0;}
#pop_post div.data_box ul>li {position:relative;padding-left:75px;line-height:18px;}
#pop_post div.data_box ul>li span {display:inline-block;}
#pop_post div.data_box ul>li span.num {position:absolute;left:5px;padding-left:10px;background:url(../img/common/blt02.gif) no-repeat 0 center;}
#pop_post .nodata {padding-top:15px;text-align:center;font-size:13px;}
#pop_post .nodata .mt20 {display:block;margin-top:20px;line-height:16px;}

.post_ty02 {padding:15px 20px 0 20px;}
.post_ty02 p {padding-top:10px;line-height:18px;}
.post_ty02 ul.top_ch {padding-bottom:10px;*zoom:1;}
.post_ty02 ul.top_ch:after {content:"";display:block;clear:both;}
.post_ty02 ul.top_ch>li {float:left;width:33%;}
.post_ty02 ul.top_ch label {display:inline-block;padding:0 15px 0 3px;font-size:13px;color:#333;}
.post_ty02 ul.street {padding-top:15px;border-top:1px solid #e5e5e5;}
.post_ty02 ul.street {*zoom:1;}
.post_ty02 ul.street:after {content:"";display:block;clear:both;}
.post_ty02 ul.street>li {float:left;width:50%;padding:3px 0;}
.post_ty02 ul.street>li.long {width:100%;}
.post_ty02 ul.street>li label.blt {display:inline-block;width:49px;padding-left:10px;background:url(../img/common/blt02.gif) no-repeat 0 center;}
.tab02_data .fs12 {font-size:12px;}

/* 인터넷 접수 취소시 유의사항  =====*/
#pop_caution {overflow-x:hidden;overflow-y:scroll;width:760px;height:700px;font-size:13px;}
#pop_caution ol li {line-height:24px;color:#757575;}
#pop_caution ol li>strong {color:#444;}
#pop_caution .list02>ol>li>strong.num>span {display:inline-block;padding-left:10px;vertical-align:bottom;font-size:16px;color:#000;}
#pop_caution .ol_dep02.n01>li {position:relative;padding-left:23px;}
#pop_caution .ol_dep02.n01>li>strong {position:absolute;left:0;top:0;display:block;}

/* 실명인증하기 */
/*20140403 추가 시작*/
#pop_post.realname {width:500px;height:265px !important;}
#pop_post.realname div.tab_data {padding-left:40px;}
#pop_post.realname div.tab_data div {padding:5px;text-align:left;}
#pop_post.realname div.tab_data label {display:inline-block;font-size:15px;width:115px;font-weight:bold;}
/*20140403 추가 끝*/

.pay_layout ol li {line-height:24px;color:#757575;}
.pay_layout ol li>strong {color:#444;}
.pay_layout .list02>ol>li>strong.num>span {display:inline-block;padding-left:10px;vertical-align:bottom;font-size:16px;color:#000;}
.pay_layout .ol_dep02.n01>li {position:relative;padding-left:23px;}
.pay_layout .ol_dep02.n01>li>strong {position:absolute;left:0;top:0;display:block;}

/*common*/
.p_star{color: #f00; display: inline-block;margin-right: 5px;}
.h70 {height:70px !important;}
.td_fs12 td {font-size:12px;}
.left {float:left !important;}
.color_bla {color:#000 !important;}
.color_gre {color:#3a797e !important;}
.valign_t {vertical-align:top !important;}
.subject02 {display:block;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; -webkit-line-clamp:1; -webkit-orient:vertical;}
.valign_m {display:inline-block;vertical-align:middle;}
img,input {vertical-align:middle;}
.td_tc td {text-align:center !important;}
.w190 {width:190px !important;}
.h100 {height:100px !important;}
.h200 {height:200px !important;}
.fs30 {font-size:30px;}
.fs14 {font-size:14px;line-height:18px;}
.noline {border:none !important;}
.bg_gray{background-color:#EAEAEA;}

/* 2017.03.06 
 * placeholder 폰트색상 적용
 * 사용법 : <input type="text" name="aaa" placeholder="*예) 여기에입력해주세요"/>
 */
::-webkit-input-placeholder { /* WebKit browsers */
   color:#BDBDBD; /*font-size:12px;*/
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#BDBDBD; /*font-size:12px;*/
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:#BDBDBD; /*font-size:12px;*/
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
  color:#BDBDBD; /*font-size:12px;*/
}

/*공통사용*/
a.subject {display:inline-block;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; -webkit-line-clamp:1; -webkit-orient:vertical;}
p.tit_top01 {font-size:24px;line-height:30px;color:#428085;}
p.tit_top02 {font-size:18px;line-height:30px;color:#3a797e;}
p.tit_top02>strong {font-size:24px;}
.txt_fs13 {font-size:13px;line-height:20px;color:#848484;}
.txt02_fs11 {font-size:11px;line-height:18px;color:#3a797e;}
.a_join {display:inline-block;text-decoration:underline;color:#333;}
.btn_s.fs11.gray {display:inline-block;padding:5px 16px 0 16px;height:16px;font-size:11px;border:1px solid #525660;background:#606060;color:#fff;}

.txt_box01 {padding:20px;font-size:12px;line-height:22px;background:#f9f9f9;border:1px solid #e8e8e8;border-right:0;border-left:0;}

.td_ul01>li {margin:3px 0;}
.td_ul01>li>label {display:inline-block;width:80px;}
span.btn_color02 {display:inline-block;width:38px;height:18px;line-height:20px;text-align:center;font-size:11px;color:#fff;}
span.btn_color02.gray {border:1px solid #4d515b;background:#606060;}
span.btn_color02.orange {cursor:pointer;border:1px solid #e55924;background:#f2622a;}
.btn_color03 {display:inline-block;padding:0 5px;height:18px;line-height:20px;text-align:center;font-size:11px;letter-spacing:-1px;color:#fff;border:1px solid #4d515b;background:#606060;}

.ul_ty01>li {font-size:13px;line-height:28px;}

div.tab01 {*zoom:1;}
div.tab01:after {content:"";display:block;clear:both;}
div.tab01>h5 {float:left;border-bottom:1px solid #d4d4d4;background:#ccc;}
/*div.tab01>h5.long {width:16%;}*/
div.tab01>h5>a {float:left;display:inline-block;padding-top:18px;width:106px;height:34px;line-height:20px;font-size:15px;border-top:1px solid #d4d4d4;color:#31373e;text-align:center;border-right:1px solid #d4d4d4;letter-spacing:-1px;background:#f9f9f9;}
div.tab01>h5.ch>a {color:#fff;height:35px;border-top:none;background:#428085 url(../img/common/bg_tab_ch.gif) no-repeat center 0}
div.tab01>h5.fst>a {border-left:1px solid #d4d4d4;}
div.tab01>h5.long>a {padding-top:8px;height:44px;}
.txt_line { text-decoration:underline;}
.txt_guide_fs12 {font-size:12px;color:#757575;}
dl.blt10 dt {padding:0 0 10px 15px;font-size:13px;color:#333;background:url(../img/common/blt10.gif) no-repeat 0 5px}
dl.blt10 dd {padding:7px 0 7px 14px;font-size:12px;color:#666;}
dl.blt10 dd>label {display:inline-block;padding-left:5px;}






.seahch02 {padding:11px 0 11px 70px;border:1px solid #e4e4e4;border-bottom:2px solid #e4e4e4;background:#f8f8f8;}

/* 인터넷 접수 */
.layout_receipt_step01 {position:relative;}
.layout_receipt_step01 .txt01 {display:inline-block;position:absolute;right:0;top:0;}
.layout_receipt_step01 td.img_box.box02 {padding:0 0 0 0 !important;width:210px;height:200px;text-align:center;}
.layout_receipt_step01 td.img_box.box03 {border-left:1px solid #e8e8e8;}
.layout_receipt_step01 td.img_box div {overflow:hidden;margin:0 auto;margin-bottom:10px;width:97px;height:126px;border:3px solid #dedede;}
.layout_receipt_step01 td.img_box div>img {overflow:hidden;width:97px;height:126px;}
.layout_receipt_step01 ul.blt02>li {background-position:0 7px;}
.layout_receipt_step01 .map {position:relative;height:398px;background:url(../../img/front/layout/bg_receipt_step01_map.gif) no-repeat 0 center;}
.layout_receipt_step01 .map>ul>li {position:absolute;}
.layout_receipt_step01 .map>ul>li>a {display:inline-block;padding-left:13px;font-size:12px;color:#333;background:url(../img/common/blt09.png) no-repeat 0 center}
.layout_receipt_step01 .map>ul>li.bg_r>a {padding:0 13px 0 0;background-position:right center}
.layout_receipt_step01 .map>ul>li.n01 {left:341px;top:69px;}	/*서울         */
.layout_receipt_step01 .map>ul>li.n02 {left:350px;top:95px;}	/*경기도        */
.layout_receipt_step01 .map>ul>li.n03 {left:415px;top:61px;}	/*강원도        */
.layout_receipt_step01 .map>ul>li.n04 {left:383px;top:125px;}	/*충청북도       */
.layout_receipt_step01 .map>ul>li.n05 {left:422px;top:162px;}	/*경상북도       */
.layout_receipt_step01 .map>ul>li.n06 {left:395px;top:245px;}	/*경상남도       */
.layout_receipt_step01 .map>ul>li.n07 {left:426px;top:206px;}	/*대구         */
.layout_receipt_step01 .map>ul>li.n08 {left:467px;top:231px;}	/*울산         */
.layout_receipt_step01 .map>ul>li.n09 {left:450px;top:257px;}	/*부산         */
.layout_receipt_step01 .map>ul>li.n10 {left:356px;top:161px;}	/*대전         */
.layout_receipt_step01 .map>ul>li.n11 {left:333px;top:204px;}	/*전라북도       */
.layout_receipt_step01 .map>ul>li.n12 {left:312px;top:250px;}	/*관주         */
.layout_receipt_step01 .map>ul>li.n13 {left:302px;top:279px;}	/*전라남도       */
.layout_receipt_step01 .map>ul>li.n14 {left:286px;top:347px;}	/*제주도        */
.layout_receipt_step01 .map>ul>li.n15 {left:288px;top:69px;}	/*인천    */
.layout_receipt_step01 .map>ul>li.n16 {left:318px;top:141px;}	/*세종    */
.layout_receipt_step01 .map>ul>li.n17 {left:264px;top:127px;}	/*충청남도*/

.layout_receipt_step01 .cal {border-top:2px solid #ff7223;}
.layout_receipt_step01 .cal .top_btn {position:relative;padding-top:20px;height:37px;text-align:center;}
.layout_receipt_step01 .cal .top_btn .btn {position:absolute;top:14px;}
.layout_receipt_step01 .cal .top_btn .btn.today {left:0;}
.layout_receipt_step01 .cal .top_btn .btn.arr {right:0;}
.layout_receipt_step01 .cal .top_btn strong.date {font-size:18px;color:#000;}

.certificate_btn{    
	display: inline-block;
    float: right;
    }

/*.receipt_photo div.photo.box02 {padding:0 0 0 0 !important;width:210px;height:200px;text-align:center;}
.receipt_photo div.photo div {overflow:hidden;margin:0 auto;margin-bottom:10px;width:97px;height:126px;border:3px solid #dedede;}
.receipt_photo div.photo div>img {overflow:hidden;width:97px;height:126px;}*/

.receipt_photo {position:relative;padding:20px 0 20px 200px;border-top:2px solid #ffa222;border-bottom:2px solid #e8e8e8;}
.receipt_photo div.img_box {position:absolute;left:55px;top:20px;overflow:hidden;width:103px;text-align:center;}
.receipt_photo div.img_box div {margin-bottom:10px;overflow:hidden;width:97px;height:126px;border:3px solid #dedede;}

/* 달력 */
.tbl_cal01 {width:100%;border-top:1px solid #bfbfbf;border-left:1px solid #bfbfbf;font-size:13px;}
.tbl_cal01 thead th {padding:6px 0;border-bottom:1px solid #bfbfbf;border-right:1px solid #bfbfbf;text-align:center;color:#333;background:#f7f7f7}
.tbl_cal01 tbody td {position:relative;z-index:-1;padding:25px 5px 5px 5px;height:50px;border-bottom:1px solid #bfbfbf;border-right:1px solid #bfbfbf;text-align:center;vertical-align:top;}
.tbl_cal01 tbody td .num {display:block;position:absolute;right:5px;top:5px;color:#000;}
.tbl_cal01 tbody td .data {display:block;padding:5px 3px;font-size:12px;text-align:left;color:#fff;background:#216fb1;}
.tbl_cal01 tbody td.today {background:#fefbe0;}
.tbl_cal01 tbody td.today .num {border-bottom:1px solid #333;}
.tbl_cal01 .sun {color:#ff2a00;}
.tbl_cal01 .sat {color:#3c6bb9;}

/* board */
.tbvs01 thead th {padding:11px 15px;font-size:14px;text-align:center;color:#333;border-bottom:1px solid #e8e8e8;background:#f8fafc;}


.layout_join01 ol.tab {padding:40px 0 40px 25px;*zoom:1;}
.layout_join01 ol.tab:after {content:"";display:block;clear:both;}
.layout_join01 ol.tab>li {float:left;padding-right:50px;width:202px;height:57px;line-height:57px;text-align:center;font-size:16px;color:#2a1c1c;background:url(../img/common/layout_join01_tab.gif) no-repeat 0 0;}
.layout_join01 ol.tab>li.ch {background-position:0 bottom;}
.layout_join01 ol.tab>li.lst {padding-right:0;}

p.blt02 {padding-left:9px;font-size:13px;line-height:18px;background:url(../img/common/blt02.gif) no-repeat 0 7px;}

.div_tarea {margin:5px 0;overflow-x:hidden;overflow-y:auto;padding:20px;line-height:18px;height:200px;border:1px solid #cfd3d7;}

.join01_01 {padding-bottom:30px;}
.join01_01 .tbox {padding:10px;line-height:20px;border:1px solid #d3d6da;}
.join01_01 .tbox>strong {color:#ff0000;}

/* 마이페이지 */
.my_line01 {*zoom:1;width:100%;}
.mypage_layout .my_line01:after {content:"";display:block;clear:both;}
.mypage_layout .my_line01>.left {width:365px;}
.mypage_layout .my_line01>.left h5 {padding-top:5px;height:34px;font-size:13px;color:#555;}
.mypage_layout .my_line01>.left h5>strong {font-size:18px;color:#333;}
.mypage_layout .my_line01>.left>div {padding:10px 0;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;background:#f3f3f3;}
.mypage_layout .my_line01>.left>div>ul>li{padding:5px 0 7px 10px;font-size:14px;color:#555;}
.mypage_layout .my_line01>.left>div>ul>li>strong {float:left;display:inline-block;padding-left:12px;width:55px;background:url(../img/common/blt12.gif) no-repeat 0 7px;}
.mypage_layout .my_line01>.left>div .btn_color03 {margin:5px 0 0 20px;}

.mypage_layout .my_line01>.right {position:relative;width:365px;}
.mypage_layout .my_line01>.right>div.tit {/*display:absolute;left:0;top:0;*/width:100%;*zoom:1;border-bottom:1px solid #d6d6d6;}
.mypage_layout .my_line01>.right>div.tit:after {content:"";display:block;clear:both;}
.mypage_layout .my_line01>.right h6 {float:left;display:inline-block;}
.mypage_layout .my_line01>.right h6>a {display:inline-block;padding:10px 27px 0 27px;height:28px;font-size:16px;color:#31373e;border-top:1px solid #d6d6d6;border-right:1px solid #d6d6d6;}
.mypage_layout .my_line01>.right h6.fst>a {border-left:1px solid #d6d6d6;}
.mypage_layout .my_line01>.right h6.ch>a,
.mypage_layout .my_line01>.right h6>a:hover {border-top:none;padding-top:11px;color:#fff;background:#428085 url(../img/common/bg_tab_ch.gif) no-repeat center 0;}

.mypage_layout .btn_more {display:block;position:absolute;right:0;top:10px;}

.mypage_layout .my_line02 {position:relative;}
.mypage_layout .my_line02 .btn_more {top:0px;}

div.tbl_box01 {padding:40px 0;border-bottom:1px solid #e8e8e8;}
div.tbl_box01 ul {padding:30px 0;}
div.tbl_box01 ul>li {padding:5px 0;text-align:right;}

.leave01 {padding-left:270px;background:url(../../img/front/layout/img_leave01.jpg) no-repeat 0 20px;}
.leave01.ty02 {padding-bottom:20px;border-bottom:1px solid #e8e8e8;}
.bd_t {border-top:1px solid #e8e8e8;}

.no_data01 {padding:30px 0;font-size:14px;text-align:center;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;}

/* 레이어팝업 공통 */
#pop_load_area {z-index:100;position:fixed !important;width:100%;height:100%;background:url(../img/common/mask01.png) repeat 0 0;}
.pop_wrap {z-index:101;position:fixed !important;left:50% !important;top:50% !important;background:#fff;}

/* 20140711 정근훈 삭제 깨짐
#popup_sitemap_area {margin:-379px 0 0 -499px;width:1000px;height:759px;}
*/

/* error */
#error {margin:0 auto;padding-top:30px;width:600px;text-align:left;}
#error>div.data {padding:0 30px 30px 30px;border:1px solid #dde1e8;border-bottom:2px solid #91a2d9;border-top:none;background:url(../../img/front/layout/error02.gif) repeat-x 0 0;}
#error>div.data strong {display:block;padding:10px 0 0 60px;height:60px;line-height:60px;font-size:15px;font-weight:bold;border-bottom:1px solid #e6e9f8;color:#ff0000;background:url(../../img/front/layout/ico_error.gif) no-repeat 0 bottom;}
#error>div.data p {margin-top:10px;padding:20px;line-height:20px;border:1px solid #e6e9f8;background:1px solid #f5f6fc;}

/*이용약관*/
.content_title {font-size:17px; font-weight: bold;color:#333}
.content_stance2 {font-size:17px; font-weight: bold;color:#333}
table th.nobor_l  {background-color: #f9f9f9; border-bottom:1px solid #d9d9d9;}
.pl_10 {padding-left:10px}
.pl_20 {padding-left:20px}
.pl_30 {padding-left:30px}
.top_box {padding:15px; margin-bottom:20px; background-color: #f9f9f9 ;  border:1px solid #ccc;
    border-radius: 10px;}
  /*소개*/
.chart_cre {text-align: center;}
.chart_cre:after {content:""; clear:both; display:block}
.chart_cre h5:before {display: none}
.chart_cre ul.chart li {float:left; width:30%; position: relative;}
.chart_cre  .chart_box { background-color: #f9f9f9; border-radius:20px; padding-top:30px; margin: 20px;height:150px ; position: relative;}
.chart_cre  .text{font-size:14px;}
.chart_cre .icon {font-size:40px; color:#c4c4c4; margin-bottom:14px}
.chart_cre .icon-angle-right {position: absolute;    left: -20px; top: 79px; color:#c6c6c6}
.chart_cre .chart_box { background-color: #fff; border-radius:20px;border:#e6e6e6 3px solid; padding-top:0px; margin: 20px ; height:180px ; position: relative;}
.chart_cre .text{font-size:15px; letter-spacing: -0.09em; line-height: 160%; font-family:'nsk_m'}
.chart_cre .text span{display: block; font-family: nsk_r; font-size: 12px;}

.chart_cre .chart_box .icon {
	margin:25px auto 10px auto;
    background-repeat: no-repeat;
    background-position: center 0;
    background-size:60px;
    width: 60px;
    height: 60px;
    }	
.chart_cre .img_doctor1 {
	background-image: url(../img/common/img_doctor01.png);
    }
.chart_cre .img_doctor2 {
	background-image: url(../img/common/img_doctor02.png);
    }
.chart_cre .img_doctor4 {
	background-image: url(../img/common/img_doctor04.png);
    }
	
   
.point {color:#dd1a00; font-family: 'nsk_b';}
.hide {display: none}
.font13{ font-size:13px}
ol.de,
ul.de {
    margin-top: 8px;
    margin-left: 20px;
}
ol.de li,
ul.de li {
    list-style: decimal;
    margin-left: 19px;
    margin-bottom: 8px;
}
.box_border {background-color: #f9f9f9; border-radius:10px; padding:20px;  margin:20px 0}
.box_border div.point {
	display: block;
    font-size: 15px;
    border-bottom: 1px solid #cacaca;
    margin-bottom: 10px;
    padding-bottom: 9px;
    color: #000;}
    
.chart_cre02 {text-align: center;  }
.chart_cre02:after {content:""; clear:both; display:block}
.chart_cre02 h5:before {display: none}
.chart_cre02 ul {display: flex; flex-wrap: wrap;}
.chart_cre02 ul.chart li {width:25%; position: relative;}
.chart_cre02 .chart_box { background-color: #fff; border-radius:20px;border:#e6e6e6 3px solid; padding-top:0px; margin: 20px ; height:180px ; position: relative;}
.chart_cre02 .text{font-size:15px; letter-spacing: -0.09em; line-height: 160%;}
.chart_cre02 .icon {font-size:40px; color:#a3a3a3; margin-bottom:14px}
.chart_cre02 .icon-angle-right {position: absolute;    left: -20px;        top: 79px; color:#c6c6c6}

.chart_cre02 .chart_box .icon {
	margin:20px auto 10px auto;
    background-repeat: no-repeat;
    background-position: center 0;
    background-size:60px;
    width: 60px;
    height: 60px;
    }	
.chart_cre02 .img_doctor1 {
	background-image: url(../img/common/img_doctor01.png);
    }
.chart_cre02 .img_doctor2 {
	background-image: url(../img/common/img_doctor02.png);
    }
.chart_cre02 .img_doctor3 {
	background-image: url(../img/common/img_doctor03.png);
    }
.chart_cre02 .img_doctor4 {
	background-image: url(../img/common/img_doctor04.png);
    }
	
    
    
    .chart_cre03 {text-align: center;  }
.chart_cre03:after {content:""; clear:both; display:block}
.chart_cre03 h5:before {display: none}
.chart_cre03 ol,
.chart_cre03 ul {display: flex; flex-wrap: wrap;}
.chart_cre03 ol.chart li,
.chart_cre03 ul.chart li {width:20%; position: relative;}
.chart_cre03 .chart_box { background-color: #fff; border-radius:20px;border:#e6e6e6 3px solid; padding-top:0px; margin: 20px ; height:160px ; position: relative;}
.chart_cre03 .text{font-size:15px; letter-spacing: -0.09em; line-height: 140%; font-family:'nsk_m'}
.chart_cre03 .text span{display: block; font-family: nsk_r; font-size: 12px;}
.chart_cre03 .icon {font-size:40px; color:#c4c4c4; margin-bottom:14px}
.chart_cre03 .icon-angle-right {position: absolute;    left: -20px;        top: 79px; color:#c6c6c6}

.chart_cre03 .chart_box .icon {
	margin:30px auto 10px auto;
    background-repeat: no-repeat;
    background-position: center 0;
    background-size:60px;
    width: 60px;
    height: 60px;
    }	
.chart_cre03 .img_step1 {
	background-image: url(../img/common/img_step01.png);
    }
.chart_cre03 .img_step2 {
	background-image: url(../img/common/img_step02.png);
    }
.chart_cre03 .img_step3 {
	background-image: url(../img/common/img_step03.png);
    }
.chart_cre03 .img_step4 {
	background-image: url(../img/common/img_step04.png);
    }
.chart_cre03 .img_step5 {
	background-image: url(../img/common/img_step05.png);
    }
	
.account ol{display: flex;margin-top: 20px;  justify-content:center; flex-wrap: nowrap;}
.account ol li{min-width: 260px; margin-left: 20px; margin-right: 20px;}
.account ol li .account_box {border-radius:10px;  height:100%; text-align:center; color:#8f8f8f; border:#e6e6e6 2px solid;
padding:15px 20px; line-height:120%; position: relative;}
.account ol li.ch .account_box {border:#3c934f 2px solid; color:#3c934f;}
.account ol li .icon:before {
	content:"\e93e";
 	font-family:'xeicon' !important;
    position: absolute;
    left: -28px;
    top: 12px;
    font-size:20px;
    }

/* mapArea */ 
.mapArea {background:#f9f9f9;width:100%;height:430px; display: flex; padding: 20px 50px; } 
.mapArea .stab .redP {margin-top:10px;font-size:15px; margin-bottom:10px;}
.mapArea .stab ul {width:550px; display: flex; flex-wrap: wrap;}
.mapArea .stab ul li {width:22%;background:#ffffff; border-radius:10px; border:1px solid #cfcfcf;float:left; margin:4px 4px;}
.mapArea .stab ul li a {padding:10px 0;font-size:14px;border-radius:10px; text-align:center;color:#666;display:block;} 
.mapArea .stab ul li a:hover {color:#fff;background:#60b355;}
.mapArea .stab ul li a.active {color:#fff;background:#60b355;}
.mapArea .stab .train li a:hover {color:#fff;background:#267ca2; border: #267ca2 1px solid;}
.mapArea .stab .train li a.active {color:#fff;background:#267ca2; border: #267ca2 1px solid;}
.mapArea .mapBlock {width:300px;}
.mapArea .map {width:236px;height:386px;}
   
   
  
#wrap_footer #link {height:101px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;overflow:hidden; background-color: #fff}

#wrap_footer #link>div>.txt_01 {position:absolute;left:0;top:29px;color:#0d0202;}
#wrap_footer #link>div>.btn_area_control {position:absolute;left:89px;top:27px;z-index:1;}
#wrap_footer #link>div>.btn_area_control>li {float:left;}

#wrap_footer #link .inner {overflow:hidden;display:block;width:791px;height:71px;}
#wrap_footer #link .inner>ul.banner {overflow:hidden;width:100000px;padding-top:17px;*zoom:1;}
#wrap_footer #link .inner>ul.banner:after {content:"";display:block;clear:both;}
#wrap_footer #link .inner>ul.banner>li {float:left; margin-right:15px;}
#wrap_footer .footer_link {background-color: #424448;height:42px; }
#wrap_footer .footer_link .box{display: flex; justify-content: center; flex-wrap: wrap;}
#wrap_footer .footer_link ul.link{display: flex; justify-content: center; flex-wrap: wrap;}
#wrap_footer .footer_link ul.link li {height:42px; padding: 10px 10px;    line-height: 21px; }
#wrap_footer .footer_link a,.footer_link a:hover {color:#fff; margin-top:15px}
#wrap_footer .footer_link .point a,.footer_link .point a:hover {color:#ffff00}
#wrap_footer .footer_link .f_btn{
    font-size: 14px;
    position: relative;
    padding: 2px 30px 2px 8px;
    border-radius: 5px;
    border: #c2c2c2 1px solid;
    cursor: pointer;
    margin: 6px 10px;
    line-height: 160%;
}
#wrap_footer .footer_link .f_btn:after{
	content:"\e93e";
	font-family:'xeicon';
    font-size: 12px;
    position: absolute;
    right:10px;
    top:3px;
}
#wrap_footer #footer {padding:20px 15px 30px 15px; background-color: #e1e1e1;}

#wrap_footer .footer_logo {
    position: absolute;
    left: 0px;
    top: 0px;
}
#wrap_footer .footer_logo img {
    width: 150px;
}
#wrap_footer #footer div.copyright {
    padding-left: 170px;
    padding-right: 190px;
}
#wrap_footer #footer div.copyright ul>li {line-height:170%; font-size:12px;}
#wrap_footer #footer div.copyright strong {color:#7c7b7b;}


/*인증으로 신규추가*/
#wrap_footer #footer .btn_area_ins {position:absolute;right:15px;top:10px;}
#wrap_footer #footer .btn_area_ins span.btn_w_arrow01 a {display:inline-block;margin-left:3px;padding-right:5px;width:122px;height:26px;text-align:center;font-size:12px;letter-spacing:-1px;color:#3f3f3f;background:url(../img/common/btn_w_arrow01.gif) no-repeat 0 0;}
#wrap_footer #footer .btn_area_ins_01 {position:absolute;right:30px;top:-5px;}
#wrap_footer #footer .btn_area_ins_01 img{width: 90px;}

/*인증으로 신규추가 끝*/
#wrap_footer #footer .btn_area {position:absolute;right:15px;top:10px;}
#wrap_footer #footer .btn_area span.btn_w_arrow01 a {display:inline-block;margin-left:3px;padding-right:5px;width:122px;height:26px;text-align:center;font-size:12px;letter-spacing:-1px;color:#3f3f3f;background:url(../img/common/btn_w_arrow01.gif) no-repeat 0 0;}

/* site map & 모바일 메뉴 */

 .global_menu {
     position: fixed;     
     display:none;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     z-index: 1000;
}
.global_menu .sub {display: flex}
.global_menu .ssubmenu {display: flex;}
.global_menu .ssubmenu li{display:bldock}
 .global_menu nav {
     display: block;
     position: relative;
     padding: 30px;
     height: 100%;
     max-height: inherit;
    padding: 0;
    border-radius: 0;
    z-index: 1;
    background: transparent;      
}
.global_menu .global_menu_in {
         width: 100%;
         height: 100%;
         background-color: #fff;
    }
    .global_menu .global_menu_in:after {
content: "";
    position: absolute;
    width: 159px;
    background-color: #eee;
    border-right: 1px solid #ccc;
    bottom: 0;
    left: 0;
    top: 139px;
    z-index: 0;
         }
   .global_menu ul.manu {
     margin: 0;
     overflow: auto;
     height: calc(100% - 30px);
     position: relative;
      max-height: 100%;
      border: none;
      height: 100%;
      z-index: 2
    }
 .global_menu .btn_close {
    position: absolute;
    cursor: pointer;
    width: 50px;
    height: 35px;
    z-index: 55;
    top: 10px;
    right: 15px;
    box-sizing: border-box;
    padding: 8px 10px;
 }
 .global_menu .btn_close:before {
 	font-family:'xeicon';
    position: absolute;
    width:30px;
    height:30px;
    font-size:35px;
    content: "\e921";
    }  

.global_map {top: 59px;
    border-top: 1px solid #888;
    bottom: 0;
    position: absolute;
    background-color:#fff;
    right: 0;
    left: 0;}
    

 .global_menu .menu_item {
     display: flex;
     border: none;
     padding-right: 0;
}
 .global_menu .menu_item:last-child {
     border: none 
}

.global_menu nav a.main_menu {
        text-align: left;
        padding-left: 20px;
        font-size: 17px;
        color: #8A8A8A;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        min-width: 160px;
        height: 60px;
        line-height: 60px;
	    font-family: ns_eb;
	    background-color: #F2F2F2;
	    width: 180px;
	    display: block;
	    padding-right: 30px;
	    cursor:pointer
    }

.global_menu nav .menu_item.actived a.main_menu {
         background-color: #fff;
         border-right: none;
         color: #0082ca ;
         text-align: left;
         padding-left: 20px;
         font-size: 17px;
         color: #8A8A8A;
         border-bottom: 1px solid #ccc;
         min-width: 160px;
         height: 60px;
         line-height: 60px;
         }
.global_menu .menu_item {
	border: none;
	 padding-right: 0; 
    }

 .global_menu nav .submenu {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    padding: 5px 0;
    display: none ;
    right:15px;
}
 .global_menu nav .submenu.actived {
    display: block !important;
    position: absolute;
    left: 0px;
    right: 35px;
    }
 .global_menu nav .submenu li {
     margin-top:3px;
    border-bottom: 1px solid #ccc;
    height: auto;
    min-height:56px;
    line-height: 60px;
    font-size: 17px;
    display: block;
    align-items: center;
    left:15px;
    margin-left: 0;
}
.global_menu nav .submenu li a:after {
    content: "＞";
    display: inline-block;
    line-height: 1;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -10px;
    color: #aaa;
    font-family: sans-serif;
    }
 .global_menu nav .submenu li a {
        height: auto;
        min-height: 56px;
        line-height: 56px;
        display: block;
        width: 100%;
        text-align: left;
        position: relative;
        z-index: 1;
	}

.global_menu .ssubmenu {     display: block;
    justify-content: flex-start;
    align-items: center;
    border-top: 1px solid #eee;
    background: #f9f9f9;
    flex-wrap: wrap;
    padding-top:5px;
    padding-b:5px;}
       .global_menu .ssubmenu li{border:none}
       .global_menu nav .ssubmenu li { border: none; padding:0px;
    height: 24px;
    min-height: 24px; 
    line-height:20px;}
 .global_menu nav .ssubmenu li a {
     display: block;
     position: relative;
     padding-left: 11px;
     font-size: 14px;
     color: #666;
     font-family: nsk_m ;
     white-space: nowrap;   
      padding-right: 11px;
    height:24px;
    min-height:24px;
    line-height:20px;
}
.global_menu nav .submenu li.actived > a {color:#0082ca}

     .global_menu nav .submenu li a:before {
         display: none;
         content: "" 
    }
.global_menu nav .ssubmenu li a:after {
	content: "＞";
    display: inline-block;
    line-height: 1;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -10px;
    color: #aaa;
    font-family: sans-serif;}
      

     .global_menu .menu_sub_7  {
    display: none !important
    }
    .global_menu nav .ssubmenu li a.selected {color:#0082ca}
 .global_menu nav .gnb_sub {
 	display: flex;
 	width:100% }

	.max_600{display: none;}
	.min_600{display: block;}
.interval_btn {
	    margin-left: 10px;
    border: 1px solid #ccc;
    font-size: 16px;
    position: relative;
    padding: 1px 8px 3px 8px;
    border-radius: 5px;
    border: #c2c2c2 1px solid;
    border-radius: 5px;
    cursor: pointer;
    top: -1px;
}
.mobile_menu {
    font-size: 31px;
    position: fixed;
    border: #c2c2c2 1px solid;
    border-radius: 5px;
    height: 35px;
    color: #000;
    padding: 5px 8px;
    background-color: #fff;
    align-items: center;
    justify-content: center;
    width: 50px;
    right: 20px;
    top: 12px;
    display: none;
    cursor: pointer;
    }
.mobile_menu:hover{
	background-color: #f9f9f9
}    



/*고객만족도 조사*/
.survey_box {background-color: rgba(0,0,0,.8); border-radius:0 100px 0 100px;margin-top:30px; padding:60px; line-height: 1.1em; font-family: "ns"; 
						background-image: url("../img/main/s_bg2.jpg"); background-size: cover; background-position: left;}
	.survey_box b {font-family: "ns_eb"}
	.survey_box strong {font-family: "ns_b"}
	.survey_title .header_top {color:#DAFF00; font-size:25px; font-family: "ns_b"; margin:40px 0 40px -60px; background-color:  rgba(0,0,0,.8);
	 padding:25px 30px 22px 30px; line-height:130%; display: inline-block;}
	.survey_title h3 {font-size: 60px; font-family: "ns_l"; color:#fff; line-height: 1.1em; text-shadow: 3px 3px 10px rgba(0,0,0,.4)}
	.survey_title .header_desc { margin:30px 0; font-size: 20px; line-height: 1.5em; border-radius: 6px;padding: 20px 30px;
										background-color: rgba(0,0,0,.4);color:#fff}
	.star_box {display: flex; justify-content: center;flex-wrap:wrap;
	     background-color: rgba(255,255,255,.8);
				    padding-top: 30px;
				    text-align: center;
				    margin: 20px 0;
				    border-radius: 30px;
				    margin-top: 50px;
	}
	.star_box .icon {text-shadow: 0 0 10px rgba(0,0,0,.4);font-size: 100px; margin: 0 10px; cursor:pointer; color:#A35DA3; width: 13%;
				display: inline-block;  transition:opacity 0.5s,  transform 0.5s, text-shadow 0.5s,margin 0.5s,font-size 0.5s;}
	.star_box .icon:before{line-height: 120px;    transition:opacity 0.5s,  transform 0.2s, text-shadow 0.5s,margin 0.5s,font-size 0.5s;}
	.star_box .icon:hover{text-shadow: 0 0 20px rgba(0,0,0,.4);margin-top:-5px;opacity: 1; transform:scale(1.2);}
	.star_box .icon-star-o {opacity: 0.4}
	.star_box .desc {font-size: 17px; margin-top:30px; padding-bottom:30px}
	.survey_box .btn_box {margin:50px; text-align: center}
	.survey_box .btn_box .btn {width: 300px; height: 60px; background-color: #000; display: inline-block;line-height: 60px; color:#fff;font-size: 20px; cursor:pointer}
	#star1{color: #D4246C}
	#star2{color: #B42A7F}
	#star3{color: #9F328B}
	#star4{color: #78409E}
	#star5{color: #6846A5}
	
a.help_modal b {
	color:#fff;
}	
	
	
/*helpmodal	*/

.modal_process {    
		position: fixed; 
		display:none;
	    width: 100%;
	    height: 100%;
	    background: rgba(0,0,0,0.5);
	    z-index: 100;
	    top: 0;
	    left: -10px;
	}
	
	.modal_process .process {     
		position: relative;
	    margin: 200px auto 0 auto;
	    width: 500px;
	    height: 350px;
	    background: #fff;
	    border-radius: 10px;
	    padding: 10px;
	    text-align: center;
	    box-shadow: 0 0 10px rgba(0,0,0,.5);
	}
	   
	.modal_process .process .text {     
		font-size: 30px;
	    font-weight: 900;
	    margin-top: -50px;
	    line-height: 1.2em;
	}

	a.help_modal {
    display: inline-block;
    position: relative;
    border-radius: 30px;
    border: 2px solid #fff;
    background-color: #60b355;
    box-shadow: 0 0px 5px rgba(0, 0, 0, .8);
    width: 18px;
    height: 18px;
    line-height: 11px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    font-family: "malgun gothic", "microsoft neogothic", applegothic, sans-serif;
    padding-top: 0;
    top: 1px;    margin-left: 2px;
	}
	/*도움말 우측 짤림 방지*/
	#container,
	#container #contents {overflow: visible !important;}
	
    /*도움말 추가되는  CSS*/
	a.help_modal b{
		margin-top:2px; display: block; text-align: center;
	}
	
	a.help_acitve {
		background-color: #005d2f;
		cursor: help
	}

	a.help_modal:after {
		content: "";
		width: 5px;
		height: 3px;
		position: absolute;
		left: 3px;
		top: 3px;
		background-color: #fff;
		z-index: 2;
		border-radius: 10px;
		opacity: .3
	}
/*
	a.help_acitve .help_desc:before {
		content: "";
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 20px;
		border-color: transparent transparent #000 transparent;
		position: absolute;
		left: -13px;
		top: 160px
	}
*/
	.help_desc {
		position: fixed;
	    left: 50%;
	    top: 50%;
	    background-color: #000;
	    min-width: 100px;
	    min-height: 100px;
	    box-shadow: 0 0 10px rgba(0, 0, 0, .8);
	    display: none;
	    padding: 3px;
	    border-radius: 10px;
	    padding: 3px;
	    z-index: 100;
	    margin-top: -420px;
	    margin-left: -520px;
	}

	.help_desc img {
		width: 1000px;
		position: relative;
		z-index: 2;
		display: block;      border-radius: 7px; overflow: hidden
	}

	.help_desc .close {
		position: absolute;
		right:12px; top:3px;
		background-color: #fff;
		border-radius: 30px;
		padding:5px;width:19px; height:19px;
		z-index: 101;
		color:#000; font-size: 20px; font-weight: bold;
	}

	.help_acitve .help_desc {
		display: block;
	}
	
	input:read-only {
		background-color: #F5F5F5;
	}	
	
.mb_10 {margin-bottom:10px}	
	
/*헤더*/	
	.modal_box {
	text-align:left;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 100;
	overflow: hidden;
	display: none
}

.modal_box2 {
	text-align:left;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 100;
	overflow: hidden;
	display: none
}

.modal_bg {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .7);
}


.local_modal_box {
	position:absolute;
	z-index: 10;
}

.modal {
    width: 600px;
    position: relative;
    margin: 150px auto;
    background-color: #fff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .3);
    border-radius: 10px;
    border: 1px solid #d9d9d9;
    background-color:#ebeff4;
}
.modal_l { width:972px  }

.local_modal_box .modal {
margin:0
}

.modal_header {
	font-size: 24px;
	font-family: "nsk_b";
	text-align:center;
	color: #101010;
	padding: 30px 10px;
}

.modal_header strong{
	color: #ca193c;
}

.modal_header .modal_title {
	font-size: 17px;
	font-family: "ns_b";
	font-weight: 700;
	padding: 0 10px
}

.modal_header .btn_close {
	display: block;
	cursor: pointer;
	float: right;
	margin-right: 10px;
	font-size: 17px
}
.modal_header .more {font-family: "nsk_t"; font-size: 32px; position: absolute;right:30px}
.modal_body {
	position:relative;
	margin:0px 20px 20px 20px;
	border-radius:10px;
	text-align:left;
	padding:30px 0px 30px 0px;
	word-break: keep-all;
	background-color: #fff;
	font-family: 'nsk_m';
}
.modal_body .pop_btn {
    text-align: center;
    font-size: 17px;
    font-family: "nsk_m";
    display: block;
    height: 40px;
    box-sizing: border-box;
    display: block;
    color: #fff;
    float: right;
    padding:0px 40px;
    background-color: #cd3065;
    line-height: 37px;
    border-radius: 5px;
    margin-top: 20px;
    margin-right: 15px;
}
.pop_notice{
	display: flex;	
	}
.pop_notice .n_img{
    width: 80px;
    height: 80px;
    background: #f2f2f2;
    margin: -10px 50px;
    border-radius: 40px;
    display: flex
;
	}
.pop_notice .n_img img{
		width:auto;
		margin:auto
	}

.pop_notice .n_text{
	width: 330px;	
	font-size: 15px;
	font-family: 'nsk_m';
	}

.modal_footer {
	height: 60px;
	line-height: 46px;
	border-top: 1px solid #ccc;
	border-bottom: none;
	background-color: #fff;
	border-radius: 0 0 8px 8px;
	padding: 0;
	padding-left:10px;
	text-align: left;
	margin:-1px;
	/* margin-left : 150px; */
}

.modal_footer a {
    width: 80px;
    text-align: center;
    font-size: 15px;
    font-family: "nsk_m";
    display: block;
    height: 35px;
    box-sizing: border-box;
    display: block;
    color: #000;
    float: right;
    background-color: #F0F0F0;
    border:#cccccc 1px solid;
    line-height: 30px;
    border-radius: 5px;
    margin-top: 13px;
    margin-right: 13px;
}

.modal_footer a:hover {
	color:#f43f3f
}
.modal_footer label {
	font-size:15px;
	}

.modal_footer .left_btn {
    width: 50%;
    float: left;
    background-color: #717273;
    margin-top: -1px;
    border-radius: 0 0 0 8px;
}
.modal_footer .right_btn {
	width:50%; float:right
}

.modal_footer:after {
	content: "";
	display: block;
	clear: both
}


.noti_modal .modal{ width:372px;}
.noti_modal {right:10px; top:30px; display: none}

.search_modal {right:90px; top:30px;display: none }
.search_modal .line_input {width:256px; margin-right:10px;}
.search_modal .modal{ width:422px;}


.modal .consent_title {
	font-family: "ns_eb";
	font-size: 20px;
	padding: 20px 0;
	border-bottom: 3px solid #000;
	text-align: center;
}
	
@media screen and (max-width: 1300px) {
	#lnb_area{
		width: 200px;
	}
	#wrap_footer .inner{
	width: 100%;
	}

}
@media screen and (max-width: 1250px) {

	#lnb_area{
		width: 160px;
	}
	#lnb_area ul.lnb>li>a {font-size:15px}
	#lnb_area ul.lnb>li>ul>li a {font-size:13px}
	#lnb_area h3 {line-height: 100px; font-size:22px}
	#header .logo_area {width: 100%}
	
    .right_area{
    	position: relative;
  	    left: 0px;
  	    top:0px;    
  	    width: 100%;	    
   	}
}

@media screen and (min-width:1100px) {

	.global_menu{
		display: none !important;
		}

}

@media screen and (max-width:1100px) {
	
	

	.gnb_area ul.gnb>li:hover >a {color:#000000}    
.gnb_area {background-color: rgba(0,0,0,0.1)}
#header_area #header .inner {min-height: 60px}
	.gnb_area ul.gnb>li>.gnb_sub {margin:0 ;border-left:1px solid #eee}
	
	
	.utilmenu {
        max-width: 100%;
        width: 400px;
        position: fixed;
        right: 0;
        top:60px;
        background-color: #fff;
        height: 60px;
        border: 1px solid #ccc;
        border-right: none;
        display: none;
        align-items: center; 
        justify-content: center;
        z-index:2
        }
        .interval_btn {background-color: #f2f2f2}
         .utilmenu a {font-weight: 900}
        .utilmenu ul {margin-top:-5px}
        .utilmenu.active {display:flex}
        .utilmenu ul  li {padding:0 40px}
	.utilmenu ul > li + li:after {display: none}
	.gnb_area ul.gnb {      
flex-direction: column;
        max-width: 100%;
        width: 400px;
        margin: auto !important;
        position: relative;
        background: #F8FBFC;
        display: flex !important;
        position: fixed !important;
        right: 0;
        z-index: 2;
        overflow: auto;
        text-align: right;
        bottom: 0;
        top: 121px;
                justify-content: flex-start;
	}
	ul.gnb li{display: flex; flex-direction: column;}

	#header	.gnb_area{
display: none !important;
        height: calc(100vh - 60px);
        background-size: cover;
        overflow: auto;
        width: 100%;
        right: 0;
        /* position: fixed; */
        
        background-image: none;
        /* text-align: right; */
        justify-content: flex-end;
	}
	
	#header	.gnb_area.active {display:flex  !important;}
	
	#header	.gnb_area .gnb_bg { 
	 background-color: rgba(0, 0, 0, .5);
        position: fixed;
        top: 61px;
        z-index: 0;
        width: 100%;
        height: 100%;
        display: block;
        position: fixed;
	}
	#header	.gnb_area .gnb_bg a { display:block; width:100% ; height:100px }
	#header_area #header {
        overflow: visible !important;
        height: 60px !important;
        position: fixed;
        top: 0;
        z-index: 2;
        left: 0;
        right: 0;
        
        }
        .gnb_area ul.gnb>li>.gnb_sub>ul>li>a {text-align: left}
	.gnb_area ul.gnb>li {
	height:auto;
	    padding: 0;  
	      width: 100%;
        position: relative;
        border-lefT: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        padding-left: 150px;
        text-align: left;
	      }
	      	.gnb_area ul.gnb>li > a:hover {color:#000}
	.gnb_area ul.gnb>li > a {
	
position: absolute;
        left: 0;
        top: 10px;
        display: block;
        text-align: right;
        width: 151px;
        padding-right: 20px;
        height: auto;
        line-height: 55px;
        color:#434343
       }
       
	.gnb_area ul.gnb>li.active>a {background-color: transparent;
	color:#267ca2;
	
	}
       
       .gnb_area ul.gnb:firs-child>li > a {border-top:none}
		.mobile_menu { display: flex}
	#lnb_area{
		position: relative; width: 100%; height: auto;margin:0; padding:0
	}
		#lnb_area ul.lnb > li {display: none}
		#lnb_area ul.lnb > li.ch {display: flex}
		#lnb_area ul.lnb > li.ch > a {display: none}
		#lnb_area ul.lnb>li>ul {width: 100%; padding:0;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-around;}
        #lnb_area ul.lnb>li>ul>li.ch {font-weight: bolder; background-color: #fff}
		#lnb_area ul.lnb>li>ul>li { 
        flex-grow: 1;
        text-align: center;
        display: flex;
        height: 50px;
        justify-content: center;
        align-items: center;
        padding: 0;
        margin: 0;
        border: 1px solid #ccc;
        margin: 0 -1px -1px 0px;
        border-left: 1px solid #ccc;
        } 
        
        #lnb_area ul.lnb>li>ul>li a{ font-size:15px; text-decoration: none; padding:0 10px}
        #lnb_area ul.lnb>li>ul>li a + a{margin-left:1px solid #ccc}
        #lnb_area ul.lnb>li>ul>li.ch> a, #lnb_area ul.lnb>li>ul>li>a:hover{ font-size:15px; text-decoration: none} 
        #lnb_area ul.lnb>li>ul>li> a:before {display: none}
	#lnb_area h3 {display:none}
		#header .logo_area,
	#wrap .inner,
	.box{
		width: 100%;
	}		
	#container { 
		width:100%; 
		display: block; 
	}
	#container #contents { 
		width:100%; 
		margin-left:0px;
		padding-right:30px;
		padding-left: 30px;
		padding-bottom:40px;
		            
	}
	#header h1.logo {
		top:10px;
	}
	#header h1.logo a{
	  	width: 350px;
	    height:40px;
		}
	#header .logo_area{
		height: 60px;
    }	
	#header .logo_area .allmenu{
		position:absolute;		
		display:block;
		overflow: hidden;
	    right: 20px;
	    top:20px;
    }	
	#header .logo_area .allmenu a:before{
		font-family:'xeicon';
		display:block;
	    color:#000;
	    width:35px;
	    height: 30px;
	    font-size:35px;
	    content: "\e91c";
    }
	#header{
	height: 60px !important;
	}
	body.main #wrap_inner,
	#wrap_inner{
	top:60px;
	}
	.utilmenu .zoom,
	.utilmenu ul li:last-child,
	.gnb_area,
	#sub_cover,
	#container #contents .sub_tit ul.location{
	display: none;
	}
	#container #contents h4 {
    padding-top: 30px;
    }
    #container #contents .sub_tit{
    height: 80px;
    }
    
    .step_area {
   	    border-right: #e1e1e1 1px solid
    }
    .step_area li{
    	width: 25%;
        line-height: 140%;
        flex-grow: 1;
        border-left: #e1e1e1 1px solid;
        border-bottom: #e1e1e1 1px solid;
        padding: 10px 20px 10px 10px;
        height: auto;
    }
    .step_area li:after {
    	top: 12px;
    }
}

@media screen and (max-width:960px) {
	.mapArea {
    padding: 10px 20px;
    height: auto;
	}
	.mapArea .mapBlock{
		display: none;
		}
	.mapArea .stab ul{
	    width: 100%;
	    margin: 0 auto;
	    }
    .mapArea .stab ul li {
    	width: 18%;
    	margin: 1% 1%;
    }
    #wrap_footer .footer_link ul.link {
    width: 100%;
    }
    #wrap_footer .footer_link .box,
    #wrap_footer .footer_link,
	#wrap_footer .footer_link ul.link li {
    	height: auto;
    }
   #wrap_footer .footer_link ul.link{
  	  border-bottom: #606060 1px solid;
    }
}

@media screen and (max-width:900px) {
	.layout_login01 {
		flex-flow:column;
	    padding: 0px 0px;
	}
	.layout_login01 .idpw ,
	.layout_login01 .login_info{
	    width: 100%;
        padding:30px 50px ;
	}
	.layout_login01 .idpw{
	    border-right:none;
	    border-bottom: #cfd3d7 1px solid;
	}
	
	.chart_cre ul.chart li ,
	.chart_cre02 ul.chart li ,
	.chart_cre03 ul.chart li ,
	.chart_cre03 ol.chart li{
		width:50%;
	}

	.account ol li{min-width:auto}
	.help_desc {
	    position: fixed;
	    left:0px !important;
	    top:0px !important;
	    width:100% !important;
	    display: none;
	    padding: 3px;
	    margin-top: 0px !important;
	    margin-left:0px !important;
	    text-align: center;
	    overflow: auto;
	    box-sizing: border-box;
	}
.help_desc img {
    margin: 0 auto;
    width:100% !important;
    box-sizing: border-box;
    }
}
	
@media screen and (max-width:860px) {
	#wrap_footer #footer {
        padding: 10px 15px 30px 15px;
    }
    #wrap_footer #footer div.copyright {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 60px;
    }
	#wrap_footer #footer div.copyright {
		padding-left:0px;
	}
    #wrap_footer #footer .btn_area_ins_01 {
        position: absolute;
        left: 169px;
        top: -3px;
    }
    #wrap_footer #footer .btn_area_ins_01 img {
        width: 75px;
    }
    .step_area li{
    	width: 33%;
    }
    .survey_title h3 {font-size: 40px;}
   	.star_box{ padding-top: 20px;}
   	.star_box .icon{font-size:80px;}
   	.star_box .desc{width: 100%;}
}

@media screen and (max-width:768px) {	
	
	ul.box1,
	ul.box4,
	ul.box1 li,
	ul.box4 li{width: 100%}
	.input-radio {display:flex;}
	.input-radio label {margin-top: 2px;}
    p.txt_comment_inline{float:inherit;margin-top:0px}
    .refund_info{margin-left:0}
    #wrap_footer .footer_link ul.link li {
		width: 33.3%;
        text-align: center;
		padding: 10px 0px; 
	}
	#wrap_footer .footer_link ul.link li.phone{
		width: 100%;
		border-top: #606060 1px solid;
		letter-spacing:-0.05em;
    }
    .certificate_btn a.td_btn_01 {font-size: 14px; line-height: 200%; margin-top: 5px;    padding: 0 10px 0 10px;}
	.account ol{flex-wrap: wrap;}
	.account ol li{width:100%; margin-left: 0px; margin-right: 0px; margin-bottom: 20px;}
	.account ol li .icon:before {
		content:"\e941";
	 	font-family:'xeicon' !important;
	    position: absolute;
	    left: 50%;
	    margin-left:-10px;
	    top: -25px;
	    font-size:20px;
    }
	
    
}
@media screen and (max-width:630px) {	
	.max_600{display: block;}
	.min_600{display: none;}
	#header_area #header,
	.global_menu .global_menu_in{
		background-color: #439544;
	}
	.global_menu .btn_close{
		color: #fff;}
	#header h1.logo {
		top:15px;
	}
    #header h1.logo a{
		background-image: url(../img/main/logo_w.png);
        width: 240px;
        height: 30px;
	}
   #header .logo_area .allmenu a:before {
        color: #fff;
    }    
	.modal{
		width: 100%;
    	margin: 0px auto;
	}	

	body.main #wrap_inner,
	#wrap_inner{
		top:60px;
	}
    #container #contents {
        padding-right:20px;
        padding-left: 20px;
	}
    #container #contents h4 {
    font-size: 24px;
    }
    #container #contents .policy_area01 h3{
	    font-size: 20px;
	    padding-top: 0px;
	    margin-top: 30px;
	    margin-bottom: 10px;
	}    
	.policy_area01 .num {
    padding-bottom: 0px;
}
	#container #contents h5 {
	    font-size: 20px;
	    padding-top: 0px;
	    margin-top: 20px;
	}    	
	#container #contents .policy_area01 h4 {
    margin-top: 10px;
}
	.layout_login01 .idpw ,
	.layout_login01 .login_info{
	    width: 100%;
        padding:30px 20px ;
	}
	.layout_login01 .btn_find a {
	    position: relative;
	    font-size: 16px;
	    padding: 0 10px;
    }
    #container #contents .view_dgnss .box_dgnss {
    width: 100%;
    }
    .mapArea .stab ul li {    	
    	background:#ffffff;
		border-radius:0px;
    	width: 33%;
    	margin: -1px  -1px ;
    }
    .mapArea .stab ul li a {
    	padding:5px 0;
    	font-size:14px;
    	border-radius:0px; 
    }  
    a.down_btn_01{
    	width: 100%;
    	padding: 10px 20px;
    	height: auto;
    }  
    .search_area01 { padding: 15px 20px; display: flex; flex-wrap: wrap;}
    .search_area01 label {display:inline-block; width:70px;}
    .search_area01 input,
    .search_area01 select{display:inline-block; width:70% !important; margin-bottom: 5px;}
    .search_area01 .search_btn{width: 100%; text-align: right;}   
	.guide_box01 { padding:20px 20px;}
   	.star_box .icon{font-size:60px;}
   	.survey_box{padding: 30px 30px;}
   	.survey_box .btn_box .btn{width: 100%;}
   	.stats label {width:auto !important;}
   	.stats input,
    .stats select{width:auto !important;}
    .stats .td_btn_01{padding: 0 10px;}   

.tab-container .tab {
    width: 50%;
    text-align: center;
    padding: 7px 10px;
    font-size: 15px;
    
  }
.tab-container  .tab:last-child {
   margin-right: 0px;
  }
   	
}
@media screen and (max-width:500px) {	
	.chart_cre ul.chart li ,
	.chart_cre02 ul.chart li,
	.chart_cre03 ol.chart li, 
	.chart_cre03 ul.chart li  {
        width: 100%;
    }
	.chart_cre ul,
	.chart_cre02 ul,
    .chart_cre03 ul { flex-flow:column;}	
	.chart_cre ul li,
	.chart_cre02 ul li,
	.chart_cre03 ul li {width:100%;}
	.chart_cre .icon-angle-right,
	.chart_cre02 .icon-angle-right,
	.chart_cre03 .icon-angle-right {
		left: 45%;
	    top: -20px;
    }
	.chart_cre .icon-angle-right:before,
	.chart_cre02 .icon-angle-right:before,
	.chart_cre03 .icon-angle-right:before {
    content: "\62";
	}
	.step_area li{
    	width: 50%;
    	zoom:0.9;
    }
    .message_box01 {width:90%;}
    .search_area01 {
        padding: 15px 10px;
    }
    .search_area01 label {width:40px;}
    .submit_btn_area a.submit_btn_01{
   		padding: 0 15px;
   		font-size: 16px;
   		height: 40px;
		line-height: 240%;
    }
    .err_box{
	position:relative;
	left:0;
	margin-left:0;
	top:0; 
	margin-top:0;
    width:100%;
    }
    .err_box .logo_box{
    background-position:10px 10px; 
    }
    .err_box .err_msg{
    padding: 170px 30px 30px 30px;
    border: none;
	}
	
   	.star_box .icon{font-size:50px;}
   	.survey_box{zoom:80%;}
   	.agree_box {
    overflow-x: auto;
    }
}

@media screen and (max-width:400px) {	
	#header h1.logo {left:5px}
	.mobile_menu { right:8px}
	.box_section{
    padding: 10px 0px !important;}
    
}

	#main_menu_code {display: none}
	
	.deactive {border:2px solid #267ca2; background-color: #fff; color:#267ca2}
	.flex {    display: flex
;
    align-items: center;
    justify-content: flex-start;}
    .ml10 {margin-left:10px}
    .mr10 {margin-right:10px}