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

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

/* -------------------------------------------------------------------
| Header section
|
| 테마의 헤더영역내의 속성을 정의합니다.
| ------------------------------------------------------------------*/
.header_wrap{width:100%; height: 153px; min-width:1700px;background: #fff; border-bottom: 5px solid #fecd07; padding: 20px 0;}
.header{width:1700px; margin:0 auto;  align-items: center; position: relative; }
.header_txt {text-align: center; width: 100%; }
/* outform - header */
.header_wrap.form_hd {height: 100px; }
.header_wrap.form_hd .logo {position: absolute; left:0; top:0; }
.header_wrap.form_hd .logo img {height: 55px;}
.header_wrap.form_hd .header_txt h1 {font-weight: 900; font-size:45px; line-height: 60px; }



#select_lang button { overflow: visible; border: 0 none; background: transparent; cursor: pointer; apperance: 0; -webkit-tap-highlight-color: transparent; }

/* -------------------------------------------------------------------
| Foot section
|
| 테마의 푸터영역의 속성을 정의합니다.
| ------------------------------------------------------------------*/
.footer_area_wrap {width: 100%; border-top: 1px solid #ddd;}
.footer_area {position:relative;width:1280px;margin:0 auto;padding:15px 0;}


.ft_logo{ width: 197px; height: 156px; border: 10px solid #f7f7f7; text-align: center; line-height: 136px;}
.footer_copy {width: 840px; display: flex; flex-direction: row; justify-content: center; margin: 0 auto;}
.ft_box { }
.footer_copy .ft_box:first-child {width: 60%; margin-right: 40px; padding-right: 40px; border-right: 1px solid #ddd; }
.footer_copy .ft_box:last-child {margin-right: 0; width: 40%;}
.ft_box h1 {font-size: 17px; font-weight: 900; color:#333; margin-bottom: 10px; text-align: center; }
.ft_box ul {display: flex;flex-wrap:wrap; }
.ft_box ul li {font-size: 12px; font-weight: 300; color:#666; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -0.5px; margin-bottom: 3px; width: 50%; white-space: nowrap; }
.ft_box2 {width: 32%; }
.ft_box2 ul {width: 100%; }
.ft_box2 ul li {float: left; width: 50%;}

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

.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;}

/* -------------------------------------------------------------------
| Button section
|
| 테마내의 버튼들의 속성을 정의 합니다.
| ------------------------------------------------------------------*/
.btn_page_up{position:fixed; bottom:30px; right:50px; z-index:1000; display:none;}
.page_up {
	width: 50px;
	height: 50px;
   background-color: #000;
   border-color: #000 ;
   transition: all 0.3s;
}
.page_up:hover {
   background-color: #fecd07;
   border-color: #fecd07;
}
.page_up span {color: #fff; font-size: 20px; text-align: center;}

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


.c9_wrap {width: 100%; height:calc(100vh - 284px); background: #f7f7f7;}
.contents9 {width: 840px; margin: 0 auto}
.contents9 .c_title_box p {margin-bottom: 0; margin-top: 30px;}
.c9_form { width: 100%;  background: #fff;padding: 5px 40px 30px 40px; position: relative;}
.red_txt {position: absolute; top: 50px; right: 60px; color:red; font-size: 18px; font-weight: 700;}
.c9_banner {width: 410px; 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: 25px 17px; text-align: left; border-bottom: 1px solid #ddd;}
.c9_form_table table th {font-size: 18px; font-weight: 700; color:#333; letter-spacing: -0.35px;}
.c9_form_table input {height: 40px; }
.c9_form_table button {height: 40px; }
.c9_form_table select {height: 40px; }
.c9_form_table input::placeholder {color:#cdcdcd;}

.c9_ck_box {display: flex; flex-direction: row; justify-content:center; width: 100%; margin: 30px 0 45px 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: -0; cursor: pointer;}
.c9_ck_box div a:hover {background: #333;}
.c9_ck_box div:nth-child(2) label {font-weight: 400!important; margin-left: 20px;}

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

#modal1 .modal-dialog {width: 1000px; }
#modal1  .modal-title {font-weight: 600; font-size:20px; }
#modal1 .modal-body p {font-size:14px; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -.5px; color:#666; line-height: 28px; word-break: keep-all; text-align: left;
font-weight: 300; }
#modal1 .modal-body p b {font-weight: 500; color:#333; font-size:16px; }
#modal1 .modal-body h5 {font-size:17px; font-weight: 400; color:#333; line-height: 32px; margin:0 0 20px; word-break: keep-all;}

.c9_banner h1 {width :100%; background:#fecd07; color:#fff; font-weight: 700; font-size: 30px; padding: 23px 0; }
.c9_banner h3 {font-size: 34px; font-weight: 700; color:#000; margin-top: 25px;}
.c9_banner h2 {font-size: 60px; 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; }

.btm_bn_wrap {width :100%;  background: url('../images/common/f_banner_bg.png') no-repeat 0 0 ; background-color: #181818; border-top: 3px solid #fecd07; position: fixed; bottom: 0; left: 0; z-index: 99}
.btm_bn {width: 1280px; margin: 0 auto; position: relative;}
.btm_txt {width :100%; display: flex; flex-direction: row; justify-content: space-between; padding: 20px 0;}
.btm_txt h1 {font-size: 26px; color:#fff; font-family: 'GmarketSansMedium',sans-serif; padding-top: 20px;}
.btm_txt h1 span {font-size: 26px; color:#fecd07; font-family: 'GmarketSansBold',sans-serif; padding-left: 15px; }
.btm_bn_btn {width: 280px; margin-top: 5px;}
.btm_bn_btn a {display: block; text-decoration: none; width :100%; padding: 20px 0 15px 0; background: url('../images/common/f_arrow.png') no-repeat 86% 45% #fecd07; border-radius: 50px;  padding-left: 30px; font-family: 'GmarketSansMedium',sans-serif; font-size: 18px; color:#333; transition: all 0.3s; cursor: pointer}
.btm_bn_btn a:hover { background: url('../images/common/f_arrow.png') no-repeat 90% 45% #fecd07;}

#modal2 {}

#modal2 .modal-dialog {
	width: 850px;
    margin: 0 auto;
    position: absolute;
    bottom: 130px;
    right: 50%;
	margin-right: -643PX;
	border: 5px solid #333333;
	border-radius: 6px;
}

#modal2 .c9_form { width: 100%; background: #fff; border-top: none; padding: 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 17px; text-align: left; border-bottom: none;}
#modal2 .c9_ck_box {margin-bottom: 0;}

#modal2 .c9_ck_box {margin-top: 40px;}
.btm_bn_btn2 {width: 173px; height: 43px; margin-left:20px; margin-top: -10px; }
.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: 15px;box-shadow: inset 0 1px 1px rgba(0,0,0,.075); padding: 0 10px;}
#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: 15px;box-shadow: inset 0 1px 1px rgba(0,0,0,.075); padding: 0 10px;}
#gugun2 {border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); padding: 0 10px;}