@charset "utf-8";
/* CSS Document */


/* CSS Information ----------------------------------------

Site Name : 최고급형 D
Part : 
Last edit : 2022
Author : Gautech

관련폰트 :
font-family: 'Noto Sans KR', sans-serif; (100,300,400,500,700,900)
font-family: 'Roboto', sans-serif; (100,300,400,500,700,900)
font-family: 'Noto Serif KR', serif; (100,300,400,500,700,900)

--------------------------------------------------------- */



/* 서브 start ----------------------------------- */


header {}



/* 서브 비주얼 */

.container_visual {}
.sub_visual { position:relative; width:100%; height:600px; overflow:hidden; background-color:#000; text-align:center;}
.sub_visual .sub_bg { width:100%; height:600px; min-width:1600px; background-position:50% 0%; background-size:cover;
animation: /*선택자*/sub_bg_a /*동작시간*/3s /*진행속도:ease,ease-out,ease-in*/ease /*딜레이*/0s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both; -webkit-animation: sub_bg_a 3s ease 0s 1 normal both; /*움직이는 기준점 가로0% 세로0%*/transform-origin:50% 50%; background-color:#f5f5f5;}
@keyframes sub_bg_a {
	0% { -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}
	100% { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);}
}
.sub_visual .sub01_01_bg { background-image:url(/images/sub/sub01_01_visual.jpg);}
.sub_visual .sub02_01_bg { background-image:url(/images/sub/sub02_01_visual.jpg);}
.sub_visual .sub03_01_bg { background-image:url(/images/sub/sub03_01_visual.jpg);}
.sub_visual .sub04_01_bg { background-image:url(/images/sub/sub04_01_visual.jpg);}
.sub_visual .sub05_01_bg { background-image:url(/images/sub/sub05_01_visual.jpg);}
.sub_visual .sub06_01_bg { background-image:url(/images/sub/sub06_01_visual.jpg);}


.top_txt { position:absolute; top:42%; left:50%; margin-left:-800px; font-family: 'OmniGothic', sans-serif; font-size:60px; width:1600px; letter-spacing:-0.02em; line-height:1.2; font-weight:500; color:rgba(255,255,255,0.9); text-align:center;}
.top_txt2 { position:absolute; top:55%; left:50%; margin-left:-800px; font-size:18px; width:1600px; letter-spacing:0; line-height:1.2; font-weight:400; color:rgba(255,255,255,0.9); text-align:center;}

.sub_visual2 { position:relative; width:100%; height:100px; overflow:hidden;}
.sub_visual2 .sub_bg2 { width:100%; height:100px; background-color:#fff;}


/* 서브탭 start */

.depth3_tab { width:100%; max-width:1200px; height:auto; padding:0 0 70px 0; margin:0 auto; text-align:center;}
.depth3_tab:after { display:block; content:""; clear:both;}
.depth3_tab>a { display:block; float:left; font-size:16px; text-align:center; padding:20px 0; background-color:#000;}
.depth3_tab>a:nth-child(1n) { border-bottom: 2px solid #333;}
.depth3_tab>a:nth-child(2n) { border-bottom: 2px solid #333;}
.depth3_tab>a.depth3_active, .depth3_tab>a:hover { color:#FFF; border-bottom: 2px solid #CCC;}
.depth3_tab>a>span { color:rgba(0,0,0,0);}


/* 서브공통 */

.sub_box { position:relative; width:100%; min-width:1600px;}
.sub_container { position: relative; width:100%; margin:0 auto; padding:0;}
.sub_link_wrap { position: absolute; top:170px; left:50%; width:1px; height:1px;}
.sub_container:after { display:block; content:""; clear:both;}

.box100per { width:100%; margin:0 auto;}
.box100per_2 { width:100%; margin:0 auto; background-color:#f7f7f7;}
.box50per { display:inline-block; width:50%; padding:0; vertical-align:top;}
.in_box { display: block; width: 100%; margin-bottom: 30px; padding: 25px 30px 25px 30px; vertical-align: top; border: 1px solid #CCC; border-radius: 10px; background-color: #F9F9F9;}

.in_title1_wrap { width:100%; max-width:1600px; margin:0 auto; padding:0 70px; height:50px;}
.page_location { position:absolute; top:-100px; left:50%; margin-left:-800px; width:100%; max-width:1600px; font-size:16px; line-height:19px; font-weight:500; background-color:rgba(0,0,0,1); padding:50px 70px; letter-spacing:0; text-align:left;}
.page_location_1 { display:inline-block; vertical-align:top; background-image:url(/images/icon/home2.png); width:20px; height:19px; margin-right:10px; text-indent:-9999px;}
.page_location_2 { display:inline-block; vertical-align:top; color:#555;}
.page_location_3 { display:inline-block; vertical-align:top; color:#999;}
.page_location_dot { display:inline-block; vertical-align:top; background-image:url(/images/icon/dot_3x3.jpg); background-repeat:no-repeat; background-position:center; width:20px; height:19px;}


.in_title1 { font-family: 'OmniGothic', sans-serif; font-size:48px; line-height:56px; margin:60px 0; letter-spacing:-0.01em; color:rgba(255,255,255,0.8); text-align: center;}
.in_title1_txt { font-size:20px; line-height:32px; font-weight:400; letter-spacing:-0.04em; color:rgba(0,0,0,0.6); text-align: center; margin-bottom:50px;}
.in_title1_txt2 { font-size:16px; line-height:32px; font-weight:400; letter-spacing:-0.04em; color:rgba(0,0,0,0.6); text-align: center; margin-bottom:50px;}
.in_title1_bar { width:50px; height:1px; margin:80px auto; background-color:rgba(0,0,0,0.3);}
.in_title2_txt { font-size:18px; line-height:30px; font-weight:400; letter-spacing:0; color:rgba(0,0,0,0.6); text-align: center;}
.in_title2 { font-family: 'OmniGothic', sans-serif; font-size:30px; line-height:55px; font-weight:700; margin:0 0 10px 0; letter-spacing:0; color:rgba(0,0,0,0.8);}
.in_title3 { font-size:20px; line-height:26px; font-weight:500; margin-bottom:30px; background-image:url(/images/icon/ar_18x18.png); background-repeat:no-repeat; background-position:0% 4px; padding-left:25px;}

.line_1px { width:100%; height:1px; background-color:#ddd; margin-bottom:30px;}

.preparing { width:100%; text-align:center;}
.preparing>img { width:80%; height:auto; max-width:392px;}

.big_view { display: block; position: absolute; top: 0; right: 0; background-image: url(/images/icon/view.png); width: 60px; height: 60px;}
.big_view>a { display: block; width: 100%; height: 100%;}

.top_fbtn { position:fixed; z-index:100; right:40px; bottom:40px; width:60px; height:60px; text-align:center; border-radius:5px; color:rgba(255,255,255,1); font-size:15px; font-weight:700; padding:30px 0 0 0; background-color:#407ab3; background-image:url(/images/icon/tab_box_bg_on_w.png); background-repeat:no-repeat; background-position:50% 12px; opacity:0;}
.top_fbtn_view { opacity:0.6;}
.top_fbtn:hover, .top_fbtn:focus { opacity:0.8; color:rgba(255,255,255,1);}


.sub_img { position:relative;}
.sub_img_m { display:none;}


/* 서브01 */

.sub01_01_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:0 70px 50px 70px;}
.sub01_01_box:after { display:block; content:""; clear:both;}

.sub01_011 { padding: 50px 0px 50px; text-align: center;}
.sub01_011 .txt_box { width: 100%; }
.sub01_011 .txt_box .tit { font-size: 30px;  font-weight: 700; position: relative; color: #fff; line-height:50px; }
.sub01_011 .txt_box ul { margin-top: 60px; }
.sub01_011 .txt_box ul li { position: relative; color: #888; letter-spacing:0.02em; font-size: 18px; margin: 10px 0; font-weight:500; }
.sub01_011 .txt_box .logo { left:50%; margin-left:-500px; text-align:center; width:295px; height:68px; margin:100px auto;}


.sub01_01_3box.flex { display: flex; margin-top: 0px !important; margin-bottom: 3rem !important; flex-wrap: wrap;}
.sub01_01_3box_txt_02.w-33 { display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; margin-right: 2.2%; margin-bottom: 2%; width: calc(32.033% - 1.333%);}
.sub01_01_3box_txt_02.w-33:nth-child(3n) { margin-right: 0%;}
.sub01_01_3box .s1 { padding: 60px 65px; border: solid 2px #555; border-radius: 300px; }
.sub01_01_3box .txt_01 { display: flex; justify-content: center; font-size: 42px; color: #fff; font-weight: 500; line-height: 260%; text-align: center;}
.sub01_01_3box .txt_02 { display: flex; justify-content: center; font-size: 28px; color: #c3c3c3; letter-spacing: -0.01em; font-weight: 600; margin-top: 45px; margin-bottom:15px; line-height: 130%; text-align: center;}
.sub01_01_3box .txt_03 { display: flex; justify-content: center; color: #777; letter-spacing:0.02em; font-size: 17px; margin: 10px 0; font-weight:400; }


.sub01_011_3box.flex { display: flex; margin-top: 80px !important; margin-bottom: 3rem !important; flex-wrap: wrap;}
.sub01_011_3box_txt_02.w-33 { display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; margin-right: 2.2%; margin-bottom: 2%; width: calc(32.033% - 1.333%);}
.sub01_011_3box_txt_02.w-33:nth-child(3n) { margin-right: 0%;}
.sub01_011_3box .s1 { padding: 0px 0px; border: solid 1px #555; border-radius: 0px; }
.sub01_011_3box .txt_01 { display: flex; justify-content: center; font-size: 42px; color: #fff; font-weight: 500; line-height: 260%; text-align: center;}
.sub01_011_3box .txt_02 { display: flex; justify-content: center; font-size: 20px; color: #c3c3c3; letter-spacing: -0.01em; font-weight: 500; margin-top: 55px; margin-bottom:0px; text-align: center;}
.sub01_011_3box .txt_03 { display: flex; justify-content: center; color: #777; letter-spacing:0.02em; font-size: 16px; margin: 10px 0; font-weight:400; }


.sub01_02_box{ position:relative; margin-top:120px; margin-bottom:50px;} 
.sub01_02_box .wr{overflow:hidden; }
.sub01_02_box .left{float:left; width:50%; padding-right:0px;}
.sub01_02_box .right{float:right; width:50%; padding-left:10px;} 
.sub01_02_box .img.shadow img{ box-shadow:10px 10px 20px rgba(0,0,0,0.2); border:1px solid #e8e8e8; margin-bottom:30px;}  


.sub01_02_02 { padding: 10px 0px 30px;}
.sub01_02_02 .icon_box { float: left; margin-right: 60px; }
.sub01_02_02 .txt_box { width: 100%; }
.sub01_02_02 .txt_box .tit { font-size: 19px; font-weight: 400; position: relative; color: #888; }
.sub01_02_02 .txt_box ul { margin-top: 80px; }
.sub01_02_02 .txt_box ul li { position: relative; color: #888; letter-spacing:0.02em; font-size: 45px; line-height:60px; margin: 10px 0; font-weight:700; font-family: 'OmniGothic', sans-serif;}
.sub01_02_02 .txt_box .bgbox {padding: 10px 20px; background: #f4f4f4; }
.sub01_02_02 .txt_box .bgbox .left { padding-left: 5px; position: relative; color: #666; letter-spacing: -0.3px; font-size: 15px; margin: 7px 0; font-weight:300;}


.sub01_02_txt { font-size:19px; line-height:28px; font-weight:400; margin-bottom:30px; background-position:0% 4px; padding-left:25px; letter-spacing:-0.01em; color:#888;}
.sub01_02_txt2 { font-size:30px; line-height:30px; font-weight:500; margin-bottom:30px; background-position:0% 4px; padding-left:25px; letter-spacing:-0.01em; color:#999;}


.btn-style0105{margin: 50px auto;}
.btn-style0105.d2 {position: relative; display: inline-block; height: 55px; padding: 0 60px; background: #fff; border: 1px solid #a1a1a1; font-size: 16px; line-height: 53px; color: #121212; cursor: pointer;}
.btn-style0105.d2.tiny {height: 21px; padding: 0 7px; line-height: 19px; font-size: 12px; color: #888;}
.btn-style0105.d2:hover {background: #fcb040; border: 1px solid #fcb040; color: #fff !important;}
.btn-style0105.d2 .ico {position: relative; top: -2px; display: inline-block; width: 24px; height: 24px; margin-left: 23px; vertical-align: middle;}
.btn-style0105.d2.tiny .ico {top: -2px; width: 14px; height: 14px; margin-left: 5px; background-size: 14px !important;}
.btn-style0105.d2 .ico2 {background: url('/images/icon/download-btn.png') no-repeat center;}
.btn-style0105.d2:hover .ico2 {background: url('/images/icon/download-btn-ov.png') no-repeat center;}



.sub01_01_03_tab { width:25%;}
.sub01_01_03_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:150px 70px 200px 70px;}
.sub01_01_03_box:after { display:block; content:""; clear:both;}
.sub_01_03_map { position:relative; width:100%; display:none;}
.sub_01_03_map:after { display:block; content:""; clear:both;}
.sub_01_03_map1 {}
.sub_01_03_map2 {}
.sub_01_03_map3 {}
.sub_01_03_map_active { display:block !important;}
.sub_01_03_map_txt { font-size:16px; margin-bottom:40px;}
.sub_01_03_map_photo { float:left; width:50%; height:400px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.sub_01_03_map_if { float:left; width:50%; height:400px;}
.sub_01_03_map_if>iframe { width:100%; height:400px; border:1px solid rgba(0,0,0,0.1);}



.sub01_01_tab { width:50%;}


.circular-progress {
  width: var(--progress-bar-width);
  height: var(--progress-bar-height);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.inner-circle {
    position: absolute;
    width: calc(250px - 5px);
    height: calc(250px - 5px);
    border-radius: 50%;
    background-color: #000000;
}

.sub01_01_3box .s1 {
    width: 250px;
    height: 250px;
    padding: 0;
    border: solid 0px #555;
    border-radius: 250px;
    background: #ffffff;
}




/* 서브02 */

.sub02_01_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:0 70px 100px 70px;}
.sub02_01_box:after { display:block; content:""; clear:both;}
.sub02_01_02_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:0 70px 150px 70px;}
.sub02_01_02_box:after { display:block; content:""; clear:both;}


.sub02_011 { padding: 50px 0px 50px; text-align: center;}
.sub02_011 .txt_box { width: 100%; }
.sub02_011 .txt_box .tit { font-size: 45px;  font-weight: 700; position: relative; color: #fff; line-height:60px; font-family: 'OmniGothic', sans-serif;}
.sub02_011 .txt_box ul { margin-top: 60px; }
.sub02_011 .txt_box ul li { position: relative; color: #888; letter-spacing:0.02em; font-size: 18px; margin: 10px 0; font-weight:500; }

.sub02_box_in_organi_p { display:block; width:100%;}
.sub02_box_in_organi_m { display:none; width:100%;}
.sub02_box_in_organi_p>img, .sub01_box_in_organi_m>img { width:100%; height:auto;}


.sub02_01_3box.flex { display: flex; margin-top: 100px !important; margin-bottom: 3rem !important; flex-wrap: wrap;}
.sub02_01_3box .icon_01 img { height: 100px;}
.sub02_01_3box_txt_02.w-33 { display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; padding: 30px 40px; border: solid 1px #444; margin-right: 2.2%; margin-bottom: 2%; border-radius: 20px; width: calc(32.033% - 1.333%);}
.sub02_01_3box_txt_02.w-33:nth-child(3n) { margin-right: 0%;}
.sub02_01_3box .icon_01 { display: flex; justify-content: center;}
.sub02_01_3box .txt_02 { display: flex; justify-content: center; font-size: 40px; color: #fff; font-weight: 600; margin-top: 35px; line-height: 160%; text-align: center;}
.sub02_01_3box .txt_01 { display: flex; justify-content: center; font-size: 26px; color: #ededed; letter-spacing: -0.01em; font-weight: 600; margin-top: 10px; margin-bottom:25px; line-height: 130%; text-align: center;}
.sub02_01_3box .bar-area {
    position: relative;
    width: 100%;
    height: 3px;
    overflow: hidden;
    background-color: #666666;
    border-radius: 20px;
}
.sub02_01_3box .bar {
    position: absolute;
    height: 3px;
    overflow: hidden;
    border-radius: 20px;
    background: #f5f5f5;
    display: inline-block;
}


.sub02_01 { padding: 50px 0px 50px; text-align: center;}
.sub02_01 .txt_box { width: 100%; }
.sub02_01 .txt_box .tit { font-size: 45px;  font-weight: 700; position: relative; color: #888; line-height:60px; font-family: 'OmniGothic', sans-serif;}
.sub02_01 .txt_box ul { margin-top: 60px; }
.sub02_01 .txt_box ul li { position: relative; color: #888; letter-spacing:0.02em; font-size: 18px; margin: 10px 0; font-weight:500; }


.btn-style0201{margin: 50px auto; text-align: center;}
.btn-style0201.d2 {position: relative; display: inline-block; height: 55px; padding: 0 60px; background: #fff; border: 1px solid #a1a1a1; font-size: 16px; line-height: 53px; color: #121212; cursor: pointer;}
.btn-style0201.d2.tiny {height: 21px; padding: 0 7px; line-height: 19px; font-size: 12px; color: #888;}
.btn-style0201.d2:hover {background: #fcb040; border: 1px solid #fcb040; color: #fff !important;}
.btn-style0201.d2 .ico {position: relative; top: -2px; display: inline-block; width: 24px; height: 24px; margin-left: 23px; vertical-align: middle;}
.btn-style0201.d2.tiny .ico {top: -2px; width: 14px; height: 14px; margin-left: 5px; background-size: 14px !important;}
.btn-style0201.d2 .ico2 {background: url('/images/icon/download-btn.png') no-repeat center;}
.btn-style0201.d2:hover .ico2 {background: url('/images/icon/download-btn-ov.png') no-repeat center;}




#sub02_01_02 .sub02_01_02 {
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
    align-items: center;  
	margin-top: 100px;
	background: #141414;
}
#sub02_01_02 .sub02_01_02_title {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 125%;
    display: block;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 15px 0 0 0;
	color: #444;
}
#sub02_01_02 .title-icon-bg:before {
    content: '';
    position: absolute;
    top: 0;
    width: 0px;
    height: 0px;
    background: #e60012;
	border-radius: 50%;
	margin: 1px 8px 0 0;
}
#sub02_01_02 .sub02_01_02_img {
	width: 45%;
	height: auto;
}
#sub02_01_02 .sub02_01_02_img.t-left {
	text-align: left;
}
#sub02_01_02 .sub02_01_02_img.t-right {
	text-align: right;
}
#sub02_01_02 .sub02_01_02_stitle {
	font-size: 35px;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 125%;
    display: block;
    margin-top: 0px;
    margin-bottom: 35px;
	color: #fff;
}

#sub02_01_02 .sub02_01_02_stxt {
    font-size: 17px;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 0px;
    display: inline-block;
	color: #777;
    width: 60%;
}
#sub02_01_02 .sub02_01_02_eccd {
    position: absolute;
    display: block;
    top: 45%;
    right: 46%;
    font-size: 200px;
    font-weight: 600;
}
#sub02_01_02 .sub02_01_02_eccd.right {
    position: absolute;
    display: block;
    top: 45%;
    float: right;
    left: auto;
    left: 45%;
    font-size: 200px;
    font-weight: 600;
}
#sub02_01_02 .sub02_01_02_area.ml-5 {
    padding-left: 80px;
}




.practice-box{display:flex; flex-wrap:wrap; justify-content:space-between; gap:32px 40px; border-radius:0px; margin-top:100px; margin-bottom:50px; overflow:hidden;}
.practice-box-unit{height:280px; width:calc(50% - 20px); background-image:url(../images/sub/sub02_01_box01_bg.png); position:relative; overflow:hidden;background-size: cover; border:1px solid #333; border-radius: 20px;}
.practice-box-unit:nth-child(2){background-image:url(../images/sub/sub02_01_box02_bg.png); border:1px solid #333; border-radius: 20px; }
.practice-box-unit:nth-child(3){background-image:url(../images/sub/sub02_01_box03_bg.png); border:1px solid #333; border-radius: 20px;}
.practice-box-unit:nth-child(4){background-image:url(../images/sub/sub02_01_box04_bg.png); border:1px solid #333; border-radius: 20px;}
.practice-box-unit:before{content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(255, 255, 255, 0.9); opacity: 0; transition:opacity .4s ease-in-out;}
.practice-box-unit-txt{position:absolute; left:40px; right:24px; bottom:40px; transition:margin-bottom .4s ease-in-out; margin-bottom: 0px;}
.practice-box-unit:nth-child(2) .practice-box-unit-txt{position:absolute; left:40px; right:24px; bottom:40px; transition:margin-bottom .4s ease-in-out; margin-bottom: -30px;}
.practice-box-unit-txt > strong{color:#fff; font-size:38px; line-height:30px; font-weight:800; font-family: "NanumSquare Neo"; }
.practice-box-unit-txt > p{color:#888; font-size: 18px; line-height:30px; margin-top:24px}

.practice-box-unit:hover .practice-box-unit-txt{margin-bottom:30px; color:#000;}
.practice-box-unit:hover:before{opacity:1;}

.practice-box-unit-txt:hover > strong{color:#000;}
.practice-box-unit-txt:nth-child(2):hover > strong{color:#000;}

.practice-box-unit-txt:hover > p{color:#111;}
.practice-box-unit-txt:nth-child(2):hover > strong{color:#111;}






.sub02_01_tab { width:50%;}



/* 서브03 */

.sub03_01_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:0 70px 100px 70px;}
.sub03_01_box:after { display:block; content:""; clear:both;}

.paging{display:flex; justify-content:center; width:100%; text-align:center; margin:30px 0; flex-wrap:wrap;}
.paging a{position:relative; display:block; width:30px; height:30px;  line-height:30px; margin:0 2px; border:1px solid #ddd; text-align:center; font-size:13px; color:#333; letter-spacing:-0.25px; /* background-color:#fff;  */}
.paging a:hover{color:#888;}
.paging a.cur{border-color:#333; background-color:#333; color:#fff;}
.paging a.paging-arrow i{position:relative; top:-1px; vertical-align:middle; color:inherit; font-size:24px;}
/* .paging:not(.no-margin) a.paging-prev{margin-right:15px}
.paging:not(.no-margin) a.paging-next{margin-left:15px} */ 
.paging .paging-first i,
.paging .paging-last i{transform:translateX(-8px)}
.paging .paging-first i:before,
.paging .paging-last i:before{display:block;width:7px}

/* Style02(라인) */
.paging-style03 a{width:auto; padding:0 7px 3px; margin:0 5px; border:0; font-size:16px}
.paging-style03 a.cur{background-color:transparent; color:#888;}
.paging-style03 a.cur:after{position:absolute; bottom:0px; left:50%; width:100%; margin-left:-50%; height:2px; background-color:#888; content:"";}
@media all and (max-width:480px) {
	/* 공통 :: PAGING */
	.paging:not(.no-margin) a.paging-prev{margin-right:2px}
	.paging:not(.no-margin) a.paging-next{margin-left:2px}
}
@media all and (max-width:359px) {
	/* 공통 :: PAGING */
	.paging a{margin:0 0 0 -1px}
	.paging:not(.no-margin) a.paging-prev{margin-right:0}
	.paging:not(.no-margin) a.paging-next{margin-left:-1px}
}




.txtwrap{
	display: flex;
	justify-content: space-between;
	margin-top: 110px;
	padding: 0 50px;
}
.txtwrap .tit{
	width: 80%;
	font-size: 32px;
	font-weight: 700;
	color:#fff;
	margin-right:20px;
}
.txtwrap .tit_con{
	font-size: 17px;
	margin-top:30px;
	line-height: 1.6em;
	font-weight: 400;
	color:#999;
}
.txtwrap .con{
	width: 20%;
}
.txtwrap .con .r_tit{
	font-size: 20px;
	color: #fff;
	font-weight: 700;
}
.txtwrap .con .r_tit_con{
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: 400;
	color:#999;	
}




.board-btns{position:relative; border-top:1px solid #333; display:flex; justify-content:space-between; align-items:center; height:110px; padding: 30px 60px;}
.board-btns .btn-list{position:absolute; left:50%; margin-left: -40px;bottom:0;  }
.board-btns .btn-prev{width:calc(40% - 40px); background: url('/images/sub/sub03_icon_left.png') no-repeat left center; padding-left: 30px;}
.board-btns .btn-next{width:calc(40% - 40px); background: url('/images/sub/sub03_icon_right.png') no-repeat right center; padding-right: 30px;}
.board-btns .btn-prev a{display:flex; justify-content: flex-start; gap:20px; }
.board-btns .btn-next a{display:flex; justify-content: flex-end; gap:20px; }
.board-btns .btn-prev strong,
.board-btns .btn-next strong{color: #888; }
.board-btns .btn-prev span,
.board-btns .btn-next span{display:inline-block;  width: 100%; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis;}
.board-btns .btn-next span{text-align: right;}
.board-btns a[href=""], .board-btns a:not([href]) {pointer-events: none;cursor: default;}
@media (hover: hover) and (pointer: fine) {
    .board-btns .btn-prev a:hover span,
	.board-btns .btn-next a:hover span{ text-decoration: underline;  text-underline-offset: 0.3em;}
}






.sub03_01_tab { width:20%;}




/* 서브04 */

.sub04_01_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:0 70px 100px 70px;}
.sub04_01_box:after { display:block; content:""; clear:both;}




.sub04_01_tab { width:50%;}








/* 서브 end ----------------------------------- */



/* 1024 ~ 768까지 태블릿 설정 */

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



/* 서브 비주얼 */

.container_visual { text-align:center; padding-top:80px;}
.sub_visual { position:relative; width:100%; height:350px; overflow:hidden;}
.sub_visual .sub_bg { width:100%; height:350px; min-width:1px; background-position:50% 50%; background-attachment:scroll; 
animation: /*선택자*/sub_bg_a /*동작시간*/3s /*진행속도:ease,ease-out,ease-in*/ease /*딜레이*/0s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both; -webkit-animation: sub_bg_a 3s ease 0s 1 normal both; /*움직이는 기준점 가로0% 세로0%*/transform-origin:50% 50%; background-color:#f5f5f5;}
@keyframes sub_bg_a {
	0% { -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}
	100% { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);}
}

.top_txt { position:absolute; top:43%; left:50%; margin-left:-350px; font-size:45px; text-align:center; width:700px; letter-spacing:-0.06em; line-height:1.2; color:rgba(255,255,255,0.9);}
.top_txt>p { display:block;}
.top_txt2 { position:absolute; top:55%; left:50%; margin-left:-350px; font-size:17px; text-align:center; width:700px; letter-spacing:0; line-height:1.2; font-weight:400; color:rgba(255,255,255,0.9);}



/* 서브탭 start */

.depth3_tab { width:100%; max-width:1600px; height:auto; padding:0 0 40px 0; margin:0 auto;}
.depth3_tab:after { display:block; content:""; clear:both;}
.depth3_tab>a { display:block; float:left; font-size:15px; text-align:center; padding:15px 0; background-color:#000;}
.depth3_tab>a:nth-child(2n) { border-bottom: 2px solid #333;}
.depth3_tab>a.depth3_active, .depth3_tab>a:hover { color:#FFF;  border-bottom: 2px solid #ccc; background-color:#000;}
.depth3_tab>a>span { color:rgba(0,0,0,0);}

.sub_tab { display:block; cursor:pointer; float:left; font-size:15px; text-align:center; padding:15px 0; background-color:#eee;}
.sub_tab:nth-child(2n) { background-color:#ddd;}
.depth3_active, .sub_tab:hover { color:#FFF; background-color:#000 !important;}
.sub_tab>span { color:rgba(0,0,0,0);}


/* 서브공통 */

.sub_box { position:relative; width:100%; min-width:768px;}
.sub_container { position: relative; width:100%; margin:0 auto; padding:60px 0 0 0;}
.sub_link_wrap { position: absolute; top:120px; left:50%; width:1px; height:1px;}
.sub_container:after { display:block; content:""; clear:both;}

.box100per { width:100%; margin:0 auto; padding:0 30px;}
.box100per_2 { width:100%; margin:0 auto; padding:0 30px; background-color:#f7f7f7;}
.box50per { display:inline-block; width:50%; padding:0; vertical-align:top;}
.in_box { display: block; width: 100%; margin-bottom: 30px; padding: 25px 30px 25px 30px; vertical-align: top; border: 1px solid #CCC; border-radius: 10px; background-color: #F9F9F9;}

.page_location { position:relative; top:auto; left:auto; width:100%; max-width:1600px; font-size:15px; line-height:19px; margin:0; font-weight:500; padding:0;}
.page_location_1 { display:inline-block; vertical-align:top; background-image:url(/images/icon/home2.png); width:20px; height:19px; margin-right:10px; text-indent:-9999px;}
.page_location_2 { display:inline-block; vertical-align:top; color:#555;}
.page_location_3 { display:inline-block; vertical-align:top; color:#999;}
.page_location_dot { display:inline-block; vertical-align:top; background-image:url(/images/icon/dot_3x3.jpg); background-repeat:no-repeat; background-position:center; width:20px; height:19px;}

.in_title1_wrap { width:100%; max-width:1600px; height:auto; margin:0 auto 40px auto; padding:0; text-align:left;}
.in_title1 { font-family: 'OmniGothic', sans-serif; font-size: 36px; line-height: 56px; margin: 50px 0; letter-spacing: -0.01em; color: rgba(255, 255, 255, 0.8); text-align: center;}
.in_title1_txt { font-size:18px; line-height:30px; font-weight:400; letter-spacing:-0.04em; color:rgba(0,0,0,0.6); text-align: center; margin-bottom:40px;}
.in_title1_txt2 { font-size:15px; line-height:30px; font-weight:400; letter-spacing:-0.04em; color:rgba(0,0,0,0.6); text-align: center; margin-bottom:40px;}
.in_title1_bar { width:50px; height:1px; margin:60px auto; background-color:rgba(0,0,0,0.3);}
.in_title2_txt { font-size:16px; line-height:24px; font-weight:400; letter-spacing:0; color:rgba(0,0,0,0.6);}
.in_title2 { font-size:35px; line-height:45px; font-weight:700; margin:0 0 10px 0; letter-spacing:0; color:rgba(0,0,0,0.8);}
.in_title3 { font-size:18px; line-height:26px; font-weight:400; margin-bottom:20px; background-image:url(/images/icon/ar_18x18.png); background-repeat:no-repeat; background-position:0% 4px; padding-left:25px;}

.line_1px { width:100%; height:1px; background-color:#ddd; margin-bottom:30px;}

.big_view { display: block; position: absolute; top: 0; right: 0; background-image: url(/images/icon/view.png); width: 60px; height: 60px;}
.big_view>a { display: block; width: 100%; height: 100%;}

.top_fbtn { display:none;}

.sub_img { position:relative;}
.sub_img img { width:440px;}
.sub_img_m { display:none;}


/* 서브01 */

.sub01_01_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:20px 0 50px 0;}
.sub01_01_box:after { display:block; content:""; clear:both;}

.sub01_011 { padding: 10px 0px 10px; text-align: center;}
.sub01_011 .txt_box { width: 100%; }
.sub01_011 .txt_box .tit { font-size: 28px;  font-weight: 700; position: relative; color: #fff; line-height:38px; }
.sub01_011 .txt_box ul { margin-top: 60px; }
.sub01_011 .txt_box ul li { position: relative; color: #888; letter-spacing:0.02em; font-size: 18px; margin: 10px 0; font-weight:500; }
.sub01_011 .txt_box .logo { left:50%; margin-left:-500px; text-align:center; width:295px; height:68px; margin:100px auto;}


.sub01_02_box{ position:relative; margin-top:30px; margin-bottom:50px;} 
.sub01_02_box .wr{overflow:hidden; }
.sub01_02_box .left{float:left; width:50%; padding-right:0px;}
.sub01_02_box .right{float:right; width:50%; padding-left:10px;} 
.sub01_02_box .img.shadow img{ box-shadow:10px 10px 20px rgba(0,0,0,0.2); border:1px solid #e8e8e8; margin-bottom:30px;} 

.sub01_02_02 { padding: 10px 0px 30px;}
.sub01_02_02 .icon_box { float: left; margin-right: 60px; }
.sub01_02_02 .txt_box { width: 100%; }
.sub01_02_02 .txt_box .tit { font-size: 19px; font-weight: 400; position: relative; color: #888; }
.sub01_02_02 .txt_box ul { margin-top: 40px; }
.sub01_02_02 .txt_box ul li { position: relative; color: #888; letter-spacing:0.02em; font-size: 40px; line-height:60px; margin: 10px 0; font-weight:700; font-family: 'OmniGothic', sans-serif;}
.sub01_02_02 .txt_box .bgbox {padding: 10px 20px; background: #f4f4f4; }
.sub01_02_02 .txt_box .bgbox .left { padding-left: 5px; position: relative; color: #666; letter-spacing: -0.3px; font-size: 15px; margin: 7px 0; font-weight:300;}

.btn-style0105{margin: 20px auto;}
.btn-style0105.d2 {position: relative; display: inline-block; height: 55px; padding: 0 60px; background: #fff; border: 1px solid #a1a1a1; font-size: 16px; line-height: 53px; color: #121212; cursor: pointer;}
.btn-style0105.d2.tiny {height: 21px; padding: 0 7px; line-height: 19px; font-size: 12px; color: #888;}
.btn-style0105.d2:hover {background: #fcb040; border: 1px solid #fcb040; color: #fff !important;}
.btn-style0105.d2 .ico {position: relative; top: -2px; display: inline-block; width: 24px; height: 24px; margin-left: 23px; vertical-align: middle;}
.btn-style0105.d2.tiny .ico {top: -2px; width: 14px; height: 14px; margin-left: 5px; background-size: 14px !important;}
.btn-style0105.d2 .ico2 {background: url('/images/icon/download-btn.png') no-repeat center;}
.btn-style0105.d2:hover .ico2 {background: url('/images/icon/download-btn-ov.png') no-repeat center;}



.sub01_01_03_tab { width:25%;}
.sub01_01_03_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:100px 0 100px 0;}
.sub01_01_03_box:after { display:block; content:""; clear:both;}
.sub_01_03_map { position:relative; width:100%; display:none;}
.sub_01_03_map:after { display:block; content:""; clear:both;}
.sub_01_03_map1 {}
.sub_01_03_map2 {}
.sub_01_03_map3 {}
.sub_01_03_map_active { display:block !important;}
.sub_01_03_map_txt { font-size:15px; margin-bottom:40px;}
.sub_01_03_map_photo { float:left; width:100%; height:400px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.sub_01_03_map_if { float:left; width:100%; height:400px;}
.sub_01_03_map_if>iframe { width:100%; height:400px; border:1px solid rgba(0,0,0,0.1);}



/* 서브02 */

.sub02_01_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:20px 0 50px 0;}
.sub02_01_box:after { display:block; content:""; clear:both;}
.sub02_01_02_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:50px 0 100px 0;}
.sub02_01_02_box:after { display:block; content:""; clear:both;}


.practice-box{margin-top:30px;}


.sub02_01_3box.flex { display: flex; margin-top: 60px !important; margin-bottom: 3rem !important; flex-wrap: wrap;}
.sub02_01_3box .icon_01 img { height: 100px;}
.sub02_01_3box_txt_02.w-33 { display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; padding: 30px 40px; border: solid 1px #444; margin-right: 2.2%; margin-bottom: 2%; border-radius: 20px; width: calc(32.033% - 1.333%);}
.sub02_01_3box_txt_02.w-33:nth-child(3n) { margin-right: 0%;}
.sub02_01_3box .icon_01 { display: flex; justify-content: center;}
.sub02_01_3box .txt_02 { display: flex; justify-content: center; font-size: 40px; color: #fff; font-weight: 600; margin-top: 35px; line-height: 160%; text-align: center;}
.sub02_01_3box .txt_01 { display: flex; justify-content: center; font-size: 21px; color: #ededed; letter-spacing: -0.01em; font-weight: 600; margin-top: 10px; margin-bottom:25px; line-height: 130%; text-align: center;}
.sub02_01_3box .bar-area {
    position: relative;
    width: 100%;
    height: 3px;
    overflow: hidden;
    background-color: #666666;
    border-radius: 20px;
}
.sub02_01_3box .bar {
    position: absolute;
    height: 3px;
    overflow: hidden;
    border-radius: 20px;
    background: #f5f5f5;
    display: inline-block;
}





#sub02_01_02 .sub02_01_02 {
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
    align-items: center;  
	margin-top: 0px;
	background: #141414;
	margin-bottom: 80px;
}
#sub02_01_02 .sub02_01_02_title {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 125%;
    display: block;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 15px 0 0 0;
	color: #444;
}
#sub02_01_02 .title-icon-bg:before {
    content: '';
    position: absolute;
    top: 0;
    width: 0px;
    height: 0px;
    background: #e60012;
	border-radius: 50%;
	margin: 1px 8px 0 0;
}
#sub02_01_02 .sub02_01_02_img {
	width: 100% !important;
    height: auto;
}


#sub02_01_02 .sub02_01_02_img.t-left {
	text-align: left;
}
#sub02_01_02 .sub02_01_02_img.t-right {
	text-align: left;
}
#sub02_01_02 .sub02_01_02_stitle {
	font-size: 28px;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 125%;
    display: block;
    margin-top: 0px;
    margin-bottom: 25px;
	color: #fff;
}

#sub02_01_02 .sub02_01_02_stxt {
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 40px;
    display: inline-block;
	color: #777;
    width: 100%;
}
#sub02_01_02 .sub02_01_02_eccd {
    position: absolute;
    display: block;
    top: 45%;
    right: 46%;
    font-size: 200px;
    font-weight: 600;
}
#sub02_01_02 .sub02_01_02_eccd.right {
    position: absolute;
    display: block;
    top: 45%;
    float: right;
    left: auto;
    left: 45%;
    font-size: 200px;
    font-weight: 600;
}
#sub02_01_02 .sub02_01_02_area.ml-5 {
    padding-left: 40px;
	order: 2;
    width: 100% !important;
}




/* 서브03 */

.sub03_01_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:0 0 80px 0;}
.sub03_01_box_logo_box { width:100%; margin-bottom:50px; font-size:0;}
.sub03_01_box_logo_box:after { display:block; content:""; clear:both;}
.sub03_01_box_logo_wrap { display:inline-block; vertical-align:top; width:32.333333333%; height:auto; border:1px solid rgba(0,0,0,0.1); margin:0.5%; background-color:#fff;}
.sub03_01_box_logo_box>.sub03_01_box_logo_wrap:nth-child(2n) {}
.sub03_01_box_logo { width:100%; height:200px; background-position:center; background-size:100% auto; background-repeat: no-repeat;}
.sub03_01_box_txt { width:100%; border-top:1px solid rgba(0,0,0,0.1); padding:10px; text-align:center; font-size:14px; color:rgba(0,0,0,0.6);}

.sub03_01_02_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:100px 0 100px 0;}
.sub03_01_02_box:after { display:block; content:""; clear:both;}
.sub03_01_03_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:100px 0 100px 0;}
.sub03_01_03_box:after { display:block; content:""; clear:both;}


.txtwrap{
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
	padding: 0 50px;
}
.txtwrap .tit{
	width: 80%;
	font-size: 26px;
	font-weight: 700;
	color:#fff;
	margin-right:20px;
}
.txtwrap .tit_con{
	font-size: 16px;
	margin-top:30px;
	line-height: 1.6em;
	font-weight: 400;
	color:#999;
}
.txtwrap .con{
	width: 20%;
}
.txtwrap .con .r_tit{
	font-size: 20px;
	color: #fff;
	font-weight: 700;
}
.txtwrap .con .r_tit_con{
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: 400;
	color:#999;	
}


/* 서브04 */

.sub04_01_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:0;}
.sub04_01_box:after { display:block; content:""; clear:both;}
.sub04_01_02_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:0;}
.sub04_01_02_box:after { display:block; content:""; clear:both;}
.sub04_01_03_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:0;}
.sub04_01_03_box:after { display:block; content:""; clear:both;}
.sub04_01_04_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:0;}
.sub04_01_04_box:after { display:block; content:""; clear:both;}
.sub04_01_05_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:0;}
.sub04_01_05_box:after { display:block; content:""; clear:both;}

.sub04_box_in { width:100%; height:auto; position:relative; background-repeat:no-repeat; background-position:0% 50%; background-size:40px 100%; padding:90px 0;}
.sub04_box_in01 { background-image:url(/images/sub/sub04_01_left_bg01.jpg); margin-top:-60px;}
.sub04_box_in02 { background-image:url(/images/sub/sub04_01_left_bg02.jpg);}
.sub04_box_in03 { background-image:url(/images/sub/sub04_01_left_bg03.jpg);}
.sub04_box_in04 { background-image:url(/images/sub/sub04_01_left_bg04.jpg);}
.sub04_box_in05 { background-image:url(/images/sub/sub04_01_left_bg05.jpg);}

.sub04_box_in_box { position:relative; top:auto; margin-top:auto; left:auto; width:100%; height:auto; background-image:url(/images/sub/sub04_icon_right.png); background-position:10px 50%; background-repeat:no-repeat; padding-left:55px;}
.sub04_box_in_box4 { margin-top:auto; height:auto;}

.sub04_box_in_box_in { width:100%; height:100%; background-color:#fff; border:1px solid rgba(0,0,0,0.1); border-radius:15px; font-size:0; overflow:hidden;}

.sub04_box_in_left { display:inline-block; vertical-align:top; width:60%; height:100%; padding:60px 40px;}
.sub04_box_in_title { font-family: 'OmniGothic', sans-serif; font-size:30px; font-weight:500; letter-spacing:-0.06em; margin-bottom:20px;}
.sub04_box_in_title>span { display:inline-block; margin-right:10px;}
.sub04_box_in_title01 { color:#b1ca28;}
.sub04_box_in_title02 { color:#c9cb27;}
.sub04_box_in_title03 { color:#cbba29;}
.sub04_box_in_title04 { color:#cd9d2a;}
.sub04_box_in_title05 { color:#de5f20;}
.sub04_box_in_txt { font-size:16px; color:rgba(0,0,0,0.6); letter-spacing:-0.04em;}
.sub04_box_in_txt>span { display:block;}

.sub04_box_in_right { display:inline-block; vertical-align:top; width:40%; height:100%; background-position:50% 50%;  background-repeat:no-repeat; background-size:cover;}
.sub04_box_in_box_bg01 { background-image:url(/images/sub/sub04_01_box01_bg.png); min-height:281px;}
.sub04_box_in_box_bg02 { background-image:url(/images/sub/sub04_01_box02_bg.png); min-height:305px;}
.sub04_box_in_box_bg03 { background-image:url(/images/sub/sub04_01_box03_bg.png); min-height:281px;}
.sub04_box_in_box_bg04 { background-image:url(/images/sub/sub04_01_box04_bg.png); min-height:401px;}
.sub04_box_in_box_bg05 { background-image:url(/images/sub/sub04_01_box05_bg.png); min-height:330px;}










/* 서브 end ----------------------------------- */
}


/* 767 ~ 320까지 모바일 설정 */

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



/* 서브 비주얼 */

.container_visual { padding-top:60px;}
.sub_visual { position:relative; width:100%; height:300px; overflow:hidden;}
.sub_visual .sub_bg { width:100%; height:300px; min-width:1px; background-position:50% 50%; background-attachment:scroll; background-size:cover; 
animation: /*선택자*/sub_bg_a /*동작시간*/3s /*진행속도:ease,ease-out,ease-in*/ease /*딜레이*/0s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both; -webkit-animation: sub_bg_a 3s ease 0s 1 normal both; /*움직이는 기준점 가로0% 세로0%*/transform-origin:50% 50%; background-color:#f5f5f5;}
@keyframes sub_bg_a {
	0% { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}
	100% { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);}
}

.top_txt { position:absolute; top:35%; left:50%; margin-left:-150px; font-size:35px; text-align:center; width:300px; letter-spacing:-0.06em; line-height:1.2; color:rgba(255,255,255,0.9);}
.top_txt>p { display:block;}
.top_txt2 { position:absolute; top:52%; left:50%; margin-left:-150px; font-size:14px; text-align:center; width:300px; letter-spacing:0; line-height:1.2; font-weight:400; color:rgba(255,255,255,0.9);}


/* 서브탭 start */

.depth3_tab { width:100%; height:auto; padding:0 0 30px 0; margin:0 auto; text-align:left; font-size:0;}
.depth3_tab:after { display:block; content:""; clear:both;}
.depth3_tab>a { display: inline-block; float:none; font-size:14px; text-align:center; padding:8px 10px; background-color:#000; margin:0 2px 2px 0;}
.depth3_tab>a:nth-child(2n) {     border-bottom: 2px solid #333;}
.depth3_tab>a.depth3_active, .depth3_tab>a:hover { color:#FFF; border-bottom: 2px solid #CCC; background-color:#000;}

.sub_tab { display:inline-block; cursor:pointer; float:none; font-size:14px; text-align:center; padding:8px 10px; background-color:#eee; margin:0 2px 2px 0;}
.sub_tab:nth-child(2n) { background-color:#eee;}
.depth3_active, .sub_tab:hover { color:#FFF; background-color:#000 !important;}
.sub_tab>span { color:rgba(0,0,0,0);}



/* 서브공통 */

.sub_box { position:relative; width:100%; min-width:320px;}
.sub_container { position: relative; width:100%; margin:0 auto; padding:40px 0 0 0;}
.sub_container:after { display:block; content:""; clear:both;}

.box100per { width:100%; margin:0 auto; padding:0 20px;}
.box100per_2 { width:100%; margin:0 auto; padding:0 20px; background-color:#f7f7f7;}
.box50per { display:block; width:100%; padding:0 0 40px 0; vertical-align:top;}
.in_box { display: block; width: 100%; margin-bottom: 30px; padding: 25px 20px 25px 20px; vertical-align: top; border: 1px solid #CCC; border-radius: 10px; background-color: #F9F9F9;}

.page_location { width:100%; max-width:1600px; font-size:13px; line-height:19px; margin-bottom:30px; font-weight:500;}
.page_location_1 { display:inline-block; vertical-align:top; background-image:url(/images/icon/home2.png); width:15px; height:14px; margin-right:5px; text-indent:-9999px; background-size:cover;}
.page_location_2 { display:inline-block; vertical-align:top; color:#555;}
.page_location_3 { display:inline-block; vertical-align:top; color:#999;}
.page_location_dot { display:inline-block; vertical-align:top; background-image:url(/images/icon/dot_3x3.jpg); background-repeat:no-repeat; background-position:center; width:10px; height:19px;}

.in_title1_wrap { width:100%; max-width:1500px; margin:0 auto 30px auto; text-align:left;}
.in_title1 { font-family: 'OmniGothic', sans-serif; font-size: 24px; line-height:1.2; letter-spacing:-0.01em; color: rgba(255, 255, 255, 0.8);}
.in_title1_bar { width:40px; height:1px; margin:40px auto; background-color:rgba(0,0,0,0.3);}
.in_title1_txt { font-size:16px; line-height:20px; font-weight:400; letter-spacing:-0.02em; color:rgba(0,0,0,0.6); text-align: center; margin-bottom:30px;}
.in_title1_txt2 { font-size:13px; line-height:20px; font-weight:400; letter-spacing:-0.02em; color:rgba(0,0,0,0.6); text-align: center; margin-bottom:30px;}
.in_title2_txt { font-size:15px; line-height:22px; font-weight:400; letter-spacing:0; color:rgba(0,0,0,0.6);}
.in_title2 { font-family: 'Roboto','OmniGothic', sans-serif; font-size:24px; line-height:1.2; font-weight:500; margin:0 0 10px 0; letter-spacing:0; color:rgba(0,0,0,0.8);}
.in_title3 { font-family: 'Roboto','OmniGothic', sans-serif; font-size:16px; line-height:26px; font-weight:400; margin-bottom:20px; background-image:url(/images/icon/ar_18x18.png); background-repeat:no-repeat; background-position:0% 4px; padding-left:25px;}

.line_1px { width:100%; height:1px; background-color:#ddd; margin-bottom:30px;}

.big_view { display: block; position: absolute; top: 0; right: 0; background-image: url(/images/icon/view.png); background-size:100%; width: 40px; height: 40px;}
.big_view>a { display: block; width: 100%; height: 100%;}


/* 서브01 */

.sub01_01_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:20px 0 50px 0;}
.sub01_01_box:after { display:block; content:""; clear:both;}

.sub01_011 { padding: 10px 0px 10px; text-align: center;}
.sub01_011 .txt_box { width: 100%; }
.sub01_011 .txt_box .tit { font-size: 20px;  font-weight: 700; position: relative; color: #fff; line-height:32px; }
.sub01_011 .txt_box ul { margin-top: 60px; }
.sub01_011 .txt_box ul li { position: relative; color: #888; letter-spacing:0.02em; font-size: 16px; margin: 10px 0; font-weight:500; }
.sub01_011 .txt_box .logo { left:50%; margin-left:-500px; text-align:center; width:295px; height:68px; margin:100px auto;}

.sub01_01_3box.flex { display: flex; margin-top: 0px !important; margin-bottom: 3rem !important; flex-wrap: wrap;}
.sub01_01_3box_txt_02.w-33 { display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; margin-right: 2.2%; margin-bottom: 10%; width: 100%}
.sub01_01_3box_txt_02.w-33:nth-child(3n) { margin-right: 0%;}
.sub01_01_3box .s1 { padding: 60px 65px; border: solid 2px #555; border-radius: 300px; }
.sub01_01_3box .txt_01 { display: flex; justify-content: center; font-size: 42px; color: #fff; font-weight: 500; line-height: 260%; text-align: center;}
.sub01_01_3box .txt_02 { display: flex; justify-content: center; font-size: 28px; color: #c3c3c3; letter-spacing: -0.01em; font-weight: 600; margin-top: 45px; margin-bottom:15px; line-height: 130%; text-align: center;}
.sub01_01_3box .txt_03 { display: flex; justify-content: center; color: #777; letter-spacing:0.02em; font-size: 17px; margin: 10px 0; font-weight:400; }


.sub01_011_3box.flex { display: flex; margin-top: 80px !important; margin-bottom: 3rem !important; flex-wrap: wrap;}
.sub01_011_3box_txt_02.w-33 { display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; margin-right: 2.2%; margin-bottom: 10%; width: 100%}
.sub01_011_3box_txt_02.w-33:nth-child(3n) { margin-right: 0%;}
.sub01_011_3box .s1 { padding: 0px 0px; border: solid 1px #555; border-radius: 0px; }
.sub01_011_3box .txt_01 { display: flex; justify-content: center; font-size: 42px; color: #fff; font-weight: 500; line-height: 260%; text-align: center;}
.sub01_011_3box .txt_02 { display: flex; justify-content: center; font-size: 20px; color: #c3c3c3; letter-spacing: -0.01em; font-weight: 500; margin-top: 55px; margin-bottom:0px; text-align: center;}
.sub01_011_3box .txt_03 { display: flex; justify-content: center; color: #777; letter-spacing:0.02em; font-size: 16px; margin: 10px 0; font-weight:400; }


.sub01_02_box{ position:relative; margin-top:30px; margin-bottom:50px;} 
.sub01_02_box .wr{overflow:hidden; }
.sub01_02_box .left{float:left; width:100%; padding-right:0px;}
.sub01_02_box .right{float:right; width:100%; padding-left:0px;} 
.sub01_02_box .img.shadow img{ box-shadow:10px 10px 20px rgba(0,0,0,0.2); border:1px solid #e8e8e8; margin-bottom:30px;} 

.sub01_02_02 { padding: 40px 0px 30px;}
.sub01_02_02 .icon_box { float: left; margin-right: 60px; }
.sub01_02_02 .txt_box { width: 100%; }
.sub01_02_02 .txt_box .tit { font-size: 18px; font-weight: 400; position: relative; color: #888; }
.sub01_02_02 .txt_box ul { margin-top: 40px; }
.sub01_02_02 .txt_box ul li { position: relative; color: #888; letter-spacing:0.02em; font-size: 32px; line-height:40px; margin: 10px 0; font-weight:700; font-family: 'OmniGothic', sans-serif;}
.sub01_02_02 .txt_box .bgbox {padding: 10px 20px; background: #f4f4f4; }
.sub01_02_02 .txt_box .bgbox .left { padding-left: 5px; position: relative; color: #666; letter-spacing: -0.3px; font-size: 15px; margin: 7px 0; font-weight:300;}

.btn-style0105{margin: 20px auto;}
.btn-style0105.d2 {position: relative; display: inline-block; height: 55px; padding: 0 35px; background: #fff; border: 1px solid #a1a1a1; font-size: 16px; line-height: 53px; color: #121212; cursor: pointer;}
.btn-style0105.d2.tiny {height: 21px; padding: 0 7px; line-height: 19px; font-size: 12px; color: #888;}
.btn-style0105.d2:hover {background: #fcb040; border: 1px solid #fcb040; color: #fff !important;}
.btn-style0105.d2 .ico {position: relative; top: -2px; display: inline-block; width: 24px; height: 24px; margin-left: 23px; vertical-align: middle;}
.btn-style0105.d2.tiny .ico {top: -2px; width: 14px; height: 14px; margin-left: 5px; background-size: 14px !important;}
.btn-style0105.d2 .ico2 {background: url('/images/icon/download-btn.png') no-repeat center;}
.btn-style0105.d2:hover .ico2 {background: url('/images/icon/download-btn-ov.png') no-repeat center;}

.sub01_01_tab { width:100%;}



/* 서브02 */

.sub02_01_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:20px 0 50px 0;}
.sub02_01_box:after { display:block; content:""; clear:both;}
.sub02_01_02_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:20px 0 50px 0;}
.sub02_01_02_box:after { display:block; content:""; clear:both;}


.practice-box{display:flex; flex-wrap:wrap; justify-content:space-between; gap:32px 40px; border-radius:0px; margin-top:0px; margin-bottom:50px; overflow:hidden;}
.practice-box-unit{height:280px; width:100%; background-image:url(../images/sub/sub02_01_box01_bg.png); position:relative; overflow:hidden;background-size: cover; border:1px solid #333; border-radius: 20px;}
.practice-box-unit:nth-child(2){background-image:url(../images/sub/sub02_01_box02_bg.png); border:1px solid #333; border-radius: 20px; }
.practice-box-unit:nth-child(3){background-image:url(../images/sub/sub02_01_box03_bg.png); border:1px solid #333; border-radius: 20px;}
.practice-box-unit:nth-child(4){background-image:url(../images/sub/sub02_01_box04_bg.png); border:1px solid #333; border-radius: 20px;}
.practice-box-unit:before{content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(255, 255, 255, 0.9); opacity: 0; transition:opacity .4s ease-in-out;}
.practice-box-unit-txt{position:absolute; left:40px; right:24px; bottom:40px; transition:margin-bottom .4s ease-in-out; margin-bottom: 0px;}
.practice-box-unit:nth-child(2) .practice-box-unit-txt{position:absolute; left:40px; right:24px; bottom:40px; transition:margin-bottom .4s ease-in-out; margin-bottom: -30px;}
.practice-box-unit-txt > strong{color:#fff; font-size:32px; line-height:30px; font-weight:800; font-family: "NanumSquare Neo"; }
.practice-box-unit-txt > p{color:#888; font-size: 16px; line-height:30px; margin-top:24px}

.practice-box-unit:hover .practice-box-unit-txt{margin-bottom:30px; color:#000;}
.practice-box-unit:hover:before{opacity:1;}

.practice-box-unit-txt:hover > strong{color:#000;}
.practice-box-unit-txt:nth-child(2):hover > strong{color:#000;}

.practice-box-unit-txt:hover > p{color:#111;}
.practice-box-unit-txt:nth-child(2):hover > strong{color:#111;}


.sub02_011 { padding: 0px 0px 50px; text-align: center;}
.sub02_011 .txt_box { width: 100%; }
.sub02_011 .txt_box .tit { font-size: 34px;  font-weight: 700; position: relative; color: #fff; line-height:60px; font-family: 'OmniGothic', sans-serif;}
.sub02_011 .txt_box ul { margin-top: 40px; }
.sub02_011 .txt_box ul li { position: relative; color: #888; letter-spacing:0.02em; font-size: 16px; line-height:24px; margin: 10px 0; font-weight:500; }

.sub02_01_3box.flex { display: flex; margin-top: 60px !important; margin-bottom: 3rem !important; flex-wrap: wrap;}
.sub02_01_3box .icon_01 img { height: 100px;}
.sub02_01_3box_txt_02.w-33 { display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; padding: 30px 40px; border: solid 1px #444; margin-right: 2.2%; margin-bottom: 2%; border-radius: 20px; width: 100%;}
.sub02_01_3box_txt_02.w-33:nth-child(3n) { margin-right: 0%;}
.sub02_01_3box .icon_01 { display: flex; justify-content: center;}
.sub02_01_3box .txt_02 { display: flex; justify-content: center; font-size: 40px; color: #fff; font-weight: 600; margin-top: 35px; line-height: 160%; text-align: center;}
.sub02_01_3box .txt_01 { display: flex; justify-content: center; font-size: 21px; color: #ededed; letter-spacing: -0.01em; font-weight: 600; margin-top: 10px; margin-bottom:25px; line-height: 130%; text-align: center;}
.sub02_01_3box .bar-area {
    position: relative;
    width: 100%;
    height: 3px;
    overflow: hidden;
    background-color: #666666;
    border-radius: 20px;
}
.sub02_01_3box .bar {
    position: absolute;
    height: 3px;
    overflow: hidden;
    border-radius: 20px;
    background: #f5f5f5;
    display: inline-block;
}



.sub02_01 { padding: 50px 0px 50px; text-align: center;}
.sub02_01 .txt_box { width: 100%; }
.sub02_01 .txt_box .tit { font-size: 34px;  font-weight: 700; position: relative; color: #888; line-height:60px; font-family: 'OmniGothic', sans-serif;}
.sub02_01 .txt_box ul { margin-top: 60px; }
.sub02_01 .txt_box ul li { position: relative; color: #888; letter-spacing:0.02em; font-size: 16px; margin: 10px 0; font-weight:500; }


#sub02_01_02 .sub02_01_02 {
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
    align-items: center;  
	margin-top: 0px;
	background: #141414;
	margin-bottom: 80px;
}
#sub02_01_02 .sub02_01_02_title {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 125%;
    display: block;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 15px 0 0 0;
	color: #444;
}
#sub02_01_02 .title-icon-bg:before {
    content: '';
    position: absolute;
    top: 0;
    width: 0px;
    height: 0px;
    background: #e60012;
	border-radius: 50%;
	margin: 1px 8px 0 0;
}
#sub02_01_02 .sub02_01_02_img {
	width: 100% !important;
    height: auto;
}
#sub02_01_02 .sub02_01_02_img img {
	width: 100% !important;
    height: auto;
}


#sub02_01_02 .sub02_01_02_img.t-left {
	text-align: left;
}
#sub02_01_02 .sub02_01_02_img.t-right {
	text-align: left;
}
#sub02_01_02 .sub02_01_02_stitle {
	font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 125%;
    display: block;
    margin-top: 0px;
    margin-bottom: 25px;
	color: #fff;
}

#sub02_01_02 .sub02_01_02_stxt {
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 40px;
    display: inline-block;
	color: #777;
    width: 100%;
}
#sub02_01_02 .sub02_01_02_eccd {
    position: absolute;
    display: block;
    top: 45%;
    right: 46%;
    font-size: 200px;
    font-weight: 600;
}
#sub02_01_02 .sub02_01_02_eccd.right {
    position: absolute;
    display: block;
    top: 45%;
    float: right;
    left: auto;
    left: 45%;
    font-size: 200px;
    font-weight: 600;
}
#sub02_01_02 .sub02_01_02_area.ml-5 {
    padding-left: 40px;
	order: 2;
    width: 100% !important;
}




.sub02_01_tab { width:100%;}



/* 서브03 */

.sub03_01_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:20px 0 60px 0;}
.sub03_01_box:after { display:block; content:""; clear:both;}
.sub03_01_box_logo_box { width:100%; margin-bottom:40px; font-size:0;}
.sub03_01_box_logo_box:after { display:block; content:""; clear:both;}
.sub03_01_box_logo_wrap { display:inline-block; vertical-align:top; width:49%; height:auto; border:1px solid rgba(0,0,0,0.1); margin:1% 2% 1% 0; background-color:#fff;}
.sub03_01_box_logo_box>.sub03_01_box_logo_wrap:nth-child(2n) { margin-right:0;}
.sub03_01_box_logo { width:100%; height:120px; background-position:center; background-size:100% auto; background-repeat: no-repeat;}
.sub03_01_box_txt { width:100%; border-top:1px solid rgba(0,0,0,0.1); padding:10px; text-align:center; font-size:12px; color:rgba(0,0,0,0.6);}

.sub03_01_02_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:80px 0 80px 0;}
.sub03_01_02_box:after { display:block; content:""; clear:both;}
.sub03_01_03_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:80px 0 80px 0;}
.sub03_01_03_box:after { display:block; content:""; clear:both;}



.txtwrap{
	display: flex;
	justify-content: space-between;
	margin-top: 0px;
	padding: 0 0px;
	flex-wrap: wrap;
}
.txtwrap .tit{
	width: 100%;
	font-size: 24px;
	font-weight: 700;
	color:#fff;
	margin-right:20px;
}
.txtwrap .tit_con{
	font-size: 16px;
	margin-top:30px;
	line-height: 1.6em;
	font-weight: 400;
	color:#999;
}
.txtwrap .con{
	width: 100%;
	margin-top: 60px;
}
.txtwrap .con .r_tit{
	font-size: 20px;
	color: #fff;
	font-weight: 700;
}
.txtwrap .con .r_tit_con{
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: 400;
	color:#999;	
}





.sub03_01_tab { width:100%;}



/* 서브04 */

.sub04_01_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding: 0 0 10px;}
.sub04_01_box:after { display:block; content:""; clear:both;}
.sub04_01_02_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:0;}
.sub04_01_02_box:after { display:block; content:""; clear:both;}
.sub04_01_03_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:0;}
.sub04_01_03_box:after { display:block; content:""; clear:both;}
.sub04_01_04_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:0;}
.sub04_01_04_box:after { display:block; content:""; clear:both;}
.sub04_01_05_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:0;}
.sub04_01_05_box:after { display:block; content:""; clear:both;}

.sub04_box_in { width:100%; height:auto; position:relative; background-repeat:no-repeat; background-position:5px 50%; background-size:14px 100%; padding:70px 0;}
.sub04_box_in01 { background-image:url(/images/sub/sub04_01_left_bg01.jpg); margin-top:-40px;}
.sub04_box_in02 { background-image:url(/images/sub/sub04_01_left_bg02.jpg);}
.sub04_box_in03 { background-image:url(/images/sub/sub04_01_left_bg03.jpg);}
.sub04_box_in04 { background-image:url(/images/sub/sub04_01_left_bg04.jpg);}
.sub04_box_in05 { background-image:url(/images/sub/sub04_01_left_bg05.jpg);}

.sub04_box_in_box { position:relative; top:auto; margin-top:auto; left:auto; width:100%; height:auto; background-image:url(/images/sub/sub04_icon_right.png); background-position:0px 50%; background-repeat:no-repeat; padding-left:40px;}
.sub04_box_in_box_in { width:100%; height:100%; background-color:#fff; border:1px solid rgba(0,0,0,0.1); border-radius:10px; background-position:50% 100%;  background-repeat:no-repeat;}

.sub04_box_in_left { display:inline-block; vertical-align:top; width:100%; height:100%; padding:40px 30px;}
.sub04_box_in_title { font-family: 'OmniGothic', sans-serif; font-size:20px; font-weight:500; letter-spacing:-0.06em; margin-bottom:10px;}
.sub04_box_in_title>span { display:inline-block; margin-right:10px;}
.sub04_box_in_title01 { color:#b1ca28;}
.sub04_box_in_title02 { color:#c9cb27;}
.sub04_box_in_title03 { color:#cbba29;}
.sub04_box_in_title04 { color:#cd9d2a;}
.sub04_box_in_title05 { color:#de5f20;}
.sub04_box_in_txt { font-size:13px; color:rgba(0,0,0,0.6); letter-spacing:-0.04em;}
.sub04_box_in_txt>span { display:block;}

.sub04_box_in_right { display:inline-block; vertical-align:top; width:100%; height:100%; background-position:50% 50%;  background-repeat:no-repeat; background-size:cover;}
.sub04_box_in_box_bg01 { background-image:url(/images/sub/sub04_01_box01_bg.png); min-height:150px;}
.sub04_box_in_box_bg02 { background-image:url(/images/sub/sub04_01_box02_bg.png); min-height:150px;}
.sub04_box_in_box_bg03 { background-image:url(/images/sub/sub04_01_box03_bg.png); min-height:150px;}
.sub04_box_in_box_bg04 { background-image:url(/images/sub/sub04_01_box04_bg.png); min-height:150px;}
.sub04_box_in_box_bg05 { background-image:url(/images/sub/sub04_01_box05_bg.png); min-height:150px;}




.sub04_01_tab { width:100%;}






/* 서브 end ----------------------------------- */
}