@charset "UTF-8";

@import url('/common_2020/css/default.css');
@import url('/site/public/css/common.css');
@import url('font.css');


body{background-color:#eff1f6;}
body:before{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.48;background: linear-gradient(-120deg,  #d2d4d9 0%,#ebeffe 100%);}


/* 임시 헤더 */
header{height:120px; width:1600px!important; margin:0 auto;}
header .logo{padding-top:43px; border-bottom:0; font-size:0; line-height:0; text-align:center;}
header .logo_anchor .logo_text{padding:10px 0 0 20px; background:-webkit-linear-gradient(left, rgb(34,34,34)65%,rgb(229,50,15)105%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size:25px; line-height:25px; letter-spacing:-0.025em; font-weight:400; font-family:'HanamT';}


header .gnb{position:absolute; top:54px; right:0; background-color:transparent; font-size:0; line-height:0;}
header .gnb .link{display:inline-block; vertical-align:top;}
header .gnb .link .hanam_anchor{display:inline-block; padding:12px 25px 11px 49px; border-radius:10px; box-shadow:7px 7px 20px 0 rgba(201, 36, 20, 0.15); background-color:#de5245; color:#fff; font-size:16px; line-height:22px; letter-spacing:-0.025em; font-family:'HanamT'; text-decoration:none; transition:all .25s linear;}
header .gnb .link .hanam_anchor:before{display:block; position: absolute; top:9px; left:25px; width:20px; height:26px; background:url('/site/sotong/images/common/logo2.png') no-repeat;}
header .gnb .sitemap{display:inline-block; margin-left:30px; padding-top:13px; vertical-align:top;}
header .gnb .sitemap .sitemap_open{width:25px; height:19px; background:url('/site/sotong/images/main/sitemap_sprite.png') no-repeat left 0 / 100% 557.89%;}
header .gnb .sitemap .sitemap_hide{position:absolute; top:67px; right:160px; width:25px; height:19px; background:url('/site/sotong/images/main/sitemap_sprite.png') no-repeat left 66.66% / 100% 557.89%;}
/* 활성화 */
header .gnb .link .hanam_anchor:hover{background-color:#dc3819;}
header .gnb .sitemap .sitemap_open:hover{background-position:left 33.33%;}
header .gnb .sitemap .sitemap_hide:hover{background-position:left 100%;}
@media all and (max-width:1600px){
    header{width:1400px!important;}
}
@media all and (max-width:1400px){
    header{width:1000px!important;}
}
@media all and (max-width:1000px){
    header{width:auto!important; height:80px;}
    .logo a img{width:100%; height:100%;}
}
@media all and (max-width:640px){
    header .logo{padding-top:19px;}
    .logo a img{width:89px; height:24px;}
}

#wrapper{position:relative; background-color: #eff1f6;}
#wrapper:before{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.48;background: linear-gradient(-120deg,  #d2d4d9 0%,#ebeffe 100%);}
#header,
#container{background-color:transparent;}

.wrap{width:1600px;}
@media all and (max-width:1600px) {
    #wrapper{min-width:1000px;}
    .wrap {width:1400px;}
}
@media all and (max-width:1400px){
    .wrap{width:1000px;}
}
@media all and (max-width:1000px) {
    #wrapper {min-width:0;}
    .wrap{width:auto; padding-left:15px; padding-right:15px;}
}

.bg_text{display: inline-block; position: absolute; top:68px; left:50%; width:771px; height:117px; opacity:0; filter:blur(30px); background:url("/site/sotong/images/main/bg_text.png") no-repeat 0 0 / cover; font-size: 0; line-height: 0; transform:translateX(-50%); transition: opacity 1.5s ease-in-out;}
.bg_text.on{opacity: 1; filter: blur(0);}
.sotong_wrap{margin-top:40px; padding-bottom:80px; font-size: 0; line-height: 0;}
@media all and (max-width:1400px){
    .sotong_wrap{margin-top:30px;}
}
@media all and (max-width:1000px){
    .bg_text{top:108px;}
    .sotong_wrap{margin-top:80px;}
}
@media all and (max-width:640px){
    .bg_text{top:82px; left:-39px; width:488px; height:75px; transform:translateX(0);}
    .sotong_wrap{padding-bottom:73px;}
}

/* search */
.search_wrap .search{width:100%; text-align:center;}
.search_wrap .search_title{margin-bottom:15px; color:#222; font-size:25px; line-height:32px; letter-spacing:-0.025em; font-weight:400; word-break:keep-all; font-family:'HanamT';}
.search_wrap .search_con{position:relative; width:500px; margin:0 auto;}

.search_wrap .search{display:block; position:relative;}
.search_wrap .search .search_con .input_box{position:relative; margin:auto; border:3px solid #4a4a4a; padding-bottom:0; line-height:0; font-size:0;}
.search_wrap .search .search_con .input_box:before{display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 0; height: 100%; background-color:rgba(255, 255, 255, 0.35); transition: width 0.25s linear;}
.search_wrap .search .search_con .input_box .total_search{width:calc(100% - 90px); padding:16px 0 14px 20px; margin:0; border:none; background-color:transparent; box-sizing:border-box; font-family:'HanamB'; font-size:18px; line-height:24px; vertical-align:top; color:#222222; font-weight:400; letter-spacing:-0.025em;}
.search_wrap .search .search_con .input_box .total_search::placeholder{color:#666;}
.search_wrap .search .search_con .input_box .total_search:focus{outline: none;}
.search_wrap .search .search_con .input_box .submit_box{display:inline-block; position:relative; width:70px; height:54px; margin-left:20px; vertical-align:top;}
.search_wrap .search .search_con .input_box .submit_box:before{display:block; position:absolute; top:0; bottom: 0; left:0; right:0; width:29px; height:30px; margin: auto; background: url("/site/sotong/images/main/search_icon.png") no-repeat left}
.search_wrap .search .search_con .input_box .submit_box input[type="submit"]{position:relative; z-index:2; width:100%; height:100%; margin:0; padding:0; border:none; background-color:transparent; vertical-align:top; color:transparent; font-size:0;}

/* search_box over */
.search_wrap .search .search_con .input_box:hover:before{width:100%;}
.search_wrap .search .search_con .input_box:hover .total_search::placeholder{color:#222;}

/* search_box on */
.search_wrap .search .search_con .input_box.active .total_search{color:#000;}
.search_wrap .search .search_con .input_box.active .total_search::placeholder{color:#000;}
.search_wrap .search .search_con .input_box.active .submit_box:before{background-position:100% 0;}
.search_wrap .search .search_con .input_box .line{position:absolute; background:#e5320f;}
.search_wrap .search .search_con .input_box .line.n1{left:-3px; top:-3px; width:0; height:3px; transition:all linear 0.1s;}
.search_wrap .search .search_con .input_box .line.n2{right:-3px; top:-3px; width:3px; height:0; transition:all 0.1s linear 0.1s;}
.search_wrap .search .search_con .input_box .line.n3{right:-3px; bottom:-3px; width: 0; height:3px; transition:all 0.1s linear 0.2s;}
.search_wrap .search .search_con .input_box .line.n4{left:-3px; bottom:-3px; width:3px; height: 0; transition:all 0.1s linear 0.3s;}
.search_wrap .search .search_con .input_box.active .line.n1{width:calc(100% + 3px);}
.search_wrap .search .search_con .input_box.active .line.n2{height:calc(100% + 3px);}
.search_wrap .search .search_con .input_box.active .line.n3{width:calc(100% + 3px);}
.search_wrap .search .search_con .input_box.active .line.n4{height:calc(100% + 3px);}
@media all and (max-width:1000px){
    .search_wrap{padding-top:40px;}
    .search_wrap .search{top:0;}
}
@media all and (max-width:800px){
    .search_wrap .search .search_con{width:100%;}
}
@media all and (max-width:640px){
    .search_wrap{padding-top:9px;}
    .search_wrap .search_title{margin-bottom:13px; font-size:17.5px; line-height:21px;}
    .search_wrap .search .search_con .input_box{border:2px solid #4a4a4a}
    .search_wrap .search .search_con .input_box .total_search{width:calc(100% - 65px); padding:10px 0 8px 14px; font-size:15px;}
    .search_wrap .search .search_con .input_box .submit_box{width:45px; height:42px;}
    .search_wrap .search .search_con .input_box .submit_box:before{width:20px; height:20px; background-size:cover;}
    .search_wrap .search .search_con .input_box .line.n1{left:-2px; top:-2px; width:0; height:2px;}
    .search_wrap .search .search_con .input_box .line.n2{right:-2px; top:-2px; width:2px; height:0;}
    .search_wrap .search .search_con .input_box .line.n3{right:-2px; bottom:-2px; width: 0; height:2px;}
    .search_wrap .search .search_con .input_box .line.n4{left:-2px; bottom:-2px; width:2px; height: 0;}
    .search_wrap .search .search_con .input_box.active .line.n1{width:calc(100% + 2px);}
    .search_wrap .search .search_con .input_box.active .line.n2{height:calc(100% + 2px);}
    .search_wrap .search .search_con .input_box.active .line.n3{width:calc(100% + 2px);}
    .search_wrap .search .search_con .input_box.active .line.n4{height:calc(100% + 2px);}
}

/* 검색 인기검색어 */
.search_wrap .search_word_wrap{position:relative; margin-top:17px; font-size:0; line-height:0; text-align:center;}
.search_wrap .search_word{overflow:hidden; display:inline-block; position:relative; max-width:542px; height:22px; padding-right:50px; padding-left:125px;}
.search_wrap .word_title{position:absolute; top:0; left:15px; padding-left:22px; color:#222; font-size:16px; line-height:22px;}
.search_wrap .word_title:before{display:block; position:absolute; top:4px; left:0; width:16px; height:16px; background:url('/site/sotong/images/intro/word_icon.png') no-repeat;}
.search_wrap .word_list{font-size:0; line-height:0; text-align:left;}
.search_wrap .word_item{display:inline-block; position:relative; text-align:left;}
.search_wrap .word_item + .word_item{margin-left:11px; padding-left:12px;}
.search_wrap .word_item + .word_item:before{display:block; position:absolute; top:6px; left:0; width:1px; height:10px; background-color:#bcc2d1;}
.search_wrap .word_anchor{display:block; height:22px; color:#666; font-size:15px; line-height:22px; letter-spacing:-0.02em; font-weight:300;}

/* 검색 시정홍보 */
.search_wrap .search_word.n2{padding-left:103px; padding-right:74px;}
.search_wrap .search_word.n2 .word_title{left:0; padding-left:25px; color:#e63d1c;}
.search_wrap .search_word.n2 .word_title:before{top:5px; width:18px; height:13px; background:url('/site/sotong/images/intro/word_icon2.png') no-repeat;}
.search_wrap .search_word.n2 .slick-slide > div{/*display:inline-block;*/ display:block; position:relative;}
.search_wrap .search_word.n2 .slick-slide > div .word_item{margin-left:11px; padding-left:12px;}
.search_wrap .search_word.n2 .slick-slide > div .word_item:before{display:block; position:absolute; top:6px; left:0; width:1px; height:10px; background-color:#bcc2d1;}
.search_wrap .search_word.n2 .slick-slide > div:first-child .word_item{margin-left:0; padding-left:0;}
.search_wrap .search_word.n2 .slick-slide > div:first-child .word_item:before{display:none;}
.search_wrap .search_word.n2 .word_anchor{overflow:hidden; display:block; width:100%; text-overflow: ellipsis; white-space:nowrap;}
.search_wrap .search_word.n2 .word_control{position:absolute; top:4px; right:0; height:12px;}
.search_wrap .search_word.n2 .slick-arrow{display:inline-block; position:relative; width:10px; height:12px; vertical-align:top;}
.search_wrap .search_word.n2 .word_control button{font-size:0; line-height:0;}
.search_wrap .search_word.n2 .word_control button + button{margin-left:5px; /*margin-left:7px;*/}
.search_wrap .search_word.n2 .slick-arrow:before{display:block; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; background-repeat:no-repeat;}
.search_wrap .search_word.n2 .word_prev:before{width:10px; height:12px; background-image:url('/common_2020/images/layout/word_button1.png');}
.search_wrap .search_word.n2 .word_next:before{width:10px; height:12px; background-image:url('/common_2020/images/layout/word_button1.png'); transform:rotate(180deg);}
.search_wrap .search_word.n2 .word_auto.slick-pause:before{width:10px; height:12px; background-image:url('/common_2020/images/layout/word_button2.png');}
.search_wrap .search_word.n2 .word_auto.slick-play:before{width:10px; height:12px; background-image:url('/common_2020/images/layout/word_button3.png');}
@media all and (max-width:1400px){
    .search_wrap .search_word.n2{margin-top:7px;}
}
@media all and (max-width:640px){
    .search_wrap .search_word_wrap{display:none;}
}


/* quick */
.quick{opacity:0; visibility:hidden; display:inline-block; position:relative; width:calc(50% - 119px); margin-top:42px; margin-left:39px;}
.quick .quick_list{position:relative; width:550px;}
.quick .quick_item{display:inline-block; position:relative; width:100%; margin-bottom:25px; padding:5px; box-shadow:25px 25px 50px 0 rgba(0, 0, 0, 0.1); background-color:#fff; vertical-align:top; transition-property:box-shadow; transition-duration:0.25s; transition-timing-function:linear;}
.quick .quick_item.short{width:calc((100% / 2) - 5px);}
.quick .quick_item.n3{margin-left:10px;}
.quick .quick_item:before{opacity:1; visibility:visible; display:block; position:absolute; z-index:-10; bottom:-150px; right:155px; width:576px; height:576px; background:url('/site/sotong/images/intro/quick_anchor_deco.png') no-repeat center center; transition-property:opacity,visibility; transition-duration:0.25s; transition-timing-function:linear;}
.quick .quick_item.short:before{display:none;}
.quick .quick_item:after{opacity:0; visibility:hidden; display:block; position:absolute; top:0; left:0; width:100%; height:100%; transition:all 0.25s linear;}
.quick .quick_item:after{background:-webkit-linear-gradient(130deg, rgb(74,74,74) 0%,rgb(222,82,69) 100%);}
.quick .quick_item .quick_anchor{display:block; position:relative; z-index:10; padding-left:190px; color:#222; font-size:34px; line-height:42px; letter-spacing:-0.025em; font-family:'HanamT'; background-color:#fff;}
.quick .quick_item.short .quick_anchor{padding-left:86px; font-size:22px; line-height:26px;}
.quick .quick_item .quick_anchor:before{display:block; position:absolute; z-index:20;}
.quick .quick_item.n1 .quick_anchor:before{top:42px; left:45px; width:120px; height:106px; background:url('/site/sotong/images/intro/quick_item_icon01.png') no-repeat;}
.quick .quick_item.n2 .quick_anchor:before{top:20px; left:20px; width:54px; height:80px; background:url('/site/sotong/images/intro/quick_item_icon02.png') no-repeat;}
.quick .quick_item.n3 .quick_anchor:before{top:20px; left:20px; width:54px; height:81px; background:url('/site/sotong/images/intro/quick_item_icon03.png') no-repeat;}
.quick .quick_item.n1 .quick_anchor{padding-top:53px; padding-bottom:53px; padding-left: 220px;}
.quick .quick_item.n2 .quick_anchor{padding-top:35px; padding-bottom:33px;}
.quick .quick_item.n3 .quick_anchor{padding-top:35px; padding-bottom:34px; /*padding-top:48px; padding-bottom:46px; */}
/* .quick .quick_item.n3 .quick_anchor br{display:none;} 2023-07-03 숨김처리 */

.quick .quick_item:hover{box-shadow:none;}
.quick .quick_item:hover:before{opacity:0; visibility:hidden;}
.quick .quick_item:hover:after{opacity:1; visibility:visible;}
@media all and (max-width:1600px){
    .quick{width:480px; margin-left:0;}
    .quick .quick_list{width:480px;}
    .quick .quick_item.short .quick_anchor{padding-left:60px;}
	.quick .quick_item.n1 .quick_anchor{padding-top:35px; padding-bottom:30px; padding-left: 200px;}
	.quick .quick_item.n1 .quick_anchor:before{top:20px; left:45px; width:120px; height:106px; background-size:cover;}
    .quick .quick_item.n2 .quick_anchor:before{top:30px; left:15px; width:38px; height:56px; background-size:cover;}
    .quick .quick_item.n3 .quick_anchor:before{top:30px; left:15px; width:39px; height:56px; background-size:cover;}
}
@media all and (max-width:1400px){
    .quick{margin-left:0; width:100%;}
    .quick .quick_list{width:auto;}
    .quick .quick_item{display:inline-block; min-height:160px; margin-bottom:20px; vertical-align:top;}
    .quick .quick_item.short{width:calc((100% / 2) - 10px);}
    .quick .quick_item.n3{margin-left:20px;}
    .quick .quick_item:before{left:0; right:0; bottom:-205px; margin:0 auto;}
    .quick .quick_item .quick_anchor{height:150px; padding-top:0!important; padding-bottom:0!important; text-decoration:none;}
    .quick .quick_item.short .quick_anchor{padding-left:130px; font-size:34px; line-height:42px;}
    .quick .quick_item .quick_anchor:before{top:50% !important; transform:translateY(-50%) !important;}
    .quick .quick_item.n2 .quick_anchor:before{left:45px; width:54px; height:80px;}
    .quick .quick_item.n3 .quick_anchor:before{left:45px; width:54px; height:81px;}
    .quick .quick_item .quick_anchor:after{display:inline-block; height:100%; vertical-align:middle;}
    .quick .quick_item .quick_anchor span{display:inline-block; vertical-align:middle;}
}
@media all and (max-width:1000px){
    .quick .quick_item .quick_anchor{font-size:26px; line-height:34px;}
    .quick .quick_item.short .quick_anchor{font-size:26px; line-height:34px;}
}
@media all and (max-width:800px){
    .quick{margin-top:0;}
    .quick .quick_list{margin-left:0;}
    .quick.n2 .quick_list{margin-top:31px;}
    .quick .quick_item{width:100%; margin-left:0;}
    .quick .quick_item.n1{min-height:216px;}
    .quick .quick_item.short{width:100%; min-height:113px;}
    .quick .quick_item.n3{margin-left:0;}
    .quick .quick_item:before{right:auto; left:0; bottom:-220px; width:714px; height:714px; background-size:cover;}
    .quick .quick_item .quick_anchor{font-size:29px; line-height:35px;}
    .quick .quick_item.n1 .quick_anchor{height:206px; padding-left:165px;}
    .quick .quick_item.short .quick_anchor{height:103px; padding-left:135px;}
    .quick .quick_item.n1 .quick_anchor:before{left:45px; width:106px; height:93px; background-size:cover;}
    .quick.n1 .quick_list .quick_item.n2{display:none;}
    .quick.n1 .quick_list .quick_item.n3{display:none;}
    .quick.n2 .quick_list .quick_item.n1{display:none;}
	.quick .quick_item.n1 .quick_anchor{padding-left: 190px;}
}
@media all and (max-width:640px){
    .quick .quick_item:before,.quick .quick_item.n2:before{left:auto; right:-108px;}
    .quick .quick_item.short .quick_anchor{padding-left:110px;}
    .quick .quick_item.short .quick_anchor:before{left:30px;}
    .quick .quick_item.n1 .quick_anchor:before{left:30px;}
	.quick .quick_item.n1 .span_font_s {margin-top:0px;}
	.quick .quick_item.n1 .quick_anchor{padding-left: 180px;}
}

@media all and (max-width:420px){
	.quick .quick_item.n1 .quick_anchor{padding-left: 140px;}
	.quick .quick_item .quick_anchor{font-size:26px; line-height:35px;}
	.quick .quick_item.short .quick_anchor{font-size:23px; line-height:34px;}
	.quick .quick_item.n1 .quick_anchor:before{left:20px;}
}


/* 코로나 19 현황 */
.covid{position:relative; width:550px;  height:50px; padding:12px 0 14px 199px; border-radius:15px 0 15px 0; background-color:rgba(255,255,255,0.6); color:#222; font-size:17px; line-height:24px; letter-spacing:-0.025em;}
.covid .covid_title{position:absolute; left:30px; padding-left:31px; padding-right:26px; font-weight:500;}
.covid .covid_title:before{display:block; position:absolute; top:2px; left:0; width:21px; height:21px; background:url('/site/sotong/images/intro/covid_icon.png') no-repeat;}
.covid .covid_title:after{display:block; position:absolute; top:7px; right:0; width:12px; height:10px; background:url('/site/sotong/images/intro/covid_arrow.png') no-repeat;}
.covid .covid_list{}
.covid .covid_list .covid_item{display:inline-block; position:relative; font-weight:200;}
.covid .covid_list .covid_item:nth-child(2){margin-left:15px; padding-left:16px;}
.covid .covid_list .covid_item:nth-child(2):before{display:block; position:absolute; top:0; left:0; bottom:0; width:2px; height:2px; margin:auto 0; background-color:#222;}
.covid .covid_list .covid_item span{font-weight:500;}
.covid .covid_more{position:absolute; top:0; right:20px; bottom:0; width:24px; height:24px; margin:auto; font-size:0;}
.covid .covid_more:before{display:block; position:absolute; top:0; left:0; bottom:0; right:0; width:12px; height:12px; margin:auto; background-image:url('/site/www/images/main/covid_sprite.png'); background-repeat:no-repeat; background-position:left 100%;}
@media (max-width:1600px) and (min-width:1401px){
    .covid{width:480px; padding-left:179px;}
    .covid .covid_title{left:15px;}
}
@media all and (max-width:1400px){
    .covid{width:100%;}
}
@media all and (max-width:800px){
    .quick.n1 .covid{display:none;}
}
@media all and (max-width:640px){
    .covid{padding-left:155px; font-size:14px;}
    .covid .covid_title{left:20px; padding-left:22px; padding-right:20px;}
    .covid .covid_title:before{top:5px; width:16px; height:16px; background-size:cover;}
    .covid .covid_title:after{top:8px; width:10px; height:8px; background-size:cover;}
    .covid .covid_list .covid_item:nth-child(2){margin-left:7px; padding-left:8px;}
    .covid .covid_more{right:15px;}
}
@media all and (max-width:480px){
    .covid{padding-left:20px;}
    .covid .covid_title{position:relative; left:0;}
    .covid .covid_more{top:12px; bottom:auto;}
}

/* main_lnb */
.lnb_area{opacity:0; visibility:hidden;}
.lnb_area{display:inline-block; position:relative; width:calc(50% + 80px); margin-top:2px; padding:40px 38px 32px; vertical-align:top;}
.lnb_area:before{display:inline-block; position:absolute; top:0; left:0; width:2px; height:100%; background-color:#d9d9d9;}
.lnb_area .lnb_area_title{position:absolute; top:-13px; left:0; right:0; width:260px; margin:0 auto; color:#222; font-size:24px; line-height:32px; font-weight:400; font-family:'HanamT'; text-align:center;}
.lnb_area .lnb_area_title:before{display:inline-block; position:absolute; top:13px; right:100%; width:calc(100% + 50px); height:2px; background-color:#d9d9d9;}
.lnb_area .lnb_area_title:after{display:inline-block; position:absolute; top:13px; left:100%; width:calc(100% + 50px); height:2px; background-color:#d9d9d9;}
.lnb_area .lnb_area_wrap{position:relative;}
.lnb_area .lnb_area_wrap:before{display:inline-block; position:absolute; bottom:-32px; left:-38px; width:calc(100% + 76px); height:2px; background-color:#d9d9d9;}
.lnb_area .lnb_area_wrap:after{display:inline-block; position:absolute; bottom:-32px; right:-38px; width:2px; height:calc(100% + 70px); background-color:#d9d9d9;}

.lnb_area.active:before{display:none;}
.lnb_area.active .lnb_area_title:before{display:none;}
.lnb_area.active .lnb_area_title:after{display:none;}
.lnb_area.active .lnb_area_wrap:before{display:none;}
.lnb_area.active .lnb_area_wrap:after{display:none;}

.lnb_area .main_lnb_depth1{position: relative; font-size: 0; line-height: 0;}
.lnb_area .main_lnb_depth1 .main_lnb_wrap{display: inline-block; vertical-align:top;}
.lnb_area .main_lnb_depth1 .main_lnb_wrap + .main_lnb_wrap{margin-left: 40px;}
.lnb_area .main_lnb_depth1_list .main_lnb_depth1_item{display: block; position:relative; width:380px; height:auto; margin-bottom: 40px;}
.lnb_area .main_lnb_depth1_list .main_lnb_depth1_item.n2,.lnb_area .main_lnb_depth1_list .main_lnb_depth1_item.n4{margin-bottom:0;}

.lnb_area .main_lnb_depth1_list .main_lnb_depth1_item .lnb_item{display:block; position:relative; width:100%; height: 250px; margin-bottom: 10px; background-color: #eff1f6; box-shadow: 25px 25px 50px 0 rgba(0, 0, 0, 0.1); text-align:left; color:#4d4d4d; text-decoration: none;}
.lnb_area .main_lnb_depth1_list .main_lnb_depth1_item .lnb_item .lnb_text{position:relative; top:19px; font-size:17px; line-height:24px; letter-spacing:-0.025em; font-weight:200;}
.lnb_area .main_lnb_depth1_list .main_lnb_depth1_item.active .lnb_item{background: linear-gradient(135deg,  #ffffff 0%,#f0f2f6 100%);}

.lnb_area .main_lnb_depth1_list .main_lnb_depth1_item .lnb_item:before{display:block; position:absolute; z-index:3; bottom:40px; right:50px; background-repeat:no-repeat; transition:all 0.2s linear;}
.lnb_area .main_lnb_depth1_list .main_lnb_wrap .main_lnb_depth1_item.n1 .lnb_item:before{width:80px; height:108px; background-image: url("/site/sotong/images/main/main_lnb_icon01.png");}
.lnb_area .main_lnb_depth1_list .main_lnb_wrap .main_lnb_depth1_item.n2 .lnb_item:before{width:111px; height:109px; background-image: url("/site/sotong/images/main/main_lnb_icon03.png");}
.lnb_area .main_lnb_depth1_list .main_lnb_wrap .main_lnb_depth1_item.n3 .lnb_item:before{width:81px; height:116px; background-image: url("/site/sotong/images/main/main_lnb_icon02.png");}
.lnb_area .main_lnb_depth1_list .main_lnb_wrap .main_lnb_depth1_item.n4 .lnb_item:before{width:82px; height:109px; background-image: url("/site/sotong/images/main/main_lnb_icon04.png");}

.lnb_area .main_lnb_depth1_list .main_lnb_wrap .main_lnb_depth1_item.n1.active .lnb_item:before{bottom:-6px; right:18px; width:144px; height:188px; background-image: url("/site/sotong/images/main/main_lnb_icon01_01.png");}
.lnb_area .main_lnb_depth1_list .main_lnb_wrap .main_lnb_depth1_item.n2.active .lnb_item:before{bottom:-6px; right:18px; width:177px; height:193px; background-image:url("/site/sotong/images/main/main_lnb_icon03_01.png");}
.lnb_area .main_lnb_depth1_list .main_lnb_wrap .main_lnb_depth1_item.n3.active .lnb_item:before{bottom:-9px; right:16px; width:154px; height:201px; background-image: url("/site/sotong/images/main/main_lnb_icon02_01.png");}
.lnb_area .main_lnb_depth1_list .main_lnb_wrap .main_lnb_depth1_item.n4.active .lnb_item:before{bottom:-6px; right:17px; width:144px; height:190px; background-image: url("/site/sotong/images/main/main_lnb_icon04_01.png");}

.lnb_area .main_lnb_depth1_list .main_lnb_depth1_item:after{opacity:0; visibility:hidden; display:inline-block; position:absolute; z-index:-10; top:-325px; right:-124px; width:824px; height:824px; background:url('/site/sotong/images/main/main_lnb_deco.png') no-repeat; transition-property:opacity,visibility; transition-duration:1s; transition-timing-function:linear;}
.lnb_area.on .main_lnb .main_lnb_depth1_list .main_lnb_depth1_item:after{opacity:1; visibility:visible;}

.lnb_area .main_lnb_depth1_list .main_lnb_depth1_item .lnb_item:after{display: block; position: absolute; top:10px; left:10px; width:calc(100% - 20px); height:calc(100% - 20px);border-width:0; border-style: solid; border-color: #4a4a4a; transition:all 0.2s linear; opacity: 0;}
.lnb_area .main_lnb_depth1_list .main_lnb_depth1_item.active .lnb_item:after{border-width:5px; left: 0; top: 0; width: calc(100% - 10px); height: calc(100% - 10px); opacity: 1;}

.lnb_area .main_lnb_depth1_list .main_lnb_depth1_item .lnb_item span{position:absolute; /*top:70px;*/ top:67px; z-index:3; /*padding-left:50px;*/ padding-left:48px;}
.lnb_area .main_lnb_depth1_list .main_lnb_depth1_item .lnb_item span.lnb_title{display:block;background: -webkit-linear-gradient(-45deg, rgb(34,34,34) 50%,rgb(229,50,15) 70%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;font-family: 'HanamT'; font-weight:400; font-size:38px; line-height:38px; color:#000; letter-spacing:-0.025em; transition:all 0.25s linear;}
.lnb_area .main_lnb_depth1_list .main_lnb_depth1_item .lnb_item span.lnb_title em{font-size:32px;}
/*.lnb_area .main_lnb_depth1_list .main_lnb_depth1_item.active .lnb_item span.lnb_title{top:64px; transform: scale(1.07);}*/
.lnb_area .main_lnb_depth1_list .main_lnb_depth1_item.active .lnb_item span.lnb_title{top:64px; font-size:42px; line-height:42px;}
.lnb_area .main_lnb_depth1_list .main_lnb_depth1_item.active .lnb_item span.lnb_title em{}
.lnb_area .main_lnb_depth1_list .main_lnb_depth1_item .lnb_item .lnb_text{position:relative; top:6px; font-size:17px; line-height:24px; letter-spacing:-0.025em; font-weight:200;}

.lnb_area .main_lnb_depth1_list .main_lnb_depth1_item .lnb_item span.on_text{display: none; top: 121px; padding-right:33px; font-family:'NotoKr'; font-size: 17px; line-height: 20px; letter-spacing: -0.025em; font-weight: 200; color: #444;}
.lnb_area .main_lnb_depth1_list .main_lnb_depth1_item.active .lnb_item span.on_text{display: block;}
.lnb_area .main_lnb_depth1_list .main_lnb_depth1_item.active .lnb_item .lnb_text{display:none;}
.lnb_area .main_lnb_depth1_list .main_lnb_depth1_item .lnb_item span.on_text:before{display: block; position: absolute; top:5px; right: 0; width: 19px; height: 11px; background: url("/site/sotong/images/main/main_lnb_icon.png") no-repeat; transform:rotate(90deg);}

.lnb_area .main_lnb_depth2{display:none; position:relative; z-index:30; padding: 44px 30px 25px; border-radius: 0 0 15px 15px; background-color:#fff;}
.lnb_area .main_lnb_depth2 .main_lnb_depth2_list{position: relative;}
.lnb_area .main_lnb_depth2 .main_lnb_depth2_list:before{display: block; position: absolute; top:-21px; left: 0; right: 0; width: 16px; height: 11px; margin: 0 auto; background: url("/site/sotong/images/main/main_lnb_icon.png") no-repeat 52.672% 100%;}
.lnb_area .main_lnb_depth2 .main_lnb_depth2_item{position:relative; padding-left: 48px;}
.lnb_area .main_lnb_depth2 .main_lnb_depth2_item:hover{background-color: #4d4d4d; box-shadow: 6px 14px 25px 0 rgba(0, 0, 0, 0.15); border-radius: 10px; background-image: url("/site/sotong/images/main/main_lnb_icon.png"); background-repeat: no-repeat; background-position: -111px 17px;}
.lnb_area .main_lnb_depth2 .main_lnb_depth2_item:before{display: block; position: absolute; top: 0; bottom: 0; left:25px; width: 7px; height: 7px; margin:auto 0; border-radius: 50px; background-color: #b8bac2;}
.lnb_area .main_lnb_depth2 .main_lnb_depth2_item:hover:before{display:none;}
.lnb_area .main_lnb_depth2 .main_lnb_depth2_item:hover .main_lnb_depth2_text{color: #fff; font-weight: 600;}
.lnb_area .main_lnb_depth2 .main_lnb_depth2_text{font-size: 20px; line-height: 48px; letter-spacing: -0.025em; color: #333333; font-weight: 400; text-decoration: none;}

/* quick, main_lnb.on */
.sotong_wrap .quick.on{opacity:1; visibility:visible; animation:lnbOn 0.5s ease-in-out;}
.lnb_area.on{opacity:1; visibility:visible; animation:lnbOn 0.5s ease-in-out;}
@keyframes lnbOn{
    from{transform:scale(0); opacity:0;}
    to{transform:scale(1,1); opacity:1;}
}


@media all and (max-width:1600px){
    .lnb_area{width:calc(100% - 520px); margin-left:40px;}
}
@media all and (max-width:1400px){
    .lnb_area{width:100%; margin-top:80px; margin-left:0;}
    .lnb_area .lnb_area_title:before{width:calc(100% + 110px);}
    .lnb_area .lnb_area_title:after{width:calc(100% + 110px);}
    .lnb_area .main_lnb_depth1{display:block; width:100%;}
    .lnb_area .main_lnb_depth1_list{margin-left:-40px;}
    .lnb_area .main_lnb_depth1 .main_lnb_wrap{width:calc(50% - 40px); margin-left:40px;}
    .lnb_area .main_lnb_depth1_list .main_lnb_depth1_item{width:100%;}
}
@media all and (max-width:1000px){
    .lnb_area .lnb_area_title{width:100%;}
    .lnb_area .lnb_area_title:before{left:0; right:auto; width:calc(50% - 130px);}
    .lnb_area .lnb_area_title:after{left:auto; right:0; width:calc(50% - 130px);}
    .lnb_area .main_lnb_depth1_list .main_lnb_depth1_item .lnb_item:before{right:35px;}
    .lnb_area .main_lnb_depth1_list .main_lnb_depth1_item .lnb_item span{top:50px; padding-left:30px;}

    .lnb_area .main_lnb_depth1_list .main_lnb_depth1_item.active .lnb_item span.lnb_title{top:47px;}

    /*.lnb_area .main_lnb_depth1_list .main_lnb_depth1_item .lnb_item .lnb_text{top:5px;}*/
    .lnb_area .main_lnb_depth1_list .main_lnb_depth1_item .lnb_item .lnb_text{top:-7px;}
    .lnb_area .main_lnb_depth1_list .main_lnb_depth1_item .lnb_item span.on_text{top:108px;}
}

@media all and (max-width:800px){
    .lnb_area{margin-top:39px; padding:27px 0 16px;}
    .lnb_area:before{left:15px; height:17px;}
    .lnb_area:after{display:inline-block; position:absolute; bottom:0; left:15px; width:2px; height:17px; background-color:#d9d9d9;}
    .lnb_area.active:after{display:none;}
    .lnb_area .lnb_area_title:before{left:15px;}
    .lnb_area .lnb_area_title:after{right:15px;}
    .lnb_area .lnb_area_wrap:before{left:15px; bottom:-16px; width:calc(100% - 30px);}
    .lnb_area .lnb_area_wrap:after{top:-27px; bottom:auto; right:15px; height:17px;}

    .lnb_area .main_lnb{position:relative;}
    .lnb_area .main_lnb:before{display:inline-block; position:absolute; bottom:-16px; right:15px; width:2px; height:17px; background-color:#d9d9d9;}
    .lnb_area.active .main_lnb:before{display:none;}
    .lnb_area .main_lnb_depth1 .main_lnb_depth1_list{margin-left:0;}
    .lnb_area .main_lnb_depth1 .main_lnb_wrap{width:100%; margin-left:0;}
    .lnb_area .main_lnb_depth1 .main_lnb_wrap + .main_lnb_wrap{margin-left:0;}
    .lnb_area .main_lnb_depth1_list .main_lnb_depth1_item{margin-bottom:30px;}
    .lnb_area .main_lnb_depth1_list .main_lnb_depth1_item.n2{margin-bottom:30px;}
    .lnb_area .main_lnb_depth1_list .main_lnb_depth1_item:after{top:-278px; right:auto; left:0; width:714px; height:714px; background-size:cover;}
    .lnb_area .main_lnb_depth1_list .main_lnb_depth1_item .lnb_item{height:216px;}
    .lnb_area .main_lnb_depth1_list .main_lnb_depth1_item .lnb_item span.lnb_title{top:59px; padding-left:44px; font-size:29.48px; line-height:30px;}
    .lnb_area .main_lnb_depth1_list .main_lnb_depth1_item .lnb_item span.lnb_title em{font-size:21.48px;}
    .lnb_area .main_lnb_depth1_list .main_lnb_depth1_item.active .lnb_item span.lnb_title{top:56px; font-size:33.48px;}
    .lnb_area .main_lnb_depth1_list .main_lnb_depth1_item.active .lnb_item span.lnb_title em{font-size:23.48px;}

    .lnb_area .main_lnb_depth1_list .main_lnb_depth1_item .lnb_item .lnb_text{top:5px; padding-left:44px; font-size:15px;}

    .lnb_area .main_lnb_depth1_list .main_lnb_wrap .main_lnb_depth1_item.n1 .lnb_item:before{bottom:35px; right:43px; width:71px; height:95px; background-size:cover;}
    .lnb_area .main_lnb_depth1_list .main_lnb_wrap .main_lnb_depth1_item.n2 .lnb_item:before{bottom:35px; right:44px; width:96px; height:95px; background-size:cover;}
    .lnb_area .main_lnb_depth1_list .main_lnb_wrap .main_lnb_depth1_item.n3 .lnb_item:before{bottom:35px; right:47px; width:71px; height:102px; background-size:cover;}
    .lnb_area .main_lnb_depth1_list .main_lnb_wrap .main_lnb_depth1_item.n4 .lnb_item:before{bottom:35px; right:44px; width:71px; height:95px; background-size:cover;}

    .lnb_area .main_lnb_depth1_list .main_lnb_wrap .main_lnb_depth1_item.n1.active .lnb_item:before{bottom:-5px; right:16px; width:125px; height:163px;}
    .lnb_area .main_lnb_depth1_list .main_lnb_wrap .main_lnb_depth1_item.n2.active .lnb_item:before{bottom:-6px; width:153px; height:167px;}
    .lnb_area .main_lnb_depth1_list .main_lnb_wrap .main_lnb_depth1_item.n3.active .lnb_item:before{bottom:-8px; width:134px; height:175px;}
    .lnb_area .main_lnb_depth1_list .main_lnb_wrap .main_lnb_depth1_item.n4.active .lnb_item:before{bottom:-6px; right:15px; width:125px; height:165px;}

    .lnb_area .main_lnb_depth1_list .main_lnb_depth1_item .lnb_item span.on_text{top:104px; padding-left:42px; padding-right:28px; font-size:14.74px;}
    .lnb_area .main_lnb_depth1_list .main_lnb_depth1_item .lnb_item span.on_text:before{width:16px; height:10px; background-size:cover;}

    .lnb_area .main_lnb_depth2{padding:36px 25px 20px;}
    .lnb_area .main_lnb_depth2 .main_lnb_depth2_list:before{width:14px; height:10px; background-size:cover;}
    .lnb_area .main_lnb_depth2 .main_lnb_depth2_item{padding-left:42px;}
    .lnb_area .main_lnb_depth2 .main_lnb_depth2_item:before{left:21px;}
    .lnb_area .main_lnb_depth2 .main_lnb_depth2_text{font-size:17.34px; line-height:43px;}

    .lnb_area .main_lnb_depth2 .main_lnb_depth2_item:hover{background-position:-114px 15px;}
}
@media all and (max-width:640px){
    .lnb_area .lnb_area_title{font-size:21px;}
    .lnb_area .main_lnb_depth1_list .main_lnb_depth1_item:after{top:-278px; left:auto; right:-108px; width:714px; height:714px; background-size:cover;}
}


/* footer */
#footer{position:absolute; z-index:1; top:809px; left:39px; padding-bottom:0;}
#footer .footer_wrap{display:inline-block; position:relative; padding-left:327px;}
#footer .footer_info{padding-top:8px;  font-size:14px; line-height:22px; letter-spacing:0; color:#555555; font-weight:400; font-family: 'HanamB';}
#footer .footer_info .fax{margin-left: 15px;}
#footer .footer_info .copyright{margin-top:6px; color:#777; font-size:12px; line-height:18px; word-break:keep-all;}

#footer .footer_call{display:inline-block; position:absolute; left:0; top:0; width:307px; border-radius:7px; border:1px solid #c9c9c9; letter-spacing:-0.025em;}
#footer .footer_call:before{display:block; position:absolute; top:32px; left:24px; width:48px; height:40px; background:url('/common_2020/images/layout/footer_call_icon.png') no-repeat;}
#footer .footer_call a{display:block; position:relative; padding:16px 10px 16px 87px; text-decoration:none;}
#footer .footer_call .call_title{display:block; color:#333; font-size:15px; line-height:19px; font-family:'HanamT';}
#footer .footer_call .call_num{display:block; margin-top:3px; color:#d54528; font-size:17px; line-height:21px; font-family:'HanamT';}
#footer .footer_call .call_info{margin-top:6px; color:#515151; font-size:14px; line-height:18px; font-family:'HanamB';}
#footer .footer_call .call_info span{position:relative; margin-left:7px; padding-left:13px;}
#footer .footer_call .call_info span:before{display:block; position:absolute; top:5px; left:0; width:6px; height:8px; background:url('/common_2020/images/layout/footer_call_info.png') no-repeat;}
#footer .footer_call .call_info2 {margin-top:6px; color:#0b2a8e; font-size:14px; line-height:18px; font-family:'HanamB'; letter-spacing:-1px;}
@media all and (max-width:1600px){
    #footer{left:0;}
    #footer .footer_wrap{padding-left:295px;}
    #footer .footer_call{width:280px;}
    #footer .footer_call:before{left:12px;}
    #footer .footer_call a{padding-left:74px;}
	#footer .footer_call .call_info2 br{display:none;}
}
@media all and (max-width:1400px){
    #footer{position:relative; z-index:10; top:auto; left:0; padding-bottom:50px;}
    #footer .footer_wrap{width:100%;}
    #footer .footer_info{float:right; padding-top:20px; padding-bottom:32px; text-align:right;}
    #footer .footer_info address br{display:none;}
    #footer .footer_info .copyright br{display:none;}

}
@media all and (max-width:640px){
    #footer .footer_wrap{padding-top:122px; padding-left:0;}
    #footer .footer_info{float:none; padding-top:40px; padding-bottom:0; font-size:12px; text-align:center;}
    #footer .footer_info .copyright{margin-top:2px; font-size:10px;}
    #footer .footer_call{right:0; width:330px; margin:0 auto;}
    #footer .footer_call:before{left:25px;}
    #footer .footer_call a{padding-left:93px;}
	#footer .footer_call .call_info2 br{display:block;}
}

.quick .quick_item .span_font_s {font-size:17px;}

/*2023.10.31수정*/
.search_wrap .search_word.n2 .word_anchor:focus:before{display:block;position:absolute;top:1px;left:1px;width:calc(100% - 4px);height:calc(100% - 4px);border:2px solid #000;background:none;}