@charset "utf-8";
@import url('plugin.css');
@import url('font.css');

body{background:url('../img/common/bg_samdeok.jpg') repeat center}
/* body, body a, body .btn_arw{cursor: url('../img/cursor.png'), url('../img/cursor.cur'), auto;} */
#wrap{position:relative; width:100%; height:100%; /*min-width:1200px*/}
#header{position:relative; width:100%; height:61px; z-index:200}
#container{position:relative}
#footer{position:relative; width:100%; }
#contents{position:relative; min-height:513px}
.grid{position:relative; padding-left:60px; padding-right:60px}
.grid1{position:relative; width:1260px; margin:0 auto}
#main #contents{min-height:0}
/*커서*/
body, *{cursor: none !important;}
.samdeok-cursor {
	position: fixed;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	background: url('../img/cursor.png') no-repeat center;
	background-size: 21px auto;
    transform: translate(-50%, -50%);
	z-index: 1056;
	pointer-events: none;
}

@keyframes rotate {
	from {
		transform: translate(-50%, -50%) rotate(0deg);
	}
	to {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}
.samdeok-cursor.active{animation: rotate .8s linear infinite;}

/*HEADER*/
#header .inner_header{position:fixed; width:100%; background:url('../img/common/bg_samdeok.jpg') repeat center}
#header .row_header{position:relative; width:100%; height:61px; background:url('../img/common/target1.png') no-repeat center bottom 17px; background-size:21px 33px}
#header .row_header:before{content:""; position:absolute; bottom:20px; left:0; width:1px; height:16px; background:#000}
#header .row_header:after{content:""; position:absolute; bottom:20px; right:0; width:1px; height:16px; background:#000}
#header .row_header h1{position:absolute; width: 240px; top:18px; left:20px; z-index:200}

#header .mobile_header{display:none; position:relative; width:100%; height:63px}
#header .mobile_header:before{content:""; position:absolute; bottom:20px; left:0; width:1px; height:16px; background:#000}
#header .mobile_header:after{content:""; position:absolute; bottom:20px; right:0; width:1px; height:16px; background:#000}
#header .mobile_header h1{position:absolute; width: 240px; top: 19px; left:50%; transform: translateX(-50%); z-index:200}
#header .mobile_header .btn_hamburg{position:absolute; top:26px; left:21px; cursor:pointer}
#header .mobile_header .btn_hamburg img{width:22px}
#header .mobile_header .btn_pf{position:absolute; top:24px; right:21px; cursor:pointer}
#header .mobile_header .btn_pf img{width:24px}

#gnb{position:absolute; top:12px; right:8px; display: flex; padding-right: 12px;}
#gnb > ul > li{position: relative; float:left}
#gnb > ul > li > a{display:block; padding:10px 11px; font-family: 'Raleway', sans-serif; font-weight:800; color:#bbb; line-height:22px; transition:.2s}
#gnb > ul > li:hover > a,
#gnb > ul > li.selected > a{color:#222}
#gnb .sns-set{display: flex; align-items: center; gap: 10px; margin-left: 9px;}
#gnb .sns-set > a{display: block; padding: 5px;}
#gnb .sns-set .sns1{width: 20px;}
#gnb .sns-set .sns2{width: 23px;}

#gnb .sub-nav{display: block; position: absolute; left: calc(50% - 90px); top: 43px; width: 180px; max-height: 0; transition: max-height .3s ease-in-out; background-repeat:no-repeat; background-size:10px auto; box-sizing:border-box; overflow: hidden; z-index: 10;}
#gnb .sub-nav{background-image:url('../img/common/edge1-1.png'),url('../img/common/edge1-2.png'),url('../img/common/edge1-3.png'),url('../img/common/edge1-4.png'); background-position:left 10px top 10px,right 10px top 10px,right 10px bottom 10px,left 10px bottom 10px}
#gnb .sub-nav.c1{background-color:rgba(0,174,239,1)}   /*하늘색*/
#gnb .sub-nav.c2{background-color:rgba(236,0,140,1)}   /*핑크*/
#gnb .sub-nav.c3{background-color:rgba(237,165,28,1)}  /*노랑*/
#gnb .sub-nav.c4{background-color:rgba(34,30,31,1)}   /*검정*/
#gnb .sub-nav .inner-nav{padding: 16px 0;}
#gnb .sub-nav .item-nav{text-align: center; margin: 4px 0;}
#gnb .sub-nav .item-nav > a{font-family: 'Pretendard'; font-size: 14px; font-weight: bold; color:rgba(255,255,255,.5); line-height: 28px; letter-spacing: -0.25px; box-sizing:border-box;}
#gnb .sub-nav .item-nav > a:hover,
#gnb .sub-nav .item-nav > .selected{color:rgba(255,255,255,1); text-decoration: underline;}
#gnb > ul > li:hover .sub-nav{max-height: 450px; box-shadow: 3px 3px 5px 3px rgba(0,0,0,.12);}

/*SIDE TOP*/
#header .side_top{position:relative;}
#header .side_top > div{position:absolute; top:0px}
#header .side_top .st_left{left:-13px}
#header .side_top .st_left:before{content:""; display:block;  position:absolute; top:5px; left:0; width:1px; height:16px; background:#000}
#header .pf_filter{padding-left:21px}
#header .pf_filter li{position:relative; float:left; margin-right:20px}
/*#header .pf_filter li:first-child{margin-right:18px}*/
#header .pf_filter li a{display:inline-block; padding:8px 0; font-size:13px; color:#222; transition:.2s}
/* #header .pf_filter li a:after{content:""; display:block; position:absolute; top:13px; width:0; height:1px; background:#221e1f; transition:.3s} */
#header .pf_filter li a:hover{font-weight: bold;}
#header .pf_filter li a:hover:after{width:100%}
#header .pf_filter li a.selected{font-weight: bold;}
#header .pf_filter li a.selected:after{width:100%}
#header .pf_filter li a.selected.c1{color:rgba(0,174,239,1)}   /*하늘색*/
#header .pf_filter li a.selected.c2{color:rgba(236,0,140,1)}   /*핑크*/
#header .pf_filter li a.selected.c3{color:rgba(237,165,28,1)}  /*노랑*/
#header .pf_filter li a.selected.c4{color:rgba(34,30,31,1)}   /*검정*/
#header .side_top .st_right{right:-35px}
#header .side_top .st_right .wrap_pf_date{position:relative;}
#header .side_top .st_right .pf_date{position:absolute; left:0; top:0; width: 800px; min-width:550px; padding-left:20px; font-size:12px; color:#333; line-height:16px; text-transform:uppercase; white-space: nowrap;}
#header .side_top .st_right .pf_date:before{content:""; display:block;  position:absolute; top:0; left:0; width:1px; height:16px; background:#000}
#header .side_top .st_right .pf_date .tit{font-size:12px}
#header .side_top .st_right .pf_date span{display:none}

/*SIDEBAR*/
[data-sidebar]{display:none; position:fixed; top:0; width:100%; height: 100%; z-index:1051} /*너비 넣어야 함, sidebar 필수*/
[data-sidebar-overlay]{display:none; position:fixed; top:0; left:0; opacity:0; width:100%; height:100%; min-height:inherit; z-index:1048}
.sidenav+ .overlay{background-color: #000; cursor:pointer}
.sidenav{display:block; background-color:#fff; overflow:hidden}
.sidenav .inner{position:relative; width:100%; height:100%; padding:0 20px; box-sizing:border-box}
.sidenav .top_sidenav{position:relative}
.sidenav .top_sidenav:before{content:""; position:absolute; top:20px; left:36px; width:1px; height:16px; background:#000}
.sidenav .top_sidenav:after{content:""; position:absolute; top:20px; right:36px; width:1px; height:16px; background:#000}
.sidenav .top_sidenav .inner_top{height:57px; }
.sidenav .top_sidenav .inner_top:before{content:""; position:absolute; bottom:0; left:0; width:16px; height:1px; background:#000}
.sidenav .top_sidenav .inner_top:after{content:""; position:absolute; bottom:0; right:0; width:16px; height:1px; background:#000}
.sidenav .top_sidenav .btn_x{position:absolute; right:0; top:20px; cursor:pointer}
.sidenav .top_sidenav .btn_x img{width:17px}
.sidenav nav{display:table; width:100%; height:calc(100% - 118px); text-align:center}
.sidenav nav ul{display:table-cell}
.sidenav nav li{position:relative}
.sidenav nav .obj_hamburg{width:100%; height:16px; margin-bottom:17px; background:url('../img/common/ico_hamburg1.png') no-repeat center 0; background-size:22px 16px}
.sidenav nav .obj_grid{width:100%; height:23px; margin-bottom:17px; background:url('../img/common/ico_grid2.png') no-repeat center 0; background-size:24px auto}
.sidenav .bottom_sidenav{position:relative; text-align:center}
.sidenav .bottom_sidenav:before{content:""; position:absolute; bottom:20px; left:36px; width:1px; height:16px; background:#000}
.sidenav .bottom_sidenav:after{content:""; position:absolute; bottom:20px; right:36px; width:1px; height:16px; background:#000}
.sidenav .bottom_sidenav .inner_bottom{height:61px;}
.sidenav .bottom_sidenav .inner_bottom:before{content:""; position:absolute; top:4px; left:0; width:16px; height:1px; background:#000}
.sidenav .bottom_sidenav .inner_bottom:after{content:""; position:absolute; top:4px; right:0; width:16px; height:1px; background:#000}
.sidenav .bottom_sidenav .txt_tel a{font-size:12px; font-weight:bold; color:#333; letter-spacing:-0.25px}
.sidenav .bottom_sidenav .copyright{margin-top:9px; font-size:11px; color:#959595;}

#left_menu .top_sidenav h1{position:absolute; width: 210px; top:17px; left:50%; margin-left:-105px; z-index:200}
#left_menu nav li a{font-size:23px; font-weight:900; color:#bbb; line-height:46px}
#left_menu nav li:hover a,
#left_menu nav li.selected a{color:#222}

[data-sidebar1]{display:none; position:fixed; top:0; right:0; width:100%; height: 100%; z-index:1051} /*너비 넣어야 함, sidebar 필수*/
[data-sidebar-overlay1]{display:none; position:fixed; top:0; left:0; opacity:0; width:100%; height:100%; min-height:inherit; z-index:1048}
#right_menu .top_sidenav h1{padding-top:21px; font-size:16px; font-weight:900; color:#222; text-align:center; z-index:200}
#right_menu nav li a{position:relative; display:inline-block; padding:0 3px; font-size:15px; color:#222; line-height:36px; transition:.3s}
#right_menu nav li a:after{content:""; display:block; position:absolute; left:0; top:18px; width:0; height:1px; background:#333; transition:.3s}
#right_menu nav li a:hover,
#right_menu nav li a.selected {color:#ccc}
#right_menu nav li a:hover:after,
#right_menu nav li a.selected:after{width:100%}

/*FOOTER*/
#footer .side_footer{position:relative;}
#footer .side_footer > div{position:absolute; bottom:1px}
#footer .side_footer > div:after{content:""; display:block; position:relative; width:16px; height:1px; background:#000}
#footer .side_footer .sf_left{left:-35px}
#footer .side_footer .sf_right{right:-35px}
#footer .side_footer .sns_set{text-align:center; padding-bottom:6px}
#footer .side_footer .sns_set > div{margin-bottom:13px}
#footer .side_footer .sns_set img{width:16px}
#footer .side_footer .sns_set img.sns1{width:14px}
#footer .inner_footer{position:relative; padding:15px 20px 25px; background:url('../img/common/target2.png') no-repeat center top 16px; background-size:21px 33px}
#footer .inner_footer:before{content:""; position:absolute; top:19px; left:0; width:1px; height:16px; background:#000}
#footer .inner_footer:after{content:""; position:absolute; top:19px; right:0; width:1px; height:16px; background:#000}
#footer .footer_text{font-family:'Roboto', sans-serif; font-size:11px; line-height:20px}
#footer .footer_text address{color:#656565; letter-spacing:-0.25px}
#footer .footer_text address .txt1{font-weight: 600; margin-left:9px}
#footer .footer_text .copyright{color:#959595}
#familysite{position:absolute; top:17px; right:21px; text-align:left; z-index:100}
#familysite .select{width:200px; height:36px; line-height:34px; padding-left:19px; font-size:12px; color:#888; border:1px solid #ddd; background:#fbfcf8 url('../img/common/arw2.png') no-repeat right 8px center; background-size:11px 7px; cursor:pointer; user-select:none; box-sizing:border-box}
#familysite .list_family{position:absolute; bottom:36px; left:0; height:0; width:200px; border:1px solid transparent; border-bottom:none; background:#fbfcf8; overflow:hidden; transition:.3s; visibility:hidden; box-sizing:border-box}
#familysite .list_family li a{display:block; line-height:34px; padding-left:19px; font-size:13px; color:#666; box-sizing:border-box; user-select:none}
#familysite .list_family li a:hover{background:#f3f3f3}
#familysite.on .select{background:#fbfcf8 url('../img/common/arw2-1.png') no-repeat right 8px center; background-size:11px 7px}
#familysite.on .list_family{visibility:visible; height: 146px; border-color:#ddd}   /*추가시 높이 조정*/

.btn-talk{position: fixed; right: 46px; bottom: 25px; width: 54px; height: 54px; font-size: 0; color: #fff; background: #fff url('../img/common/ico_bubble0101.png') no-repeat center; background-size: 25px auto; border-radius: 50%; box-shadow: 2px 2px 3px 3px rgba(0,0,0,.09); cursor: pointer; z-index: 101; transition: .2s ease-in-out;}
/* .btn-talk:hover{background-color: #00ffff;} */

.paper{padding:47px 80px 80px; border:1px solid #ebebeb; background:#fff}
.pg_top{position:relative; text-align:center}
.pg_top h2{font-family: 'Noto Sans KR', sans-serif; font-size:26px; font-weight:bold; color:#222; letter-spacing:-0.25px}
.pg_top .tit_eng{margin-top:8px; font-family: 'Karla', sans-serif; font-size:11px; color:#333; text-transform:uppercase}

/*PORTFOLIO*/
/*#pf_list{min-height:495px}*/
#pf_list ul{padding-left:1px}
#pf_list li{position:relative; float:left; width:calc(25% - 1px); margin-right:1px; margin-bottom:1px; overflow:hidden; background-repeat:no-repeat; background-position:center; background-size:cover}
#pf_list li {opacity: 0; transition: opacity .4s ease;}
#pf_list li.is-loaded {opacity: 1;}

#pf_list li:after{content: ""; display: block; padding-bottom:67%;}
/*#pf_list li:nth-child(4n-3){background-color:#4a7b83}
#pf_list li:nth-child(4n-2){background-color:#69676a}
#pf_list li:nth-child(4n-1){background-color:#c7a069}
#pf_list li:nth-child(4n+0){background-color:#a67750}*/
#pf_list li .pf_layer{position:absolute; bottom:-100%; left:0; width:100%; height:100%; padding:0 20px; background-repeat:no-repeat; background-size:10px 10px; box-sizing:border-box; transition:.3s}
#pf_list li .pf_layer{background-image:url('../img/common/edge1-1.png'),url('../img/common/edge1-2.png'),url('../img/common/edge1-3.png'),url('../img/common/edge1-4.png'); background-position:left 10px top 10px,right 10px top 10px,right 10px bottom 10px,left 10px bottom 10px}
#pf_list li:hover .pf_layer,
#pf_list li.on .pf_layer{bottom:0}
#pf_list li.c1 .pf_layer{background-color:rgba(0,174,239,.9)}   /*하늘색*/
#pf_list li.c2 .pf_layer{background-color:rgba(236,0,140,.9)}   /*핑크*/
#pf_list li.c3 .pf_layer{background-color:rgba(237,165,28,.9)}  /*노랑*/
#pf_list li.c4 .pf_layer{background-color:rgba(34,30,31,.9)}   /*검정*/
#pf_list li .pf_layer .inner{position:relative; width:100%; height:100%; background:url('../img/common/pf_line2.png') no-repeat center; background-size:auto 21px}
#pf_list li .pf_layer .pf_text{width:100%; text-align:center; color:#fff; margin:-3px 0 0 0; position:absolute; top:50%; -ms-transform:translateY(-50%); transform: translateY(-50%)}
#pf_list li .pf_layer .pf_text .title{padding-bottom:0px; font-size:15px; font-weight:bold; line-height:22px; letter-spacing:-0.25px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
#pf_list li .pf_layer .pf_text .meta_info{padding-top:34px;}
#pf_list li .pf_layer .pf_text .meta_info span{font-family:'Roboto', sans-serif; font-size:10px; text-transform:uppercase}
#pf_list li .pf_layer .pf_text .meta_info span:first-child:after{content:"|"; margin:0 7px}

#pf_deatil.paper{padding:0; border:1px solid #fff; background:#000}
#pf_deatil .top_detail{display:none; position:relative; padding:31px 0 16px; }
#pf_deatil .top_detail .pf_nav{position:absolute; top:0; left:0;}
#pf_deatil .top_detail .pf_nav .pf_nav_list{margin:0 17px}
#pf_deatil .top_detail .pf_nav img{position:relative}
#pf_deatil .top_detail .pf_nav .pf_nav1{width:11px; top:2px}
#pf_deatil .top_detail .pf_nav .pf_nav2{width:14px}
#pf_deatil .top_detail .pf_share{position:absolute; top:0; right:0;}
#pf_deatil .top_detail .pf_share span,
#pf_deatil .top_detail .pf_share a{display:inline-block; font-size:12px; cursor:pointer}
#pf_deatil .top_detail .pf_share span{font-weight:bold; color:#333; margin-right:4px}
#pf_deatil .top_detail .pf_share a{margin-left:13px; color:#8d8f92; text-decoration:underline}
#pf_deatil .top_detail h2{font-size:18px; font-weight:bold; color:#222; line-height:1.5; text-align:center}
#pf_deatil .top_detail .tag_set{margin-top:7px; text-align:center}
#pf_deatil .top_detail .tag_set a{font-size:13px; color:#222; line-height:1.5; margin:0 5px}
#pf_deatil .top_detail .line_arw{position:relative; margin-top:46px; width:100%; background:url('../img/common/line1.png') repeat-x 0 center}
#pf_deatil .top_detail .line_arw .ico_arw{height:9px; background-image:url('../img/common/line1-1.png'),url('../img/common/line1-2.png'); background-repeat:no-repeat; background-position:0 center,right center; background-size:5px 9px}
#pf_deatil .cont_detail:has(img) br{display: none !important;}
#pf_deatil .cont_detail img{display: block !important; width:100% !important; max-width: 100% !important;}
#pg_detail #header .side_top .st_right .pf_date span{display:inline-block; margin-right: 24px; letter-spacing:0.6px}
#pg_detail #header .side_top .st_right .pf_date span a{margin-right:5px}
#pg_detail #header .side_top .st_right .pf_date span a:last-child{margin-right:0px}
#pg_detail #header .side_top .st_right .pf_date .side-text{display: inline-block}

#gototop{position:fixed; bottom:100px; right:-8px; margin-bottom:-38px; cursor:pointer; visibility:visible; opacity:0; transition:.5s ease}
#gototop .btn_arw{padding-left:17px; font-family:'Roboto', sans-serif; font-size:11px; font-weight:bold; color:#222; background:url('../img/common/arw1.png') no-repeat 0 0; background-size:11px 10px;}
#gototop.on{visibility:visible; opacity:1; }
#gototop.move1{margin-bottom:-19px}
#gototop.move2{bottom:220px}
#gototop.move3{bottom:320px}


/*ABOUT*/
.about .pg_top{display:none}
.about .pg_top .line_arw{position:relative; margin-top:34px; width:100%; background:url('../img/common/line1.png') repeat-x 0 center}
.about .pg_top .line_arw .ico_arw{height:9px; background-image:url('../img/common/line1-1.png'),url('../img/common/line1-2.png'); background-repeat:no-repeat; background-position:0 center,right center; background-size:5px 9px}
.about .sc1{position:relative; text-align:center; padding:50px 0 71px}
.about .sc1 .logo{max-width:289px}
.about .sc2{position:relative; padding:1px 0}
.about .sc2 .cont > div{float:left; width:50%; margin-bottom:30px; box-sizing:border-box}
.about .sc2 .cont .left{padding-right:30px}
.about .sc2 .cont .right{padding-left:30px}
.about .sc2 .cont p{line-height:28px}
.about .sc2 .cont .left p{font-size:13px; font-weight:300; color:#222; letter-spacing:-0.25px}
.about .sc2 .cont .right p{font-size:13px; color:#333}
.about .sc3{position:relative; text-align:center; padding:27px 0 0}
.about .sc3 img{width:100%; min-height:270px; object-fit: cover;}
.about .sc4 .info_map{padding:30px 0 0}
.about .sc4 .info_map address{float:left; width:calc(100% - 304px); box-sizing:border-box}
.about .sc4 .info_map address p{color:#222}
.about .sc4 .info_map address .txt1{font-size:14px; font-weight:300; line-height:28px;}
.about .sc4 .info_map address .txt2{margin-top:2px; font-size:13px; line-height:24px}
.about .sc4 .info_map .btn_inquiry{float:right; width:304px; padding-top:8px}
.about .sc4 .info_map .btn_inquiry a{display:block; padding:15px 0; border:1px solid #111; text-align:center; background:#221e1f}
.about .sc4 .info_map .btn_inquiry .txt1{font-size:14px; font-weight:bold; color:#fff}
.about .sc4 .info_map .btn_inquiry .txt2{margin-top:7px; font-size:11px; color:#999; letter-spacing:0.75px}
.about .sc4 .info_map .btn_inquiry a:hover{background:#fff}
.about .sc4 .info_map .btn_inquiry a:hover .txt1{color:#222}
.about .sc4 .info_map .btn_inquiry a:hover .txt2{color:#777}

/*ABOUT 2024*/
.pg-about{font-family: 'Pretendard'; font-weight: 400; color: #000; letter-spacing: -0.25px;}
.pg-about .paper{padding: 80px 80px 80px;}
.pg-about .inner-area{position: relative;}
.pg-about .objout{position: absolute;}
.pg-about .objout01{left: 0; }
.pg-about .objout0101{width: 31px; top: 0;}
.pg-about .objout0102{width: 31px; bottom: 562px;}
.pg-about .objout02{right: 0;}
.pg-about .objout0201{width: 123px; top: 0;}
.pg-about .objout0202{width: 32px; bottom: 533px;}
.pg-about .objout0301{bottom: -7px; left: calc(50% - 15px); width: 29px;}
.pg-about .objout0302{bottom: 1px; left: 0; font-family:'Roboto', sans-serif; font-size: 12px; font-weight: 500; color: #222; letter-spacing: 0.25px;}
.pg-about .objout0303{bottom: 1px; right: 0; font-family:'Roboto', sans-serif; font-size: 12px; font-weight: 500; color: #222; letter-spacing: 0.25px;  background:url('../img/content/outline_obj0302.png') no-repeat 0 center; background-size: 73px auto; padding-left: 93px;}

.pg-about .pg_top{display:none}
.pg-about .inner-grid{width: 100%; max-width: 920px; margin: 0 auto;}
.pg-about .tit-sec{font-family:'Roboto', sans-serif; font-size: 17px; font-weight: bold; color: #ed3c95; letter-spacing: 0; text-align: center;}
.pg-about .tit-sec span{border-bottom: 2px solid #ed3c95;}

.pg-about .box-set{position: relative; display: grid; grid-template-rows: repeat(4, 1fr); gap: 14px;}
.pg-about .box-set .h-line{position: absolute; width: 22px; height: 1px; background-color: #231f20;}
.pg-about .box-set .v-line{position: absolute; width: 1px; height: 22px; background-color: #231f20;}
.pg-about .box-set .line0101{top: 6px; left: -28px;}
.pg-about .box-set .line0102{top: -28px; left: 6px;}
.pg-about .box-set .line0201{top: 6px; right: -28px;}
.pg-about .box-set .line0202{top: -28px; right: 6px;}
.pg-about .box-set .line0301{bottom: 6px; left: -28px;}
.pg-about .box-set .line0302{bottom: -28px; left: 6px;}
.pg-about .box-set .line0401{bottom: 6px; right: -28px;}
.pg-about .box-set .line0402{bottom: -28px; right: 6px;}
.pg-about .box-set .item-box{display: grid; grid-template-columns: repeat(2, 1fr);}
.pg-about .box-set .item-box > div{width: 100%; box-sizing: border-box;}
.pg-about .box-set .color-box{padding: 22px; font-family:'Roboto', sans-serif; color: #fff;}
.pg-about .box-set .color-box.c1{background-color: #00aeef;}
.pg-about .box-set .color-box.c2{background-color: #ed3c95;}
.pg-about .box-set .color-box.c3{color: #222; background-color: #fff200;}
.pg-about .box-set .color-box.c4{background-color: #231f20;}
.pg-about .box-set .text-box{padding: 18px 18px 18px 26px;}
.pg-about .box-set.type1 .color-box{font-size: 24px; font-weight: bold; letter-spacing: 0;}
.pg-about .box-set.type1 .text-box{font-size: 16px; line-height: 26px; word-break: keep-all; background-color: #f3f5f5;}
.pg-about .box-set.type2{font-size: 21px; font-weight: bold; letter-spacing: 0;}
.pg-about .box-set.type2 .item-box > div{display: flex; justify-content: center; align-items: center; height: 114px;}
.pg-about .box-set.type2 .color-box{background-color: #000;}
.pg-about .box-set.type2 .text-box{border: 1px solid #000;}

.pg-about .sec01{padding-top: 64px; padding-bottom: 64px;}
.pg-about .sec01 .logo{text-align: center;}
.pg-about .sec01 .logo img{max-width: 287px; width: 100%;}
.pg-about .sec01 .txt-set{font-size: 17px; line-height: 30px; word-break: keep-all; margin-top: 106px;}
.pg-about .sec01 .txt-set > p{margin-bottom: 30px;}
.pg-about .sec02{padding-top: 91px; padding-bottom: 91px;}
.pg-about .sec02 .obj01{text-align: center; margin-top: 143px;}
.pg-about .sec02 .obj01 img{max-width: 480px;}
.pg-about .sec02 .box-set{margin-top: 180px;}
.pg-about .sec03{padding-top: 183px; padding-bottom: 183px;}
.pg-about .sec03 .box-set{margin-top: 103px;}
.pg-about .sec04{padding-top: 111px; padding-bottom: 182px;}
.pg-about .sec04 .list-partner{margin-top: 62px;}
.pg-about .sec04 .list-partner > ul{display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px 20px;}
.pg-about .sec04 .list-partner > ul > li > img{max-width: 214px;}
.pg-about .sec05{padding-top: 73px; padding-bottom: 170px; border-top: 8px solid #292527;}
.pg-about .sec05 .contact-area{display: flex; flex-wrap: wrap; justify-content: space-between;}
.pg-about .sec05 .info-contact address{font-size: 16px; line-height: 28px; word-break: keep-all;}
.pg-about .sec05 .info-contact .tel{font-size: 16px; font-weight: 500; margin-top: 33px;}
.pg-about .sec05 .info-contact .logo-cert{display: flex; align-items: center; margin-top: 67px;}
.pg-about .sec05 .info-contact .logo-cert > div:first-child{margin-right: 64px;}
.pg-about .sec05 .info-contact .logo-cert .logo01{width: 160px;}
.pg-about .sec05 .info-contact .logo-cert .logo02{width: 97px;}
.pg-about .sec05 .btn-request > a{display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; width: 360px; height: 102px; background-color: #000;}
.pg-about .sec05 .btn-request .tit-btn{font-size: 19px; font-weight: bold; color: #fff;}
.pg-about .sec05 .btn-request .txt-en{font-size: 14px; font-weight: 400; color: #8d8d8d; letter-spacing: 0; margin-top: 11px;}

/*CONTACT*/
.contact .pg_top .line_arw{position:relative; margin-top:34px; width:100%; background:url('../img/common/line1.png') repeat-x 0 center}
.contact .pg_top .line_arw .ico_arw{height:9px; background-image:url('../img/common/line1-1.png'),url('../img/common/line1-2.png'); background-repeat:no-repeat; background-position:0 center,right center; background-size:5px 9px}
.contact section{position:relative; margin-top:30px; padding:10px 0}
.contact .hm_map{height:450px}
.contact .info_map{padding:22px 0 0}
.contact .info_map address{float:left; width:calc(100% - 304px); padding-left:214px; background:url('../img/content/logo1.png') no-repeat 0 8px; background-size:auto 65px; box-sizing:border-box}
.contact .info_map address p{color:#222}
.contact .info_map address .txt1{font-size:14px; font-weight:300; line-height:28px;}
.contact .info_map address .txt2{margin-top:2px; font-size:13px; line-height:24px}
.contact .info_map .btn_inquiry{float:right; width:304px; padding-top:8px}
.contact .info_map .btn_inquiry a{display:block; padding:15px 0; border:1px solid #111; text-align:center; background:#221e1f}
.contact .info_map .btn_inquiry .txt1{font-size:14px; font-weight:bold; color:#fff}
.contact .info_map .btn_inquiry .txt2{margin-top:7px; font-size:11px; color:#999; letter-spacing:0.75px}
.contact .info_map .btn_inquiry a:hover{background:#fff}
.contact .info_map .btn_inquiry a:hover .txt1{color:#222}
.contact .info_map .btn_inquiry a:hover .txt2{color:#777}

/*INQUIRY*/
.form-chk01 {
    display: flex;
    align-items: center;
    & .form-check-input{width: 22px; height: 22px; border-color: #ddd; border-radius: 0; background: #fff url("../img/common/ico_check0102.png") no-repeat center / 11px auto; margin-top: 0;}
    & .form-check-input:focus{box-shadow: none}
    & .form-check-input:checked{border-color: #222; background: #222 url("../img/common/ico_check0101.png") no-repeat center / 11px auto;}
    & .form-check-label{padding-left: 8px; font-size: 15px; color: #222; line-height: 22px; user-select: none}
    & .btn-term{position: relative; font-family: 'Pretendard'; font-size: 15px; font-weight: 500; color: #222; background-color: transparent; text-decoration: underline; margin-left: 7px;}
}

.inquiry .tit-inquiry{color: #222; padding-top: 20px}
.inquiry .tit-inquiry .main-text{font-size: 52px; font-weight: 600; line-height: 62px; letter-spacing: -0.75px;}
.inquiry .tit-inquiry p{font-size:16px; font-weight:400; line-height: 24px; margin-top: 18px;}

.dot::after{content: ""; display: inline-block; position: relative; top: -7px; width: 7px; height: 7px; background-color: rgba(236,0,140,1); border-radius: 50%; margin-left: 6px;}
.form_inquiry .refer-dot{position: absolute; top: 20px; right: 0; font-size: 14px; color: rgba(236,0,140,1); text-align: right}
.inquiry .form_inquiry{position:relative; margin-top:38px}
.form_inquiry section{margin-bottom: 25px; padding-top: 65px; border-top:3px solid #222; overflow:hidden}
.form_inquiry section:last-child{margin-bottom:0; border: 0; padding-top: 0}
.form_inquiry section > ul > li{padding: 17px 0; box-sizing:border-box}
.form_inquiry section > ul.top_ipset{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0 10px;}
.form_inquiry section > ul.top_ipset:not(:last-child){margin-bottom: 60px;}
.form_inquiry section > ul.top_ipset > li{width: calc(50% - 5px); box-sizing: border-box;}
.form_inquiry section > ul.top_ipset > li.wide{width: 100%; padding-left: 0; padding-right: 0;}
.form_inquiry section > ul > li .i-item{font-size: 14px; color:#333; line-height: 24px; word-break: keep-all;}
.form_inquiry section > ul > li.type1 .i-item{padding-bottom:17px; border-bottom:1px solid #ddd}
.form_inquiry section > ul > li .i-item span{color:#e85a57}
.form_inquiry section > ul > li .i-item .refer{color:#999}
.form_inquiry section > ul > li .i-item + .i-value{margin-top: 11px}
.form_inquiry section > ul > li .i-value + .i-value{margin-top: 10px;}
.form_inquiry section > ul > li .i-item.pf-type01{font-family: 'Noto Sans KR', sans-serif; font-size: 20px; font-weight: bold; text-align: center; padding-top: 23px; padding-bottom: 27px;}
.form_inquiry .tit-sec{font-size: 22px; font-weight: bold; color: #333; line-height: 28px; margin-bottom: 10px;}
.form_inquiry .tit-sec span{font-size: 14px; color: rgba(236,0,140,1)}
.form_inquiry .tit-sec strong{font-weight: bold}
.form_inquiry .tit-sec strong.dot::after{top: -10px; width: 9px; height: 9px;}

.form_inquiry input[type="text"],
.form_inquiry textarea,
.form_inquiry select{width:100%}
.form_inquiry input[type="text"]:focus{background:#f3f3f3;}
.form_inquiry textarea{height:160px}
.form_inquiry .i-textarea{height:144px; padding:10px 15px; background:#f3f3f3; overflow-y:auto; box-sizing:border-box}
.form_inquiry .i-textarea p{font-size:12px; color:#777; line-height:20px}
.form_inquiry .i-cb1{margin-top:14px}
.form_inquiry .i-cb1 label{font-size:12px; color:#888; user-select:none}
.form_inquiry .button1{margin-top:48px}

.form_inquiry .spam_num{float:left}
.form_inquiry .spam_num img{height:50px}
.form_inquiry .spam_i{float:right; width:calc(100% - 130px)}
.form_inquiry .wrap_cb{float:left; width:25%}
.form_inquiry .wrap_cb li{padding:10px 0}	
.form_inquiry .wrap_cb ul{padding-bottom:5px}
.form_inquiry .wrap_hm-radio{display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom:10px}
.form_inquiry .wrap_hm-radio > li input.hm-radio + label{display: block; padding: 0;}
/* .form_inquiry .wrap_hm-radio li{display:inline-block; padding:10px 0 5px; margin-right:10px} */
.form_inquiry .wrap_hm-radio01{display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin-bottom:10px}
.form_inquiry .wrap_hm-radio01 > li input.hm-radio01 + label{display: block; padding: 0;}
.form_inquiry .list-accordion{position:relative; overflow-y: auto; margin-top: 13px;}
.form_inquiry .list-accordion::-webkit-scrollbar{display: none}
.form_inquiry .list-accordion > ul > li{padding-bottom: 11px}
.form_inquiry .list-accordion > ul > li:last-child{padding-bottom: 0}
.form_inquiry .list-accordion > ul > li > a,
.form_inquiry .list-accordion > ul > li > .accordion-button{display: flex; align-items: center; height: 46px; border-bottom: 1px solid #222; display: inline-block; font-size: 14px; color: #222;}
.form_inquiry .list-accordion > ul > li:last-child{border-color: #fff}
.form_inquiry .list-accordion .accordion-button{box-shadow:none; background-color:transparent}
.form_inquiry .list-accordion .accordion-button::after{content:""; position:absolute; right: 14px; top: calc(50% - 6px); display:block; width: 12px; height: 12px; background: url('../img/common/form_arw1.png') no-repeat center; background-size: 12px auto; transition: .2s ease-in-out;}
.form_inquiry .list-accordion .accordion-button:not(.collapsed)::after{transform: rotate(180deg); transition: .2s ease-in-out;}
.form_inquiry .list-accordion .i-value{padding: 20px 0 0}
.form_inquiry .btn-send{text-align: center; margin-top: 35px}

/* ==========================================================================
    About 2025
    ========================================================================== */
:root {
	--font-instrument: "Instrument Sans", sans-serif;
	--basic-color: #000;
	--blue: #4CACE9;
	--pink: #DB438F;
	--yellow: #FDF251;
	--black: #000;
	--cutting-pos01: 40px;
	--section-spacing: 60px;
	--cmyk-panel-width: 96px;
}
@media (width <= 1560px) {
	:root {
		--section-spacing: 40px;
	}
}
@media (width <= 1280px) {
	:root {
		--cmyk-panel-width: 80px;
	}
}
@media (width <= 1200px) {
	:root {
		--cmyk-panel-width: 70px;
	}
}
@media (width <= 1000px) {
	:root {
		--section-spacing: 24px;
	}
}
@media (width <= 600px) {
	:root {
		--section-spacing: 20px;
	}
}

.outline-group{
	.objout{position: absolute;}
	.objout01{left: 0; }
	.objout0101{width: 31px; top: 0;}
	.objout0102{width: 31px; bottom: 562px;}
	.objout02{right: 0;}
	.objout0201{width: 123px; top: 0;}
	.objout0202{width: 32px; bottom: 533px;}
	.objout0301{bottom: -7px; left: calc(50% - 15px); width: 29px;}
	.objout0302{bottom: 1px; left: 0; font-family:'Roboto', sans-serif; font-size: 12px; font-weight: 500; color: #222; letter-spacing: 0.25px;}
	.objout0303{bottom: 1px; right: 0; font-family:'Roboto', sans-serif; font-size: 12px; font-weight: 500; color: #222; letter-spacing: 0.25px;  background:url('../img/content/outline_obj0302.png') no-repeat 0 center; background-size: 73px auto; padding-left: 93px;}
}
/*섹션 타이틀*/
.round-text{position: relative; display: flex; align-items: center; height: 50px; font-size: 20px; font-weight: 600; color: rgba(3,3,3,.7); padding: 0 16px; border: 1px solid var(--basic-color); border-radius: 25px;}
.round-button{
	> a{position: relative; display: inline-flex; align-items: center; color: #fff; background-color: var(--basic-color); border-radius: 30px; transition: transform 1.6s ease-out;}
	> a::after{content: "→"; position: absolute; right: 20px;}
	> a:not(::after){font-family: "Instrument Sans", sans-serif;}
	/*> a:hover{scale: 1.1;}*/
	> a:hover{animation: pop-scale 1.2s ease-out;}
	&.small-button{
		> a{width: 288px; height: 58px; font-size: 26px; font-weight: bold; padding: 0 22px;}
		> a::after{right: 22px;}
	}
	&.big-button{
		> a{max-width: 672px; width: 100%; height: 130px; font-size: 50px;  font-weight: 600; padding: 0 60px;}
		> a::after{right: 60px;}
	}

	@media (width <= 1280px) {
		&.big-button > a{max-width: 600px; height: 120px; font-size: 46px;}
	}
	@media (width <= 1200px) {
		&.small-button > a{width: 260px; height: 50px; font-size: 22px; border-radius: 25px;}
		&.big-button > a{max-width: 560px; height: 120px; font-size: 46px;}
	}
	@media (width <= 1024px) {
		&.small-button{
			> a{width: 230px; height: 46px; font-size: 20px; padding: 0 18px;}
			> a::after{right: 18px;}
		}
		&.big-button{
			> a{max-width: 500px; height: 106px; font-size: 40px; padding: 0 40px; border-radius: 24px;}
			> a::after{right: 40px;}
		}
	}
	@media (width <= 860px) {
		&.small-button{
			> a{width: 190px; height: 42px; font-size: 18px; padding: 0 16px; border-radius: 21px;}
			> a::after{right: 16px;}
		}
		&.big-button{
			> a{height: 82px; font-size: 30px; padding: 0 30px; border-radius: 20px;}
			> a::after{right: 30px;}
		}
	}
	@media (width <= 600px) {
		&.small-button{
			> a{width: 160px; height: 40px; font-size: 17px; padding: 0 14px; border-radius: 20px;}
			> a::after{right: 14px;}
		}
		&.big-button{
			> a{height: 72px; font-size: 24px; border-radius: 18px;}
		}
	}

}
@keyframes pop-scale {
	0%   { transform: scale(1); }
	20%  { transform: scale(1.1); }
	40%  { transform: scale(0.97); }
	60%  { transform: scale(1.05); }
	80%  { transform: scale(0.98); }
	1000%  { transform: scale(1); }
}
.tit-sec01 {
	display: flex;
	align-items: center;
	gap: 21px;
	.title{font-family: var(--font-instrument); font-size: 50px; font-weight: bold;}
	.round-text{height: 44px;}

	@media (width <= 1620px) {
		.round-text{height: 42px; font-size: 18px; padding: 0 12px; border-radius: 21px;}
	}
	@media (width <= 1420px) {
		.round-text{height: 38px; font-size: 17px; border-radius: 19px;}
	}
	@media (width <= 1200px) {
		gap: 14px;
		.title{font-size: 42px;}
		.round-text{height: 34px; font-size: 16px; border-radius: 17px;}
	}
	@media (width <= 860px) {
		gap: 10px;
		.title{font-size: 36px;}
		.round-text{height: 30px; font-size: 14px; border-radius: 15px;}
	}
	@media (width <= 600px) {
		gap: 10px;
		.title{font-size: 32px;}
		.round-text{display: none;}
	}
}
.title-bar {
	position: relative;
	display: flex;
	align-items: center;
	height: 320px;
	padding: 36px;
	border-top: 1px solid var(--basic-color);
	.cutting-line{
		span{position: absolute; display: block; width: 30px; height: 30px;}
		span::before,
		span::after{content: ""; position: absolute; display: block; background: var(--basic-color);}
		span::before{width: 20px; height: 1px;}
		span::after{width: 1px; height: 20px;}
		.lt {
			left: 0;
			top: var(--cutting-pos01);
			&::before{bottom: 0;}
			&::after{right: 0;}
		}
		.lb {
			left: 0;
			bottom: var(--cutting-pos01);
			&::before{top: 0;}
			&::after{right: 0; bottom: 0;}
		}
		.rt {
			right: 0;
			top: var(--cutting-pos01);
			&::before{bottom: 0; right: 0;}
			&::after{left: 0; top: 0;}
		}
		.rb {
			right: 0;
			bottom: var(--cutting-pos01);
			&::before{top: 0; right: 0;}
			&::after{bottom: 0; left: 0;}
		}
	}
	.tit-sec {
		display: flex;
		align-items: flex-end;
		gap: 40px;
		.title{font-family: var(--font-instrument); font-size: 120px; font-weight: 600;}
		.round-text{bottom: 10px;}
	}
	@media (width <= 1620px) {
		.tit-sec .title{font-size: 104px;}
		.round-text{height: 42px; font-size: 18px; padding: 0 12px; border-radius: 21px;}
	}
	@media (width <= 1420px) {
		.tit-sec{gap: 30px;}
		.tit-sec .title{font-size: 94px;}
		.round-text{height: 38px; font-size: 17px; border-radius: 19px;}
	}
	@media (width <= 1280px) {
		.tit-sec .title{font-size: 84px;}
	}
	@media (width <= 1200px) {
		height: 200px;
		padding: 0;
		.cutting-line{display: none;}
		.tit-sec .title{font-size: 84px;}
		.tit-sec .round-text{display: none}
	}
	@media (width <= 1024px) {
		height: 184px;
		.tit-sec .title{font-size: 72px;}
	}
	@media (width <= 860px) {
		height: 130px;
		.tit-sec .title{font-size: 46px;}
	}
	@media (width <= 600px) {
		height: auto;
		padding-top: 30px;
		padding-bottom: 30px;
		.tit-sec .title{font-size: 9vw;}
	}
}
/*범례*/
.category-legend {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 124px;
	.legend-item{display: flex; align-items: center; gap: 9px;}
	.legend-label{font-family: var(--font-instrument); font-size: 20px; font-weight: 600;}
	.legend-color{
		position: relative;
		top: -1px;
		display: block;
		width: 16px;
		height: 16px;
		&.c01{background-color: var(--blue);}
		&.c02{background-color: var(--pink);}
		&.c03{background-color: var(--yellow);}
		&.c04{background-color: var(--black);}
	}
}
.about-sec01 {
	.content-section{display: grid; grid-template-columns: 416px minmax(0, 1fr); gap: 96px;}
	.category-legend {margin-bottom: 18px;}
	.movie-section{display: flex; align-items: center; padding: 0 43px; border: 1px solid var(--basic-color);}
	.movie-section .main-video{aspect-ratio: 394 / 654; width: 100%;}
	.text-section{display: flex; flex-direction: column; justify-content: space-between;}
	.desc-container {
		.desc-item{position: relative;}
		.desc-item:not(:last-child) {padding-bottom: 31px; margin-bottom: 22px;}
		.desc-item:not(:last-child)::after{content: ""; position: absolute; left: 10px; bottom: 0; display: block; width: 8px; height: 8px; background-color: var(--basic-color);}
		.desc-title{display: flex; align-items: flex-end;}
		.desc-title .capital-letter{font-family: var(--font-instrument); font-size: 36px; font-weight: bold;}
		.desc-title .desc-sub{position: relative; top: -2px; font-family: var(--font-instrument); font-size: 20px; font-weight: 500; margin-left: 6px;}
		.desc-title .round-text{height: 30px; font-size: 15px; color: var(--basic-color); margin-left: 12px;}
		.desc{margin-top: 20px;}
		.desc p{font-size: 18px; line-height: 30px; word-break: keep-all;}
		.desc p strong{font-size: 20px; font-weight: 800;}
	}
	.text-deco{font-family: var(--font-instrument); font-size: 20px; font-weight: 500; letter-spacing: -0.7px; text-align: right; margin-top: 20px;}
	@media (width <= 1420px) {
		.content-section{gap: 80px;}
		.category-legend {gap: 100px;}
		.desc-container .desc p .dspn{display: none;}
	}
	@media (width <= 1280px) {
		.category-legend {gap: 60px;}
		.content-section{grid-template-columns: 360px minmax(0, 1fr); gap: 60px;}
	}
	@media (width <= 1200px) {
		.category-legend {gap: 40px;}
		.content-section{grid-template-columns: 320px minmax(0, 1fr); gap: 40px;}
		.movie-section{padding: 0;}
		.desc-container {
			.desc p{font-size: 17px;}
			.desc p strong{font-size: 19px;}
			.desc-title .capital-letter{font-size: 34px;}
		}
		.text-deco{font-size: 18px;}

	}
	@media (width <= 1024px) {
		.content-section{grid-template-columns: minmax(0, 1fr); padding-top: 20px; gap: 0;}
		.movie-section{max-width: 280px; width: 100%; margin: 0 auto; border: 0;}
		.text-section {padding-top: 40px; border-top: 1px solid #000}
	}
	@media (width <= 860px) {
		.category-legend {
			gap: 14px;
			.legend-item{gap: 6px;}
			.legend-label{font-size: 14px}
			.legend-color{top: 0; width: 12px; height: 12px;}
		}
	}
	@media (width <= 600px) {
		.category-legend {
			.legend-item{gap: 4px;}
			.legend-label{font-size: 13px}
			.legend-color{width: 10px; height: 10px;}
		}
		.movie-section{max-width: 240px;}
		.desc-container {
			.desc-item:not(:last-child){}
			.desc p{font-size: 16px; line-height: 28px;}
			.desc p strong{font-size: 18px;}
			.desc-title .capital-letter{font-size: 32px;}
			.desc-title .round-text{height: 24px; font-size: 12px; padding: 1px 10px 0;  margin-left: 8px; border-radius: 12px;}
		}
	}
}
.cmyk-container {
	display: flex;
	width: 100%;
	height: 844px;
	overflow: hidden;
	.panel {
		position: relative;
		flex: 0 0 auto;
		height: 100%;
		border-radius: 20px;
		overflow: hidden;
		transition: width .8s cubic-bezier(0.16, 1, 0.3, 1);
		.panel-inner{display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding: 40px; opacity: 0; transition: opacity .05s}
		.round-text{display: inline-flex; font-weight: bold; padding: 0 22px; margin-bottom: 40px;}
		p{padding: 0 10px;}
		p strong{font-weight: bold;}
		.cross{position: absolute; top: 40px; right: 18px; width: 60px; aspect-ratio: 1 / 1; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; transition: right .5s ease-out;}
		&.active {
			flex: 1 1 auto;
			.panel-inner{opacity: 1; transition: opacity .3s .4s}
			.cross{right: 40px;}
			&.panel-c .cross{background-image: url('../img/content/cross_ca.svg');}
			&.panel-m .cross{background-image: url('../img/content/cross_ma.svg');}
			&.panel-y .cross{background-image: url('../img/content/cross_ya.svg');}
			&.panel-k .cross{background-image: url('../img/content/cross_ka.svg');}
		}
	}
	.en-wrapper{font-family: var(--font-instrument);}
	.en-wrapper .round-text{height: 90px; border-radius: 45px; font-size: 50px;}
	.en-wrapper p{font-size: 40px; line-height: 50px; text-transform: uppercase;}
	.ko-wrapper .round-text{height: 70px; border-radius: 35px; font-size: 40px;}
	.ko-wrapper p{font-size: 30px; font-weight: bold; line-height: 40px;}
	.ko-wrapper p strong{color: #fff;}
	.panel-c {
		background-color: #4CACE9;
		.panel-inner,
		.round-text{color: #03445E;}
		.cross{background-image: url('../img/content/cross_c.svg');}
	}
	.panel-m {
		background-color: #DB438F;
		.panel-inner,
		.round-text{color: #6E1742;}
		.cross{background-image: url('../img/content/cross_m.svg');}
	}
	.panel-y {
		background-color: #FDF251;
		.panel-inner,
		.round-text{color: #736D01;}
		.ko-wrapper p strong{color: #000;}
		.cross{background-image: url('../img/content/cross_y.svg');}
	}
	.panel-k {
		background-color: #000000;
		.panel-inner,
		.round-text{color: #fff;}
		.round-text{border-color: #fff;}
		.ko-wrapper p{font-weight: 500}
		.ko-wrapper p strong{font-weight: 900}
		.cross{background-image: url('../img/content/cross_k.svg');}
	}
	@media (width <= 1420px) {
		height: 780px;
		.panel .round-text {margin-bottom: 30px;}
		.en-wrapper .round-text{height: 80px; border-radius: 40px; font-size: 46px;}
		.en-wrapper p{font-size: 35px; line-height: 47px;}
		.ko-wrapper .round-text{height: 60px; border-radius: 30px; font-size: 35px;}
		.ko-wrapper p{font-size: 26px; line-height: 38px;}
	}

	@media (width <= 1280px) {
		.panel {
			.cross{right: 15px; width: 50px;}
			&.active .cross{right: 26px;}
		}
	}
	@media (width <= 1200px) {
		height: 670px;
		.panel {
			.panel-inner{padding: 30px;}
			.cross{top: 40px; right: 15px; width: 40px;}
			.round-text {margin-bottom: 24px;}
			&.active .cross{right: 24px;}
		}
		.en-wrapper .round-text{height: 70px; border-radius: 35px; font-size: 38px;}
		.en-wrapper p{font-size: 28px; line-height: 38px;}
		.ko-wrapper .round-text{height: 52px; border-radius: 26px; font-size: 30px;}
		.ko-wrapper p{font-size: 24px; line-height: 34px;}
	}
	@media (width <= 1000px) {
		height: 570px;
		.panel .panel-inner{padding: 24px;}
		.panel .round-text {margin-bottom: 20px;}
		.en-wrapper .round-text{height: 52px; border-radius: 26px; font-size: 28px;}
		.en-wrapper p{font-size: 22px; line-height: 32px;}
		.ko-wrapper .round-text{height: 46px; border-radius: 23px; font-size: 24px;}
		.ko-wrapper p{font-size: 20px; line-height: 30px;}
	}
	@media (width <= 860px) {
		display: none;
	}
}
/*모바일 cmyk 아코디온*/
.cmyk-accordion {
	display: none;
	.panel{border-radius: 12px;}
	/*.accordion-collapse{transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1); transition-duration: .7s;}*/
	.accordion-button::after{display: none}
	.accordion-button:focus{outline: none; box-shadow: none}
	.accordion-button{background-color: transparent;}
	.accordion-button:not(.collapsed){background-color: transparent; box-shadow: none;}
	.panel-header {
		position: relative;
		padding: 0 30px;
		.accordion-button{display: flex; justify-content: space-between; align-items: center; padding: 21px 0; width: 100%;}
		.round-text{display: inline-flex; justify-content: center; height: 36px; font-family: var(--font-instrument); font-size: 16px; font-weight: bold; padding: 0 19px; transition: .3s ease-out;}
		.cross{width: 40px; aspect-ratio: 1 / 1; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto;}
		.accordion-button:not(.collapsed){padding: 30px 0 22px;}
		.accordion-button:not(.collapsed) .round-text{height: 57px; font-size: 30px; border-radius: 28px;}
	}
	.panel-body {
		display: flex;
		flex-direction: column;
		gap: 100px;
		padding: 0 30px 24px;
		p{padding: 0 10px;}
		p strong{font-weight: bold;}
		.en-wrapper{font-family: var(--font-instrument);}
		.en-wrapper p{font-size: 24px; line-height: 35px; text-transform: uppercase;}
		.ko-wrapper .round-text{display: inline-flex; height: 50px; border-radius: 25px; font-size: 26px; margin-bottom: 22px;}
		.ko-wrapper p{font-size: 20px; font-weight: bold; line-height: 30px; word-break: keep-all}
		.ko-wrapper p strong{color: #fff;}
	}
	.panel-c {
		background-color: #4CACE9;
		.panel-body,
		.round-text{color: #03445E;}
		.cross{background-image: url('../img/content/cross_c.svg');}
		.accordion-button:not(.collapsed) .cross{background-image: url('../img/content/cross_ca.svg');}
	}
	.panel-m {
		background-color: #DB438F;
		.panel-body,
		.round-text{color: #6E1742;}
		.cross{background-image: url('../img/content/cross_m.svg');}
		.accordion-button:not(.collapsed) .cross{background-image: url('../img/content/cross_ma.svg');}
	}
	.panel-y {
		background-color: #FDF251;
		.panel-body,
		.round-text{color: #736D01;}
		.ko-wrapper p strong{color: #000;}
		.cross{background-image: url('../img/content/cross_y.svg');}
		.accordion-button:not(.collapsed) .cross{background-image: url('../img/content/cross_ya.svg');}
	}
	.panel-k {
		background-color: #000000;
		.panel-body,
		.round-text{color: #fff;}
		.round-text{border-color: #fff;}
		.ko-wrapper p{font-weight: 500}
		.ko-wrapper p strong{font-weight: 900}
		.cross{background-image: url('../img/content/cross_k.svg');}
		.accordion-button:not(.collapsed) .cross{background-image: url('../img/content/cross_ka.svg');}
	}
	@media (width <= 860px) {
		display: block;
	}
	@media (width <= 780px) {
		.dspn1 {display: none;}
	}
	@media (width <= 600px) {
		.panel{border-radius: 10px;}
		.panel-header {
			padding: 0 20px;
			.accordion-button{padding: 16px 0;}
			.accordion-button:not(.collapsed){padding: 20px 0 16px;}
			.accordion-button:not(.collapsed) .round-text{height: 42px; font-size: 22px; border-radius: 21px;}
		}
		.panel-body {
			padding: 0 10px 20px;
			gap: 60px;
			.en-wrapper p{font-size: 21px; line-height: 32px;}
			.ko-wrapper .round-text{height: 40px; border-radius: 20px; font-size: 19px; margin-bottom: 20px;}
			.ko-wrapper p{font-size: 17px; line-height: 26px;}
		}
	}
	@media (width <= 460px) {
	}
}
.about-sec0201 {
	.credential-swiper {
		.credential-image{padding: 12px; background: #fafaf7; border: 1px solid #eee;}
		.credential-image img{display: block; width: 100%; height: auto;}
		.credential-title{font-size: 16px; font-weight: 600; line-height: 1.4; margin-top: 14px;}
	}
}
.marquee-slider {
	/*& .item-marquee의 너비가 고정되면 안정될 수 있음*/
	& .swiper-wrapper{position: relative; transition-timing-function: linear !important;}
	& .item-marquee{width: auto; /*position: relative; overflow: hidden;*/}
	& .item-marquee .logo{display: flex; justify-content: center; align-items: center; width: 250px; aspect-ratio: 250 / 90; text-align: center; pointer-events: none; cursor: default;}
	& .item-marquee .logo img{width: 100%; height: 100%; object-fit: cover;}
	@media (width <= 1200px) {
		& .item-marquee .logo{width: 240px;}
	}
}
.about-sec03 {
	.marquee-container{padding-top: 5px;}
	.marquee-container:not(:last-child){margin-bottom: 60px;}
	.marquee-container .tit-sec01{margin-bottom: 58px;}
	.slider-container {
		position: relative;
		&::before,
		&::after{content: ""; position: absolute; top: 0; display: block; width: 40px; height: 100%; background-color: rgba(0,0,0,.3); z-index: 100}
		&::before{left: 0; background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);}
		&::after{right: 0; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);}
		padding: 37px 0;
		border-bottom: 1px solid var(--basic-color);
	}
	@media (width <= 1200px) {
		.marquee-container .tit-sec01{margin-bottom: 30px;}
	}
	@media (width <= 860px) {
		.marquee-container .tit-sec01{margin-bottom: 20px;}
	}
	@media (width <= 600px) {
		.marquee-container .tit-sec01{margin-bottom: 10px;}
		.slider-container{padding: 24px 0;}
	}
}

.project-slider {
	padding: 0 var(--main-gap);
	.item-proj{width: 327px;}
	.item-proj > a {display: block;}
	.thumb {position: relative; aspect-ratio: 33 / 22; overflow: hidden;}
	.thumb img{width: 100%; height: 100%; object-fit: cover;}
	.info-project{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px;}
	.info-project .round-text{display: inline-flex; height: 30px; font-size: 14px; color: rgba(0,0,0,.5); padding: 0 16px; border-radius: 15px;}
	.thumb img{transition: .3s ease-out;}
	.item-proj:hover .thumb img {scale: 1.15;}
	.btn-prev,
	.btn-next{position: absolute; top: 0; display: flex; justify-content: center; align-items: center; width: 60px; height: 220px; z-index: 100}
	.btn-prev{left: 0; background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);}
	.btn-prev::after{content: ""; }
	.btn-next{right: 0; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);}
	.btn-next img{rotate: 180deg}
	@media (width <= 1200px) {
		.item-proj{width: 300px;}
		.btn-prev,
		.btn-next{width: 40px; height: 200px;}
	}
	@media (width <= 860px) {
		.item-proj{width: 270px;}
	}
	@media (width <= 600px) {
		.item-proj{width: 250px;}
		.btn-prev,
		.btn-next{width: 20px; height: 170px;}
		.btn-prev img,
		.btn-next img{display: none}
		.info-project{gap: 6px;}
	}
}
.about-sec04 {
	.round-button{text-align: right; margin-bottom: 40px;}
	.slider-container{padding: 0 0 60px; border-bottom: 1px solid var(--basic-color);}
}

.about-sec05{
	padding-top: 100px;
	.txt-set{text-align: center;}
	.txt-set p{font-size: 18px; color: var(--basic-color); line-height: 30px; letter-spacing: -0.5px;}
	.txt-set strong{font-size: 20px; font-weight: 800;}
	.round-button{text-align: center; margin-top: 60px;}
	@media (width <= 1024px) {
		.round-button{margin-top: 50px;}
	}
	@media (width <= 860px) {
		padding-top: 80px;
		.txt-set p{font-size: 17px; line-height: 28px;}
		.txt-set strong{font-size: 19px;}
	}
	@media (width <= 600px) {
		padding-top: 60px;
		.round-button{margin-top: 40px;}
	}

}

.about-us {
	font-family: 'Pretendard', sans-serif;
	font-weight: 400;
	color: var(--basic-color);
	letter-spacing: -0.25px;
	.paper{padding: 80px 80px 80px;}
	.inner-area{position: relative;}
	.inner-grid{width: 100%; max-width: 1370px; margin: 0 auto; padding: 69px 0 120px;}
	.title-bar {margin-top: var(--section-spacing);}
	.content-section{padding-top: var(--section-spacing); border-top: 1px solid var(--basic-color);}
	.main-movie .main-video{padding:70.71% 0 0 0; position:relative;}
	.about-sec04 .content-section{padding-top: 40px;}

	@media (width <= 1820px) {
		.paper{padding: 60px 40px;}
		.inner-grid{padding: 40px 0 120px;}
	}
	@media (width <= 1720px) {
		.paper{padding: 40px;}
		.outline-group {display: none;}
		.inner-grid{padding: 0 0 80px;}
	}
	@media (width <= 1320px) {
	}
	@media (width <= 1280px) {
	}
	@media (width <= 1200px) {
	}
	@media (width <= 1000px) {
		.paper{padding: 24px;}
		.inner-grid{padding: 0 0 60px;}
	}
	@media (width <= 860px) {
	}
	@media (width <= 600px) {
		.paper{padding: 20px;}
		.main-movie{margin: -20px -20px 0;}
	}
	@media (width <= 460px) {
	}

}
/* ==========================================================================
    MODAL
    ========================================================================== */
.hm-modal{
    --bs-modal-width: 500px;
    & .top-modal{padding: 27px 40px;}
    & .top-modal .tit-set .txt-en{font-family: 'Roboto', sans-serif; font-size: 11px; font-weight: 500; color: #bbb; letter-spacing: 0; text-transform: uppercase; margin-bottom: 6px;}
    & .top-modal .tit-set .title{font-size: 26px; font-weight: 500; color: #222;}
    & .top-modal .btn-close img{width: 23px;}
    & .cont-modal{padding: 20px 40px;}
    & .cont-modal::-webkit-scrollbar{width: 14px;}
    & .cont-modal::-webkit-scrollbar-track{background: transparent;}
    & .cont-modal::-webkit-scrollbar-thumb{border: 4px solid transparent; background-color: #ccc; background-clip: padding-box;}
    & .term-box{font-size: 16px; font-weight: 400; color: #222; line-height: 26px;}
    & .term-box .top{margin-bottom: 20px;}
    & .term-box .tit{color: #222;}
    & .term-box strong.tit{font-weight: 400}
    & .term-box .depth{margin: 20px 0;}
    &.privacy{--bs-modal-width: 760px;}
    &.privacy .cont-modal{padding: 32px 40px;}
	&.requested{--bs-modal-width: 360px; pointer-events: none;}
	&.requested .cont-modal{padding: 40px 20px; }
	&.requested .txt-set{text-align: center; padding-top: 122px; background:url('../img/common/obj_target.png') no-repeat center 0 / 108px auto;}
	&.requested .txt-set .title{font-size: 22px; font-weight: 600; color: #222;}
	&.requested .txt-set .txt-en{font-size: 11px; font-weight: 900; color: #D1D1D1; letter-spacing: 0; text-transform: uppercase; margin-top: 9px;}
    @media (width <= 767px) {
        & .top-modal{padding: 20px 20px;}
        & .cont-modal{padding: 20px 20px;}
        &.privacy .cont-modal{padding: 28px 20px;}
    }
}
/* ==========================================================================
    Media Queries
   ========================================================================== */

@media only screen and (max-width: 1360px) {
	.grid{padding-left:55px; padding-right:55px; margin:0; width:auto}
	#header{height:70px}
	#header .row_header{height:70px}
	#header .row_header h1{top:20px}
	#gnb{top:16px}
	#footer .inner_footer{padding-bottom:57px}
}

@media only screen and (max-width: 1320px) {
	.pg-about .objout{display: none;}

}

@media only screen and (max-width: 1200px) {
    .pg-about .sec01 .logo img{max-width: 260px;}
    .pg-about .sec01 .txt-set{margin-top: 80px;}
    .pg-about .sec02 .obj01{margin-top: 120px;}
    .pg-about .sec02 .obj01 img{max-width: 420px;}
    .pg-about .box-set.type1 .color-box{font-size: 22px;}
    .pg-about .sec03{padding-top: 140px;}
    .pg-about .sec04{padding-top: 80px; padding-bottom: 120px;}
    .pg-about .sec04 .list-partner > ul{grid-template-columns: repeat(3, 1fr); gap: 30px 15px;}
    .pg-about .sec05{padding-bottom: 100px;}
    .pg-about .sec05 .info-contact address{font-size: 15px;}
    .pg-about .sec05 .btn-request > a{width: 320px; height: 90px;}

	input.hm-radio01 + label{height: 48px; line-height: 46px;}
	input.hm-radio01 + label span{font-size:14px;}
	.form_inquiry section > ul.top_ipset:not(:last-child){margin-bottom: 25px;}
	.inquiry .tit-inquiry .main-text{font-size: 46px; line-height: 58px;}

}

@media only screen and (max-width: 1024px) {


	#pf_list{min-height:0}
	#pf_list li a{position:absolute; bottom:0; left:0; width:100%; height:100%; padding:0 20px; box-sizing:border-box}
	#pf_list li .pf_layer{display:none}
    .form_inquiry section > ul > li .i-item.pf-type01{font-size: 18px; padding-top: 18px; padding-bottom: 22px;}

	.contact .hm_map{height:400px}
}

@media only screen and (max-width: 1000px) {
	#header{height:63px}
	#header .row_header{display:none}
	#header .mobile_header{display:block}
	#header .pf_filter,
	#pg_detail #header .side_top .st_right .pf_date span,
	#pg_detail #header .side_top .st_right .pf_date .side-text,
	#footer .side_footer .sns_set{display:none}
	#footer .inner_footer{text-align:center; padding-bottom:60px; background:none}
	#familysite{display:inline-block; position:relative; top:13px; right:auto}
	.paper{padding:28px 50px 50px}
	.about .sc4 .info_map address{float:none; width:100%;}
	.about .sc4 .info_map address .txt1{font-size:13px}
	.about .sc4 .info_map address .txt2{margin-top:0; font-size:12px}
	.about .sc4 .info_map .btn_inquiry{float:none; width:100%; padding-top:28px}
	.about .sc4 .info_map .btn_inquiry a{padding:17px 0}
	.about .sc4 .info_map .btn_inquiry .txt2{display:none}
	.about .sc4 .info_map .btn_inquiry a:hover{background:#221e1f}
	.about .sc4 .info_map .btn_inquiry a:hover .txt1{color:#fff}

	.contact section{margin-top:15px}
	.form_inquiry section > ul > li{padding: 12px 0}
	.form_inquiry .wrap_hm-radio01{grid-template-columns: repeat(3, 1fr);}
	.inquiry .refer-dot{font-size: 15px}
	.inquiry .tit-inquiry .main-text{font-size: 38px; line-height: 46px;}
	.inquiry .tit-inquiry p{font-size:15px;}

    .pg-about .paper{padding: 28px 50px 50px;}
    .pg-about .sec01{padding-bottom: 30px;}
    .pg-about .sec01 .logo img{max-width: 240px;}
    .pg-about .sec01 .txt-set{margin-top: 60px;}
    .pg-about .sec02 .obj01{margin-top: 100px;}
    .pg-about .box-set .item-box{grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(2, 1fr);}
    .pg-about .box-set.type1 .color-box{font-size: 22px;}
    .pg-about .box-set.type2{font-size: 19px;}
    .pg-about .sec02 .box-set{margin-top: 140px;}
    .pg-about .sec03{padding-top: 120px; padding-bottom: 120px;}
    .pg-about .sec04{padding-top: 80px; padding-bottom: 120px;}
    .pg-about .sec04 .list-partner > ul{grid-template-columns: repeat(2, 1fr); gap: 20px 10px;}
    .pg-about .sec05{padding-bottom: 100px;}
    .pg-about .sec05 .contact-area{flex-direction: column;}
    .pg-about .sec05 .info-contact .logo-cert > div:first-child{margin-right: 20px;}
    .pg-about .sec05 .btn-request {margin-top: 80px;}
}


@media only screen and (max-width: 768px) {
	.p_dsp{display:none}
	#header .mobile_header h1{top: 20px; width: 210px;}

	/* #pf_list li{width:calc(50% - 1px); margin-right: 1px; margin-bottom: 2px;} */
    #pf_list > ul{display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; padding: 0;}
    #pf_list > ul.clearfix::before,
    #pf_list > ul.clearfix::after{display: none;}
    #pf_list > ul > li{float: none; width: 100%; margin: 0; box-sizing: border-box;}
	#pf_deatil .top_detail{padding:45px 0 16px}
	
	.about .pg_top .line_arw{margin-top:20px}
	.contact .pg_top .line_arw{margin-top:20px}
	.inquiry .form_inquiry{margin-top:24px}

	.about .sc1{padding:53px 0}
	.about .sc2 .cont > div{float:none; width:100%}
	.about .sc2 .cont .left{padding-right:0}
	.about .sc2 .cont .right{padding-left:0}	
	.about .sc3{position:relative; text-align:center; padding:10px 0 0}
	.about .sc3 img{min-height:272px}
	.contact .hm_map{height:300px}

} 


@media only screen and (max-width: 767px) {
	body, *{cursor: auto !important;}
	body, body a, body .btn_arw{cursor: url('../img/cursor.png'), url('../img/cursor.cur'), auto;}
	.samdeok-cursor{display:none}
	.button1{width: 220px; height: 54px;}
	.inquiry .tit-inquiry{word-break: keep-all}
	.inquiry .tit-inquiry .main-text{font-size: 28px; line-height: 36px;}
	/* .inquiry .tit-inquiry .main-text br{display: none} */
	.form_inquiry .refer-dot{display: none}
	.form_inquiry input.hm-checkbox + label span{font-size:13px}
	.form_inquiry input.hm-radio + label{padding:0 12px}
	.form_inquiry .i-textarea{height:114px}
    .form_inquiry section > ul.top_ipset > li{width: 100%;}
    .form_inquiry .wrap_hm-radio{grid-template-columns: repeat(2, 1fr); gap: 8px;}
	.form_inquiry .wrap_hm-radio01{grid-template-columns: repeat(2, 1fr); gap: 8px;}	
	.form_inquiry section{padding-top: 48px; margin-bottom:26px}
	.form_inquiry section > ul > li.type1{margin-bottom:15px}
	.form_inquiry .wrap_cb{width:50%}
	.form_inquiry .wrap_cb ul{padding-bottom:0}
	.form_inquiry .tit-sec{font-size:16px; line-height: 22px;}
	.form_inquiry input.type1{height:50px}
	.form_inquiry textarea{height:140px}

	.form_inquiry .spam_num img{width:74px; height:40px}
	.form_inquiry .spam_i{width:calc(100% - 74px)}
}

@media only screen and (max-width: 600px) {
	.m_dsp{display:block}
	.grid{padding-left: 0; padding-right: 0;}
    #header .mobile_header::before,
    #header .mobile_header:after,
    #footer .inner_footer:before,
    #footer .inner_footer::after{display: none;}
    #footer .side_footer{display: none;}
    #gototop{display: none;}

	#header{height:51px}
	#header .mobile_header{height:51px}
	#header .mobile_header:before{bottom:9px; height:10px}
	#header .mobile_header:after{bottom:9px; height:10px}
	#header .mobile_header h1{top: 18px; width: 160px;}
	#header .side_top .st_left:before{top:-3px; left:0; height:10px}
	#header .side_top .st_right .pf_date:before{top:15px; left:0; height:10px}
	#header .mobile_header .btn_hamburg{top:19px; left:16px}
	#header .mobile_header .btn_pf{top:14px; right:14px}
	#footer .side_footer > div:after{width:10px}
	#footer .side_footer .sf_left{left:-20px}
	#footer .side_footer .sf_right{right:-20px}
	#footer .inner_footer{padding-bottom:53px}
	#footer .inner_footer:before{top:9px; height:10px}
	#footer .inner_footer:after{top:9px; height:10px}
	#left_menu .top_sidenav h1{width: 160px; margin-left:-80px}
	#gototop{right:-25px;}
	#pf_deatil.paper{padding: 0; border: 0; border-bottom: 1px solid #fff;}
	#pf_deatil .top_detail .pf_nav,
	#pf_deatil .top_detail .pf_share{display:none}
	#pf_deatil .top_detail{padding:0 0 16px}
	#pf_deatil .top_detail h2{font-size:17px}
	#pf_deatil .top_detail .tag_set a{font-size:12px; margin:0 4px}
	#pf_deatil .top_detail .line_arw{margin-top:20px}

	.pg_top h2{font-size:20px}
	.paper{padding:28px 20px 50px; border: 0;}
	.about .pg_top .line_arw{margin-top:15px}
	.contact .pg_top .line_arw{margin-top:15px}
	.inquiry .form_inquiry{margin-top:19px}
	.about .sc1 .logo{max-width:190px}
	.about .sc3 img{min-height:140px}
	.about .sc4 .info_map .btn_inquiry a{padding:15px 0}
	.about .sc4 .info_map .btn_inquiry .txt1{font-size:13px}
	.contact .hm_map{height:200px}

    .pg-about .paper{padding: 28px 20px 50px;}
    .pg-about .sec01{padding-top: 50px; padding-bottom: 15px;}
    .pg-about .sec01 .logo img{max-width: 188px;}
    .pg-about .sec01 .txt-set{text-align: justify; margin-top: 60px;}
    .pg-about .box-set .h-line, 
    .pg-about .box-set .v-line{display: none;}
    .pg-about .box-set .item-box{grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(2, 1fr);}
    .pg-about .box-set.type1 .color-box{font-size: 22px;}
    .pg-about .box-set.type1 .text-box{padding: 18px 22px;}
    .pg-about .box-set.type2{font-size: 19px;}
    .pg-about .box-set.type2 .item-box > div{height: 86px;}
    .pg-about .sec02{padding-bottom: 60px;}
    .pg-about .sec02 .obj01{margin-top: 100px;}
    .pg-about .sec02 .box-set{margin-top: 120px;}
    .pg-about .sec03{padding-top: 100px; padding-bottom: 80px;}
    .pg-about .sec03 .box-set{margin-top: 90px;}
    .pg-about .sec04{padding-top: 80px; padding-bottom: 120px;}
    .pg-about .sec04 .list-partner > ul{grid-template-columns: repeat(2, 1fr); gap: 20px 0;}
    .pg-about .sec05{padding-top: 50px; padding-bottom: 80px;}
    .pg-about .sec05 .info-contact .logo-cert > div{padding: 0 10px;}
    .pg-about .sec05 .btn-request {width: 100%; margin-top: 80px;}
    .pg-about .sec05 .btn-request > a{width: 100%; height: 90px;}

    .form_inquiry section > ul > li .i-item.pf-type01{font-size: 17px; line-height: 23px; word-break: keep-all; padding-top: 13px; padding-bottom: 17px;}
}