/**
* Theme styleseet file
*
* @Program     DWEBS
* @Type  	   css
* @author      DWEBS
* @link        https://www.dwebs.kr
*/

@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

/* -------------------------------------------------------------------
| Custom selection color
| ------------------------------------------------------------------*/
::selection { background-color: #5d5d5d; color: #58FAF4; }
::-moz-selection { background-color: #cccccc; color: white; }


/* -------------------------------------------------------------------
| Custom mark tag
| ------------------------------------------------------------------*/
mark {
	background: #CEECF5;
	border-radius: 3px;
	padding:4px;
	color: #000;
	font-weight:bold;
}


/* ------------------------------------------------------------------------------------
| Custom bootstrap breadcrumb
|
| 서브페이지 타이틀 영역
| 부트스트랩 breadcrumb 기본 구분자 및 속성 수정
|
| 부트스트랩은 페이지 로케이션을 위한 breadcrumb 클래스를 기본 제공합니다.
| 이러한 페이지로케이션의 각 영역간 구분자는 따로 명시하지 않으면 기본 / 로 표시하게되며,
| 이것을 변경하려면 .breadcrumb>li+li:before {content: ">";}등과 같이 재선언 합니다.
| -----------------------------------------------------------------------------------*/
.breadcrumb {color:#9c9c9c; font-size:12px; padding: 5px 0px 0; margin-bottom: 10px; list-style: none; border-radius: 4px; background:none;font-family: "NotoSans-Medium", sans-serif}
.breadcrumb>li+li:before {padding: 0 5px; color: #9c9c9c; content: ">";}
.breadcrumb .active{color:#9c9c9c;}


/* -------------------------------------------------------------------
| Header section
|
| 테마의 헤더영역내의 속성을 정의합니다.
| ------------------------------------------------------------------*/
/* #navitop_mobile {vertical-align:middle;background:#fff;background: rgba(19,35,52,0.8);position:absolute; z-index: 999; width: 100%;} */
#navitop_mobile {width: 100%;}
.header_box {width: 100%; padding: 15px;display: flex; flex-direction: row; justify-content: center; align-items: center; background-color:#fff; }

.logo{padding:0 0; margin-right: 15px;}
.logo img { height: 50px;}

.header_txt {}
.header_txt p {font-size: 11px; word-break: keep-all; line-height: 22px; font-weight: 700;letter-spacing: -0.3px;}
.header_txt p span {font-size: 14px; font-weight: 700; }

.header_call {width: 100%; }
.header_call a { width: 100%; background: #fecd07; text-align: center; padding: 10px 15px; display: block; text-decoration: none; text-align: center; color:#333; font-size: 13px; font-weight: 700;}
.header_call a span { font-size: 20px; font-weight: 900;padding-left: 15px;}

.mobile_btn {float:right;position:relative;width:34px;height:34px;background-color:#000;border:0px solid #2f2f2f;margin:25px 15px 0 0}
.icon-bar {margin-top:4px;margin-bottom:4px;background-color:#939393;display:block;width:22px;height:2px;border-radius:1px}

.top_navi{background:#151314;padding:5px 0 7px}
.top_navi ul{;}
.top_navi ul li{display:inline;padding:0 2.3% 0;}
.top_navi ul li a{font-size:9pt;color:#fff;text-decoration:none;letter-spacing:0.5px;font-family: "nanumMJ_B", sans-serif}
.top_navi ul li a.active{color:#666}

/* -------------------------------------------------------------------\
| Foot section
|
| 테마의 푸터영역의 속성을 정의합니다.
| ------------------------------------------------------------------*/

.footer_area_wrap {width: 100%; border-top: 1px solid #efefef; padding-bottom:120px;}
.footer_area {position:relative;width:100%; margin:0 auto; padding:0 0; }

.footer_copy {width: 100%; padding: 20px 15px; font-size: 11px; font-weight: 300; color:#666; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -0.3px; margin-bottom: 3px; word-break: keep-all; line-height: 18px; text-align: center;}
.ft_box {width: 50%; padding: 20px;}
.ft_box:nth-child(1),.ft_box:nth-child(2) {border-bottom: 1px solid #ddd;}
.ft_box:nth-child(1),.ft_box:nth-child(3) {border-right: 1px solid #ddd;}
.ft_box h1 {font-size: 18px; font-weight: 900; color:#333; margin-bottom: 15px}
.ft_box ul li {}
.ft_box2 {width: 50%; }
.ft_box2 ul {width: 100%; }
.ft_box2 ul li {float: left; width: 100%; text-align: left;}

.footer_area2 {border-top: 1px solid #efefef; text-align: center; padding: 20px 0 0 0;}
.footer_area2 div {font-size: 11px; font-weight: 300; color:#9e9e9e; font-family: 'Noto Sans KR', sans-serif;}

.admin{position:absolute;left:280px;top:42px}
.admin a{font-size:10px;color:#ccc;border:1px solid #474747;background:#2c2c2c;padding:3px 7px;border-radius:3px;font-family: "NotoSans-Bold", sans-serif;letter-spacing:0.5px;text-decoration:none}
.dwebs_logo{position:absolute; right:0px; bottom:-50px; opacity: 0.5;}
.footer_device{}

.footer_device .btn-default{font-size:10px;background:#fff;color:#666;border:1px solid #ccc;}
.footer_device .btn-primary.active, .btn-primary.active:hover{font-size:10px;background:#333;border:1px solid #333;color:#fff}
.ft_logo2{display: inline-block; width: 127px; height: 53px; position: absolute; right: 0; bottom:0;}

#kakao_banner {z-index: 51; position: fixed; right: 10px; bottom: 100px;}
#kakao_banner a {display: flex; align-items: center; justify-content: center; border-radius: 50%; width: 40px; height: 40px; background-color: #EADE25;
 font-size: 30px; color:#381C1B;}
 #kakao_banner a:hover {text-decoration: none;}


/* -------------------------------------------------------------------
| Button section
|
| 테마내의 버튼들의 속성을 정의 합니다.
| ------------------------------------------------------------------*/
.btn_page_up{position:fixed; bottom:50px; right:50px; z-index:1000; display:none;}
.btn_page_up img:hover{opacity:0.5; cursor:pointer;}
.login_btn_default { background-color:#474a4d; border:1px solid #474a4d; color:#3c4349; font-size:12pt; height:68px; color:#ccc; }
.login_btn_default:hover { background-color:#333; color:#fff; }
/* #device_btn {vertical-align:top; margin:0 auto;}
.board_btn_default { background-color:#474a4d; border:1px solid #474a4d; color:#d8d8d8; font-size:10pt; padding-left:10px; padding-right:10px; height:30px; }
.board_btn_default:hover { color:#fff; } */

#device_btn {vertical-align:middle; margin:0 auto;}
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #333;
    border-color: #333;
}
.board_btn_default { background-color:#fff; border:1px solid #474a4d; color:#d8d8d8; font-size:10pt; padding-left:10px; padding-right:10px; height:30px; }
.board_btn_default:hover { color:#fff; }
/* -------------------------------------------------------------------
| Bxslider section
|
| 테마의 Body영역의 속성을 정의합니다.
| ------------------------------------------------------------------*/
/* BXSLIDER */
#main_pager {position: absolute; bottom: 40px; left: 0; z-index: 99; width: 100%; text-align: center; font-size: 0;}
#main_pager a {display: inline-block; width: 18px; height: 18px; border-radius: 50%; background: #fff; margin-right: 15px;}
#main_pager a:last-child {margin-right: 0;}
#main_pager a.active { background: #fecd07; width: 40px; border-radius: 50px;}

.main_typo_btn {width: 244px; position: absolute; bottom: 90px; left: 50%; margin-left: -122px;}
.main_typo_btn a { width: 100%; background: #fecd07; color:#333; padding: 15px; text-align: center; font-size: 16px; font-weight: 700; display: block; border-radius: 3px; text-decoration: none;}
.main_typo_btn a span {font-size: 18px; position: relative;top: 3px; margin-right: 5px;}

.bxslider li img { margin:0 auto; }
.bxslider_btn_prev {
	position: absolute;
	left: 0px;
	top: 50%;
	z-index: 99;
	background: url('../images/bxslider_btn_prev.png') no-repeat 0 50%;
	border: 0;
	width: 46px;
	height: 64px;
	text-indent: -9999px;
	margin-top: -30px;
	opacity:0.6;
}
.bxslider_btn_next {
	position: absolute;
	right: 0px;
	top: 50%;
	z-index: 99;
	background: url('../images/bxslider_btn_next.png') no-repeat 0 50%;
	border: 0;
	width: 46px;
	height: 64px;
	text-indent: -9999px;
	margin-top: -30px;
	opacity:0.6;
}

/*tnb*/
.tnb_wrap {text-align: center; border-bottom: 1px solid #ddd;}
.tnb_btn {margin: 0 auto; display: inline-block; background: url('../images/common/kakao_logo.png') no-repeat 0 45%; background-size: 30px 30px;  padding: 10px 0; padding-left: 40px;}
.tnb_btn a {color:#333; font-size: 14px; font-weight: 400; display: block; text-decoration: none;}
.tnb_btn a span {background:#fbb117; padding: 3px 10px; border-radius: 30px; font-weight: 700}

/*top_main*/
.main_c_box2_wrap {width: 100%;}
.main_c_box2 {width: 100%; height: 200px; background: #ddce7b; padding: 0 20px 20px 20px;}
.main_c_box2:nth-child(2) {background: #5acebf}
.main_c_box2:nth-child(3) {background: #5aa1ce}
.m_c2_title {width: 100%; background: rgba(0,0,0,0.2); padding: 15px; border-radius: 0 0 30px 30px; text-align: center; font-size: 16px; font-weight: 500; color: #fff;}
.main_c_box2 ul {margin-top: 30px;}
.main_c_box2 ul li {margin-bottom: 10px; font-size: 15px; color:#333; padding: 0 10px; letter-spacing: -0.5px;}
.main_c_box2 ul li span {font-size: 24px; padding-right: 10px; color: rgba(0,0,0,0.4);}


/*banner */
.left_banner_wrap { width: 240px; position: fixed; z-index: 9999; top: 230px; right: 20px; padding: 0; font-size: 16px;}
.l_b_call {width: 100%; padding: 10px 20px; background: #005cb9; }
.l_b_call a {background: url('../images/common/banner_call.png') no-repeat 5px 0; background-size: 25px 25px; font-size: 16px; line-height: 26px; padding-left: 40px;  font-weight: 400; margin: 0; display: block; color:#fff; text-decoration: none;}
.l_b_call a span {text-align: center; font-size: 16px; font-weight: 700; padding-left: 15px;}


.bottom_banner_wrap {background:#ffbc2c; width: 100%; position: fixed; z-index: 9999; bottom: 0; left: 0; padding: 0; font-size: 16px; padding-bottom: 41px;}
.bottom_banner {width: 100%; padding-top: 10px;}
.btm_box {padding: 0 0;}
.btm_box:nth-child(2) {width: 100%; margin-right: 0;}
.btm_box h1 { width: 400px; font-size: 16px; font-weight: 700; background-size: 20px 20px;  margin: 0 0 15px 0;  color: #333; letter-spacing: -0.7px; text-align: left;}

.btm_box_input {float: left; margin: 0; font-size: 0; width: 50%; padding: 0 5px;}
.btm_box input { width: 100%; border-radius: 5px;color:#333; padding-left: 10px;  border: none;}
.btm_box label {display: inline-block;font-size: 16px; font-weight: 500; margin: 0;  color: #333;}

.btm_banner_btn {width: 100%; height: 41px; position: absolute; bottom: 0;}
.btm_banner_btn h1 {color:#fff; background: #ff992c;height: 41px; line-height: 41px; text-align: center;}
.btm_banner_btn button { background:#ef5340; color:#fff; transition: all 0.3s;font-size: 14px; padding: 10px 0;}
.btm_banner_btn button i {font-size: 20px;}


#modal1 {margin: 0 auto;}
.modal_script_box {font-size: 14px; text-align: left;  margin-top: 30px;}
.modal_script_box ul li ul li {color:#888; font-weight: 300; font-size: 13px; letter-spacing: -0.5px; margin: 10px 0;}

#app_form {width: 100%; padding: 20px 0 0 40px;  }
#app_form input {width: 260px; margin-left: 20px;}
#app_form label {color: #333; font-size: 18px; font-family: 'Noto Sans KR', sans-serif; font-weight: 300;}
#app_form  button {width:280px; height: 60px; background: #c7a54f; color: #FFF; margin-top: 0px; border: 0; line-height: 28px; text-decoration: none; display:block; font-size: 16px; color: #fff; text-align: center; font-family: 'Noto Sans KR', sans-serif; font-weight: 300;}
#app_form  button:hover {background: #c79c31;}

/*공통*/
h1, h2, h3, h4, h5 {padding: 0; margin: 0;}
.c_title_box {text-align: center;}
.c_title_box p {width: 100%; font-size: 18px; font-weight: 500; color:#333;  text-align: center; line-height: 30px; margin-bottom: 15px; word-break: keep-all;}
.c_title_box h1{ font-size: 30px; font-weight: 900;letter-spacing: -0.5px; word-break: keep-all; line-height: 45px;}
.c_title_box h1 span { color:#fecd07;}
.c_title_box h2 { font-size: 30px; line-height: 46px; font-weight: 900; letter-spacing: -0.5px; word-break: keep-all;}
.c_title_box h3 {font-size: 18px; font-weight: 500; color:#333; margin-top: 20px;word-break: keep-all; line-height: 30px;}

.c_line {width: 40px; height: 1px; background: #000; margin:  10px 0; display: inline-block;}

/*c1*/
.contents1 {width: 100%; margin: 0 auto; display: flex; flex-direction: row;flex-wrap: wrap; padding: 0;}
.c1_box {width: 50%; background: #fff; text-align: center; border: 5px solid #fff; transition: all 0.1s; padding: 15px;}
.c1_box:nth-child(2), .c1_box:nth-child(3) {background: #f7f7f7;  border: 5px solid #f7f7f7;}
.c1_box h1 {font-size: 20px; font-weight: 900; color:#333; margin-bottom: 13px;}
.c1_box p {font-size: 14px; font-weight: 300; color:#333; font-family: 'Noto Sans KR',sans-serif; word-break: keep-all;}
.c1_icon img {width: 50px;}

/*c2*/
.c2_wrap {width: 100%; padding: 65px 15px; background: url('../images/common/c2_bg.jpg') no-repeat 0 0; background-size: cover;}
.contents2 {width: 100%; margin: 0 auto;}
.c2_article {margin-top: 30px; }
.c2_box {width: 100%; text-align: left; display: flex; flex-direction: row; align-items: center; padding: 30px 0; border-top: 1px solid #ccc; }
.c2_box:last-child {border-bottom: 1px solid #ddd;}
.c2_icon {width: 120px;overflow: hidden; margin-right: 20px;}
.c2_icon img { width: 79px;}
.c2_box h1 {font-size: 20px; font-weight: 900; color:#333; margin-bottom: 13px;word-break: keep-all; line-height: 30px;}
.c2_box p {font-size: 14px; font-weight: 300; color:#333; font-family: 'Noto Sans KR',sans-serif; word-break: keep-all;}

/*c3*/
.contents3 {width: 100%; margin: 0 auto; padding: 50px 15px;}

.c3_step2 {width: 100%; margin-top: 25px;}
.c3_step2 ul {display: flex; flex-direction: row; }
.c3_step2 ul li {margin-left: -1px; width: 20%; }
.c3_step2 ul li div {margin-bottom: 10px;}
.c3_step2 ul li img {width: 30px;}
.c3_step2 ul li a {width: 100%; min-height: 99px; border: 1px solid #ddd; background: #fff; font-size: 11px; font-weight: 700; color:#000; text-align: center; display: block; text-decoration: none; padding: 5px; word-break: keep-all;}
.c3_step2 ul li a span {color:#aaa; font-weight: 500;}
.c3_step2 ul li.active a {background: #f7f7f7!important;}


.c3_article {width: 100%; margin-top: 50px;}
.c3_a_img {width: 100%; text-align: center; margin-top: 30px;}
.c3_a_img img {max-width: 50%;}
.c3_a_txt {width: 100%; text-align: left;  text-align: center;}
.c3_a_txt h1 {font-size:  20px; font-weight: 900; color: #feb007; margin-bottom: 20px; line-height: 36px;}
.c3_a_txt p {font-size: 14px; font-weight: 500; color: #333; margin-bottom: 20px; line-height: 24px; word-break: keep-all;}
.c3_a_txt h2 {font-size: 20px; font-weight: 900; color: #333;word-break: keep-all;}
.c3_a_txt h3 {font-size: 14px; font-weight: 500; color: #666; margin-bottom: 20px; line-height: 24px; word-break: keep-all;}

.c3_article2 {margin-top: 15px;}
.c3_article2 ul {display: flex; flex-direction: row; padding: 0 15px 0 0; justify-content: space-between;}
.c3_article2 ul li {word-break: keep-all; font-family: 'Noto Sans KR',sans-serif; font-size: 14px; font-weight: 700; position: relative; padding-top: 15px;}
.c3_article2 ul li span {color: #feb007;}
.c3_article2 ul li div {position: absolute; top: -10px; right: -12px; font-size: 18px;}
.c3_article2 ul li:nth-child(1) {width: 18%; border-top: 2px solid #feb007; color:#feb007; }
.c3_article2 ul li:nth-child(1) div {color:#feb007}
.c3_article2 ul li:nth-child(2) {width: 78%; border-top: 2px solid #333; color:#333; text-align: center;  padding-right: 30px;}
.c3_article2 ul li:nth-child(2) div {color:#333}


.c4_wrap {width: 100%; padding:  50px 15px; background: url('../images/common/c4_bg.jpg') no-repeat 0 0; background-size: cover;}
.contents4 {width: 100%; margin: 0 auto;}
.c4_article {margin-top: 30px; display: flex; flex-direction: row; }
.c4_article ul {display: flex; flex-direction: row; justify-content: space-between; width: 100%;}
.c4_article ul li {width: 32%;}
.c4_img {border: 1px solid #efefef; width: 100%;}
.c4_article ul li img {width: 100%;}
.c4_article ul li p {font-size: 12px; font-weight: 700; color:#333; margin-top: 15px; text-align: center; line-height: 18px; word-break: keep-all;}

.c5_wrap {width: 100%; padding:  50px 15px; background: url('../images/common/c5_bg.jpg') no-repeat 0 0; background-size: cover; position: relative;}
.contents5 {width: 100%; margin: 0 auto; text-align: center;}
.c5_article {width: 100%; margin-top: 30px;}
.c5_box {margin-bottom: 30px;}
.c5_box ul {display: flex; flex-direction: row; flex-wrap: wrap;}
.c5_box ul li {width: 49%; margin-right: 2%; margin-bottom: 10px;}
.c5_box ul li:nth-child(2n) {margin-right: 0;}
.c5_box ul li img { width: 100%;}
.c5_box p {font-size: 13px; font-weight: 400; color:#333; word-break: keep-all; line-height: 24px;font-family: 'Noto Sans KR',sans-serif; letter-spacing: -0.5px;}


/*페이져*/
.c5-carousel .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; bottom:48px; display: none; }
.c5-carousel .owl-dots .owl-dot{background:#fff;width:19px; height: 19px; height:19px; border-radius: 50%; display:inline-block;margin-left:20px;transition: all 0.2s ease;}
.c5-carousel .owl-dots .owl-dot.active{background:#009f9f; width: 52px; border-radius: 50px;}
.c5-carousel .owl-dots .owl-dot:focus {outline: none; border: none;}

/*컨트롤러*/
.c5-carousel .owl-nav{position:absolute;width:100%; top: 50%; z-index: 3; margin-top: -25px;}
.c5-carousel .owl-nav button { }
.c5-carousel .owl-nav .owl-prev{position:absolute;left: -22px;  }
.c5-carousel .owl-nav .owl-next{position:absolute;right: -22px; }
.owl-nav button:focus {outline: none; border: none;}

.c5_prev {width: 50px; height: 50px; background: rgba(0,0,0,0.7);color:#fff; text-align:center;}
.c5_next {width: 50px; height: 50px; background: rgba(0,0,0,0.7); line-height: 50px!important; color:#fff; text-align:center;}
.c5_prev span { line-height: 50px!important; }
.c5_next span { line-height: 50px!important; }
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {display: block!important;}



.contents6 {width: 100%; margin: 50px auto; padding: 0 15px;}
.c6_article1 {width: 100%; margin-top: 40px; display: flex; flex-direction: row; justify-content: space-between;}
.c6_a1_box {width: 100%;}
.c6_icon_box {width: 100%; background: url('../images/common/c6_tri.png') no-repeat -15px -15px #f7f7f7; padding: 10px 5px; text-align: center;  min-height: 130px;}
.c6_icon {}
.c6_icon img {width: 50px;}
.c6_icon_box h1 {font-size: 10px; font-weight: 700; color:#333; word-break: keep-all;}
.c6_txt_box {}

#c6_btn {margin-top: 30px; width: 100%;}
#c6_btn ul {width: 100%; display: flex; flex-direction: row; justify-content: center;}
#c6_btn ul li { width: 25%; margin-left: -1px;}
#c6_btn ul li:last-child {margin-right: 0;}
#c6_btn ul li a { width: 100%; display: block; text-decoration: none; padding: 0;}
#c6_btn ul li .c6_a1_txt { width: 100%; height: 65px; border: 1px solid #ddd; text-align: center;  font-size: 14px; font-weight: 900; color:#000; transition: all 0.3s; padding: 0; margin-top: 15px; line-height: 80px; position: relative;}
#c6_btn ul li.active .c6_a1_txt {background: #eee;}

#c6_btn ul li:nth-child(2n) .c6_icon_box {background: url('../images/common/c6_tri.png') no-repeat -15px -15px #fff;}
.c6_a1_txt div {position: absolute; top: -20px; left: 0; font-size: 12px; font-weight: 700; width: 100%; text-align: center; color:#ffae00;}

/* #c6_btn ul li:hover .c6_icon img {transform:rotateY(180deg); transition:transform 500ms}
#c6_btn ul li:hover .c6_a1_txt {background: #fecd07; border: 1px solid #fecd07;} */
.nav>li>a:focus, .nav>li>a:hover {background: none!important}

.c6_article2 {margin-top: 15px; border: 1px solid #ddd; padding: 15px;}
.c6_article2 dl { width: 100%;  overflow: hidden; padding: 0; margin: 0;  width: 100%; margin-bottom: 15px;}
.c6_article2 dl:last-child {margin-bottom: 0;}
.c6_article2 dt {width: 100%; padding-left: 0; margin: 0; font-size: 18px; font-weight: 900; color:#000;}
.c6_article2 dd {width: 100%; font-size: 13px; font-weight: 300; color:#666; font-family: 'Noto Sans KR',sans-serif; line-height: 24px; word-break: keep-all;}

.c6_article2 dt i {color:#fecd07; font-size: 24px; margin-left: 5px; position: relative; top: 3px;}

.c7_wrap {width: 100%; padding: 30px 0 0 0; background: url('../images/common/c7_bg.png') no-repeat 0 0 #f7f7f7;}
.c7_txt_box {width:100%; padding: 0 15px; margin-bottom: 30px; text-align: center;}
.c7_txt_box h2 {font-size: 18px; font-weight: 500; color:#333; margin-bottom: 15px;  letter-spacing: -0.5px;}
.c7_txt_box h1 {font-size: 24px;  line-height: 40px; font-weight: 900; color:#333; margin-bottom: 15px; letter-spacing: -0.5px; word-break: keep-all;}
.c7_txt_box p {font-size: 14px; line-height: 24px; font-weight: 300; color:#333; font-family: 'Noto Sans KR',sans-serif; word-break: keep-all;}
.c7_txt_box p span {font-weight: 700; color:#000;}

.c7_img_box ul {width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; }
.c7_img_box ul li {width: 25%; overflow: hidden;}
.c7_img_box ul li img {width: 100%;}


/* .contents8 {width: 100%; margin: 50px auto 15px auto; padding: 0 15px; }
.c8_article {width: 100%;margin-top: 30px;}
.c8_box {width: 100%; padding: 30px 20px; border-top: 1px solid #efefef; text-align: left; }
.c8_box_title {display: flex; flex-direction: row; justify-content: center; align-items: center; }
.c8_icon {margin-right: 30px}
.c8_icon img {vertical-align:middle; transition:transform 500ms}
.c8_box h1 {margin: 0 0 10px 0; font-size: 36px; font-weight: 900; color:#feb007; letter-spacing: -1px;}
.c8_box h2 {font-size: 20px; font-weight: 900; color:#333; margin-bottom: 10px;}
.c8_box p {font-family: 'Noto Sans KR',sans-serif; font-size: 14px; line-height: 24px;font-weight: 300; color:#333; word-break: keep-all;}
.c8_box:hover {border: 1px solid #000;}
.c8_box:hover .c8_icon img {transform:rotateY(180deg); transition:transform 800ms} */

/*c1*/
.contents8 {width: 100%; padding: 50px 0;}
.c8_article {width: 100%; margin: 30px auto 0 auto; display: flex; flex-direction: row;flex-wrap: wrap; padding: 0; position: relative;}
.c8_box {width: 50%; background: #fff; text-align: center; border: 5px solid #fff; transition: all 0.1s; padding: 15px;}
.c8_box:nth-child(2), .c8_box:nth-child(3) {background: #f7f7f7;  border: 5px solid #f7f7f7;}
.c8_box:nth-child(3), .c8_box:nth-child(4) {padding-bottom: 35px;}
.c8_box h1 {font-size: 16px; font-weight: 900; color:#333; margin-bottom: 13px;}
.c8_box p {margin: 0 0 10px 0; font-size: 22px; font-weight: 900; color:#feb007; letter-spacing: -1px;}
.c8_icon img {width: 50px;}
.c8_txt {position: absolute; bottom: 0; right: 0; background: #ccc; color:#333; font-size: 12px; font-weight: 500; padding: 5px;}


.c9_wrap {width: 100%; padding: 65px 15px; background: #f7f7f7;}
.contents9 {width: 100%; margin: 0 auto}
.contents9 .c_title_box p {margin-bottom: 0; margin-top: 15px; }
.c9_article {margin-top: 30px;}
.c9_form { width: 100%; background: #fff; border-top: 1px solid #000; padding: 30px 15px; position: relative; margin-bottom: 20px;}
.red_txt {position: absolute; top: 10px; right: 15px; color:red; font-size: 14px; font-weight: 700;}
.c9_banner {width: 100%; background: #fff; border-top: 1px solid #000; text-align: center;}

.c9_form_table {width: 100%;}
.c9_form_table table {width :100%;}
.c9_form_table table th, .c9_form_table table td {padding: 15px 0; text-align: left; border-bottom: 1px solid #ddd;}
.c9_form_table table th {font-size: 14px; font-weight: 700; color:#333; letter-spacing: -0.35px; width: 200px;}
.c9_form_table input {height: 35px; }
.c9_form_table button {height: 35px; }
.c9_form_table select {height: 35px; }
.c9_form_table input::placeholder {color:#cdcdcd;}

.c9_ck_box {justify-content: flex-end; width: 100%; margin: 30px 0;}
.c9_ck_box div {font-family: 'Noto Sans KR',sans-serif; font-size: 14px; font-weight: 500; color:#333}
.c9_ck_box div a {background: #feb007; color:#fff; font-size: 12px; font-weight: 300; display: inline-block; padding: 3px 15px; border-radius: 50px; text-decoration: none; transition: all 0.3s; margin-left: 10px; position: relative; top: -3px; cursor: pointer;}
.c9_ck_box div a:hover {background: #333;}
.c9_ck_box div:nth-child(2) label {font-weight: 400!important; margin-top: 15px;}

.c9_btn {text-align: center;}
.c9_btn button { width: 243px; height: 58px; background: #333; color:#fff; line-height: 58px; font-size: 20px; font-weight: 700; border-radius: 3px; transition: all 0.3s}
.c9_btn button:hover {background: #feb007}

#modal1 .modal-dialog {}
#modal1  .modal-title {font-weight: 600; font-size:18px; }
#modal1 .modal-body {padding:15px 0 !important; }
#modal1 .modal-body p {font-size:13px; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -.5px; color:#666; line-height: 24px; word-break: keep-all; text-align: left;
font-weight: 300; }
#modal1 .modal-body p b {font-weight: 500; color:#333; font-size:14px; }
#modal1 .modal-body h5 {font-size:14px; font-weight: 500; color:#333; line-height: 26px; margin:0 0 20px; word-break: keep-all; font-family: 'Noto Sans KR', sans-serif;
letter-spacing: -.5px ;}


.c9_banner h1 {width :100%; background:#fecd07; color:#fff; font-weight: 700; font-size: 20px; padding: 20px 0; }
.c9_banner h3 {font-size: 34px; font-weight: 700; color:#000; margin-top: 25px;}
.c9_banner h2 {font-size: 40px; font-weight: 900; color:#feb007;}
.c9_banner h4 {font-size: 24px; font-weight: 700; color:#000; margin: 18px 0; }
.c9_banner p {font-size: 16px; font-weight: 300; color:#a6a6a6; margin-bottom: 48px; line-height: 24px; }

.contents10 {width: 100%; padding: 40px 15px;}
.c10_article ul {display: flex; flex-direction: row; justify-content: space-between; width: 100%;}
.c10_article ul li {width: 48.5%; margin-right: 3%; border: 1px solid #ddd; overflow: hidden;}
.c10_article ul li:last-child {margin-right: 0;}
.c10_article ul li img {width :100%;}
.contents10 p {font-size: 18px; font-weight: 700; word-break: keep-all; text-align: center; margin: 25px 0;}
.contents10 p span { color:#fecd07;}
.c10_btn {width: 243px; margin: 0 auto;}
.c10_btn a { width: 100%; background: #fecd07; color:#333; padding: 15px; text-align: center; font-size: 16px; font-weight: 700; display: block; border-radius: 3px;}
.c10_btn a span {font-size: 18px; position: relative;top: 3px; margin-right: 5px;}

.partner_wrap {width: 100%; border-top: 1px solid #efefef;}
.partner {width: 100%; margin: 0 auto; }
.partner ul {display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap;}
.partner ul li {width: 50%; text-align: center; padding: 20px 0;}
.partner ul li:nth-child(1) {border-right: 1px solid #efefef;}
.partner ul li img {max-width: 80%;}

.btm_bn_wrap {width :100%;  background: url('../images/common/f_banner_bg.png') no-repeat 0 0 ; background-size: cover; background-color: #181818; border-top: 3px solid #fecd07; position: fixed; bottom: 0; left: 0; z-index: 99;}
.btm_bn {width: 100%; margin: 0 auto; position: relative;}
.btm_txt {width :100%; padding: 15px; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.btm_txt h1 {font-size: 14px; color:#fff; font-family: 'GmarketSansMedium',sans-serif; line-height: 26px;}
.btm_txt h1 span {font-size: 20px; color:#fecd07; font-family: 'GmarketSansBold',sans-serif; }
.btm_bn_btn {width: 70px; margin-top: 5px; margin-left: 30px;}
.btm_bn_btn a {display: block; text-decoration: none;}




#modal2 {}

#modal2 .modal-dialog {
	width: 95%;
    margin: 20px auto 0 auto;
	border-radius: 6px;

}

#modal2 .c9_form { width: 100%; background: #fff; border-top: none; padding: 30px 10px; margin-bottom: 0;}
#modal2 .c9_form_table {border-bottom: 1px solid #ddd; padding-bottom: 15px;}
#modal2 .c9_form_table table th, #modal2  .c9_form_table table td {padding: 10px 0; text-align: left; border-bottom: none;}
#modal2 .c9_form_table table th{padding: 0;}
#modal2 .c9_ck_box {margin-bottom: 0;}

#modal2 .c9_ck_box {margin-top: 20px;}
.btm_bn_btn2 {width: 173px; height: 43px; margin: 20px auto 0 auto; }
.btm_bn_btn2 button {width: 173px; height: 43px; line-height: 43px; color:#fff; font-size:18px; font-weight :700; background: #333; border-radius: 3px; transition: all 0.3s;}
.btm_bn_btn2 button:hover {background:#feb007 }
/* -------------------------------------------------------------------
| Body section
|
| 테마내에 일반적인 컨텐츠들의 속성을 정의합니다.
| ------------------------------------------------------------------*/
/* warp */
#wrap {background-color:#fff;}


/*추가*/
#sido {border: 1px solid #ccc; border-radius: 4px; margin-right: 5px;box-shadow: inset 0 1px 1px rgba(0,0,0,.075); padding: 0 5px;}
#gugun {border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); padding: 0 10px;}
#sido2 {border: 1px solid #ccc; border-radius: 4px; margin-right: 5px;box-shadow: inset 0 1px 1px rgba(0,0,0,.075); padding: 0 5px;}
#gugun2 {border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); padding: 0 10px;}


/* -------------------------------------------------------------------
| Body section
|
| 테마내에 일반적인 컨텐츠들의 속성을 정의합니다.
| ------------------------------------------------------------------*/