@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
html,body {width:100%; }
html {overflow-y:scroll; box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
*{
-webkit-text-size-adjust:none;
-webkit-text-size-adjust - auto | none | N% (default auto)
}
body {word-break:break-all;-ms-word-break:break-all; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
fieldset,img {border:0px none; vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body { background:#fff;}
body,th,td,input,select,textarea,button,p,div,form {font-size:13px; line-height:1.6; font-family: 'Pretendard'; color:#7d7d7d;} 
input, select, textarea, button{vertical-align:middle; }
a:link,a:active,a:visited{color:#7d7d7d; text-decoration:none; border:0px;}
a:hover,a:focus{color:#333; text-decoration:none !important}
button:focus {outline: none !important;}
table {border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}
/* label hidden 처리 */
.invisible, .hide{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible{*position:Absolute;}

/* common */
.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/

.list {border-top:2px solid #1c1815; border-bottom:1px solid #1c1815;}


/*멤버스킨*/
.title{font-size:15px; font-weight:bold;}

/*테이블*/
.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type{width:100%;border-bottom:1px solid #e2e2e5; }
.tbl_type th{padding:10px 0 10px 0;border-top:2px solid #383d4a; font-weight:bold; border-bottom:1px solid #e2e2e5;}
.tbl_type p{font-size:11px; color:#b6b7bc;}
.tbl_type td{padding:7px 0 7px 0;border-top:1px solid #e5e5e5;color:#4c4c4c; border-bottom:none; border-top:none; line-height:18px;}

.tbl_type2,.tbl_type2 th,.tbl_type2 td{border:0}
.tbl_type2{width:100%;border-bottom:1px solid #e7e7e7; }
.tbl_type2 th{padding:10px 0 10px 0; background:#f9f9f9; text-align:center;}
.tbl_type2 p{font-size:11px; color:#b6b7bc;}
.tbl_type2 td{padding:10px 0 10px 10px; border-bottom:none; border-top:none; line-height:18px;}


/*로그인스킨*/
#login_wrap {width:100%;  background:#f7f7f7; padding:50px;}
.login_top {width:100%; height:50px; border-bottom:1px solid #eaeaea; margin-bottom:20px;}
.login_top h2 {font-size:30px; color:#4b4f58; line-height:1; font-weight:600;}
.login_top h2 span {font-size:15px; font-weight:400; }
.login_mid {display: flex; justify-content: space-between; width:100%; overflow: hidden;}
.login_mid .login_con { width:50%; height:100%; }
.login_mid .login_con h2 {text-align:center; color:#222; font-size:40px; margin-bottom:20px;}
.login_mid .login_con .login_id {width:100%; height:40px; background:#fff; border:1px solid #fff; margin-bottom:10px;}
.login_mid .login_con .login_id #mb_id {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;}
.login_mid .login_con .login_pw {width:100%; height:40px; background:#fff; border:1px solid #fff; margin-bottom:20px;}
.login_mid .login_con .login_pw #mb_pass {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;}
.login_mid .login_con span {display:inline-block;width:10%; height:100%; text-align:center; line-height:40px; }
.login_mid .login_con span img {vertical-align:middle;}
.login_mid .login_con input::placeholder {font-size:14px; color:#c3c3c3;}
.login_mid .login_con input::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-size:14px; color:#c3c3c3;}
.login_mid .login_con input::-moz-placeholder { /* Firefox 19+ */font-size:14px; color:#c3c3c3;}
.login_mid .login_con input:-ms-input-placeholder { /* IE 10+ */font-size:14px; color:#c3c3c3;}
.login_mid .login_con input:-moz-placeholder { /* Firefox 18- */font-size:14px; color:#c3c3c3;}
.login_mid .login_btn {width:100%; height:55px; margin-top:20px;}
.login_mid .login_btn button {width:100%; height:100%; background:#4b4f58; border:1px solid #4b4f58; text-align:center; color:#fff; font-size:18px; line-height:53px;}
.login_mid .login_bottom {text-align:center;}
.login_mid .login_bottom li {display:inline-block; margin-left:20px; padding-left:20px; position:relative; line-height:35px;}
.login_mid .login_bottom li::before {width:1px; height:13px; background:#ddd; content:''; position:absolute; left:0; top:11px;}
.login_mid .login_bottom li:first-child {margin-left:0; padding-left:0;}
.login_mid .login_bottom li:first-child::before {display:none;}
.login_mid .login_bottom li a {color:#666; font-size:15px; line-height:15px;}
.login_mid .login_bottom li a img {vertical-align:middle; margin-right:5px;}
.login_mid .login_bottom li label {color:#666; font-size:15px; line-height:15px;}
.login_mid .login_bottom li input[type="checkbox"] {vertical-align:-3px;}
.login_mid .login_bottom li .naver_login {display:inline-block; background: #00ce38; width: 200px; height: 35px; font-size: 14px; color: #fff; text-align: center; 
line-height: 35px; border-left: 1px solid #DDD; border-radius: 5px; vertical-align: middle;}
.login_mid .login_bottom li .naver_login img {vertical-align:-1px;}
.login_mid .login_img {width:47.27%;}
.login_mid .login_img .img_wrap{position:relative; padding-bottom: 42.3%;}
.login_mid .login_img .img_wrap img{position:Absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height:100%;}


/*회원가입 스킨*/
.inWrap {width:98%;  border:1px solid #353638; border-width:1px 0; padding:30px 0;}
.inWrap.type1 { padding:50px 0;}
.inWrap.type2 { padding:0;}
.inWrap.type3 { padding:5px 0; border-bottom-width:0;}
.inWrap.width1 { width:680px !important; margin:0 auto;}
.tbox1 { border:1px solid #cdcdcd; }
.tbox1 .boxTit { padding:20px 20px 10px; color:#333; font-weight:700; font-size:16px;}
.tbox1 .txt_scroll { height:200px; padding:0 20px; overflow-y:auto;}
.txt_type { line-height:25px; font-size:13px; color:#666;}
.agreement input{vertical-align:middle; border:none;}
.btnType { display:inline-block; position:relative; transition:all 0.3s;}
.btnType.btn1 { height:30px; line-height:28px; padding:0 45px; font-size:13px;}
.btnType.btn1.color2 {border:1px solid #333; background:#333; cursor:pointer; }
.btnWrap input{color:#fff;}

.center{text-align:center;}
.pc_img {display:block;}
.tab_img {display:none;}
.mob_img {display:none;}
.pc {display:block;}
.tab {display:none;}
.mob {display:none;}

/* ==main== */
#wrap{ position: relative; width: 100%; max-width: 100%;  margin: 0 auto; overflow: hidden; word-break: keep-all;min-width: 1400px;}
.inner{width: 1600px; margin: 0 auto; max-width:100%;}

@media screen and (max-width:1601px) {
.inner{padding: 0 20px;}
}

#header{position: fixed;top: 0;left: 0;width: 100%;line-height: 1;z-index: 8000;transition:.2s;background-color: rgba(255,255,255,.7);}
#header .inner{display: flex;align-items:center;justify-content: space-between;height: 100px;width: 1800px; padding: 2%}
#header .right_box{display: flex;align-items:center;gap:38px;}
#header .right_box .a_box a{display: block;width: 150px;height: 40px;border: 1px solid #fff;border-radius: 20px;color: #fff;font-size: 20px;text-align: center;line-height: 40px;font-weight:600;}
#header .right_box .lang_box{position: relative;}
#header .right_box .lang_box button{font-size: 16px;font-weight:600;color:#0061A9;padding-right: 25px;background:url(../images/main/main_ico01_pc.png)right 0 center no-repeat;background-size:12px auto ;}
#header .right_box .lang_box button.on{background:url(../images/main/main_ico02_pc.png)right 0 center no-repeat;background-size:12px auto ;}
#header .right_box .lang_box .lang{position: absolute;z-index: 7100;display:none;top: 29px;left: 50%;transform:translateX(-50%);width: 100px;height:64px;border:1px solid #ccc;border-radius: 10px;background: #fff;align-items:center;justify-content: center;flex-direction: column;gap:1px;}
#header .right_box .lang_box .lang > *:hover {color: red;}
#header .right_box .lang_box .lang.on{display: flex;}
#header .right_box .lang_box .lang:after{content:'';position: absolute;top: -8px;left: 50%;transform:translateX(-50%);width: 21px;height: 19px}
#header .right_box .lang_box .lang a{font-size: 16px;color: #555;}
#header .right_box .btn_box{display: none;}
#header.on{background:rgba(255,255,255,.8);}

.navigation{display: none;}
/* gnb */
.gnb {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	gap: 60px;
}

.menu-item {
	position: relative;
	height: 100%;
	padding-top: 4px;
}

.menu-item > a {
	display: block;
	text-align: center;
	font-size: 20px;
	color: #000;
	height: 96px;
	font-weight: 600;
	line-height: 93px;
	padding: 0 10px;
	white-space: nowrap;
}

.sub-menu {
	position: absolute;
	top: 100px;
	left: 50%;
	transform: translateX(-50%);
	background: rgba(0, 0, 0, 0.5);
	padding: 10px 0;
	display: none;
	min-width: 190px;
	z-index: 1000;
	border-radius: 0 0 8px 8px;
}

.menu-item:hover .sub-menu {
	display: block;
}

.sub-menu li {
	margin-bottom: 0px;
}

.sub-menu li:last-child {
	margin-bottom: 0;
}

.sub-menu li a {
	color: #fff;
	font-size: 16px;
	padding: 3px 0;
	display: block;
	text-align: center;
}
#engm li a{font-size: 15px}
.sub-menu li a:hover {
	color: yellow;
}




@media screen and (max-width:1500px) {
#nav .main_menu > li > a{width: 130px;}
#nav .main_menu li ul{width: 130px;}
}

#visual_wrap{position: relative;line-height: 1;}
#visual_wrap ul li{position: relative;}
#visual_wrap ul li .text_box{position: absolute;left: 147px;top: 76%;transform:translateY(-50%); }
#visual_wrap ul li .text_box p{font-size: 22px;color: #fff;font-weight: 600;margin-bottom: 33px; line-height: 1.6;}
#visual_wrap ul li .text_box strong{display: block;font-size: 42px;font-weight: 900;color: #fff; margin-bottom: 20px;}
#visual_wrap .visual_items{position: absolute;display: flex;left: 50%;transform: translateX(-50%);bottom: 36px;align-items:center;z-index: 3000;}
#visual_wrap .visual_items .current{font-size: 18px;color: #fff;font-weight: 500;}
#visual_wrap .visual_items em{font-size: 18px;color: #fff;font-weight: 500;margin: 0 10px;}
#visual_wrap .visual_items .total{font-size: 18px;color: #fff;font-weight: 500;margin-right: 30px;}
#visual_wrap .visual_items .visual_paging{display: flex;gap:10px;margin-right: 30px;}
#visual_wrap .visual_items .visual_paging a{display: block;width: 10px;height: 10px;background: rgba(255,255,255,.3);}
#visual_wrap .visual_items .visual_paging a.active{background: #fff;}
#visual_wrap .visual_items .btn_play{display: block;width: 12px;height: 13px;margin-right: 20px;background:url(../images/main/main_ico04_pc.png)center no-repeat;background-size:cover ;}
#visual_wrap .visual_items .btn_pause{display: block;width: 9px;height: 14px;background:url(../images/main/main_ico05_pc.png)center no-repeat;background-size:cover ;}
#visual_wrap .scroll{position: absolute;bottom: 100px;right: 150px;z-index: 3000;display: flex;gap:11px;align-items:center;}
#visual_wrap .scroll p{font-size: 18px;font-weight: 700;color: #fff;}
#visual_wrap .scroll img {position: relative;animation:ani04 .5s linear infinite alternate;}

@keyframes ani04 {
	0%{bottom: 5px;}
	100%{bottom: -5px;}
}
 
/* 공통 */
.title_box01{margin-bottom: 80px;}
.title_box01 strong{display: block;font-size: 62px;font-weight: 700;color: #222;margin-bottom: 25px;text-align: center;}
.title_box01 p{font-size: 27px;color: #555;text-align: center;font-weight:500}

#section01{line-height: 1;padding: 140px 0}
#section01 .con01 .box01{display: flex;gap:60px;margin-bottom: 60px;}
#section01 .con01 .box01 li{position: relative;width: calc((100% - 120px)/3);}
#section01 .con01 .box01 li a{position: relative;display: block;width: 100%;height: 650px;overflow:hidden}
#section01 .con01 .box01 li a .img_wrap img{transition:ease all .7s;}
#section01 .con01 .box01 li:hover a .img_wrap img{transform:scale(1.08);}
#section01 .con01 .box01 li a .text_box{position: absolute;left: 50px;bottom: 50px;}
#section01 .con01 .box01 li a .text_box strong{display: block;font-size: 37px;color: #fff;font-weight: 700;margin-bottom: 17px;}
#section01 .con01 .box01 li a .text_box p{font-size: 18px;font-weight: 500;color: #fff;opacity: .5;margin-bottom: 39px;}
#section01 .con01 .box01 li a .text_box .view_box{display: flex;gap:10px;align-items:center;}
#section01 .con01 .box01 li a .text_box .view_box p{font-size: 20px;font-weight: 500;color: #fff;margin-bottom: 0;opacity: 1;}
#section01 .con01 .box02{flex-wrap:wrap;margin-bottom: 0;}
#section01 .con01 .box02 li{width: calc((100% - 60px)/2);}
#section01 .con01 .box02 li a{height: 350px;}

#section01 .con02{padding-top: 120px}
#section01 .con02 .title_box01{margin-bottom: 85px;}
#section01 .con02 li a{display: flex;width:100%;height: 80px;align-items:center;justify-content: center;}
#section01 .con02 .slick-prev{position: absolute;left: -13px;top: 15%;transform:translateX(-50%);width: 29px;height: 55px;background:url(../images/main/main_ico07_pc.png)center no-repeat;background-size:cover ;text-indent:-9999px;}
#section01 .con02 .slick-next{position: absolute;right: -43px;top: 15%;transform:translateX(-50%);width: 29px;height: 55px;background:url(../images/main/main_ico08_pc.png)center no-repeat;background-size:cover ;text-indent:-9999px;}

#footer{line-height: 1;padding: 80px 0;background: #242d3e;color: #fff;}
#footer .inner{display: flex;align-items:center;justify-content: space-between;}
#footer .left_box{display: flex;}
#footer .left_box .box01{margin-right: 160px;}
#footer .left_box .box01 ul{margin-bottom: 60px;}
#footer .left_box .box01 ul li{display: flex; margin-bottom: 20px;}
#footer .left_box .box01 ul li span{display: block;width: 70px;margin-right: 35px;font-size: 18px;color: #adadad;}
#footer .left_box .box01 ul li p{font-size: 17px;}
#footer .left_box .box01 ul li p a{display: block;color: #fff;font-size: 17px;}
#footer .left_box .box01 .a_box .box{display: flex;gap:40px;margin-bottom: 20px;}
#footer .left_box .box01 .a_box .box a{font-size: 17px;color: #fff;}
#footer .left_box .box01 .a_box p{font-size: 17px;color: #adadad;}
#footer .left_box .box02 .site p{font-size: 17px;color: #adadad;margin-bottom: 40px;}
#footer .left_box .box02 .site a{display: block;width: 200px;font-size: 17px;color: #fff;background:url(../images/main/main_ico09_pc.png)center right 0px no-repeat;background-size:9px auto;}
#footer .left_box .box02 .site a:nth-child(2){margin-bottom: 20px; line-height: 1.5;}
#footer .right_box a{display: block;font-size: 20px;font-weight: 700;color: #aaa;margin-bottom: 30px;transition:ease all .3s;text-align: right;}
#footer .right_box a:hover{color: #fff;}
#footer .right_box a:last-child{margin-bottom: 0;}
/* sub */
#sub_visual_wrap{position: relative;}
#sub_visual_wrap p {
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	height: 600px;
}

#sub_visual_wrap .txt_wrap{position: absolute;top: 54%;transform:translateY(-50%);width: 100%;}
#sub_visual_wrap .txt_wrap h2{text-align: center;font-size: 62px;color: #fff;font-weight: 700;}

#sub_contents{padding: 60px 0 150px}
#sub_contents .inner{width:1400px;}

.sub0202_wrap .con01 .top_tit01 strong { font-size:45px;}
.sub0202_wrap .con02 .inner { width:100%;}
.sub02_list_type02 .con_box { justify-content:space-between;}

/* tab_menu */
.tab_menu {position: absolute;bottom: 60px;left: 150px;display: block;line-height: 1;}
.tab_menu .inner{position:relative; display: flex;gap:45px;}
.tab_menu .inner .home{position: relative;font-size: 18px;color: #fff;/* opacity: .5; */}
.tab_menu .menu{display: flex;gap:45px;}
.tab_menu .menu > li > a{display: block;position: relative;font-size: 20px;color: #fff;/* opacity: .5; */width: 200px;padding-bottom:2px;border-bottom: 1px solid #fff;background:url(../images/sub/sub_ico02_pc.png)right 0px top 3px no-repeat;background-size:8px auto;}
.tab_menu .menu > li:nth-child(2) > a:after{display: none;}
.tab_menu .menu > li{position: relative;}
.tab_menu .menu > li ul {display:none; position:absolute;width:200px; top:100%; left:0; background-color:#fff;z-index:100;;padding: 10px 0;box-shadow: 1px 1px 10px 0px rgba(0,0,0,.3);}
.tab_menu .menu > li ul li a {display:block;height: 35px;font-size:18px; color:#222; line-height:35px; font-weight: 400;text-indent: 20px;font-weight: 500;}
.tab_menu .menu > li ul li.on > a {color: red;}

h5.h5_tit{position:relative; font-size:32px; color:#222; margin-bottom:20px;}


ul.list01 li {position: relative;  font-size: 15px; color: #555; line-height: 2; padding-left:15px;}
ul.list01 li::before {position: absolute; content: ''; width: 3px; height: 3px; background: #1C619D; border-radius: 50%; top: 13px; left: 0;}

table.tbl01{width:100%; border-top:2px solid #1c619d; border-left:1px solid #ddd;}
table.tbl01 th{padding:20px 0; font-size:20px; color:#222; text-align:center; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#f5f5f5; border-left:1px solid #ddd;}
table.tbl01 td{padding:20px 30px; font-size:18px; color:#333; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
table.tbl01 td > a {color:#333;}

/* sub0101_wrap */
.sub0101_wrap{line-height: 1;}
.sub0101_wrap .text_box{;border-bottom:1px solid #ddd ;}
.sub0101_wrap .text_box .inner{width: 1400px;padding-bottom: 65px}
.sub0101_wrap .text_box p{font-size: 2.87rem;color: #222;font-weight: 700;line-height: 70px;text-align:center}
.sub0101_wrap .con01{padding-top: 80px;}
.sub0101_wrap .con01 .inner{display: flex;gap:60px;align-items:flex-start;width: 1400px;}
.sub0101_wrap .con01 .txt_box strong{font-size: 26px;font-weight: 500;color: #222;line-height: 36px;}
.sub0101_wrap .con01 .txt_box strong b{display: block;}
.sub0101_wrap .con01 .txt_box p{font-size: 19px;color: #222;line-height: 32px;margin-top: 40px;margin-bottom:30px;}
.sub0101_wrap .con01 .txt_box p b{display: block;}
.sub0101_wrap .con01 .txt_box span.ceo{position:relative; padding-left:15px; float:right; margin-top:10px; font-size:22px; color:#222; font-weight:500;}
.sub0101_wrap .con01 .txt_box span.ceo::before{position:absolute; content:''; width:3px; height:21px; background:#097a5e; left:0; top:8px;}

/* sub0102 */
.sub0102_wrap > div{margin-bottom:100px;}
.sub0102_wrap > div:last-child{margin-bottom:0;}
.sub0102_wrap .con01 h5{font-size:42px; color:#222; text-align:center; margin-bottom:30px;}
.sub0102_wrap .con01 p{text-align:center; font-size:22px; color: #222;}

.sub0102_wrap .con02{display:flex; gap:0 120px; align-items:center; justify-content:center; height:300px; background:url('../images/sub/sub0102_bg.jpg')center no-repeat;}
.sub0102_wrap .con02 p{width:220px; height:220px; border-radius:50%; border:2px solid #fff; color:#fff; display:flex; align-items:center; justify-content:center; text-align:center; font-size: 26px; line-height: 1.4;}

.sub0102_wrap .con03{display:flex; gap:0 60px; flex-wrap:wrap;}
.sub0102_wrap .con03 .img_wrap{width:calc(50% - 30px); position:relative; margin-bottom:120px;}
.sub0102_wrap .con03 .img_wrap .txt_wrap{position:absolute; display:flex; align-items:center; flex-direction:column; width:100%; z-index:100; bottom:-80px;}
.sub0102_wrap .con03 .img_wrap .txt_wrap p{font-size:24px; color:#222; font-weight:600;}
.sub0102_wrap .con03 .img_wrap .icon{padding:25px; border:1px solid #ddd; border-radius:50%; margin-bottom:10px; background:#fff;}

.sub0102_wrap .con04 ul{display:flex; gap:20px 60px; flex-wrap:wrap; }
.sub0102_wrap .con04 ul li{position:relative; width:calc(50% - 30px); height:60px; border-radius:30px; background:#f5f5f5; font-size:22px;  text-align:center; line-height:60px; color:#222;}
.sub0102_wrap .con04 ul li em{position:absolute; display:inline-block; left:0; top:0; width:60px; border-radius:30px; text-align:center; background:#1c619d; color:#fff; font-size:20px; font-weight:700;}
.sub0102_wrap .con04 ul li span{padding-left:50px;font-weight:700;}

/* sub0103 */
.sub0103_wrap {border-top: 2px solid #1c619d;}
.sub0103_wrap .con {display: flex;width: 100%; border-bottom: 1px solid #ddd;  padding: 40px 0; }
.sub0103_wrap .con .tit {width: 25%; font-size: 40px; color: #097a5e; padding-left: 40px;}
.sub0103_wrap .con .txt {width: 75%; font-size: 15px; color: #222;}
.sub0103_wrap .con .txt li { display: flex; position: relative; padding-left: 100px; padding-top: 10px;}
.sub0103_wrap .con .txt li em{position: absolute; left: 0; font-weight: bold; font-size: 22px;}
.sub0103_wrap .con .txt li .txt2 {margin-top: -12px;}
.sub0103_wrap .con .txt li .txt2 li {position: relative; padding-left:120px; line-height: 2; word-break: keep-all; font-size:19px;}
.sub0103_wrap .con .txt li .txt2 li span {position: absolute; left: 0;}

.sub0103_wrap .con .txt li .txt2 li .txt03 {}
.sub0103_wrap .con .txt li .txt2 li .txt03 p.p3 {line-height: 2;}
.sub0103_wrap .con .txt li .txt2 li .txt03 p.p3_2 {line-height: 2;display: flex;align-items: center;}
.sub0103_wrap .con .txt li .txt2 li .txt03 p.p3_2 b.b3 {display: inline-block; width: 180px; font-weight: 400;}
.sub0103_wrap .con .txt li .txt2 li .txt03 p.p3_2 > img {padding:0 20px;}

/* sub0105 */
.sub0105_wrap .img_area{position: relative; width: 100%; padding-bottom: 38%;  margin-bottom:50px;}
.sub0105_wrap .img_area iframe{position: absolute; left: 0; top: 0; right:0; bottom:0; margin:auto; width:100%; height:100%; max-width: 100%; max-height: 100%; }

/* sub02 */
.sub0202_wrap .con01 .con_all{display:flex; align-items: flex-start;}
.sub0202_wrap .con01 .con_all .txt_wrap{margin-left:60px;}
.sub0202_wrap .con01 .con_all .txt_wrap p.p_top{font-size:21px; color:#1C619D; font-weight:600; line-height:2; word-break:keep-all; margin-bottom:10px;}
.sub0202_wrap .con01 .con_all .txt_wrap p.p_top2{margin-top:12px}
.sub0202_wrap .con01 .con_all .txt_wrap em{font-size:26px; color:#222; font-weight: 600; color:#1C619D;}
.sub0202_wrap .con01 .con_all .txt_wrap ul{margin-top:5px;margin-left:20px;}
.sub0202_wrap .con01 .con_all .txt_wrap ul li{position:relative; padding-left:13px; font-size:19px; color:#333; line-height:2; word-break:keep-all;}
.sub0202_wrap .con01 .con_all .txt_wrap ul li::before{position:absolute; content:''; width:7px; height:7px; background:#1C619D; top:15px; left:-10px;}
.sub0202_wrap .con01 .con_all .txt_wrap ul li.li_mt {margin-top:20px;}
.sub0202_wrap .con01 .con_all .txt_wrap p{ font-size:18px; color:#222; }
.sub0202_wrap .con01 .con_all .txt_wrap p.p_sub {font-size:18px;color:#444;margin-top:20px;}

.sub0202_wrap .con01 .con_all .txt_wrap .ul_inn_list{margin-top:0;  padding-left:10px; margin-bottom:5px;}
.sub0202_wrap .con01 .con_all .txt_wrap .ul_inn_list li{font-size:15px; color:#555; line-height:2;}
.sub0202_wrap .con01 .con_all .txt_wrap .ul_inn_list li::before{display:none;}

.sub0202_wrap .con01 .con_all .txt_wrap02{margin-left:60px;}
.sub0202_wrap .con01 .con_all .txt_wrap02 p:first-child{font-size: 25px;}
.sub0202_wrap .con01 .con_all .txt_wrap02 p a{color: #f00;}
.sub0202_wrap .con01 .con_all .txt_wrap02 p{font-size:19px; color:#222; font-weight:500; line-height:2; word-break:keep-all; margin-bottom:0; margin-top:0;}
.sub0202_wrap .con01 .con_all .txt_wrap02 p:nth-child(2n){margin:25px 0;}
.sub0202_wrap .con01 .con_all .txt_wrap02 img{width:100px;}

/* sub0201 */
.sub0201_wrap .con01 .con_all{flex-direction: column}
.sub0201_wrap .con01 .con_all .txt_wrap{margin-left:0; margin-top:30px;}
.sub0201_wrap .con01 .con_all .txt_wrap .con_box {display:flex; gap:120px}

/* sub0203 */
.sub0203_wrap .con01 .con_all{flex-direction: column}
.sub0203_wrap .con01 .con_all .txt_wrap{margin-left:0; margin-top:30px;}
/* .sub0203_wrap .con01 .con_all .img_wrap {margin:0 auto;} */

/* sub0207 */
.sub0207_wrap i {display: block;}
.sub0207_wrap .con01 .all2 {display: block;}
.sub0207_wrap .con01 .all2 .video_wrap {text-align: center;}
.sub0207_wrap .con01 .all2 .video_wrap video.video1 {}
.sub0207_wrap .con01 .all2 .txt_wrap02 {margin-left: 0; margin-top: 30px; text-align: center;}

/* sub0301 */
.sub0301_wrap{display:flex; flex-wrap:wrap; gap:20px;}
.sub0301_wrap .box{border:1px solid #ddd; width:calc(50% - 30px); padding:40px 25px; display:flex; align-items:center;}
.sub0301_wrap .box .img_wrap{width:31%; display:flex; align-items:center; justify-content:center; margin-right:40px;}
.sub0301_wrap .box .img_wrap img{width:100%;}
.sub0301_wrap .box .txt_wrap{width:62%;}
.sub0301_wrap .box .txt_wrap .txt_box:nth-child(2) {margin-top:20px;border-top:1px dashed #ddd;padding-top:20px;}
.sub0301_wrap .box .txt_wrap strong{display:block;font-size: 21px; font-weight: 600; color: #1C619D; margin-bottom:10px;}
.sub0301_wrap .box .txt_wrap li span{font-size:18px; font-weight:500; width:80px; display:inline-block; vertical-align:top;}
.sub0301_wrap .box .txt_wrap li em{padding-left:10px; width:calc(100% - 80px); display:inline-block; vertical-align:top; word-break:keep-all; font-size:18px;color:#444;}

/* sub0501 */
.sub0501_wrap .tbl01 th{font-size:22px;}
.sub0501_wrap .tbl01 td{text-align:center; color:#222; font-size:19px;}
.sub0501_wrap .tbl01 td a{color:#222; font-size:19px;}

/* sub0503 */
.sub0503_wrap{width:100%; height:400px; background:url('../images/sub/sub0503_bg.jpg'); display:flex; align-items:center; color:#fff;}
.sub0503_wrap .txt_box{margin-left:100px;}
.sub0503_wrap .txt_box em{display:block; margin-bottom:20px; font-size:21px;}
.sub0503_wrap .txt_box strong{display:block; position:relative; padding-top:30px; font-size:30px; margin-bottom:50px;}
.sub0503_wrap .txt_box strong::before{position:absolute; top:0; left:0; content:''; width:40px; height:2px; background:#fff;}
.sub0503_wrap .txt_box button{background:#fff; width:320px; height:50px; color:#222; font-size:18px;}
.sub0503_wrap .txt_box button img{margin:4px 0 0 10px;}

/*btn*/
.admin_btn {overflow:hidden; width:100%;}
.admin_btn .btn_center{ width:220px;margin:0 auto;}
.admin_btn .btn01 {float:left; border:1px solid #777; height:35px; font-size:13px; color:#444; font-weight:bold; width:90px; text-align:center; line-height:34px;}
.admin_btn .btn02 {float:right; border:1px solid #777; height:35px; font-size:13px; color:#444; font-weight:bold; width:90px; text-align:center; line-height:34px;}
.admin_btn .btn03 {float:right; height:35px; font-size:13px; color:#fff; background:#444; font-weight:bold; width:90px; text-align:center; line-height:34px;}
.admin_btn .btn04 {float:left; height:35px; font-size:13px; color:#fff; background:#444; font-weight:bold; width:90px; text-align:center; line-height:34px;}

/* certificaition */
.c_partner_title {font-size: 22px; color: #000; text-align: center; margin: 0 auto 50px; word-break: break-all; line-height: 2.5; width: 75%;}
/* .certificaition_wrap .cer_list li{float:left; width:49%; margin-right:2%; margin-top:28px; width: 50%;} */
.certificaition_wrap .cer_list {display: flex;} 
.certificaition_wrap .cer_list li{ width:49%; margin-right:2%; margin-top:28px; flex:1;}

.certificaition_wrap .cer_list li:nth-child(4n) {margin-right:2%;}
.certificaition_wrap .cer_list li:nth-child(-n+4) {margin-top:28px;}
.certificaition_wrap .cer_list li:nth-child(2n) {margin-right:0;}
.certificaition_wrap .cer_list li:nth-child(-n+2) {margin-top:0;}

.product_list li .img_wrap{ display:block; border: 1px solid #ddd; width:100%;}
.product_list li .img_wrap .img{position:relative; padding-bottom:62.5%; overflow:hidden; }
.product_list li .img_wrap .img img{position:absolute; top:0; left: 0; right: 0; bottom: 0; margin: auto; max-width:100%; max-height:100%; width:auto; height:auto;}

/* footer ****************************************************************/
footer {width:100%;background:#474747;}
footer .footer_top{width:100%;background:#333333;}
footer .in{max-width:1600px;margin:0 auto;background:#333333;height:60px}
footer .company{font-size: 1.2rem;color:#868e96 ;font-weight:600;}
footer .mfoot{width:50%;float:left;font-size: 1rem;height:60px;line-height:60px;}
footer .mfoot2{width:50%;float:left;text-align:center;height:60px;line-height:60px;}
footer .footer_top a{
display: inline-block;
font-size:1rem;
padding: 0px 30px 0px 30px;
border-left: 1px solid #969696;
line-height: 1;
vertical-align: middle;
color: #868e96 !important; 
}
footer .footer_top a:first-child{
border-left: 0;
padding-left: 0;
}
footer .footer_bottom{width:100%;height:120px;text-align:center;display:flex;flex-direction:column;justify-content:center}
footer p{font-size:.9rem;margin:0;color:#BDBDBD;margin:0;} 

#header.scrolled {
    background-color: white; /* 배경: 흰색 불투명 */
    color: #333; /* 변경된 글자색 (예: 어두운 회색) */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 스크롤 시 약간의 그림자 효과 */
}

.brp{display:inline}
.brt{display:none}
.brm{display:none}

.sub_subj{font-size:2.87rem;text-align:center;color:#000;font-weight:700;margin:0 0 50px}
.fullimg {display: grid;justify-items: center;}

.b_box {
	margin-bottom:0.9em;
	font-size:1rem;
	line-height:170%;
}		
.bbig {
	color:#1662AF;
	font-size:1.1rem;
	background-image: url("/images/dot.gif");
	background-repeat: no-repeat;
	background-position:left center;
	padding-left:0.7em;
	margin-left:-0.7em;
	}
.margin-top{margin-top:60px}
.w_1200{width:1200px;margin:0 auto}
.net_subj{font-size:21px; color:#1C619D; font-weight:600; line-height:2; word-break:keep-all;margin:50px 0 10px}
.net_con{font-size:18px; color:#4D504D; font-weight:600; line-height:2; word-break:keep-all;;margin:0 0 50px}

.cus1{width:100%;min-height:800px;margin-top:100px}
.cus2{width:45%;float:left;position: relative;z-index:9}
.cus3{height:650px;box-shadow: 0 1rem 2rem rgba(0,0,0,.3) !important;}
.cus4{width:55%;float:left;}
.cus5{width:100%}
.cus6{padding:150px 150px;margin-top: -50px;margin-left:-150px;background: #f7f7f7;min-height:760px}
.cu_1{font-size:34px;font-weight:700;line-height:300%}
.cu_2{font-size:23px;font-weight:500}