@charset "utf-8";

/* common css */
body {font-family:'dotum';font-size:12px;}
#page {min-width:320px;width:1024px;margin:0 auto;padding:20px 0 0 0;}
.cmsms_cc {overflow:visible;margin:0;}

.button {padding:0 10px;height:30px;line-height:28px;line-height:30px\0;font-family:'dotum';font-size:12px;}
.text-list ul li {list-style:none;line-height:1.2}
.text-list p {padding:0;line-height:1.2}

/* RA페이지에서 인증서신청화면 접근시 적용되는 스타일 */
body.only-from-rapage #header,
body.only-from-rapage #footer,
body.only-from-rapage .one_half.first_column,
body.only-from-rapage .headline {display:none;}
body.only-from-rapage #page {width:754px;}
body.only-from-rapage #middle_content .one_half {width:100%;}
body.only-from-rapage .content_wrap:after {height:0;}

/* 카카오플러스 페이지에서 접근시 적용되는 스타일 */
body.only-from-kakaoplus #header,
body.only-from-kakaoplus #footer,
body.only-from-kakaoplus .one_half.first_column,
body.only-from-kakaoplus .headline {display:none;}
body.only-from-kakaoplus #page {max-width:754px;}
body.only-from-kakaoplus #middle_content .one_half {width:100%;}
body.only-from-kakaoplus .content_wrap:after {height:0;}

/* Web RA 에서 신청화면 접근시 적용되는 스타일 */
body.only-from-webra #header,
body.only-from-webra #footer,
body.only-from-webra .headline,
body.only-from-webra .one_half.first_column,
body.only-from-webra .one_half h3,
body.only-from-webra .one_half .process {display:none;}
body.only-from-webra #page {margin-bottom:20px;width:754px;}
body.only-from-webra #middle_content .one_half {width:100%;}
body.only-from-webra .content_wrap {padding:20px 0 0 0;}
body.only-from-webra .content_wrap:after {height:0;}

/* 모바일에서 적용되는 스타일 */
body.only-mobile #header,
body.only-mobile #footer,
body.only-mobile .one_half.first_column,
body.only-mobile .headline {display:none;}
body.only-mobile #page {max-width:754px;width:100%;margin:0 auto;padding:0;}
body.only-mobile #middle_content .one_half {width:100%;}
body.only-mobile .content_wrap {padding:20px 0;}
body.only-mobile .content_wrap:after {height:0;}
body.only-mobile #mRowHeader {height:60px;background:#fff;border-bottom:1px solid #21b6d3;}
body.only-mobile #mRowHeader .mMainHead {text-align:center;padding:10px 0 0 0;}
body.only-mobile #mRowFooter {background:#21b6d3;}
/* 모바일 메인 */
body.only-mobile .mobileMain {max-width:754px;width:100%;margin:0 auto;height:100%;background:#fff;}
body.only-mobile .mobileMain td {vertical-align:middle;}
body.only-mobile .mobileMain .mRowHeader td {height:60px;background:#fff;border-bottom:1px solid #21b6d3;}
body.only-mobile .mobileMain .mRowHeader .mMainHead {text-align:center;padding:10px 0 0 0;}
body.only-mobile .mobileMain .mRowFooter td {height:50px;background:#21b6d3;}
body.only-mobile .mMainNavIcon {padding:40px 20px;max-width:440px;margin:0 auto;}
body.only-mobile .mMainNavIcon ul:after {content:" ";display:block;clear:both;}
body.only-mobile .mMainNavIcon ul {margin:0;}
body.only-mobile .mMainNavIcon ul + ul {margin-top:15%;}
body.only-mobile .mMainNavIcon ul li {float:left;width:50%;text-align:center;list-style:none;}
body.only-mobile .mMainNavIcon ul li a {-webkit-user-select: none;user-select: none;font-size:15px;text-align:center;color:#333;font-weight:bold;}
body.only-mobile .mMainNavIcon ul li a span {display:block;margin:0 auto;width:50%;padding-top:50%;margin-bottom:8%;background:url(/images/custom/icon01.png) center center no-repeat;background-size:cover;}
body.only-mobile .mMainNavIcon ul li a.mNav1 span {background-image:url(/images/custom/micon003.png);}
body.only-mobile .mMainNavIcon ul li a.mNav2 span {background-image:url(/images/custom/micon005.png);}
body.only-mobile .mMainNavIcon ul li a.mNav3 span {background-image:url(/images/custom/micon006.png);}
body.only-mobile .mMainNavIcon ul li a.mNav4 span {background-image:url(/images/custom/micon002.png);}
body.only-mobile .mMainFooter {max-width:440px;margin:0 auto;text-align:center;color:#fff;padding:5px 20px 10px 20px;}
body.only-mobile .mMainFooter .mFootTxt ul {display:table;margin:0 auto;}
body.only-mobile .mMainFooter .mFootTxt ul li {display:table-cell;}
body.only-mobile .mMainFooter .mFootTxt ul li a {color:#fff;padding: 0 5px;}
body.only-mobile .mMainFooter .mFootTxt p {font-size:11px;font-family:'NGB';padding:10px 0 0 0;line-height:1.4;}
/* 모바일 약관동의 */
body.only-mobile .terms_area .terms {position:relative;margin-top:15px;}
body.only-mobile .terms_area .all-agreement {position:absolute;right:0;top:-30px;bottom:auto;margin:0;}
body.only-mobile .terms_area .agree_box {position:absolute;right:0;top:0;margin:0;}
body.only-mobile .terms_area .terms_box {display: none;height:auto;}
body.only-mobile .terms_area h4 {cursor:pointer;width:80%;}
body.only-mobile .terms_area h4:after {display:inline-block;content:'[보기]';width:auto;height:auto;background:none;font-weight:normal;position:relative;left:10px;}
body.only-mobile .terms_area .terms.open .terms_box {display:block;}
body.only-mobile .terms_area .terms.open h4:after {content:'[닫기]';}




/* header css */
#header {padding-bottom:0px;padding-right:32px}
	#header .wrap_nav {top:80px}

	#header > .header_inner > h1.logo {top:20px;margin:0}
	#header > .header_inner > h1.logo > a {float:left}
	#header > .header_inner > h1.logo > a > img {width:125px;height:39px}

	.wrap_social_icons ul {float:right;width:auto}
	.wrap_social_icons ul li {float:left;margin:0}
	.wrap_social_icons ul li {margin-left:-1px}
	.wrap_social_icons ul li:first-child {margin-left:0}
	.wrap_social_icons ul li:hover {border:1px solid #ddd !important;background:#21b6d3;-webkit-transition:all 0.3s ease-in 0s;-ms-transition:all 0.3s ease-in 0s;-moz-transition:all 0.3s ease-in 0s;-o-transition:all 0.3s ease-in 0s;transition:all 0.3s ease-in 0s}
	.wrap_social_icons ul li a {padding:0}
	.wrap_social_icons ul li a img {width:59px;height:29px}
	.wrap_social_icons ul li.login_cert a img {width:89px;}

	.wrap_social_icons ul li.home a {background:url(/images/custom/icon_home.png) no-repeat center}
	.wrap_social_icons ul li.loginbtn a {background:url(/images/custom/icon_login.png) no-repeat center}
	.wrap_social_icons ul li.login_cert a {background:url(/images/custom/icon_login_cert.png) no-repeat center}
	.wrap_social_icons ul li.logout a {background:url(/images/custom/icon_logout.png) no-repeat center}
	.wrap_social_icons ul li.sitemap a {background:url(/images/custom/icon_sitemap.png) no-repeat center}

	.wrap_social_icons ul li.util_on.home a {background:url(/images/custom/icon_home_on.png) no-repeat center}
	.wrap_social_icons ul li.util_on.loginbtn a {background:url(/images/custom/icon_login_on.png) no-repeat center}
	.wrap_social_icons ul li.util_on.login_cert a {background:url(/images/custom/icon_login_cert_on.png) no-repeat center}
	.wrap_social_icons ul li.util_on.logout a {background:url(/images/custom/icon_logout_on.png) no-repeat center}
	.wrap_social_icons ul li.util_on.sitemap a {background:url(/images/custom/icon_sitemap_on.png) no-repeat center}



	#navigation > li {width:191px;height:44px;border-right:none;border-left:1px solid #ddd;}
	#navigation > li > a {display:table;width:193px;height:46px;padding:11px 0;font-family:'dotum';font-size:14px;color:#3b3b3b}
	#navigation > li > a span {display:table-cell;vertical-align:middle}
	#navigation > li:first-child {border-left:none;width:194px;}
	#navigation > li:first-child > a {width:196px;}
	#navigation > li:first-child li a {width:194px;}
	#navigation > li:hover,
	#navigation > li.current-menu-ancestor {position:relative;z-index:204;}
	#navigation > li.current-menu-ancestor > a,
	#navigation > li > a:hover {font-weight:bold}
	#navigation > li .sub-menu a {padding:3px 12px 2px;font-family:"dotum";font-size:13px;color:#3b3b3b;letter-spacing:-1px}
	#navigation li li a {min-width:191px;max-width:100%}
	#navigation li li.current_page_item > a,
	#navigation li li.current_page_ancestor > a,
	#navigation li li.current-menu-ancestor > a,
	#navigation li li:hover > a:hover,
	#navigation ul li:hover > a {background:#f8fdfe}


/* sub page middle(heading & breadcrumbs) css */
.headline {overflow:hidden;padding:32px 0 4px;line-height:1}
	.headingBox {float:left}
	.headingBox h2 {display:inline;margin:0;font-family:"NBG";font-size:30px}
	.headline .headingDetail {display:inline;padding-left:10px;margin:0;text-transform:none;color:#7d7d7d}

	.cmsms_breadcrumbs  {float:right;padding:0;margin:0;margin-top:14px;border:none}
	.cmsms_breadcrumbs a {color:#7b7b7b;font-family:"dotum";font-size:12px}
	.breadcrumbs_sep_1 {color:#d7d7d7}
	.breadcrumbs_sep_2 {color:#d7d7d7}
	.breadcrumbs_sep_last {color:#d7d7d7}
	.breadcrumbs_sep_last + .cms_depth_last {color:#2cbfd9}
	h3.searchH3 {margin-bottom:10px;font-size:20px;color:#7d7d7d;}
	.search_line input[type="text"] {font-size:12px;font-family:'dotum'}


/* sub page middle(content) css */
#top + .content_wrap {color:#747474;padding:0;z-index:19;}
.content_wrap {color:#747474;padding:50px 0 100px}
	.content_wrap:after {width:100%;margin:0;background:#ddd}
	/* left */
	#middle_content {overflow:visible;padding-top:0;padding-bottom:0}
	.content_wrap .lnb {width:100%;margin:0 0 60px 0}
	.content_wrap .lnb > li {list-style:none;border-bottom:1px solid #ddd}
	.content_wrap .lnb > li:first-child {border-top:1px solid #ddd}
	.content_wrap .lnb > li > a {display:block;padding-left:11px;height:39px;color:#5a5a5a;font-family:"dotum"}
	.content_wrap .lnb > li > a:before {content:"";display:block;height:15px;}
/*	.content_wrap .lnb > li > a {display:table;width:100%;height:39px;color:#5a5a5a;font-family:"dotum"}
	.content_wrap .lnb > li > a span {display:table-cell;padding-left:11px;vertical-align:middle;font-family:"dotum";font-size:12px;}
*/
	.content_wrap .lnb > li:focus > a,
	.content_wrap .lnb > li:hover > a {background:#f9f9f9;-webkit-transition:background .3s ease-in-out;-ms-transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;-o-transition:background .3s ease-in-out;transition:background .3s ease-in-out}
	.content_wrap .lnb > li.on > a {height:41px;margin:-1px 0 ;color:#fff;font-weight:bold;background:#21b6d3}
	.content_wrap .lnb > li.on:focus > a,
	.content_wrap .lnb > li.on:hover > a {height:41px;margin:-1px 0 ;color:#fff;font-weight:bold;background:#21b6d3}

	.content_wrap .lnb li ul {margin:0;border-top:1px solid #ddd}
	.content_wrap .lnb li li:first-child {border-top:none}
	.content_wrap .lnb li li {line-height:1;padding:0;list-style:none;border-top:1px solid #ddd}
	.content_wrap .lnb li li a {display:block;padding:14px 0 14px 23px;line-height:1;font-family:"dotum";font-size:12px;color:#8d8d8d;background:url(/images/custom/bul_lnb_off.jpg) no-repeat 17px center}
	/*.content_wrap .lnb li li span {padding-left:23px;background:url(/images/custom/bul_lnb_off.jpg) no-repeat 17px center}*/

	.content_wrap .lnb li.on ul {border-top:none}
	.content_wrap .lnb li.on li.on a {font-weight:bold;color:#21b6d3;background:url(/images/custom/bul_lnb_on.jpg) no-repeat 17px center}
	/*.content_wrap .lnb li.on li.on span {background:url(/images/custom/bul_lnb_on.jpg) no-repeat 17px center}*/
	.content_wrap .lnb li li a:focus,
	.content_wrap .lnb li li a:hover {color:#22b6d3;background:url(/images/custom/bul_lnb_on.jpg) no-repeat 17px center}
/*	.content_wrap .lnb li li a:focus span,
	.content_wrap .lnb li li a:hover span {background:url(/images/custom/bul_lnb_on.jpg) no-repeat 17px center}
*/

	.one_first {width:100%;margin:0;}
	#middle_content .one_half {position:relative;width:80%;max-width:694px;margin:0}
	#middle_content .one_half.first_column {width:20%;max-width:200px;min-width:200px;margin:0 70px 0 0}

	.contactCall {border-bottom:1px solid #ddd;background:#f9f9f9}
	.contactCall dl {padding:10px 12px;border-top:1px solid #ddd;}
	.contactCall dl dt {font-weight:bold;margin-bottom:10px;}
	.contactCall dl dd {color:#a8a6a6;}
	.contactCall dl dd + dd {margin-top:3px;}
	.contactCall dl dd.callnum {margin-bottom:10px;}
	.contactCall .button-request {box-sizing:border-box;vertical-align:middle;display:inline-block;height:22px;line-height:22px;padding:0 15px;color:#fff;background:#21b6d3;border:1px solid #21b6d3;font-family:'dotum';font-size:11px;text-align:center;font-weight:bold;text-decoration:none;position:relative;z-index:1;cursor:pointer;transition:background-color .3s ease-in-out, color .3s ease-in-out, border-color .3s ease-in-out;}
	.contactCall .button-request:hover,
	.contactCall .button-request:focus {color:#21b6d3;background:#fff;}
	.contactCall .leftTbotBanner {display:block;border-top:1px solid #ddd;}

	/* right */
	h3 {overflow:visible;padding:0;margin:6px 0 37px;line-height:1;font-family:"NBG";font-size:30px;color:#21b6d3}
	h3:before, h3:after {display:none}
	h3 span {color:#dcdcdc}

	h3.process_h3 {padding-bottom:10px;}
	h3.process_h3:before, h3.process_h3:after {display:block;position:absolute;left:0;bottom:0;content:'';background:#d4d4d4;width:100%;height:1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
	h3.process_h3:after {width:230px;height:2px;background-color:#2cbfd9}


	h4 {position:relative;padding-bottom:11px;margin:0;line-height:1;font-family:"NBG";font-size:20px;color:#484747}
	h4:before, h4:after {position:absolute;left:0;bottom:0;content:'';background:#d4d4d4;width:100%;height:1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
	h4:after {width:230px;height:2px;background-color:#2cbfd9}
	h4 span {color:#989898}
	h4 strong {font-size:12px;font-weight:normal;}

	.input_area h5 {overflow:hidden;position:relative;padding-bottom:11px;margin:0;line-height:1;font-family:"NBG";font-size:20px;color:#484747}
	.input_area h5:before, .input_area h5:after {position:absolute;left:0;bottom:0;content:'';background:#d4d4d4;width:100%;height:1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
	.input_area h5:after {width:230px;height:2px;background-color:#2cbfd9}


/* 404, 500 */
.error h2 {font-size:20px;font-family:"NBG"}


/* footer css */
#footer {padding:21px 30px 20px;background:#e9e9e9;color:#8b8b8b;font-size:11px;}
	#footer .footerInner {background:url(/images/custom/logo_footer.png) no-repeat left 9px}
	#footer .footerInner:after {content:"";display:block;clear:both}
	#footer p {padding:0;line-height:1}
	address {float:left;margin-left:108px}
	address:after {content:"";display:block;clear:both}
	address p:first-child  {margin-bottom:3px}
	address p:first-child +  p {margin-bottom:7px}
	address .copyright {margin:13px 0 0;color:#ababab}
	address span {color:#c4c4c4}

	#footer .footer_nav {margin:0;margin-top:-4px}
	#footer .footer_nav li {padding:0;line-height:1}
	#footer .footer_nav li + li a {font-weight:bold;}
	#footer .footer_nav li + li + li a {font-weight:normal;}
	#footer .footer_nav a {font-size:11px;font-family:"dotum";color:#4b4b4b}
	#footer .footer_nav li:before {content:"|";display:inline-block;margin:0 10px 0 3px;color:#999}
	#footer .footer_nav li:first-child:before {display:none;}

	.footerContent {float:right;width:400px;text-align:right;}
	.footerContent select {float:right;width:145px;height:24px;padding:0 0 0 4px;margin:4px 0 0 0;border:1px solid #828282;color:#747474;font-family:"dotum"}
	#footer .kakaoplus-link {display:inline-block;color:#4b4b4b;font-family:"dotum";padding-top:4px;margin-right:15px;}
	#footer .kakaoplus-link img {display:inline-block;vertical-align:middle;margin-left:6px;margin-top:-3px;}
	#footer .kakaoplus-link:hover {color:#4b4b4b;}


/* media query */
@media only screen and (max-width: 1024px) {
	#page {width:94%}

	/* header */
	#header {padding:0 30px;}
	#header > .header_inner > h1.logo {top:20px !important;}
	.wrap_social_icons ul.social_icons li {float:none;display:inline-block;}
	#header,
	#middle {padding:0 20px;}
	body.only-from-rapage #middle,
	body.only-from-webra #middle,
	body.only-from-kakaoplus #middle,
	body.only-mobile #middle {padding:0 30px;}
	.responsive_nav {margin-right:0;}
	#header .wrap_social_icons {text-align:center;}
	.wrap_social_icons ul {float:none;}
	.headline .headingDetail {display:none;}

	/* content*/
	#middle_content .one_half {width:100%;max-width:100%;margin:0 0 20px}
	#middle_content .one_half.first_column {width:100%;min-width:inherit;max-width:inherit;margin-bottom:20px}
	.contactCall {display:none}
	/*lnb*/
	.content_wrap .lnb {margin:0 0 40px 0;}
	.content_wrap #lnb1 > li > a span {background:url(/images/custom/bul_lnb_down.png) no-repeat 97% center;}
	.content_wrap #lnb1 > li.on > a span {background:url(/images/custom/bul_lnb_up.png) no-repeat 97% center;}

	/* footer */
	.footerInner {position:relative;height:60px;}
	.footerInner address {position:absolute;bottom:-15px;}
	.footerInner .footerContent {position:absolute;left:0;top:-10px;width:100%;}
	#footer .footer_nav {float:left;margin:0 0 0 108px;}
	.footerContent select {margin-top:22px}
	#footer .kakaoplus-link {display:block;padding-top:0;margin:0 0 -12px 0;}

	address .copyright {margin-top:6px;}
}
@media only screen and (max-width: 800px) {
	/*footer*/
	.footer_nav {padding:0;}
}
@media only screen and (max-width: 767px) {
	/*footer*/
	.footerInner {height:90px;}
	.footerContent {text-align:left;}
	.footerContent select {float:left;margin:0 0 0 108px;}
	#footer .kakaoplus-link {float:left;margin:0 -88px 0 108px;}
}
@media only screen and (max-width: 640px) {
	/*footer*/
	.footerInner {height:105px;}
}
@media only screen and (max-width: 600px) {
	.headline > div.cmsms_breadcrumbs {display:none}
	/*footer*/
	.footerInner address {margin-left:0;}
	#footer .footer_nav li:before {margin:0 3px 0 0;}
}
@media only screen and (max-width: 500px) {
	/*header*/
	.cmsms_breadcrumbs {float:left;}
	/*footer*/
	.footerInner {height:125px;}
}
@media only screen and (max-width: 390px) {
	/*footer*/
	.footerInner {height:160px;}
}

/*gnb media query*/
@media only screen and (min-width: 601px) and (max-width: 1024px) {
	.responsive_nav {display:none}
	#header {overflow:visible;min-height:150px !important;}
	#header .wrap_nav {position:absolute;top:105px !important;border:1px solid #dddddd;z-index:20;box-sizing:border-box;}
	#header > .header_inner > h1.logo {top:30px !important;}
	#header nav {padding:0;margin:0;}
	.custom_header {position:absolute;width:100%;}
	#navigation {overflow:visible;display:block !important;margin:0;}
	#navigation:after {content:"";display:block;clear:both;}
	#navigation li:before, #navigation li ul li:before {display:none}

	#navigation > li:hover > ul,
	#navigation > li:hover > ul > li:hover ul {display:block}

	#navigation ul {background:#fff;}
	#navigation ul li {background:none;}
	#navigation > li > ul {width:100%;}
	#navigation li li a {min-width:100%;min-height:33px;}
	#navigation li li li a {min-width:150px;}
	#navigation ul ul {position:absolute;left:100%;top:0;border:1px solid #dddddd;background:#fff;}
	#navigation ul li a span {display:table-cell;padding:0 20px 0 20px;vertical-align:middle;}
	#navigation > li {float:left;width:20%;height:44px;margin-left:-1px;border-left:1px solid #dddddd;}
	#navigation > li > a {display:block;width:100%;min-width:inherit;height:46px;padding:0;margin:-1px 0;}
	#navigation > li > a > span {display:block;padding:0;line-height:46px;text-align:center;}
	#navigation > li > ul {position:absolute;left:0;top:100%;background:#fff;border:1px solid #dddddd;}
	#navigation > li .sub-menu a {display:table;padding:6px 0 5px;width:100%;}
	#navigation > li:first-child {border-left:none;margin-left:0;width:20%}
	#navigation > li:first-child > a,
	#navigation > li:first-child li a {width:100%;}

	#navigation li li.current_page_item > a, #navigation li li.current_page_ancestor > a,
	#navigation li li.current-menu-ancestor > a, #navigation li li:hover > a:hover, #navigation ul li:hover > a {border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;font-size:12px;}
}
@media only screen and (max-width: 600px){
	#navigation > li {float:none;width:100%;height:auto;border-left:none;}
	#navigation > li > a {padding:0;width:100%;height:41px;padding-left:11px;}
	#navigation > li > a span {padding:0;line-height:41px;}
	#navigation > li:first-child,
	#navigation > li:first-child > a,
	#navigation > li:first-child li a {width:100%;}

	#navigation li li.current_page_item > a,
	#navigation li li.current_page_ancestor > a,
	#navigation li li.current-menu-ancestor > a,
	#navigation li li:hover > a:hover, #navigation ul li:hover > a,
	#navigation > li .sub-menu a {display:table;max-height:41px;padding:0;width:100%;font-size:12px;}
	#navigation ul li a span {display:table-cell;vertical-align:middle;height:41px;padding:0 45px 0 30px;}
	#navigation ul ul li a span {padding:0 45px 0 45px;}
	#navigation ul .current-menu-ancestor > a span {font-weight:bold;color:#3b3b3b;}
	#navigation .current-menu-item > a span {font-weight:bold;}
}