@charset "utf-8";

/*
Color Guide
Main Color : #013668
Sub Color : #B2D5EB
Point Color : #F53E40

Brand Color
PBT : #FAB414
IBT : #0575BF
Speaking : #924597

Text Color
Title : #101010
Body : #323232
Caption : #717273
Disabled : #BCBCBC
Point 1 : #003668
Point 2 : #F53E40

Line Color
line1 : #323232
line2 : #717273
line3 : #BCBCBC
line4 : #D9D9D9
line5 : #EFEFEF

Bg Color
BG 1 : #DDE0EC
BG 2 : #F5F5F5
BG 3 : #FAFAFA

*/

.inner {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 14px;
	height: 100%;
	position: relative;
}

.header_banner {
	height: 80px;
	background-position: center;
	background-size: cover;
	background-image: url(/asset/image/banner/banner_header_1.jpg)
}
.header_banner .banner_contents {
	    color: #fff;
    font-family: ns_b;
    font-size: 22px;
    padding-top: 27px;
}
.header_banner .banner_contents a:link,.header_banner .banner_contents a:visited {color:#fff;}
.header_banner .banner_contents a:hover,.header_banner .banner_contents a:active {color:#f9f9f9}
.header_banner .banner_contents:after {
    content: "";
    background-image: url(/asset/image/60x60_arrow_w.png);
    width: 60px;
    height: 22px;
    display: inline-block;
    position: relative;
    top: 5px;
    right: 0;
    background-position: center;
}

.header_banner .banner_contents b {font-size:32px;font-family: ns_eb}

.header_banner .inner {
	position: relative
}

.header_banner a.today {
	font-family: "nsk_r";
	font-size: 15px;
	color: #fff;
	position: absolute;
	top: 28px;
	right: 70px
}

.header_banner a.close {
	display: block;
	background-image: url(/asset/image/header_close.png);
	height: 26px;
	width: 26px;
	position: absolute;
	top: 25px;
	right: 14px;
}

.header {
	height: 150px;
	border-bottom: 1px solid #d9d9d9;
	position: relative;
}
.header  .logo{width: 128px;
	display:block;
	height: 50px;
}
.header .header_logo {
	width: 128px;
	height: 50px;
	background-image: url(/asset/image/logo_header.png);
	position: absolute;
	left: 14px;
	bottom: 20px;
	position: absolute;
	cursor:pointer;
	margin-bottom:-4px
}

.header .btns_box {
	position: absolute;
	left: 162px;
	bottom: 24px
}

.header .gnb {
	position: absolute;
	right: 0;
	bottom:-1px;
	
	padding-bottom: 25px
}

.header .gnb .menu {
	font-size: 18px;
	font-family: "ns_eb";
	color: #101010;
	display: inline-block;
	padding: 5px 13px;
	position: relative;
}


.header .gnb .active:after {
	display: block; content: "";
	background-color: #101010;
	 height:2px; 
	left:13px; right:13px;
	position: absolute; bottom:0px
}



.header .gnb .menu:hover,
.header .gnb .menu:active {
	color: #f43f3f
}

.header .gnb .active:hover:after,
.header .gnb .active:active:after
/*,
.header .gnb > .active:nth-child(6)
*/
{
	background-color: #f43f3f;
}
.header .btns_box .btns_ok {max-width:100px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding:0 10px; text-align: center}
body.en .header .btns_box .btns_ok
{
	line-height: 1.2em; white-space:normal;padding-top:3px; font-size:14px;
}
body.vi .header .btns_box .btns_ok + .btns_ok  {
	line-height: 1.1em; white-space:normal;padding-top:3px; font-size:14px;
}

.header .gnb > .main_TWINFO0020 > a,
.header .gnb > .main_TWSTDY0010 >  a,
.header .gnb > .main_TWSTDY0020 >  a,
.header .gnb > .main_TWSTDY0030 > a,
.header .gnb > .main_TWSTDY0040 >  a,
.header .gnb > .main_TWSTDY0050 > a,
.header .gnb > .main_TWSTDY0060 > a
 {
/*	color: #f43f3f */
}

.header .sub_menu {background-color: #fff; height:249px; box-shadow: 0px 10px 20px rgba(0,0,0,.3); position: absolute;z-index: 3; display: none; width:100%;
-webkit-transition:width 2s, height 2s, background-color 2s, -webkit-transform 2s;
 transition:width 2s, height 2s, background-color 2s, transform 2s, display 2s;
}
.over_menu {width:auto; display: ;float:right }
.over_menu li {float:left; width:auto ;margin:13px 20px}
.over_menu li:last-child{margin-right:15px } 
.over_menu li .menu {font-size:15px; font-family: "nsk_b";padding:10px 0 10px 0; }
.over_menu li a {width:100%; display: block;  line-height: 120%}
.over_menu li .sub a {font-size: 15px; font-family: "nsk_r"; padding:4px 0;}

.header .sub_header {
	position: absolute;
	right: 14px;
	top: 20px;
	width: 1000px
}

.header .sub_header ul li
{
	float: left;
	font-family: "nsk_r";
	vertical-align: middle;
	padding: 0 9px;
	position: relative;
	display: inline-block;
	top: 5px;
}

.header .sub_header ul,
.header .sub_header .header_tools
 {
	text-align: right
}
.header .sub_header .header_tools {position: relative;top:-4px}
.header .sub_header ul li.line {
	padding-left: 19px;
	margin-left: 9px
}
.header_tools .header_user {display: inline-block;} 
.header .sub_header ul li.line:before {
	content: "";
	border-left: 1px solid #d9d9d9;
	height: 14px;
	display: block;
	position: absolute;
	left: 0;
	top: 4px;
}

.header .sub_header .time b {
	color: #f43f3f;
	font-family: "nsk_eb";
	margin-right: 1px
}

.header .sub_header .noti,
.header .sub_header .chg_lang,
.header .sub_header .total_search,
.header .sub_header .sitemap {
	
	font-family: "nsk_r";
	vertical-align: middle;	
	position: relative;
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 23px;
	margin-left: 9px;;
	display: inline-block;
	
}
.header .sub_header .chg_lang:focus {}
.header .sub_header .chg_lang:focus  + #chg_lang{ }

.header .sub_header .noti {
	background-image: url(/asset/image/18x18_icon_bell.png);
	padding-left: 30px;cursor:pointer
}
.header .sub_header .noti a {display: block}
.header .sub_header .chg_lang {
		
	background-image: url(/asset/image/18x18_icon_lang.png);
	margin-top:-3px
}
#chg_lang {
width:190px !important;
}
#chg_lang li{top:0 !important;
top: 0 !important;
    height: 44px;
    padding-top: 5px;}
BODY.vi #chg_lang {
	right:300px !important
}
BODY.jp #chg_lang {
	right:230px !important
}
#chg_lang:focus {display: block}

.header .sub_header .total_search {
	margin-left: 18px;
	background-image: url(/asset/image/18x18_icon_search.png);
	top:-1px
}

.header .sub_header .sitemap {
	margin-left: 18px;
	background-image: url(/asset/image/18x18_icon_menu.png);
	top:-1px
}

.sub_header .noti .badge {
	background-color: #F43F3F;
	position: absolute;
	height: 16px;
	min-width: 16px;
	text-align: center;
	line-height: 15px;
	padding: 0 4px;
	border-radius: 8px;
	lefT: 10px;
	top: -2px;
	color:#fff;
}

.main_cover {
	width: 100%;
	height: 408px;
	background-color: #F5F5F5
}

.main_cover .swiper-slide {
	width: 100%;
	height: 408px;
	background-position: center;
	background-size: cover
}

.main_cover .cover {
	width: 100%;
	height: 408px;
	background-repeat: no-repeat;
	background-position: center;
	min-width: 1200px
}
.cover a, .cover a:link,.cover a:visited{color:#323232 !important}
.cover a:hover,.cover a:active{color:#000 !important}
.main_cover .main_cover_1 {background-image: url(/asset/image/banner/cover_1.jpg)}
.main_cover .main_cover_2 {background-image: url(/asset/image/banner/cover_2.jpg)}
.main_cover .main_cover_3 {background-image: url(/asset/image/banner/cover_3.jpg)}

.main_cover .cover_left {text-align: left; padding-left:100px}
.main_cover .cover_center { text-align: center}
.main_cover .cover_right { text-align: right;; padding-right:100px}
.swiper-button-prev,
.swiper-button-next {
	position: absolute;
	background-size: 40px 40px
}
.cover_contents {padding-top:135px; letter-spacing: -1px}
.cover_contents .title {font-size:32px; font-family: "ns_r"; line-height: 37px; margin-bottom:20px}
.cover_contents .title b{font-family: "ns_eb"; color:#003668}
.cover_contents .sub_title {font-size:18px; font-family: "ns_r"; line-height: 22px}
.cover_contents .btns {margin-top:15px}
.swiper-button-prev {
	background-image: url(/asset/image/40x40_arrow_left.png);
	width: 40px;
	height: 40px;
	left: 50%;
	margin-left: -580px
}

.swiper-button-next {
	background-image: url(/asset/image/40x40_arrow_right.png);
	width: 40px;
	height: 40px;
	right: 50%;
	margin-right: -580px
}

.swiper-pagination-bullet {
	width: 17px;
	height: 17px;
	border-radius: 8px;
}

.cover_control {
	position: absolute;
	text-align: center;
	-webkit-transition: 300ms opacity;
	-o-transition: 300ms opacity;
	transition: 300ms opacity;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10;
	width: 100%;
	height: 20px;
	bottom: 10px;
}

.cover_control .swiper-pagination {
	display: inline-block;
	position: relative;
}

.cover_control .swiper-pagination .swiper-pagination-bullet {
	margin: 0 4px
}

.cover_control a {
	width: 17px;
	height: 17px;
	display: none;
}

a.cover_start {
	background-image: url(/asset/image/12x12_play.png);
	display: none;
	background-repeat : no-repeat;
	background-size: cover;
}

a.cover_stop {
	background-image: url(/asset/image/12x12_puase.png);
	display: inline-block;
	background-repeat : no-repeat;
	background-size: cover;
}

.swiper-pagination-bullet-active {
	background-color: #101010
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin
}

.box {
	width: 100%;
	padding: 0;
	min-width: 1200px
}

.main_body .sch_btn {
	font-size: 20px;
	font-family: "ns";
	display: inline-block;
	vertical-align: middle;
	height: 60px;
	line-height: 40px;
	margin: 30px 0
}

.main_body .sch_btn:before {
	content: "";
	background-image: url(/asset/image/40x40_cal_2.png);
	display: inline-block;
	width: 40px;
	height: 40px;
	background-position: center;
	position: relative;
	top: 10px;
	margin-right: 12px
}

.main_body .sch_btn:after {
	content: "";
	background-image: url(/asset/image/60x60_arrow_b.png);
	display: inline-block;
	width: 60px;
	height: 40px;
	background-position: center;
	position: relative;
	top: 12px;
}

.main_body .sch_info {
	height: 170px;
}
.main_body .sch_info .info_box {
	position: relative;
	padding-left:106px;
	height:170px;
	width:377px
}

.main_body .sch_info .sch_box {
	position:absolute; left:0;
	height:170px;width:86px; background-color: #F5F5F5;
	padding:12px; text-align: center; display:

}
.main_body .sch_info .sch_box .title { font-family: "nsk_eb"; border-bottom:1px solid #D9D9D9;padding:3px 0 8px 0; line-height: 1em}
.main_body .sch_info .sch_box .year {color:#003668; font-size: 14px; font-family: "nsk_r"; display: none}
.main_body .sch_info .sch_box .day_box {
    display: flex;
    flex-direction: column;
    height: 59px;
    align-items: middle;
    justify-content: center;
    align-item: center;
}
.main_body .sch_info .sch_box .day_box .day_item {}
.main_body .sch_info .sch_box .day {color:#003668; font-size: 13px; font-family: "nsk_m"; line-height: 1em}
.main_body .sch_info .sch_box .dayweek {color:#003668; font-size: 13px;  font-family: "nsk_m";line-height: 1em;}
.main_body .sch_info .sch_box .test_type {padding:4px 0}
.main_body .sch_info dl {position: relative; padding-left:82px;padding-top:16px}
.main_body .sch_info dl dt {position: absolute;left:0; color:#717273}
.main_body .sch_info dl dd { position: relative; color:#323232; padding-bottom:18px; font-family: "nsk_m"}
body.vi .main_body .sch_info dl dd,
body.en .main_body .sch_info dl dd{    font-size: 0.9em;}
.main_body .sch_info dl dd:last-child{padding-bottom:0px}
  .sch_info {position: relative;}
 .sch_info  .swiper-button-prev,
 .sch_info  .swiper-button-next
 {width:12px; height:20px;
 position: absolute;
     background-size:cover;
     top:50%; margin-top:-10px
 }
 .sch_info  .swiper-button-prev {
 background-image: url(/asset/image/12x20_arrow_left.png) ;
    margin-left: -610px;
 }

.sch_info  .swiper-button-next {
 background-image: url(/asset/image/12x20_arrow_right.png);
 margin-right: -610px; 
 }
  
.quick_menu {padding-top:40px}
.quick_menu:after {content: ""; clear:both; display: block}
.quick_menu > ul {border-bottom:1px solid #d1d1d1;
border-right:1px solid #d1d1d1 }
.quick_menu > ul:after {content: ""; clear:both; display: block}
.quick_menu > ul > li {float:left; width:25%; height:197px; border-top:1px solid #d1d1d1;
border-left:1px solid #d1d1d1;}
.quick_menu .section_title {color:#101010; font-family: "ns_eb"; color:#101010;font-size: 18px; padding:30px 0 10px 30px}
.quick_menu .section_menu  {padding-left:30px}  
.quick_menu .section_menu a {display: block;margin:2px 0}
.quick_menu .section_desc {color:#717273; font-size: 14px;padding-left:30px; padding-top:5px}
.quick_menu .section_desc b {font-family: "nsk_b" ; color:#101010}
.quick_menu .quick_btn {    display: block;
    width: 100%;
    height: 100%;
    background-image: url(/asset/image/60x60_arrow_b.png);
    background-position: 208px 133px;
    background-repeat: no-repeat;
}
.quick_menu .quick_btn:hover {
	background-color: #f9f9f9
}
.quick_menu .quick_btn:hover .section_desc,
.quick_menu .quick_btn:hover .section_desc b
 {
	color:#F53E40
}


.quick_menu .active {
	background-color: #F53E40;
	color:#fff;
	    background-image: url(/asset/image/60x60_arrow_w.png);
} 
.quick_menu .active .section_title,
.quick_menu .active .section_desc {color:#fff} 
.quick_menu .active .apply {
    color: #fff;
    font-size: 15px;
    font-family: "nsk_b";
    padding: 50px 0 0 30px;
}
.quick_menu .active:hover {
	background-color: #D32D2D
}
.quick_menu .active .section_desc {
	color:#fff !important
}

.bottom_info {margin-top:40px; margin-bottom:40px}
.bottom_info:after {content: ""; display: block; clear: both}

.bottom_info .today_topik {width:572px; height:302px; background-color: #F5F5F5; padding:25px; float:left}
.bottom_info .today_topik .today_title { color:#101010;
	padding:5px 25px 10px 25px; border-bottom:1px solid #d9d9d9;
	font-family: "ns"; font-size:28px; text-align:center;
	vertical-align: middle;
}
.bottom_info .today_topik .today_title img {position: relative; vertical-align: middle;top:-5px}
.bottom_info .today_topik .today_title b {font-family: "ns_eb"; font-style: italic;font-size:32px;margin-left:5px}
.bottom_info .today_topik .today_title .date {position:relative;top:-2px;font-size:22px;font-family: "ns_eb";color:#101010}
.bottom_info .today_topik .today_title small {font-size: 14px; font-family: "nsk_r"; color:#717273}
.bottom_info .today_topik .today_body {font-size: 15px; line-height: 2em;padding:18px 22px;
overflow-y:auto;height: 160px }
.bottom_info .today_topik .today_body img {width: 100%}
.bottom_info .today_topik .tody_footer {text-align: center; padding-top:10px}
.bottom_info .today_topik .tody_footer .btns_text {
	    text-decoration: none !important;
    background-image: url(/asset/image/60x60_arrow_b.png);
    background-position: right;
    padding-right: 62px;
    background-repeat: no-repeat;
}

/*
.bottom_info .notice_box { float:right ; height:200px; width:572px;padding:20px 0 20px 30px; }
*/
.bottom_info .notice_box {
    float: left;
    height: auto;
    width: 587px;
    padding: 0px 30px 0px 10px;
    border-right: 1px solid #ccc;
    position: relative;
}
.bottom_info .notice_box .more_area {
	position: absolute;
	top: 0;
	right: 30px;
}
.bottom_info .notice_list a:nth-child(3),
.bottom_info .notice_list a:nth-child(4)
{display: none}

	.bottom_info .notice_title {font-family: "ns_eb"; font-size: 22px; position: relative;padding-bottom: 15px}
.notice_title .more {    font-family: "nsk_l";
    font-size: 15px;; position: absolute;right:0px; top:0px}
.bottom_info .notice_list a {display: block; padding:5px 0; font-size: 15px; position: relative;padding-left:8px;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.bottom_info .notice_list a:before { content:""; width:3px; height:3px; background-color:#323232; display:inline-block; position:absolute; left:0; top:15px}

.bottom_info .banner_box {    
	    float: right;
    /*width: 542px;*/
    width: 575px;
    padding-top: 17px;	
}
.bottom_info .banner_box:after { display: block; content: ""; clear: both}
.bottom_info .banner_box a {
	    background-position: left;
    background-repeat: no-repeat;
    font-size: 20px;
    font-family: "ns_eb";
    height: 60px;
    width: 44%;
    float: left;
    display: block;
    line-height: 60px;
    padding-left: 86px;
    margin-left: 5%;
}
.bottom_info .banner_box a.classroom {background-image: url(/asset/image/60x60_man.png) ; border-right:1px solid #d9d9d9}
.bottom_info .banner_box a.question {background-image: url(/asset/image/60x60_pen.png)}
body.vi .bottom_info .banner_box a.question {    line-height: 1.2em;
    padding-top: 6px;}
/*-------------- */
.popup_full h2 {
	margin: 0 -20px !important;
	padding: 20px;
	font-family: "ns_eb";
	font-size: 20px;
}

.nav {
	box-shadow: 0 0 20px rgba( 0, 0, 0, .3);
	background-color: #fff;
	height: 75px;
	margin-top: 210px;
	display: table;
	width: 100%
}

.contents h3 .h3_title {
	width: auto !important;
	margin: 0 auto !important;
	padding: 10px 0 !important;
	position: relative !important;
	font-size: 22px;
	font-family: "ns_eb";
	color: #42759f;
	position: relative;
	padding: 5px 0 5px 15px !important;
	display: block;
	box-sizing: border-box;
	line-height: 1.8em;
}

.contents h3 .h3_title:before {
	content: "";
	display: block;
	position: absolute;
	width: 6px;
	height: 6px;
	background-color: #42759f;
	left: 0;
	top: 22px;
}

.contents .test_title:after {
	content: "제3회 한국어능력시험(TOPIK)";
	position: absolute;
	;
	z-index: 0;
	top: 10px;
	lefT: 20px color: #c9c12d;
	color: rgba( 0, 0, 0, .1);
	display: block;
	width: auto;
	padding-left: 10px
}

ul .ul_dash {
	margin: 15px 0 45px 0
}

ul .ul_dash li {
	position: relative;
	padding: 5px 0 5px 15px;
	font-family: "ns";
	color: #fff;
	font-size: 20px;
	letter-spacing: -1px;
	line-height: 1.4em;
	display: block;
	margin-left: 18px
}

ul .ul_dash li:before {
	content: "-";
	position: absolute;
	left: 0;
	top: 7px
}

ul .ul_dash+.info_box_ban {
	margin-top: -20px
}

.info_box_ban {
	width: 100%;
	height: 113px;
	background-color: #D3E1EB;
	margin: 15px 0 45px 0;
	font-size: 20px;
	font-family: "ns";
	color: #0f0f0f;
	position: relative;
	padding: 20px 0 20px 200px;
	box-sizing: border-box;
}

.info_box_ban .ban_img {
	background-image: url(/asset/image/spts/ban_img.png);
	width: 71px;
	height: 71px;
	position: absolute;
	left: 70px;
	top: 22px;
}

.info_box_ban .info_ban {
	border-left: 1px solid #42759f;
	padding: 7px 0px 7px 40px;
	line-height: 1.6em;
	letter-spacing: -1px
}

.info_box_Cheating {
	width: 100%;
	background-color: #D3E1EB;
	margin: 15px 0 45px 0;
	font-size: 20px;
	font-family: "ns";
	color: #0f0f0f;
	position: relative;
	padding: 30px;
	box-sizing: border-box;
}

.info_box_Cheating .title {
	text-align: center;
	font-size: 20px;
	font-family: "ns_b";
	color: #0f0f0f;
	line-height: 1em;
	position: relative;
}

.info_box_Cheating .title:after,
.info_box_Cheating .title:before {
	content: "";
	width: 41%;
	height: 1px;
	background-color: #0076A2;
	display: block;
	position: absolute;
	left: 0;
	top: 10px
}

.info_box_Cheating .title:after {
	left: auto;
	right: 0;
}

.info_box_Cheating ul .ul_dot {
	font-size: 18px;
	font-family: "ns";
	color: #0f0f0f;
	line-height: 1.4em;
	margin: 30px 30px
}

.info_box_Cheating ul .ul_dot li {
	margin: 10px 0;
	padding-left: 20px
}

.info_box_Cheating ul .ul_dot li:before {
	color: #42759f;
	font-size: 40px
}

.info_box_Cheating ul .ul_dot .dash_box {
	padding: 10px 0 20px 0
}

.info_box_Cheating .desc_default {
	color: #0f0f0f !important;
	padding: 0;
	margin: 0;
	font-size: 17px;
	font-family: "ns"
}

.info_box_Cheating+.ul_dash,
.ul_dash+.info_box_Cheating {
	margin-top: -15px
}

.contents .inbox {
	width: 1098px;
	margin: auto
}

.desc_default {
	font-size: 18px;
	color: #242424;
	padding-left: 15px;
	font-family: "ns_l";
	margin: 10px 0 15px 0
}

.title_info {
	background-color: #0076A2;
	font-family: "ns_b";
	font-size: 24px;
	color: #fff;
	width: 233px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	position: relative;
	margin-left: 60px;
	text-align: center;
	margin: 0 0 40px 60px;
}

.title_info:after {
	content: "";
	background-image: url(/asset/image/spts/speaker_m.png);
	display: block;
	width: 80px;
	height: 51px;
	position: absolute;
	background-size: contain;
	left: -30px;
	bottom: -9px;
	background-repeat: no-repeat;
}

.apply_info {
	position: relative;
	padding: 30px 0;
	border-top:1px solid #323232;
	border-bottom:1px solid #BCBCBC;
	margin:60px auto ;
	text-align: left
}

.apply_info .article {
	font-size: 20px;
	font-family: "ns";
	padding-left: 15px;
	margin: 10px 0
}

.apply_info .desc_default {
	color: #fff
}

.contents .apply_info h3 .h3_title {
	color: #fff !important
}

.contents .apply_info h3 .h3_title:before {
	background-color: #fff !important
}

.apply_info .table td,
.apply_info .table th {
	border-color: #0076A2;
	color: #2c2c2c;
	background-color: #d6e0ea
}

.apply_info .table th {
	border-bottom-width: 2px;
	background-color: #eaeff4
}

.table .table_gg {
	padding: 0
}

.table .table_g {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.table .table_g:after {
	content: "";
	display: block;
	width: 110%;
	height: 60px;
	border-top: 1px solid #0076A2;
	-webkit-transform: rotate( 10deg);
	transform: rotate( 11.8deg);
	position: absolute;
	left: -9px;
	top: 30px;
}

.table .table_g .t_1 {
	position: absolute;
	left: 30px;
	bottom: 10px
}

.table .table_g .t_2 {
	position: absolute;
	right: 24px;
	top: 10px;
	;
}

.table .info {
	color: #888888;
	font-size: 18px;
	font-family: "ns"
}

.footer {
	background-color: #fff;
	padding: 38px 0;
	height: 235px;
}

.footer_menu {
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	height: 42px;
	line-height: 42px;
	text-align: center
}

.footer_menu a {
	display: block;
	width: 25%;
	height: 100%;
	float: left;
	border-left: 1px solid #d9d9d9
}

.footer .address {
	position: absolute;
	left: 214px;
	top: 39px;
}

.footer_menu a:first-child {
	border-left: none
}

.footer_logo {
	background-image: url(/asset/image/logo_footer.png);
	width: 128px;
	height: 50px;
	position: absolute;
	left: 14px;
	top: 57px;
}

.footer .copyright {
	color: #8c8c8c
}

.footer_tool {
	position: absolute;
	top: 65px;
	width:365px;
	right: 14px;
}


.footer_tool .move_btn{
	margin-top:-2px;
	height: 28px;
	line-height: 28px;
	color: #fff;
	background-color: #000;
	min-width: 40px;
	padding: 0 10px;
	text-align: center;
	display: inline-block;
	font-size: 13px;
	border-radius: 0px
}
.footer_tool .romote_btn,
.footer_tool .input-field {
	width: 150px;
	height: 28px;
	line-height: 28px;
	color: #fff;
	text-align: center;
	display: inline-block;
	font-size: 13px;
}
.footer_tool .romote_btn{	background-color: #000;}
.footer_tool .romote_btn:hover,
.footer_tool .romote_btn:active {
	color: #DED200;
}

.footer_tool .select-wrapper input.select-dropdown {
	color: #fff !important;
	border: none;
	height: 21px;
	line-height: 21px;
	font-size: 14px;
	text-align: left;
	font-family: "nsk_dl";
	border: none;
	padding-left: 14px;
	font-size: 13px;
	min-width:149px 
}

.footer_tool .select-wrapper:before {
	contnet: "p";
	display: block;
	position: absolute;
}

.footer_tool .input-field {
	position: relative;
	height: 28px;
	line-height: 26px;
	top: -1px;
	margin-left: 6px;
	text-align: left
}

.step_box {
    position: relative;
    width: 100%;
    margin-bottom: 5px;
    text-align: center;
        display: flex;
    justify-content: center;
        padding-top: 40px;
}

.title_box {
	background-color: #0076A2;
	padding: 23px 20px 22px 20px;
	color: #fff;
	margin-top: 40px;
	letter-spacing: -1px;
	position: relative;
}

.title_box .title {
	display: table-cell;
	text-align: left;
	font-family: "ns_b";
	font-size: 24px;
	color: #fff;
	width: 260px;
	padding-left: 10px;
	vertical-align: middle
}

.title_box .info {
	display: table-cell;
}

.title_box .info_no {
	text-align: center !important;
	width: 600px;
	letter-spacing: 0;
	font-size: 18px
}

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

.step_box .step {
	width: 198px;
	display: inline-block
}
body.en .step_box .step:first-child .title{
	padding-bototm:0
}
ul .ul_dot li {
	padding-left: 15px;
	position: relative;
	font-size: 18px
}

ul .ul_dot li:before {
	content: "·";
	position: absolute;
	font-size: 30px;
	left: 0
}

.step_box .step {
	text-align: center;
}

.step_box .step .dot, .step_box .step .dot_last  {
	width: 28px;
	height: 28px;
	border-radius: 40px;
	border: 3px solid #E9E9E9;
	margin: 9px auto 8px auto;
	position: relative;
}

.step_box .step .dot:before , .step_box .step .dot_last:before {
	content: "";
	border-radius: 20px;
	border: 3px solid #fff;
	width: 14px;
	height: 14px;
	display: block;
	background-color: #fff;
	margin:1px
}
.step_box .active .dot, .step_box .active .dot_last
{
	border:3px solid #F43F3F
}
.step_box .active .dot:before, .step_box .active .dot_last:before
{
	background-color: #F43F3F
}

.step_box .dot:after{
	content: "";
	height: 2px;
	width: 172px;
	background-color: #E9E9E9;
	position: absolute;
    left: 26px;
    top: 11px;
}

.step_box .dot_last:after {
	content:none;
	height: 0px;
	width: 0px;
	background-color: #fff;
	position: absolute;
    left: 0px;
    top:0px;
}


.step4_dot .dot:after {
	display: none !important
}

.step_box small {
	color: #6e6e6e;
	font-family: "nsk_r";
	font-size: 13px
}

.step_box .title {
	color: #101010;
	font-family: "nsk_l";
	font-size:18px;
	padding: 4px 0 45px 0;
}

.step_box .active .title {
	color: #101010;
	font-family: "nsk_r";
	font-size:18px;
	padding: 4px 0 45px 0;
}

.step1 .step_box .step1_dot .title,
.step2 .step_box .step2_dot .title,
.step3 .step_box .step3_dot .title,
.step4 .step_box .step4_dot .title {
	color: #0076A2;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "ns_m";
	color: #4b5a79
}

.contents .btn_box {
	margin: 30px 0 40px 0
}

.body {
margin-bottom:50px
}

.contents .article+.article {
	padding-top: 1px
}

.grade_check {
	display: none
}

.grade_check .agree {
	text-align: center;
}

.grade_check .agree span {
	font-family: "ns_b";
	font-size: 20px;
	margin: 30px 0
}

.form_box {
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #f9f9f9;
	border-radius: 5px
}

.form_item input [ type="text"] {
	border: 1px solid #ccc;
	height: 25px;
	line-height: 25px;
	padding: 0 5px;
	box-sizing: border-box;
	font-size: 14px;
	display: inline-block;
	min-width: 80px;
	border-radius: 3px;
	box-shadow: 1px 1px 3px inset rgba( 0, 0, 0, .1);
	margin: 0;
	font-family: "nsk_dl";
	background-color: #fff
}

.form_item .btns {
	height: 25px;
	padding: 2px 10px;
	border: none;
	font-size: 13px;
	margin: 0px 5px 4px 5px;
}

.form_line:after,
.float_box:after {
	content: "";
	display: block;
	clear: both
}

.form_line .form_item {
	float: left;
	box-sizing: border-box;
	white-space: nowrap;
	padding: 0 9px;
	height: 38px;
	line-height: 34px;
}

.form_item>span {
	margin: 0 6px
}

.form_item>label {
	border-right: 1px solid #ddd;
	padding-right: 10px;
	font-size: 14px;
	color: #333;
	margin: auto 10px auto 0px;
	font-family: "nsk_b";
	position: relative;
}

.checkbox>span {
	margin: auto 10px auto 0px;
}

.form_hide {
	display: none
}

.form_item>label .prefix:before {
	content: "\e91b";
	font-family: 'xeicon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1px;
	margin-right: 5px;
}

.w01p {
	width: 10% !important
}

.w02p {
	width: 20% !important
}

.w03p {
	width: 30% !important
}

.w04p {
	width: 40% !important
}

.w05p {
	width: 50% !important
}

.w06p {
	width: 60% !important
}

.w07p {
	width: 70% !important
}

.w08p {
	width: 80% !important
}

.w09p {
	width: 90% !important
}

.w100p {
	width: 100% !important
}

.w80 {
	width: 80px !important
}

.w100 {
	width: 100px !important
}

.w130 {
	width: 130px !important
}

.w140 {
	width: 140px !important
}

.w150 {
	width: 150px !important
}

.w180 {
	width: 180px !important
}

.w190 {
	width: 190px !important
}

.w200 {
	width: 200px !important
}

.w210 {
	width: 210px !important
}

.w300 {
	width: 300px !important
}

.w419 {
	width: 423px !important
}

.w100 {
	width: 100px !important
}

.w800 {
	width: 800px !important
}

.ml10 {
	margin-left: 10px !important
}

.form_line .form_inline>lebel {
	margin: 0 30px;
}

.form_line input [ disabled="disabled"],
.form_line .disabled {
	opacity: .6
}

table,
th,
td {
	border: none;
}

.left {
	float: left;
}

.right {
	float: right
}

.table_footer .center,
.table_header .center {
	position: absolute;
	text-align: center;
	margin: auto;
	width: 440px;
	left: 50%;
	margin-left: -220px;
}

.table_header {
	margin: 20px 0 15px 0;
	height: 32px
}

.table_footer {
	padding: 15px 0 20px 0;
	height: 32px
}

.table .line {
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc
}
.table th,
.table td {
	text-align: left;
	font-family: "nsk_r";
	color:#717273;
	font-size: 15px;
	border-bottom: 1px solid #BABABA;
	border-right: 1px solid #BABABA;
	padding: 25px 30px;
	vertical-align: middle;
	box-sizing: border-box;
}
.table th:last-child,
.table td:last-child {border-right:none}
.table th {
	background-color: #fafafa;
	position: static;
		font-family: "nsk_eb";
	color:#101010;
}
.table th.th_required {
	text-align: left; padding-left:40px
} 
.table th.th_required span.required {
	color:#f43f3f;
	position: relative;
	left: -17px;
	display: inline-block;
	width: 1px;
	overflow: visible;
	margin-right: -6px;
	font-size: 22px;
	font-family: "ns";
	top: 6px;
}

.table th.th_required small {
	display: block;
	color: #7c7c7c;
	font-size: 13px;
	font-family:"nsk_r";
	text-align: left;
    line-height: 18px;
}

.table th small .center {
	padding: 0;
	text-align: center
}

.table td .left {
	text-align: left;
	padding-left: 70px;
	float: none !important
}

.table th .left {
	text-align: left;
	padding-left: 57px;
	float: none !important
}

.table th .left small {
	padding-left: 0
}

.table {
	width: 100%;
	display: table;
	background-color: #fff;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid #323232;
	margin-top: 5px;
	margin-bottom: 20px
}
.table_info { font-size: 18px; font-family: "ns"; line-height: 3em}
.h3_title + .table_info {  float:right}
.table_info .required {    color: #f43f3f;
    font-family: "ns";
    font-size: 30px;
    display: inline-block;
    position: relative;
    top: 10px;
}
.pb30 {
	padding: 30px 0 !important
}

.info_photo {
	margin: 3px 0;
	border: 1px solid #ccc;
	width: 142px
}

.table_line td,
.table_line th {
	border-right: 1px solid #a8a8a8
}

.table_line td:last-child,
.table_line th:last-child {
	border-right: none
}

.desc {
	font-family: "ns_b";
	letter-spacing: -1px;
	font-size: 28px;
	text-align: center;
	margin: 50px 0 35px 0
}

.desc b {
	color: #0076A2;
	text-decoration: underline;
}

.scroll_y {
	overflow-x: auto;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.table_tiny td .left {
	padding-left: 25px
}

table .striped>tbody>tr:nth-child(odd) {
	background-color: rgba( 242, 242, 242, 0.5);
}

table .striped>tbody>tr>td {
	border-radius: 0;
}

table .highlight>tbody>tr {
	-webkit-transition: background-color .25s ease;
	transition: background-color .25s ease;
}

table .highlight>tbody>tr:hover {
	background-color: rgba( 242, 242, 242, 0.5);
}

table .centered thead tr th,
table .centered tbody tr td {
	text-align: center;
}

table .lefted_th thead tr th,
table .lefted_td tbody tr td {
	text-align: left;
}

tr {
	border-bottom: 1px solid rgba( 0, 0, 0, 0.12);
}

td,
th {
	padding: 5px;
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	border-radius: 2px;
}

table .table_bold td,
table .table_bold th {
	font-family: "ns_b" !important;
}

table .table_bold th {
	background-color: #E8EFF4
}

.pagination li {
	display: inline-block;
	border-radius: 2px;
	text-align: center;
	vertical-align: top;
	height: 30px;
}

.pagination li a {
	color: #444;
	display: inline-block;
	font-size: 1.2rem;
	padding: 0 10px;
	line-height: 30px;
}

.pagination li .active a {
	color: #fff;
}

.pagination li .active {
	background-color: #ee6e73;
}

.pagination li .disabled a {
	cursor: default;
	color: #999;
}

.pagination li i {
	font-size: 2rem;
}

.pagination li .pages ul li {
	display: inline-block;
	float: none;
}

td .sub_question {
	padding-left: 20px;
	display: table-cell;
}

.sub_question:before {
	position: absolute;
	left: 10px;
	top: 50%;
	content: "\e981";
	height: 16px;
	line-height: 16px;
	margin-top: -8px;
	color: #337AB7;
}

.xi {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'xeicon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.point {
	font-family: "nsk_b";
	color: #f43f3f
}

.popup_full textarea {
	padding: 10px;
	box-sizing: border-box;
	border: none;
	outline: none;
	resize: none
}

.popup_full textarea:focus {
	outline: none
}

textarea .edit {
	width: 100%;
	height: 160px;
	box-sizing: border-box;
}

.question_grid {
	padding-right: 300px;
}

.question_info {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	overflow: hidden;
	right: 280px;
}

.question_info .scroll {
	padding: 40px 4px 0 0
}

.min_1024 .question_grid {
	min-width: 1024px;
	box-sizing: border-box;
}

.question_grid .question_attr {
	position: absolute;
	right: -20px;
	top: 0;
	background-color: #f3f7fa;
	bottom: 0;
	width: 300px;
	padding: 0px;
	box-sizing: border-box;
	box-shadow: 0 0 3px rgba( 0, 0, 0, .3)
}

.form_inline span {
	font-family: "nsk_dl";
	margin-right: 0
}

.question_attr table .table_attr td {
	text-align: left !important
}

.question_attr h3 {
	font-size: 17px;
	font-family: "nsk_eb";
	margin: 20px 0 10px 0
}

.tab_box {
	width: auto;
	display: table;
	background-color: #58688B;
	margin-bottom: 10px;
	position: relative;
	z-index: 5
}

.tab_table {
	width: 100%
}

.tab_item {
	width: auto;
	display: table-cell;
	text-align: center;
	padding: 5px
}

.tab_item a {
	color: #fff;
	display: block
}

.tab_box .active {
	background-color: #323a4e
}

.shadow_1 {
	box-shadow: 0 0 2px rgba( 0, 0, 0, .2)
}

.shadow_2 {
	box-shadow: 0 0 4px rgba( 0, 0, 0, .2)
}

.shadow_3 {
	box-shadow: 0 0 6px rgba( 0, 0, 0, .2)
}

.form_inline label .checkbox+label .checkbox {
	margin-left: 15px
}

.form_inline label .radio+label .radio {
	margin-left: 15px
}

label .radio span {
	margin-left: 10px;
	display: block
}

.form_inline {}

.form_inline label {
	margin-left: 10px
}

.table_body .tab_box {
	margin: 20px 0 0 0
}

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

.script_box {
	line-height: 28px
}

.script_edit {
	margin: 10px 0
}

table .table_calendar {
	width: 100%;
	margin-bottom: 40px
}

table .table_calendar>tbody>tr>td {
	border-right: 1px solid #eee;
	border-bottom: 1px solid #bbb;
	padding: 5px 8px 40px 8px;
	position: relative;
	vertical-align: top;
	height: 95px;
	cursor: zoom-in;
	;
}

table .table_calendar td .today {
	box-shadow: 0 0 5px inset rgba( 0, 0, 0, .2);
	background-color: #F3F0F0
}

table .table_calendar>tbody>tr>td:first-child,
table .table_calendar>thead>tr>th:first-child {
	border-left: 1px solid #eee;
	color: #F5300C
}

table .table_calendar>tbody>tr:first-child>td {
	border-top: 1px solid #bbb;
}

table .table_calendar .sunday,
table .table_calendar .holiday+.date {
	color: #F5300C
}

table .table_calendar .date {
	font-family: "nsk_eb" !important;
	padding-bottom: 5px
}

table .table_calendar>thead>tr>th {
	background-color: #f9f9f9;
	border-top: 1px solid #666;
	border-right: 1px solid #eee;
	padding-left: 7px;
}

table .table_calendar .holiday {
	position: absolute;
	left: 31px;
	top: 4px;
	color: #F5300C !important;
	padding: 0px 5px 1px 5px;
	font-size: 14px;
}

table .table_calendar .my_state:empty,
table .table_calendar .worktime:empty {
	display: none
}

table .table_calendar .worktime {
	background-color: #7986CB;
	color: #fff;
	padding: 4px 6px 7px 6px;
	border-radius: 4px;
	font-size: 14px;
	line-height: 1em;
	position: absolute;
	/* width: 100%; */
	/* box-sizing: border-box; */
	left: 7px;
	right: 7px;
	bottom: 7px;
	height: 14px
}

table .table_calendar .worktime .badge {
	background-color: #fff;
	color: #7986CB;
	padding: 1px 3px 2px 3px
}

table .table_calendar .worktime .comtime,
table .table_calendar .worktime .outtime,
table .table_calendar .worktime .tardiness {
	float: left;
	width: 50%;
	text-align: left;
}

table .table_calendar .worktime .tardiness {
	color: yellow
}

table .table_calendar .worktime .tardiness .badge {
	color: #fff;
	background-color: #F5300C
}

table .table_calendar .my_state {
	position: absolute;
	background-color: #E67C73;
	color: #fff;
	width: 50px;
	height: 50px;
	font-family: "nsk_b";
	border-radius: 30px;
	right: 4px;
	text-align: center;
	vertical-align: middle;
	top: 5px;
	font-size: 12px;
	letter-spacing: -1px;
	line-height: 50px;
	box-shadow: 1px 1px 5px rgba( 0, 0, 0, .5);
}

table .table_calendar .saturday,
table .table_calendar thead>tr>th:last-child {
	color: #7986CB
}

table .table_calendar .holiday+.date .saturday {
	color: #F5300C
}

.vertical_top,
.vertical_top td,
.vertical_top th {
	vertical-align: top
}

table .table_calendar .badge {
	background-color: #999
}

table .table_calendar .kcci_work {
	font-family: "nsk_dl";
	color: #333
}

.this_mon {
	font-size: 30px;
	font-family: "ns_eb";
	position: relative;
	top: 5px;
	margin: 0 15px;
}

.this_mon small {
	font-size: 0.8em
}

.top_line {
	border-top: 1px solid #ccc
}

td .my_name {
	font-family: "nsk_b"
}

table .worklist_table td .edit_btn_box {
	position: relative;
	padding-bottom: 90px
}

table .worklist_table td .edit_btn_box .btn_box {
	border-top: 1px solid #eee;
	padding-top: 20px;
	position: absolute;
	left: 14px;
	right: 14px;
	bottom: 0px;
	text-align: right
}

table .worklist_table tbody td {
	height: 50px
}

font {
	display: inline-block;
}

font [ color="blue"],
.Blue {
	color: #F5300C !important
}

font [ color="red"],
.Red {
	color: #7986CB !important
}

font [ color="black"],
.Black {
	color: #353535 !important
}

@media print {
	/* insert your style declarations here */
	#body {
		position: static;
		top: 0px;
		bottom: 0px;
		left: 0;
		right: 0;
		padding: 0;
		overflow: auto;
	}
	.table_header {
		margin-top: -65px
	}
	body .inner,
	#body .inner .contents,
	#body .inner .contents .content {
		padding-left: 0px;
		padding-right: 0px;
		box-sizing: border-box;
	}
	.table_header .center {
		font-size: 16px
	}
	.table_header .left {
		float: right;
		text-align: right
	}
	.table_header select {
		outline: none;
		border: none;
		font-size: 20px;
		border-bottom: 2px solid #ccc;
		border-radius: 0;
		padding: 0 0 10px 0;
		height: 38px;
		box-shadow: none;
	}
	#header,
	#footer,
	.table_header .btns,
	.table_header .right,
	.table_header .left label {
		display: none !important
	}
	.print_box * {
		font-size: 10px;
		line-height: 16px
	}
	table.worklist_table td.edit_btn_box .btn_box {
		display: none
	}
	table.worklist_table td.edit_btn_box {
		padding-bottom: 10px
	}
}

.sub_cover {
	height:200px;
	background-image: url(/asset/image/sub_cover.png);
	background-position: center;
	background-color: #F5F5F5;
	background-size: cover
}

.sub_cover .title {
	    text-align: center;
    color: #003668;
    font-size: 42px;
    font-family: "ns_eb";
    margin: 0;
    padding-top: 65px;
    line-height: 1em;
	}
.lnb:empty {
	    height: 30px;
    width: 100%;
    background-color: #fff;
    margin-top: -30px;
    border-top:1px solid #efefef
}
.lnb_menu {display: table; width:100%; border-top:1px solid #D9D9D9; border-left:1px solid #D9D9D9; box-shadow: 0 5px 20px rgba(0,0,0,.1);margin:-33px 0 30px 0; background-color: #fff}
.lnb_menu ul{display: table-row;}
.lnb_menu ul li{display: table-cell; text-align: center;vertical-align: middle; border-bottom:1px solid #D9D9D9; border-right:1px solid #D9D9D9; width: 10%;height: 60px; line-height: 1.2em;}
.lnb_menu ul li a {display: block;  font-size: 18px; font-family: "ns"}
.lnb_menu ul li:hover {border-bottom:2px solid #aaa}
.lnb_menu ul li.active { border-bottom:2px solid #003668 }
.lnb_menu ul li.active a {color:#003668; font-family: "ns_eb"}
.lnb_menu ul li.active a:hover {color:#f43f3f}
.tab_menu:empty {display: none}
.tab_menu {text-align: center;margin-top:60px}
.tab_menu a {font-family: "nsk_r"; position: relative;}
.tab_menu a + a {margin-left:8px}
.tab_menu a.active { background-color: #101010; color:#fff; box-shadow: 0 10px 10px rgba(0,0,0,.1)}
.tab_menu a.active:link,
.tab_menu a.active:visited {color:#fff }
.tab_menu a.active:hover,
.tab_menu a.active:active
 { background-color: #222; color:	#DED200 !important;}
.tab_menu a.active:after {    content: "◆";
    font-size: 23px;
    color: #101010;
    position: absolute;
    font-family: none;
    bottom: -15px;
    left: 0;
    width: 100%;
    text-align: center;
    }
    
    
    /*bbs*/
.bbs_category {padding-top:25px}
.bbs_category a { display:inline-block; height:15px; line-height:15px; font-size:15px; font-family:"nsk_l"; padding-right:15px;margin-right:15px; border-right:1px solid #d1d1d1;}
.bbs_category:last-child a {border:none}
.bbs_category a.active {font-family: "nsk_eb"; text-decoration: underline;} 
.bbs_header {font-family: "nsk_r"; margin:44px 0 15px 0 }
.bbs_header:after {content: ""; display: block; clear:both}
.bbs_header .bbs_total {float:left;height:40px; line-height: 40px}
.bbs_header .bbs_total b {color:#f43f3f; font-family: "nsk_eb"; font-size: 15px; }
.bbs_header .bbs_search {float:right}
.bbs_header .bbs_search .input-field {width:272px; margin-left:20px; margin-right:20px}
.bbs_header .bbs_search .input-field .line_input {width:100%}
.bbs_box {padding-bottom:50px}

.btns_text.icon_down { 
	    position: relative;
    padding-right: 25px;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 21px;
    line-height: 23px;
    white-space: nowrap;
        max-width: 100%;
}
.btns_text.icon_down:after {content: ""; width:20px; height:20px; background-image: url(/asset/image/20x20_down.png); position: absolute;right:0; top:0} 
.view_title {
	margin-top:60px;
	border-top:1px solid #323232; border-bottom:1px solid #d9d9d9;padding:38px 30px
	}
.view_title .title {font-family: "ns_eb"; color:#000; font-size: 22px; line-height: 1.2em}
.view_title .date_hit {color:15px; color:#6e6e6e; font-family: "nsk_r"; margin-top:12px}
.view_title .date_hit b {font-family: "nsk_r"}      
.view_title .date_hit .hit {margin-left:20px; border-left:1px solid #d9d9d9 ; height:14px; line-height: 14px; padding-left:20px; display: inline-block;}
.view_title .date_hit .reply {margin-left:20px; border-left:1px solid #d9d9d9 ;height:14px; line-height: 14px; padding-left:20px; display: inline-block;}
.view_content {padding:30px; border-bottom: 1px solid #d9d9d9; }
.view_content .view_video { margin:0 auto; width: 800px ; height: 450px; background-color: #717273; }

.view_content img {max-width:100%}
.reply_content {padding:30px 30px 30px 50px;
	border-bottom: 1px solid #bcbcbc;background: url(/asset/image/12x12_enter.png) no-repeat 28px 35px ; }

.file_add {
    border-bottom: 1px solid #bcbcbc;
    position: relative;
    padding-left: 110px;
    padding-bottom: 19px;
}
.file_add:after {content: ""; display: block; clear:both}
.file_add dt {height:65px; line-height: 65px;position: absolute;left:0; top:0; width:110px;text-align: center}
.file_add dd {  
    line-height: 1.2em;
    padding-top: 19px;
    padding-bottom: 2px; padding-right:30px}
.bbs_nav {border:1px solid #d9d9d9; margin-top:25px}
.bbs_nav:after{content: ""; display: block;clear: both; }    
.bbs_nav small {color:#6e6e6e; font-size: 15px; font-family: "nsk_r"; display: block; margin-bottom:10px}
.bbs_nav div.bbs_prve,
.bbs_nav div.bbs_next,
.bbs_nav div.bbs_prve_notImg,
.bbs_nav div.bbs_next_notImg
 {float:left; width:50%; padding:38px 78px; position: relative;}
.bbs_nav div.bbs_next {border-left:1px solid #d9d9d9}
.bbs_nav div.bbs_next_notImg {border-left:1px solid #d9d9d9}
.bbs_nav div.bbs_next:after
{    background-image: url(/asset/image/40x40_arrow_right.png);
    width: 40px;
    height: 40px;
    content: ""; display: block; position: absolute;right:28px; top :42px;
    }
.bbs_nav div.bbs_prve:after
{    background-image: url(/asset/image/40x40_arrow_left.png);
    width: 40px;
    height: 40px;
    content: ""; display: block; position: absolute;left:28px; top :42px;
    }
.bbs_nav div.bbs_next_notImg:after
{    
    width: 40px;
    height: 40px;
    content: ""; display: block; position: absolute;right:28px; top :42px;
    }
.bbs_nav div.bbs_prve_notImg:after
{  
    width: 40px;
    height: 40px;
    content: ""; display: block; position: absolute;left:28px; top :42px;
    }
    .bbs_nav div.bbs_next {text-align:right}
     .bbs_nav div.bbs_next_notImg {text-align:right}
   .bbs_nav a {
    font-family: "ns";
    font-size: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    display: block;
   } 
   
   .btn_box {margin:40px auto}
   
   
 /*FAQ*/
  /** 
   .faq_box {margin:60px auto 90px 0}
.faq_box dl{ font-size: 15px; font-family: "nsk_r"; line-height: 1.4em; border-bottom:1px solid #BCBCBC}
.faq_box dl dt.faq_title {border-top:1px solid #D9D9D9; padding:25px 25px 25px 60px; position: relative; cursor:pointer;background: url(/asset/image/20x12_arrow_bottom.png) no-repeat 1120px 29px;}
.faq_box dl dt.active {background: url(/asset/image/20x12_arrow_top.png)no-repeat 1120px 29px;}
.faq_box dl dt.faq_title:hover,
.faq_box dl dt.faq_title:active
 {color:#F43F3F !important}
.faq_box dl dt.faq_title:before { content:"Q";  position: absolute; left:40px; top:26px; font-size: 18px; font-family: "ns_eb"}
.faq_box dl dt.faq_title:first-child {border-top:1px solid #323232}
.faq_box dl dd {display: none;
background-color: #FAFAFA;padding:40px 25px 40px 60px; position: relative;
}
.faq_box dl dd:before {content: ""; display: block; width:1112px; height:1px ; background-color: #EFEFEF ; position: absolute;top:0;left:30px}
.faq_box dl dt.active {background-color: #FAFAFA; color:#003668; font-family: "nsk_eb"}
.faq_box dl dt.active + dd {display: block} 
.faq_box dl dt.active + dd:after {
    content: "A";
    font-family:"ns_eb";
    font-size:18px; 
    position: absolute;
    left: 42px;
    top: 41px;
}
**/

 
   /*FAQ*/
   .faq_box {margin:60px auto 90px 0;font-size: 15px; font-family: "nsk_r"; line-height: 1.4em; text-align: left; border-bottom:1px solid #BCBCBC; text-align:left;}
.faq_box a.faq_title {display:block;width:100%;border-top:1px solid #D9D9D9;padding:25px 25px 25px 60px; position: relative; cursor:pointer;background: url(/asset/image/20x12_arrow_bottom.png) no-repeat 1120px 29px;}
.faq_box a.active {background: url(/asset/image/20x12_arrow_top.png)no-repeat 1120px 29px;}
.faq_box a.faq_title:hover,
.faq_box a.faq_title:active
 {color:#F43F3F !important}
.faq_box a.faq_title:before { content:"Q";  position: absolute; left:40px; top:26px; font-size: 18px; font-family: "ns_eb"}
.faq_box a.faq_title:first-child {border-top:1px solid #323232}
.faq_box .faq_con{display: none;
background-color: #FAFAFA;padding:40px 25px 40px 60px; position: relative;
}
.faq_box .faq_con:before {content: ""; display: block; width:1112px; height:1px ; background-color: #EFEFEF ; position: absolute;top:0;left:30px}
.faq_box a.active {background-color: #FAFAFA; color:#003668; font-family: "nsk_eb"}

.faq_box a.active + .faq_con:after {
    content: "A";
    font-family:"ns_eb";
    font-size:18px; 
    position: absolute;
    left: 42px;
    top: 41px;
}
/*로그인*/
.login_msg {font-size: 28px;font-family: "nsk_l"; line-height:140%; text-align: center;margin-top:50px; margin-bottom:-20px;  }
.login_box {width:330px ; margin:auto; padding:60px 0}
.login_box .input-field {width:100%}
.login_box .input-field + .input-field {margin-top:10px}
.login_box .checkbox {margin:20px 0;    display: block;}
.login_box .btn_box {margin:30px 0}
.login_box .login_bottom {text-align: center; }
.login_box .login_bottom a {
	display: inline-block; font-size: 15px; font-family: "nsk_r";
	padding:0 15px ;height: 15px; line-height: 1em;  
}

body.jp .login_box .login_bottom,
body.ch .login_box .login_bottom,
body.vi .login_box .login_bottom,  
body.en .login_box .login_bottom {margin:0 -20px }
.login_box .login_bottom a + a {border-left:1px solid #d9d9d9}
.member_menu.tab_menu {margin-top:40px; margin-bottom:-40px}

ul.tab_line li {
    float: left;
    height: 40px;
}
ul.tab_line li a {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 240%;
    font-size: 15px;
    border: #d9d9d9 1px solid;
    background: #efefef;
    color: #717273;
    font-family: "nsk_r";
    text-align: center;
    padding:0 19px
}
ul.tab_line li a.active {
    border: #0475be 1px solid;
    color: #0475be;
    background: #fff;
}
.td_row:after {content:""; display: block; clear: both}
.td_row + .td_row {margin-top:25px}
.td_row + .text_info {margin-top:20px} 
.guide_box {display: table; width: 100%}
.guide_box .img {    display: table-cell !important;}
.guide_box .text { 
    height: 70px;
    top: 0;
    bottom: 0;
    display: table-row;
    vertical-align: middle;
}
.guide_box .text ul {
    vertical-align: middle;
    table-layout: auto;
    display: table-cell;
    height: 90px;
}
.w172{width: 172px !important}
.w272{width: 272px !important}
.w370{width: 370px !important}
.w572 {width:572px !important}
.w872 {width:872px !important}
.row_box {margin:auto}
.row_box .left + .left {margin-left:30px}
.row_box:after {content: ""; display: block; clear:both}
a.box_btn {display: block; text-align: center; height:253px }
.box_2line {border:2px solid #D9D9D9; padding:75px 40px; margin-bottom:20px}
.box_2line .title {font-family: "ns"; font-size:28px; text-align:center; line-height: 1.2em; margin-bottom:40px
; letter-spacing: -1px
}

.box_2line_pad0 {padding: 0px !important;}
.box_2line .step_title{height: 70px;padding: 25px; box-sizing: border-box;	font-family: "nsk_b"; font-size: 18px;background: url(/asset/image/title_arrow.png) no-repeat 1120px 29px;}
.box_2line .step_title b{ color: #003668;}
.box_2line .step_contents{ border-top: #d9d9d9 1px solid;}


.box_btns {text-align: center; border:1px solid #d9d9d9; box-shadow: 0 10px 20px rgba(0,0,0,.05); height:254px;transition: background-color .2s, text-color .2s,  background-image .2s;}
.box_btns div.image { widht:83px; height:83px;margin:63px auto 23px auto; background-repeat: no-repeat; background-position: center}
.box_btns span {font-size: 18px; color:#323232}

.box_btns:hover,.box_btns:active,.box_btns.active {
	background-color: #F43F3F
}
.box_btns:hover span,.box_btns:active span, .box_btns.active span{
	color:#fff
}


.box_certify {text-align: center; display:inline-block; border:1px solid #717273; box-shadow: 0 10px 20px rgba(0,0,0,.05); height:197px;}
.box_certify div.image { height:133px;background-repeat: no-repeat; background-position: center}
.box_certify div.certify {height:63px; border-top: #d9d9d9 1px solid;}
.box_certify div.certify  a {display:block;height:63px; text-align:left; font-family: "nsk_eb"; font-size: 15px; 
text-decoration:underline; background: url(/asset/image/btn_certify.png) no-repeat 220px 18px; }
.box_certify div.certify  a span {display:block;padding: 18px 0 0 30px}

.btns_mail div.image {background-image: url(/asset/image/72x72_mail.png)}
.btns_pc div.image {background-image: url(/asset/image/72x72_pc.png)}
.btns_mobile div.image {background-image: url(/asset/image/72x72_mobile.png)}


.btns_inside div.image {background-image: url(/asset/image/83x83_location_b.png)}
.btns_inside:hover div.image
{background-image: url(/asset/image/83x83_location_w.png)}

.btns_outside div.image {background-image: url(/asset/image/83x83_global_b.png)}
.btns_outside:hover div.image
{background-image: url(/asset/image/83x83_global_w.png)}
.btns_korean div.image {background-image: url(/asset/image/83x83_card_b.png)}
.btns_korean:hover div.image , .btns_korean.active div.image  
{background-image: url(/asset/image/83x83_card_w.png)}

.btns_foreigner div.image 
{background-image: url(/asset/image/83x83_user_b.png)}
.btns_foreigner:hover div.image,  .btns_foreigner.active  div.image
{background-image: url(/asset/image/83x83_user_w.png)}

.mt40 {margin-top:40px}
.size15 {font-size:15px; font-family: "nsk_r"}

.email_box .image{height:83px; width:83px; display: block; background-image: url(/asset/image/83x83_mail_b.png);margin:0 auto 20px auto}
.email_box {text-align: center}
.email_box b {font-size: 22px; font-family: "ns_eb"}
.box_2line .email_box .title {font-size: 18px; margin-top:26px; line-height: 24px}
.underline {text-decoration: underline;}
.noti_modal .noti_list {max-height:300px}
.noti_modal .noti_body {padding-right:20px; margin-right:-20px}
.noti_atricle {line-height: 1.4em; margin:0;padding-bottom:20px;}
.noti_atricle + .noti_atricle {padding-top:20px;border-top:1px solid #D9D9D9}
.h3_title .point {color:#f43f3f}
.mb58 { margin-bottom: 54px }

.search_header {
	background-color: #003668;
	height: 180px;
	padding-top: 60px
}

.search_header .line_input {
	background-color: #003668 !important;
	color: #fff;
	font-size: 22px;
	font-family: "ns_eb";
	border: none;
	height: 52px;
	line-height: 52px;
	width: 400px;
	position: relative;
}

.search_header .input_box {
	border-bottom: 3px solid #fff;
	width: 473px;
	height: 55px;
	margin: auto;
	position: relative;
}

.search_header .search_btn {
	background-image: url(/asset/image/50x50_search.png);
	width: 50px;
	height: 50px;
	display: block;
	/* float: right; */
	top: 0;
	position: absolute;
	right: 0;
}

.search_result {
	clear: both;
	border-top: 1px solid #323232;
}

.search_result .search_article {
	padding: 24px 120px 24px 30px;
	line-height: 1.3em;
	font-size: 15px;
	border-bottom: 1px solid #BCBCBC;
	font-family: "nsk_r";
	position: relative;
}

.search_result .search_article .date {
	position: absolute;
	right: 30px;
	top: 24px
}

.text_over {
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	display: block;
	overflow: hidden;
}
.search_group+.search_group {
	margin-top: 80px !important
}
.result_none {
border-top:1px solid #323232; 
border-bottom:1px solid #bcbcbc;
padding:120px 0; text-align: center;
margin-bottom:20px
}
.result_none .icon { width:72px; height:72px; margin:auto auto 25px auto; background-image: url(/asset/image/72x72_zoom.png)}
.result_none  .title {
font-size:18px; font-family: "ns"; color:#323232
}


.result_none  .desc {
font-size:14px; font-family: "nsk_r"; color:#717273; letter-spacing: 0px; margin:20px 0 0 0
}


.main_modal {display:block}
.main_modal .modal {width:572px;   margin: 227px auto 0 auto;}
.main_modal .modal_header {    text-align: center;
    line-height: 1.3em;
    padding-bottom: 25px;
   border-bottom:#323232 1px solid;
}

.noti_modal .modal_header {text-align: left}
.main_modal .today_box {padding:20px; background-color: #EFEFEF ; line-height:1.8em; margin-top:20px; margin-bottom:20px;}

.main_modal .btn_box {text-align: center;margin:15px auto 5px auto}
.modal_swipe {width:100%}


.swiper-button-prev-modal,
.swiper-button-next-modal  {
	position: absolute;
	width:30px; height:30px; border-radius:15px; background-color:#fff;
	background-position: center;
	background-size:auto;
	background-repeat:no-repeat;
	top: 413px;
	box-shadow: 0 2px 10px rgba(0,0,0,.5);
	cursor:pointer; z-index:2
}

.swiper-button-prev-modal {
	background-image: url(/asset/image/16x16_arrow_left.png);
	left: 50%;
	margin-left: -340px
}

.swiper-button-next-modal  {
	background-image: url(/asset/image/16x16_arrow_right.png);
	right: 50%;
	margin-right: -340px
}
.main_modal .swiper-button-disabled {opacity: .2;}
.chg_lang span {
	    position: relative;
    top: -5px; color:#323232
}
body.ko .lang_ko {background-color:#F5F5F5}
body.en .lang_en {background-color:#F5F5F5}
body.vi .lang_vi {background-color:#F5F5F5}
body.zh .lang_zh {background-color:#F5F5F5}
body.jp .lang_jp {background-color:#F5F5F5}
.box_bbs .exam_content + .exam_content {margin-top:30px ; border-top:1px solid #eee; padding-top:40px} 
.history_box {padding-bottom:20px; overflow: visible; padding-top:40px}
ul.history {white-space: nowrap;}
ul.history li {display: inline-block; width:272px; height:202px; margin-right:22px; position: relative;background-color: #4291dc; color:#fff; padding:38px 20px 0 30px; vertical-align: bottom} 
ul.history li:before {content:"";
width:0px;height:0px;
border-right:10px solid transparent; /*border의 성질을 이용해 오른쪽테두리만 투명으로 만든다. */
border-bottom:10px solid #4291dc; /*border를 사용해 두께를 만든다.*/
position: absolute;
top:-10px;
left:0
} 
ul.history li:nth-child(2){background-color: #3597cc}
ul.history li:nth-child(2):before{border-bottom-color: #3597cc} 
ul.history li:nth-child(3){background-color: #299CBD}
ul.history li:nth-child(3):before{border-bottom-color: #299CBD} 
ul.history li:nth-child(4){background-color: #1CA2AD}
ul.history li:nth-child(4):before{border-bottom-color: #1CA2AD} 
ul.history li:nth-child(5){background-color: #0FA89D}
ul.history li:nth-child(5):before{border-bottom-color: #0FA89D} 
ul.history li:nth-child(6){background-color: #06AC92}
ul.history li:nth-child(6):before{border-bottom-color: #06AC92} 


ul.history li:after {content: ""; width: 5px; height: 5px; background-color: #101010; border-radius: 5px; position: absolute; top:-25px; left:-2.5px}
ul.history li + li .date:before {
    content: "";
    display: block;
    width: calc(100% + 55px);
    height: 1px;
    background-color: #d9d9d9;
    position: absolute;
    left: calc(-100% - 87px);
    top: -61px;
}
ul.history li .date {font-family:nsk_eb; font-size:28px; margin-bottom:24px; position: relative;}
ul.history li p {font-family:nsk_l; font-size:18px; margin-bottom:20px}

ul.history li small{font-family:nsk_l; font-size:14px; margin-bottom:0px; display: block;height: 45px}
body.en ul.history li p {font-size:16px; white-space: normal; line-height: 1em}
body.en ul.history li small{font-family:nsk_l; font-size:14px;white-space: normal; line-height: 1em}
.full_layer_if {position:  fixed;left:0;right:0;top:0;bottom:0;background-color:transparent; width:100%; height: 100%; z-index:9999 }
body.full_layer ,
html.full_layer {background-color: transparent; }
.TWGUID0010 .sub_body {overflow-x:hidden; min-width:1200px}
.state_box_list {}
.map_state_inbox {float:right !importnat ; }
.nat_state_inbox {width: auto !importnat}


.state_bar {
	width: 0
}

.lev_state_inbox {
	height: 329px
}

.state_sub_title {
	color: #101010;
	text-align: center;
	font-family: nsk_b;
	font-size: 15px;
	margin-bottom: 20px;
}

.lev_state_inbox .state_box_item {
	width: 250px;
	position: relative;
	float: left
}

.state_bg_type_1 {
	transform: rotate(90deg);
	width: 120px;
	height: 120px;
	position: absolute;
	top: 31px;
	right: 0px;
}

.state_bg_type_1 li {
	border-bottom: 1px solid #efefef;
	position: relative;
	height: 28px
}

.state_bg_type_1 li:last-child {
	border-color: #BCBCBC
}

.state_bg_type_1 li span {
	position: absolute;
	left: 125px;
	top: 17px;
	color: #717273;
	font-size: 13px;
	display: block;
}

.state_type {
	width: 100%;
	position: relative;
	display: block;
	height: 35px;
	z-index: 1
}

.state_type .type {
	float: left;
	width: 54px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	height: 30px;
	line-height: 30px
}

.state_type .state_bg {
	float: right;
	width: 167px;
	text-align: center;
	background: transparent;
	color: #fff;
	height: 30px;
	line-height: 30px;
	margin-right: 28px;
}

.total .state_bar {
	background: repeating-linear-gradient(45deg, #03AD8E 10px, #1e72574d 0px,#03AD8E 15px);
}

.tester .state_bar {
	background-color: #0475BE
}

.pass .state_bar {
	background: repeating-linear-gradient( 90deg,#003668 11px, #6485af 0px,#003668 15px);
}




.state_bg_type_2 {
    width: 448px;
    height: 190px;
    position: absolute;
    top: 78px;
    right: 32px;
    display: table;
}

.state_bg_type_2 li {
	position: relative;
	height: auto;
	display: table-row
}

.state_bg_type_2 li span {
    left: -14px;
    top: 0;
    color: #717273;
    font-size: 12px;
    display: table-cell;
    position: relative;
}
.state_bg_type_2 li span b {      font-weight: 100;
    font-family: 'nsk_dl';
    text-align: right;
    width: 20px;
    display: block;
    position: absolute;
    left: -13px;
    top: -2px;}
.state_bg_type_2 li span:after{
	    content: "";
    border-top: 1px solid #efefef;
    width: 435px;
    position: absolute;
    left: 12px;
    height: 100%;
    top: 10px;
}


.state_bg_type_2 li:last-child span:after {
	border-color: #BCBCBC
}

.state_time_item {
	    position: absolute;
    width: 434px;
    height: 168px;
    left: 102px;
    top: 98px;
    z-index: 2;
    display: table;
    box-sizing: border-box;
}
.time_item {
    width: auto;
    display: table-cell;
    text-align: center;
    position: relative;
	}
.time_item .time_title	{
	font-size:14px;     color: #717273;
position: absolute;bottom:-25px ;left:0;right:0; width:100%
}
.time_item  .state_type {    width: 10px;
    height: 169px;
    position: absolute;
    top: 0;
    left:50%;
    margin-left:-5px
    }
.time_item  .total {margin-left:-17px}
.time_item  .tester {margin-left:-5px}     
.time_item  .pass {margin-left:7px}

.time_item  .state_bar {
	
	    width: 100%;
    position: absolute;
    bottom: 0;
	
}
.state_bg_type_2 {}
.max_7 .state_bg_type_2 {    height: 196px;    top: 88px;}
.max_8 .state_bg_type_2 {    height: 192px;    top: 88px;}
.max_9 .state_bg_type_2 {    height: 190px;    top: 87px;}
.max_10 .state_bg_type_2 {    height: 187px;    top: 88px;}
.max_11 .state_bg_type_2 {    height: 184px;    top: 88px;}
.max_12 .state_bg_type_2 {    height: 181px;    top: 88px;}
.max_13 .state_bg_type_2 {    height: 178px;    top: 88px;}
.max_14 .state_bg_type_2 {    height: 175px;    top: 88px;}
.max_15 .state_bg_type_2 {    height: 172px;    top: 88px;}
.state_sample {
	    position: absolute;
    left: 50%;
    top: 100px;
    margin-left: -60px;
    background-image: url(/asset/image/bg_gray_p.png);
    width: 110px;
    min-height: 90px;
    padding:6px
}
.state_sample .state_type {background-color: #fff; min-height: 26px; height:auto}
.state_sample .state_bg {width:auto;    width: auto;    height: 24px;    line-height: 24px;  }
.state_sample .state_type .type {    height: 26px;    line-height: 26px; text-align: right}
body.en .state_sample .state_type .type,
body.vi .state_sample .state_type .type 
{       font-size: 11px;
    width: 63px;
    text-align: left;
    margin-left: 10px;
    overflow: visible;
    margin-left: 10px;
    white-space: normal;
    line-height: 1em;
    padding-top: 8px;
    box-sizing: border-box;
    }
    body.en .state_sample .state_type.pass .type {padding-top:4px}        
body.en .state_sample .state_bg,
body.vi .state_sample .state_bg 
{    margin-right: 15px;}


.state_sample .state_bar {     width: 10px;
    height: 10px;
    position: relative;
    top: 8px;
    left: 10px;}
.apply_info +.apply_info {border-top:none; margin-top:-80px; background-color: #fff}
.table_group table {    float: left;
    width: 50% !important;}
.table_group:after {content: "" ; display: block; clear:both;}    
    .photo_upload_box ul li .pop_photo_box .pop_photo_regis,
    .accept_photo_box ul li.photo_box .photo_regis {width: 240px !important; height: 320px !important}
    .photo_modal .modal {
        position: fixed;
    top: 50%;
    left: 50%;
    margin: -360px 0 0 -486px;}
.photo_modal     .modal_footer {  height: auto}
.history_box  .swiper-scrollbar {opacity: 1 !important}
.bottom_info .today_topik .today_body p {    font-size: 17px !important;
    line-height: 1.5em  !important;
    font-family: 'nsk_dl'  !important;
}
#issu_doc_no_1,#issu_doc_no_2,
#issu_doc_no_3,#issu_doc_no_4
{text-align: center; font-size: 28px; font-family: "nsk_dl"}
.map_modal  .pop_map img {width:100%}
.hdader_bg {    height: 80px;
    background-position: center;
    background-size: cover;}
    
    .header_swipe .swiper-button-next {
    background-image: url(/asset/image/12x20_arrow_right_w.png);
    margin-right: -610px;
}
    .header_swipe .swiper-button-next {
    background-image: url(/asset/image/12x20_arrow_right_w.png);
    margin-right: -630px;
    background-size: auto;
}
.header_swipe .swiper-button-prev {
    background-image: url(/asset/image/12x20_arrow_left_w.png);
    margin-left: -630px;
    background-size: auto;
    
}
.search_box .select-dropdown,
.search_box .select-dropdown,
.search_box .caret
 {display: none}
 
 .footer_tool .input-field select {    height: 28px !important;
    border-radius: 0;
    background-color: #000000;
    color: #fff;
    font-size: 13px;
    padding: 0;
    line-height: 30px;
    position: relative;
    top: 2px;
    outline: none;
    border: 1px solid #000;}
 input,select{font-family: "nsk_dl"}
  .footer_tool .input-field label {display: none}
  select:focus { box-shadow: 0 0 0 2px rgba(0,0,0,1) }
.sub_temp {position: absolute;display: none}
  
.gnb .sub {
	position: absolute;
    padding: 60px 0 0 0;
    z-index: 10;
    display: none;
    opacity : 0

}
.header .gnb span a.active:after {
    display: block;
    content: "";
    background-color: #101010;
    height: 2px;
    left: 13px;
    right: 13px;
    position: absolute;
    bottom: 0px;
}
.sub_active  .sub:before
 {
	content: "";
    background-color: #fff;
    height: auto;
    padding: 20px;
    box-shadow: 0px 10px 20px rgb(0 0 0 / 30%);
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    right: 0;
    top: 29px;
    bottom: 0px;
    opacity: 1;
    border-radius: 0 0 10px 10px !important;
}
.gnb .menu a:focus {
	color: #f43f3f
}
.gnb .menu a:focus  .sub {
	display: block; opacity: 1;
    padding: 49px 20px 20px;
    margin-left: -20px;
}
.gnb .menu a:focus  .sub:before
 {
	content: "";
    background-color: #fff;
    height: auto;
    padding: 20px;
    box-shadow: 0px 10px 20px rgb(0 0 0 / 30%);
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    right: 0;
    top: 29px;
    bottom: 0px;
    opacity: 1;
    border-radius: 0 0 10px 10px !important;
}
#photo_modify_modal .modal{
	    margin: 50px auto;
}
.titleLoginTxt {text-align: center !important;    font-size: 17px !important;
    margin: 0;
    padding-top: 50px;
    padding-bottom:20px; 
    line-height: 1em;}
.sub_active  .sub
{
	display: block; opacity: 1;
    padding: 49px 20px 20px;
    margin-left: -20px;
   }
.gnb .sub a
{
    font-size: 15px;
    font-family: "nsk_r";
    padding: 4px 0; white-space: nowrap; display: block;
    position: relative;
    z-index: 2}
    

.hide {
            font-size: 0;
            height: 0;
            position: absolute;
            top: -99999px;
            width: 0;
        }
 
.skip dd a {
    display: block;
    font-size: 14px;
    font-family:Dotum;
    font-weight:bold;
    left: 0;
    position: absolute;
    text-align: center;
    top: -10000px;
    width: 100%;
    z-index: 500;
}
 
.skip dd a:hover, .skip dd a:focus, .skip dd a:active {
    background: none repeat scroll 0 0 #000;
    color: #fff;
    padding: 15px 0;
    position: absolute;
    top: 0;
    z-index: 500;
}
.hidden {position:absolute;width:0px;height:0px;left:-99999px;font-size:0;line-height:0;overflow:hidden;}
.sub_box .sub_title {
	width:280px
}
ul li.box_class .subject p {
	display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0 20px;
}
.bbs_box .view_content,
.bbs_box .view_content * {    word-break: break-word;}

.subpage_header .lnb {display: block; position: relative; height: auto}


.main_modal .modal_body .body {
    overflow-y: auto;
    max-height: 338px;
    margin: 0px;
    padding-bottom: 50px;
    padding-top: 20px;
}

/* css추가 2022-05-11 (강혜연) */

.photo_bn .inner div {
	width: 100%;
	padding: 48px 96px 40px;
	box-sizing: border-box;
	margin: 20px 0;
	border: 1px solid #989898;
	box-shadow: 0 4px 0 rgba(188,188,188,.6)
}
.photo_bn .inner div > i {
	display: block;
	width: 80px;
	height: 68px;
	background: url(/asset/image/ico_photo.png) no-repeat center center;
	background-size: cover;
	position: absolute;
	top: 35px;
	left: 96px;
}
.photo_bn .inner div > p {
	font-size: 30px;
	font-weight: 600;
	color: #f13e3e;
	font-family: "ns_eb";
	padding-left: 120px;
}
.photo_bn .inner div > p span {
	display: block;
	font-size: 15px;
	font-weight: 400;
	color: #323232;
	font-family: 'nsk_dl';
	margin-top: 10px;
}
.photo_bn .inner div .photo_add_btn {
    position: absolute;
    bottom: 26px;
    right: 120px;
    line-height: 140%;
    display: block;
    height: 45px;
    padding: 12px 40px 10px 10px;
    font-family: "nsk_b";
    font-size: 15px;
    text-decoration: underline;
    background: url(/asset/image/btn_certify.png) no-repeat 128px 12px;
}
.photo_bn .inner div .bn_close {
	display: block;
	width: 17px;
	height: 17px;
	background: url(/asset/image/bn_close.png) no-repeat center;
	background-size: cover;
	position: absolute;
	top: 20px;
	right: 35px;
}