@charset "UTF-8";



/* font */

@font-face {

  font-family: 'Noto Sans KR';

  font-style: normal;

  font-weight: 300;

  src: url(../font/NotoSansKR-Light.woff2) format('woff2'),

       url(../font/NotoSansKR-Light.woff) format('woff'),

       url(../font/NotoSansKR-Lightd41d.eot?#iefix) format('embedded-opentype');

}

@font-face {

   font-family: 'Noto Sans KR';

   font-style: normal;

   font-weight: 400;

   src: url(../font/NotoSansKR-Regular.woff2) format('woff2'),

        url(../font/NotoSansKR-Regular.woff) format('woff'),

        url(../font/NotoSansKR-Regulard41d.eot?#iefix) format('embedded-opentype');

 }

@font-face {

   font-family: 'Noto Sans KR';

   font-style: normal;

   font-weight: 500;

   src: url(../font/NotoSansKR-Medium.woff2) format('woff2'),

        url(../font/NotoSansKR-Medium.woff) format('woff'),

        url(../font/NotoSansKR-Mediumd41d.eot?#iefix) format('embedded-opentype');

 }

@font-face {

   font-family: 'Noto Sans KR';

   font-style: normal;

   font-weight: 700;

   src: url(../font/NotoSansKR-Bold.woff2) format('woff2'),

        url(../font/NotoSansKR-Bold.woff) format('woff'),

        url(../font/NotoSansKR-Boldd41d.eot?#iefix) format('embedded-opentype');

 }



/* reset */

html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select{padding:0; margin:0;}

body{font-family:'Noto Sans KR', Dotum, '굴림', Gulim, Helvetica, sans-serif; font-size:13px; font-weight:300; letter-spacing:-0.5px; color:#333; -webkit-text-size-adjust:none;}

body.pop_open{overflow:hidden; width:100%; height:100%;}

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

fieldset, img, button{border:0;}

img, input, button{vertical-align:top;}

table{border-collapse:collapse;}

address, em{font-style:normal;}

ol, ul{list-style:none;}

hr{display:none;}

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

a:hover, a:active{text-decoration:none;}

legend{position:absolute; left:-9999px; top:0}

caption{overflow:hidden; width:0; height:0; font-size:0; line-height:0;}

button{background:none; box-sizing:border-box; font-family:'Noto Sans KR', Dotum, '굴림', Gulim, Helvetica, sans-serif; cursor:pointer;}

button::-moz-focus-inner{padding:0; border:0;}

input[type=text], input[type=password] , select{padding:11px 20px; border:1px solid #dadada; box-sizing:border-box; font-family:'Noto Sans KR', Dotum, '굴림', Gulim, Helvetica, sans-serif; font-size:16px; font-weight:300; vertical-align:middle; color:#666;}

select{height:46px; padding:0 0 0 20px; background:url(../images/common/select_arr.png) 100% 50% no-repeat; appearance:none; -webkit-appearance:none; -moz-appearance:none;}

select::-ms-expand{display:none;}

textarea{padding:15px 20px; border:1px solid #dadada; box-sizing:border-box; font-family:'Noto Sans KR', Dotum, '굴림', Gulim, Helvetica, sans-serif; font-size:16px; font-weight:300; vertical-align:middle; color:#666; resize:none;}





/* layout */

#wrap{position:relative; width:100%; min-width:1140px;}

.full-width{width: 100%; max-width: 100%; padding: 0;height:100%;}

#header{overflow:hidden; position:absolute; left:0; top:0; z-index:1000; width:100%; height:97px; transition:.5s height, .2s background;}

.header .inner-content{position:relative; width:100%; max-width:1500px; height:100px; margin:0 auto;}

.header .inner-content:after{display:block; clear:both; content:"";}

.header h1{overflow:hidden; position:absolute; left:0; top:0; width:201px; padding-top:15px; padding-left:5px;}

.header h1 a{overflow:hidden; display:block; height:84px; background:url(../images/common/logo.png) 0 0 no-repeat; text-indent:-9999px;}

.header .gnb_wrap{position:absolute; top:0;/*left:50%; width:864px; margin-left:0px;*/}

.header .gnb{}

.header .gnb li{float:left; width:150px; text-align:left;}

.header .gnb a{display:inline-block; font-weight:600; line-height:1em; color:#fff;}

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

.header .gnb .depth1{position:relative;}

.header .gnb .depth1 > a{display:flex; height:90px; padding:0px 0 0; font-size:20px; 

    justify-content: flex-start;

    align-items: center;

}

.header .gnb .depth1 > a:hover,  

.header .gnb .depth1 .depth2 li.active > a,  

.header .gnb .depth1.active > a{color:#6b9ecc;}

.header .gnb .depth2{display:none;}

.header .util_menu{position:absolute; right:0; top:0; width:48px; padding:37px 5px;}

.header .util_menu a{display:inline-block; font-size:17px; vertical-align:middle; line-height:1em; color:#d7d7d7;}

.header .util_menu a:hover{color:#6b9ecc;}

.header .util_menu .menu2{position:relative; margin-left:24px;}

.header .util_menu .menu2:before{position:absolute; left:-12px; top:50%; width:1px; height:16px; margin-top:-8px; background:#aaa; content:"";}

.header .util_menu .menu3{overflow:hidden; width:46px; height:20px; line-height:20px; margin-top:3px; border:1px solid #d7d7d7; font-size:12px; text-align:center;}

.header .util_menu .menu4{width:24px; height:20px; background:url(../images/common/ico_common.png) -50px 0 no-repeat; margin-left:20px; text-indent:-9999px;}



/* header */

#header.on{background:#fff;}

#header.on:before{position:absolute; left:0; bottom:-50px; width:100%; height:50px; background:#6b9ecc; content:"";}

.header.on h1 a{background-position:0 100%;}

.header.on .gnb .depth1 > a{color:#333;}

.header.on .gnb .depth1 > a:hover, .header .gnb .depth1.on > a{color:#6b9ecc;}

.header.on .util_menu a{color:#666;}

.header.on .util_menu .menu2:before{background:#666;}

.header.on .util_menu .menu3{border:1px solid #666;}

.header.on .util_menu .menu4{background-position:-50px -50px;}



/* header_hover */

#header.all{height:457px; background:#fff; z-index:1100;}

#header.all:before{position:absolute; left:0; top:100px; width:100%; height:360px; background:#f1f1f3; content:"";}

.header.all h1 a{background-position:0 110%;}

.header.all .util_menu a{color:#666;}

.header.all .util_menu a:hover{color:#24629b;}

.header.all .util_menu .menu2:before{background:#666;}

.header.all .util_menu .menu3{border:1px solid #666;}

.header.all .util_menu .menu4{background-position:-100px -50px;}

.header.all .gnb_wrap{}

.header.all .gnb_wrap .gnb{overflow:hidden; margin:0 auto; text-align:left;}

.header.all .gnb_wrap .gnb a{color:#666;}

.header.all .gnb_wrap .gnb a:hover, .header.all .gnb_wrap .gnb a:focus{color:#6b9ecc;}

.header.all .gnb_wrap .depth1{overflow:hidden;}

.header.all .gnb_wrap .depth1 > a{margin-bottom:20px; color:#24629b;}

.header.all .gnb_wrap .depth1 > a:hover,.header.all .gnb_wrap .depth1 > a:focus{color:#24629b;}

.header.all .gnb_wrap .depth2{display:block;}

.header.all .gnb_wrap .depth2 > li{display:block;}

.header.all .gnb_wrap .depth2 > li > a{padding-left:12px; margin-bottom:20px; font-size:16px; font-weight:400; text-indent:-12px; line-height:1em; color:#333;}

.header.all .gnb_wrap .depth2 > li > a:before{content:"· "}

.header.all .gnb_wrap .depth3{padding-left:12px;}

.header.all .gnb_wrap .depth3 > li{display:block; margin-bottom:17px; font-size:15px; line-height:1em; color:#666;}

.header.all .gnb_wrap .depth3 > li a{display:inline-block; font-weight:300;}

.header .navbar-toggle, 

.header .navbar-toggler {

    border-color: #425b76;

    border-width: 2px;

    margin: 10px 0px 20px;

    padding: 3px 6px 1px;

    border-radius: 0;

    background: #425b76;

}

.animated-icon1, .animated-icon2, .animated-icon3 {

    width: 24px;

    height: 24px;

    position: relative;

    margin: 0px;

    -webkit-transform: rotate(

0deg

);

    -moz-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(

0deg

);

    -webkit-transition: .5s ease-in-out;

    -moz-transition: .5s ease-in-out;

    -o-transition: .5s ease-in-out;

    transition: .5s ease-in-out;

    cursor: pointer;

}

.animated-icon1 span:nth-child(1) {

    top: 3px;

}



.animated-icon1 span {

    background: #fff !important;

}

.animated-icon1 span:nth-child(2) {

    top: 10px;

}

.animated-icon1 span:nth-child(3) {

    top: 17px;

}



.megamenu .nav-menu {

    justify-content: flex-end;

    align-items: center;

    height: 100%;

}



.megamenu .nav, .megamenu .collapse, .megamenu .dropup, .megamenu .dropdown {

    position: static;

}

/* footer */

.footer{padding:15px 0; background:#3e3e3e; font-weight:400; color:#fff;}

.footer .inner-content{position:relative; width:100%; min-width:1140px; max-width:1600px; margin:0 auto; /*background:url(../images/common/footer_logo.png) 5px 0 no-repeat; display: flex; justify-content: center;align-items: center;height: 65px;*/ text-align: center;}

.footer .left{/*padding-left:236px;*/ letter-spacing:0;}

.footer .left .copy{font-size:14px;}

.footer .left .copy a {

  color: #e6f50f;

  font-weight: 600;

}



.footer .left .copy a:hover {

  text-decoration: underline;

}



.scroll_top_area{display:none; overflow:hidden; position:absolute; right:5px; bottom:53px; width:100%; height:50px;}

.scroll_top_area.fixed{position:fixed; bottom:70px;}

.scroll_top_area .scroll_inner{position:relative; width:100%; max-width:1300px; height:50px; margin:0 auto;}

.scroll_top_area .top_btn{position:absolute; top:0; right:0; width:50px; height:50px; background:url(../images/common/top_btn.png) 0 0 no-repeat; text-indent:-9999px;}



.rating {

    display: flex;

    flex-direction: row-reverse;

    justify-content: center

}



.rating>input {

    display: none

}



.rating>label,

.rating1>label,

.rating2>label,

.rating3>label,

.rating4>label,

.rating5>label,

.rating6>label {

    position: relative;

    width: 1em;

    font-size: 18px;

    color: #000;

    cursor: pointer;

    margin-bottom: 0;

}



.rating>label::before {

    content: "\2605";

    position: absolute;

    opacity: 0;

}



.rating>label:hover:before,

.rating>label:hover~label:before {

    opacity: 1 !important;

}



.rating1>input:checked~label:before,

.rating2>input:checked~label:before,

.rating3>input:checked~label:before,

.rating4>input:checked~label:before,

.rating5>input:checked~label:before,

.rating6>input:checked~label:before {

    opacity: 1;

}



.rating:hover>input:checked~label:before {

    opacity: 0.4;

}



.card {

    border-radius: 0px !important;

    box-shadow: 0px 0px 5px 0px rgb(0 0 0);

    transition: 0.8s

}



.section:hover .card:not(:hover) {

    transform: scale(0.9)

}



@media (max-width: 1000px) {

    .section:hover .card:not(:hover) {

        transform: scale(1)

    }

}



/* table */

.default_table{width:100%; border-top:2px solid #335173; color:#a8a8a8;}

.default_table th, .default_table td{padding:19px 0; border-bottom:1px solid #eaeaea; font-size:16px; word-wrap:break-word; word-break:break-all; color:#666;}

.default_table th{font-size:17px; font-weight:400; color:#000;}

.default_table tbody th{text-align:left;}



/* table - type_contents */

.default_table.type_contents  thead th{padding:22px;}

.default_table.type_contents  th{padding:20px 0; border-left:1px solid #eaeaea;}

.default_table.type_contents  td{padding:20px 0; border-left:1px solid #eaeaea; color:#333;}

.default_table.type_contents  tbody th{text-align:center;}

.default_table.type_contents  tbody td{text-align:center;}

.default_btn{display:inline-block; padding:17px 0; box-sizing:border-box; text-align:center; line-height:1em; color:#fff;}

.default_btn.type_l_b {width:190px; background:#6bb1e2;  font-size:17px; color: #fff; border-radius: 0;}

.default_btn.type_l_b:hover {

  background: #e6f50f;

  color: #000;

}





/* table - row type */

.default_table.type_row tbody th{padding-left:40px;}

.default_table.type_row tbody td{padding-right:40px;}



.mark{padding:0 18px;}

.w525{width:525px;}

.w380{width:380px;}

.w340{width:340px;}

.w250{width:250px;}

.w300{width:300px;}

.w200{width:200px;}

.w150{width:150px;}

.wfull{width:100%;}







/*==========*/

canvas{

  display:block;

  vertical-align:bottom;

}





/* ---- stats.js ---- */



.count-particles{

    display: none;

  background: #000022;

  position: absolute;

  top: 48px;

  left: 0;

  width: 80px;

  color: #13E8E9;

  font-size: .8em;

  text-align: left;

  text-indent: 4px;

  line-height: 14px;

  padding-bottom: 2px;

  font-family: Helvetica, Arial, sans-serif;

  font-weight: bold;

}



.js-count-particles{

  font-size: 1.1em;

  display: none;

}



#stats,

.count-particles{

  -webkit-user-select: none;

  margin-top: 5px;

  display: none;

  margin-left: 5px;

}



#stats{

  border-radius: 3px 3px 0 0;

  overflow: hidden;

}



.count-particles{

  border-radius: 0 0 3px 3px;

}





/* ---- particles.js container ---- */



#particles-js{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 12;

  /*width: 100%;

  height: 100%;

  background-color: transparent;

  background-image: url(../images/index/banner_1.jpg);

  background-size: cover;

  background-position: 50% 50%;

  background-repeat: no-repeat;*/

}