@charset "euc-kr";

@font-face {
  font-family: "NGothic";
  src: url('/font/NanumGothic.woff') format('woff');
}

@font-face {
  font-family: 'NGothicB';
  src: url('/font/NanumGothicBold.woff') format('woff');
}

@font-face {
  font-family: 'NGothicEB';
  src: url('/font/NanumGothicExtraBold.woff') format('woff');
}

@font-face {
  font-family: 'NBGothic';
  src: url('/font/NanumBarunGothic.woff') format('woff');
}

@font-face {
  font-family: 'NBGothicB';
  src: url('/font/NanumBarunGothicBold.woff') format('woff');
}

@font-face {
  font-family: 'pnight';
  src: url('/font/Cafe24Oneprettynight.woff') format('woff');
}

@font-face {
  font-family: NotoSans;
  font-weight: normal;
  src: url('/font/NotoSansKR-Light.woff') format('woff');
}

@font-face {
  font-family: NotoSans;
  font-weight: bold;
  src: url('/font/NotoSansKR-Regular.woff') format('woff');
}

@font-face {
  font-family: NotoSans;
  font-weight: 800;
  src: url('/font/NotoSansKR-Medium.woff') format('woff');
}

@font-face {
  font-family: NotoSans;
  font-weight: 900;
  src: url('/font/NotoSansKR-Bold.woff') format('woff');
}

@font-face {
  font-family: 'Chosunilbo_myungjo';
  src: url('/font/Chosunilbo_myungjo.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

html {
  height: 100%;
  width: auto;
}

body {
  height: auto;
  position: relative;
  width: auto;
  font-family: NotoSans;
  font-weight: bold;
  background-color: #ddd;
  /*¸ð¹ÙÀÏ °¡·Î ¼¼·Î ÆùÆ® ·»´õ¸µ ÀÚµ¿ ¼³Á¤È­ ÇØÁ¦*/
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  color: #405550;
}

form {
  font-family: NotoSans;
}

textarea {
  font-family: NotoSans;
}

center {
  font-family: NotoSans;
}

option {
  font-family: NotoSans;
}

pre {
  font-family: NotoSans;
}

blockquote {
  font-family: NotoSans;
}

input {
  font-family: NotoSans;
}

.textarea {
  background-color: white;
  border: 1px solid #dedede;
  color: #405550;
  height: auto;
}

.submit {
  color: #405550;
  height: 19px;
  background-color: #999999;
}

a {
  text-decoration: none;
  color: #405550;
}

a:hover {
  color: #405550;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

address, strong {
  font-style: normal;
  font-weight: normal;
}

table th {
  font-weight: normal;
}

b {
  font-weight: 800;
}

img {
  -webkit-user-drag: none;
}



/* °øÅëÀÇ */


 @media (min-width:1200px) {

   /* ÃÖ¼Ò 1200 ~ ÃÖ´ë */
   #wrapper {
     min-width: 1400px;
     margin: 0 auto;
     position: relative;
     background-color: #ffffff;
   }

   header.firstheader {
     position: absolute;
     z-index: 5;
     width: 100%;
	 background-image: linear-gradient(rgba(0,0, 0, 0.4), rgba(0, 0, 0, 0.0));
   }

   .pc_box {}

   .pc_box .top {
     width: 1400px;
     margin: 0 auto;
     text-align: right;
     padding-top: 5px;
   }

   .pc_box .top .blog {
     display: inline-block;
     vertical-align: middle;
     padding: 10px 0px 10px 50px;
     background: url(/img/blog.png) left center no-repeat;
     background-size:44px;
     margin-right: 30px;
   }
   .pc_box .top .blog a{
     display: inline-block;
     line-height: 100%;
	 color:#fff;
   }
    .pc_box .top .blog a:hover{
	 color:#ffee00;
   }

   .pc_box .top .call {
     display: inline-block;
     vertical-align: middle;
     padding: 6px 0 6px 35px;
     background: url(/img/icon02.png) left center no-repeat;
     background-size: 28px;
     margin-right: 30px;
     line-height: 100%;
   }

   .pc_box .top .call>a {
     display: inline-block;
     color: #fff;
     vertical-align: middle;
     font-family: NotoSans;
     font-weight: 700;
     font-size: 22px;
     line-height: 100%;
   }

   .pc_box .top .call>a:hover {
     color: #fff67c;
   }

   .pc_box .top .login {
     display: inline-block;
   }

   .pc_box .top .login .login_form {
     color: #fff;
     font-size: 12px;
     line-height: 12px;
   }

   .pc_box .top .login .login_form a {
     color: #fff;
     font-size: 12px;
   }

   .pc_box .top .login .login_form a:hover {
     color: #fff67c;
   }

   .pc_box .middle {
     position: relative;
   }

   .mobile_box {
     display: none;
   }

   #contents {
     position: relative;
     z-index: 1;
     width: 100%;
    overflow: hidden;
   }


   .contents_box {
     position: relative;
   }


   /*//Ŭ¸®´Ð ¹Ú½º*/
   footer {
     border-top: 2px solid #c9dddf;
     padding: 105px 0 105px;
     text-align: center;
     position: relative;
     z-index: 2;
     background: url(/img/foot_bg.jpg) center top;
     background-size: cover;
     height: 1160px;
     box-sizing: border-box;
   }

   footer:before {
     content: "";
     display: block;
     width: 2px;
     height: 58px;
     position: absolute;
     background: #c9dddf;
     left: 50%;
     margin-left: -1px;
     top: -29px;
   }

   .foot_tit {
     position: relative;
     height: 483px;
     text-align: center;
   }

   .foot_tit .bg {
     position: absolute;
     width: 45%;
     height: 100%;
     background: rgba(255, 255, 255, 0.6);
   }

   .fade_wrap {
     position: relative;
     height: 100%;
     text-align: center;
     width: 1200px;
     margin: 0 auto;
     overflow: hidden;
   }

   .footer {
     width: 1200px;
     margin: 0 auto;
     padding: 120px 0px 0 120px;
     overflow: hidden;
     box-sizing: border-box;
   }

   .foot_copy {
     float: left;
     width: 60%;
     font-size: 14px;
     line-height: 24px;
     color: #405550;
     text-align: left;
   }

   .foot_copy span {
     display: block;
     margin-bottom: 30px;
     width: 183px;
   }

   .foot_copy span img {
     width: 100%;
   }

   .foot_link {
     width: 40%;
     float: right;
     color: #405550;
     font-size: 14px;
   }

   .foot_link a {
     color: #405550;
     padding-right: 5px;
   }

   .foot_link a:hover {
     color: #9d6564;
   }



  /* Äü¸Þ´º */

   #scroll {
     position: absolute;
     right: 0px;
     z-index: 5;
     display: none;
   }

   .s_quick li {
     background: #fff;
     margin-bottom: 5px;
     text-align: center;
     box-shadow: 0px 5px 8px -5px #6f6f6f;
   }

   .s_quick li a {
     display: block;
     padding-top: 0px;
     padding: 10px;
   }

   .s_quick li:not(.sq07) a:hover {
     background-color: #effbfa;
   }


	
	/* ·Î±×ÀÎ */

	.login_bg{
		background:#97ada8; margin-bottom:30px; padding:50px;
	}
	.btn_login
	{
		display:block; width:120px; margin:0 auto; margin-top:50px; 
	}
	.btn_login a { display:block;  height:40px; line-height:35px;  border:5px solid #c9dddf; border-top:0;  box-sizing:border-box;  text-align:center; font-size:18px;  }
	.btn_login a:hover { border-left:5px solid #405550; border-right:5px solid #405550; border-bottom:5px solid #405550; }

	.id{width: 150px;
    height: 25px;
    border: 1px solid #DDD;
    background-color: #F3F3F3;
	vertical-align: initial;
	display:inline-block;
	margin-left:5px;
	}
	.pw{width: 150px;
    height: 25px;
    border: 1px solid #DDD;
    background-color: #F3F3F3;
	vertical-align: initial;
	display:inline-block;
	margin-left:5px;}






 }

 @media (max-width:1199px) {

   /* ÃÖ¼Ò 1200 */
   #wrapper {
     width: 100%;
     position: relative;
     background-color: #ffffff;
   }

   header.firstheader {
     width: 100%;
     font-size: 0px;
   }

   .pc_box {
     display: none;
   }

   .mobile_box {
     position: relative;
     font-size: 0px;
   }

   
   .mobile_box .top {
     color: #666;
     text-align: center;
     font-size: 12px;
     border-bottom: 1px solid #cee0e2;
     padding:0 0 10px;
   }

	.mobile_box .top .blog{
	 background-color:#a0b5b0;
	 margin-bottom:5px;
   }
   .mobile_box .top .blog a{
     display: inline-block;
     padding: 10px 5px 10px 40px;
     background: url(/img/blog.png) left center no-repeat;
     background-size:32px;
	 background-image: url(/img/blog.png);
	 background-repeat:no-repeat;
	 font-size:13px;
	 color:#fff;
   }
   
    .mobile_box .top .blog a:hover{
	 color:#ffee00;
   }


   .mobile_box .login_form {}

   .mobile_box .login_form a {
     display: inline-block;
     color: #333333;
     font-size: 10px;
     padding: 0 10px;
   }

   .mobile_box .login_form a:hover {
     color: #a0b5b0;
   }

   .mobile_box .uname {
     font-size: 12px;
   }

   .mobile_box .middle {
     text-align: center;
     font-size: 0;
   }

   .mobile_box .middle .call {
     display: none;
   }

   .mobile_box .logo {
     height: 180px;
     line-height: 180px;
     text-align: center;
   }

   .mobile_box .logo img {
     vertical-align: middle;
     width: 276px;
   }

   #menu_box {
     display: none;
   }

   #allmenu {
     position: relative;
     width: calc(100% - 150px);
     display: inline-block;
     vertical-align: middle;
     z-index: 41;
   }

   .allmenu {
     display: block;
     position: relative;
     padding-left: 10px;
     font-size: 16px;
     width: 100%;
     height: 60px;
     margin: 0 auto;
     border: 1px solid #fff;
     color: #fff;
     background: url(/img/arrow_m.png) no-repeat 95% 50%;
     background-size: 8px;
     background-color: #a0b5b0;
     -webkit-appearance: none;
     /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */
     -moz-appearance: none;
     appearance: none;
     /* ³×ÀÌƼºê radius ÇØÁ¦ */
     border-radius: 0px;
     /* iOS µÕ±Ù¸ð¼­¸® Á¦°Å */
     outline: none;
     border: none;
   }

   /* IE 10, 11ÀÇ ³×ÀÌƼºê È­»ìÇ¥ ¼û±â±â */
   select::-ms-expand {
     display: none;
   }

   /* select ¼­ºê ¸Þ´º  */
   .allmenu option {
     font-family: NotoSans;
     font-size: 14px;
     color: #fff;
     margin-bottom: 0px;
   }

   .allmenu option:hover {
     color: white;
     background: #8e4c00;
   }

   .mobile_box .quick_button {
     width: 150px;
     display: inline-block;
     vertical-align: middle;
   }

   .mobile_box .quick_button a {
     display: inline-block;
     width: 50%;
     height: 60px;
     line-height: 60px;
     background: #949494;
     text-align: center;
     vertical-align: middle;
   }

   .mobile_box .quick_button a img {
     height: 35px;
     vertical-align: middle;
   }

   #contents {
     width: 100%;
     margin: 0 auto;
     background-color: #fff;
   }


   .contents_box {
     position: relative;
   }


   footer {
     border-top: 2px solid #c9dddf;
     padding: 80px 0 80px;
     text-align: center;
     position: relative;
     background: url(/img/foot_bg.jpg) center top;
     background-size: cover;
   }

   footer:before {
     content: "";
     display: block;
     width: 2px;
     height: 58px;
     position: absolute;
     background: #c9dddf;
     left: 50%;
     margin-left: -1px;
     top: -29px;
   }

   .foot_tit {
     position: relative;
     overflow: hidden;
     height: 550px;
     text-align: center;
   }

   .foot_tit .bg {
     position: absolute;
     width: 80%;
     height: 100%;
     background: rgba(255, 255, 255, 0.6);
   }

   .fade_wrap {
     position: relative;
     height: 100%;
     text-align: center;
     width: 100%;
     margin: 0 auto;
     overflow: hidden;
   }

   .footer {
     padding: 80px 20px 0;
     overflow: hidden;
     box-sizing: border-box;
   }

   .foot_copy {
     font-size: 14px;
     line-height: 24px;
     color: #405550;
     text-align: center;
     word-break: keep-all;
     margin-bottom: 50px;
   }

   .foot_copy span {
     display: block;
     margin: 0 auto;
     margin-bottom: 30px;
     width: 183px;
   }

   .foot_copy span img {
     width: 100%;
   }

   .foot_link {
     word-break: keep-all;
     float: center;
     color: #405550;
     font-size: 14px;
   }

   .foot_link a {
     color: #405550;
     padding-right: 5px;
   }

   .foot_link a:hover {
     color: #9d6564;
   }



  /* Äü¸Þ´º */

   #scroll {
     display: none !important;
   }


   



	/* ·Î±×ÀÎ */

	.login_bg{
		background:#97ada8; margin-bottom:20px; padding:30px;
	}
	.login_bg img{
		width:150px;
	}

	.btn_login
	{
		display:block; width:120px; margin:0 auto; margin-top:30px; 
	}
	.btn_login a { display:block;  height:40px; line-height:35px;  border:5px solid #c9dddf; border-top:0;  box-sizing:border-box;  text-align:center; font-size:18px;  }
	.btn_login a:hover { border-left:5px solid #405550; border-right:5px solid #405550; border-bottom:5px solid #405550; }

	
	.id{width: 80px;
    height: 25px;
    border: 1px solid #DDD;
    background-color: #F3F3F3;}
	.pw{width: 80px;
    height: 25px;
    border: 1px solid #DDD;
    background-color: #F3F3F3;}
	



 }





/* ±×¹ÛÀÇ */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-thumb {
  background-color: #555;
}

::-webkit-scrollbar-track {
  background-color: #cee0e2;
}

html {
  scrollbar-arrow-color: #000;
  scrollbar-Track-Color: #efefef;
  scrollbar-base-color: #dfdfdf;
  scrollbar-Face-Color: #dfdfdf;
  scrollbar-3dLight-Color: #dfdfdf;
  scrollbar-DarkShadow-Color: #dfdfdf;
  scrollbar-Highlight-Color: #dfdfdf;
  scrollbar-Shadow-Color: #dfdfdf
}

select {
  -webkit-appearance: none;
  /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */
  -moz-appearance: none;
  appearance: none;
  /* È­»ìÇ¥ ¸ð¾çÀÇ À̹ÌÁö */
}

::-moz-selection {
  background: #a0b5b0;
  color: #fff;
}

::selection {
  background: #a0b5b0;
  color: #fff;
}

.c1 {
  color: #405550 !important;
}

.c2 {
  color: #9d6564 !important;
}