/*초기화*/
@import url("https://cdn.jsdelivr.net/gh/poposnail61/min-sans@main/web/css/minsans-dynamic-subset.css");
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

html {overflow-y:scroll}
body {margin:0;padding:0;font-size:16px;height:100%;font-family:"Pretendard Variable","Pretendard","MinSans",Tahoma, Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif; letter-spacing: -0.5px;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
header ul, nav ul, footer ul {margin:0;padding:0;list-style:none}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input {font-size:1.2em;font-family:"Pretendard Variable","Pretendard","MinSans",Tahoma, Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif; letter-spacing: -0.5px;}
input, button {margin:0;padding:0;font-size:1em;}
button,input[type=submit]{cursor:pointer;}
input[type=text], input[type=password], input[type=submit], input[type=image], button {border-radius:0;font-size:1.2em;-webkit-appearance:none}
textarea, select {font-size:1em;font-family:dotum}
select{background-image: url(../img/common/icon_select_arrow.png);
  background-repeat: no-repeat;
  background-position: 95% center;
    background-size: 15px 9px;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 30px;
    padding-left: 10px;
    min-width: 70px;}
select::-ms-expand {display:none}
textarea {border-radius:0;-webkit-appearance:none}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll; font-size:1.1em}
a:link, a:visited {text-decoration:none}
ul,li{list-style:none;padding:0;margin:0;}
#wrap{width:100%; margin:0 auto;}

/*상단*/
#wrap .top_header{width: 100%; height: 120px; position: relative; z-index: 50;background:#fff;}
#wrap .top_header header{background: inherit;height:100%;position:relative;z-index: 1200;display:flex;justify-content: space-between;align-items: center;line-height:120px;border-bottom: 1px solid #dedede;}
#wrap .top_header header.active{height:310px;position: absolute;width: 100%;}
#wrap .top_logo{margin-left:40px;}
#wrap .top_logo_img { background: url(/img/common/main_top_logo_beauty.png) no-repeat; display: block; width: 226px; height: 68px; }

.gnb{line-height: 120px;}
.gnb  > ul{display:flex;margin-right:163px;letter-spacing:0px;}
.gnb > ul > li{position:relative}
.gnb > ul > li a{ color: #000; font-size: 19px; font-weight: 600;display:block;line-height:60px;padding:0 35px;}
.gnb > ul > li > a{line-height:120px;}
.gnb > ul > li ul.sub_menu{display:none;position:absolute;left:50%;width:230px;line-height:50px;text-align:center;background:#f7f7f7;transform: translateX(-50%);border-top:1px solid #dedede;}
.gnb > ul > li ul.sub_menu li:hover a{background:#00a367;color:#fff;}
.gnb > ul > li ul.sub_menu li a{font-size:15px;}
.gnb > ul > li:hover > a{color:#00a367;}
.gnb > ul > li:hover ul.sub_menu{display:block;}

/* -------- Header :: UTIL BOX -------- */
.header-right-box{float:right;}
.header-right-box > a{display:block; float:left; width:120px; height:121px; box-sizing:border-box; text-align:center;background-color:#007d4f; position:relative;}
.header-right-box > a:before{content:'';width:18px;height:3px;background:#fff;position: absolute;top:12px;left:91px;}
.header-right-box > a:after{content:'';width:3px;height:18px;background:#fff;position: absolute;top:12px;left:106px;}
.header-right-box > a .menu-tit{display:block; color:#fff; font-size:13px; font-weight:500;line-height:20px;padding-top:70px;text-align: right;padding-right:12px;letter-spacing:0;}

.sub-wrapper .header-down-btns .header-down-btn{background-color:#1d65a6}


.lang{font-size:14px; padding: 8px 14px 8px 34px; position: absolute; top:22px; right:80px; }
.lang:after{content:'';position:absolute;left:0;top:7px;background:url(../img/common/menu_icon1.png) no-repeat;width:30px;height:30px;}
.lang .lang_current{border-bottom:1px solid #fff;}
.lang .lang_item{font-size:18px;margin: 0 10px;color:#fff;position:relative;display: inline-block;vertical-align: top;}
.lang .lang_con{position: absolute;
    top: 10px;
    left: 50px;
    border: 1px solid #868686;
    display: none;
    width: 60px;
    text-align: center;
    background: inherit;}
.lang .lang_con.on{display:block;}
.lang .lang_con .lang_item{font-size: 18px;background:#fff;cursor:pointer;}
.lang .lang_con .lang_item a{color:#787878;}
.lang .lang_con .lang_item.on{font-size: 16px;}
.lang .lang_con .lang_item.on a{color:#000;}

#wrapper .top_header.fixed .top_menu a#menu_slide span{background: #000;}
.top_menu{position:absolute;right:0px;top:32px;width:30px;height:30px;}
.top_menu a{    width: 80px; line-height: 80px; font-size: 13px; display: block; text-align: center;}
/* .top_menu a#menu_slide{background-image: url(../img/icon.svg); width: 50px; height: 50px; position: absolute; right: 10px; top: 5px; background-size: 1000px; background-position: -80px -315px;} */
.top_menu a#menu_slide{position: absolute; width: 30px; height: 30px;
    -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;
}
.top_menu a#menu_slide span {
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

  .top_menu a#menu_slide span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.top_menu a#menu_slide span:nth-child(2) {
  top: 10px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.top_menu a#menu_slide span:nth-child(3) {
  top: 20px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#wrap.on .top_menu a#menu_slide span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 8px;
}

#wrap.on .top_menu a#menu_slide span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#wrap.on .top_menu a#menu_slide span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 18px;
  left: 8px;
}
#wrap.black .top_menu a#menu_slide span{
  background: #000;
}
#wrap.on .top_menu a#menu_slide span{
  background: #fff;
}

.top_nevi{width:100%; height:60px; min-width:320px;position:absolute;z-index: 1200;}


.gnb_top {margin-left:100px;position:absolute;}
.gnb_top > ul > li {font-size:17px;float:left;display:inline-block;text-align: center;min-width:110px;}
.gnb_top > ul > li > a{display: block;line-height: 40px;padding-top:20px;position: relative;margin: 0 20px;}
.gnb_top > ul > li > a:after { display: block; content: ""; width: 100%; height: 2px; background-color: #166ce3; transform: scale(0,  1); transition: all 0.3s ease; position: absolute; left: 0; bottom: 0px; }
.gnb_top > ul > li > a.active:after, .gnb_top > ul > li > a:hover:after { transform: scale(1,  1); }
.gnb_top > ul > li > .two_depth { position: absolute; z-index: 1; padding-top: 70px; width: 110px; text-align: center; overflow: hidden; opacity: 1; display: block; top:60px; display: none; }

.two_depth > li > a{ display: block; position: relative; line-height: 30px; }

.two_depth > li > a.active, .two_depth > li > a:hover { color:#166ce3; font-weight: 500; }



#wrap>.top>#top_img{background:url('../images/company/top_img_company.jpg') 0 0/cover no-repeat; height: 373px; padding-top:135px; box-sizing: border-box;margin-top:100px;}
#wrap>.top>#top_img>p{text-align: center; color:#fff; line-height: 35px;}
#wrap>.top>#top_img>.company_text{font-size:60px; text-shadow:1px 1px 1px gray; }


/*상단-gnb*/
#wrap>.top>#gnb{width:1400px; height:70px; background:#3b3b3b; position: relative; top:-35px; border:0;z-index: 1;margin:0 auto;}
#wrap>.top>#gnb>.menu>li{float:left; width:150px; height:70px; color:#fff;line-height: 70px; background: url('../images/company/line.png') no-repeat; background-position: 99.9% 15px; text-align: center;}
#wrap>.top>#gnb>.menu>li:first-child{margin-left:10px;}
#wrap>.top>#gnb>.menu>li:first-child>img{margin-right:5px;vertical-align: middle;}
#wrap>.top>#gnb>.menu>li a{color:#fff;display:block;}
#wrap>.top>#gnb>.menu>li.depth1 , #wrap>.top>#gnb>.menu>li.depth2{position:relative;}
#wrap>.top>#gnb>.menu>li .depth_sub{display:none;position:absolute;background:#3b3b3b;width:100%;z-index:1;}
#wrap>.top>#gnb>.menu>li .depth_sub li{line-height:50px;}
#wrap>.top>#gnb>.menu>li .depth_sub li:hover{background:#33c4bb;}



/*푸터*/

.footer{width:100%;  border-top:1px solid #d8d8d8;color:#000;margin-top:200px;letter-spacing:-.5px;}
#bottom_dp .footer{margin-top:0;}
.footer_menu{width: 100%; border-bottom: 1px solid #cdcdcd; position: relative;font-size:17px;line-height:60px;margin:0 auto;}
.footer_menu > ul{display:flex;justify-content: flex-start;margin: 0 auto;width: 1800px;position: relative;}
.footer_menu > ul > li{}
.footer_menu > ul > li > a{font-size:17px;padding:0 10px;color:#000;display: block;}
.footer_menu > ul > li > a:first-child {padding-left:0;padding-right:25px;}

.footer_flag{    float: right;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 60px;
  width: 100px;}
.footer_flag ul{display:flex;justify-content: space-between;}
.footer_flag ul li{}
.footer_flag ul li a{padding:0 10px;display: block;}
.footer_flag ul li a img{vertical-align: middle;}

.footer .footer_top_wrap{position: absolute; right: 0; top: 0; height: 80px; width: 230px; border-right: 1px solid #cdcdcd; border-left: 1px solid #cdcdcd; text-align: center;}
.footer .footer_top_wrap a{font-size: 18px; color: #333333; line-height: 80px;}
.footer_center{width:1800px; margin:0 auto; }
.footer_center>ul>li{float:left; font-size:14px; width:271px; line-height: 47px; text-align: center; border-left:1px solid #eee;}
.footer_center>ul>li:first-child{border-left:none;}
.footer_center>ul>li>a{color:#808080; display: block;}
.footer_info{padding-top:40px;padding-bottom:60px;overflow:auto;font-size:15px;}
.footer_logo{float:right;}
.info_notice{line-height:30px;display:flex;justify-content: space-between;}
.info_notice strong{font-size:15px;padding-bottom:5px;display:block;}
.info_notice .info_notice_item{width:30%;display:inline-block;}
.info_notice .info_notice_item1{width:20%;}
.info_notice .flink_wrap{border:1px solid #e8e8e8;border-radius: 20px;line-height: 40px;width:230px;}
.info_notice .flink_wrap .flink_title_wrap{border-radius: 20px; position: relative;font-size:13px;}
.info_notice .flink_wrap .flink_title_wrap:after{content:'\25BC';position: absolute;right:15px;top:1px;font-size:10px;}
.info_notice .flink_wrap .flink_title_wrap a{color:#000;}
.info_notice .flink_wrap.on .flink_title_wrap:after{content:'\25B2';position: absolute;right:15px;top:1px;font-size:10px;}
.info_notice .flink_wrap .flink_title_wrap > a{    padding: 0 20px; border: 0px solid #e8e8e8; border-radius: 20px; display: block; border-top: 0;color:#000;}
.info_notice .flink_wrap.on .flink_title_wrap > a{border-top:0;}
.info_notice .flink_wrap .flink_con{display:none;padding:0 20px;}
.info_notice .flink_wrap.on .flink_con{display:block;color:#000;border-top:1px solid #e8e8e8;}
.footer_copyright{font-size:14px;color:#000;padding-top:35px;}

/*top버튼*/
.top_button {position: fixed; right:20px; bottom:20px; z-index:999;border:1px solid #000;width:50px;height:50px;box-sizing: border-box;background:#fff;}
.top_button a{display: block;width: 100%;height: 100%;}
.top_button i{font-size: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);color:#000;}
.top_button:hover{background:#000;color:#fff;}
.top_button:hover i{color:#fff;}
.top_button img{width:70px;}

/*main_title*/
.main_wrap{width:1100px;margin:0 auto;}
.main_title{color: #3b3b3b;font-size: 40px;padding:125px 0 84px;font-weight:800;}
.main_title:before{ content: "•";color: #33c4bb;}
.main_title span{font-size: 22px;margin-left: 24px;font-weight: 500;}

.main_wrap .sub_title{width:1100px; letter-spacing:-0.1em;margin-bottom: 85px;}
.main_wrap .sub_title>p{font-size:18px; color:#3b3b3b; margin-left:22px;}
/*#wrap>.top>#gnb{width:1400px; height:70px; background:#3b3b3b; position: absolute; top:439px; left:50%; margin-left:-700px;border:0;}*/



.two_depth{display: none;}
.gnb_top > ul > li ul{z-index: 20;background: #fff;}
.two_depth > li{padding:5px;}
.tleft{text-align:left !important;}
.tcenter{text-align:center !important;}
.tright{text-align:right !important;}
.fleft{float:left !important;}
.fright{float:right !important;}