/***********INTRO***********/

/*visual*/
.visual_wrap{position:relative; min-width:1300px;}
.visual_wrap:after{display:block; content:''; clear:both}
/*.visual_wrap .visual{position:relative;float:left; width: calc(33.3333333333%); text-align:center; cursor:pointer}*/
.visual_wrap .visual{position:relative;float:left; width: calc(25%); text-align:center; cursor:pointer}
.visual_wrap .visual .content{display:block; position:absolute; top:0; left:0; text-align:center; width:100%; height:100%; color:#fff;}
.visual_wrap .visual .content > p{font-size:18px; margin-top:250px}
.visual_wrap .visual .content > h2{font-size:42px; letter-spacing:-2px; margin-bottom:60px}
.visual_wrap .visual .icon{display: block;height: 70px; width: 70px; margin: 0 auto; background: url('../img/common/icon.png') no-repeat}
.visual_wrap .visual .icon{background-position:0 0;}
.visual_wrap .visual:hover .inner{display:block}
.visual_wrap .visual:hover .content{display:none}
.visual_wrap .visual .inner{
	display:none;
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    height: 100%;
	padding:110px 0;
	color:#fff
}
.visual_wrap .visual.v1 .inner{
background:rgb(220, 70, 113); /* Old browsers */
background: -moz-linear-gradient(45deg, rgb(159, 39, 73, 0.92) 0%, rgb(239, 108, 139, 0.92) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgb(159, 39, 73, 0.92) 0%,rgb(239, 108, 139, 0.92) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgb(159, 39, 73, 0.92) 0%, rgb(239, 108, 139, 0.92) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.visual_wrap .visual.v2 .inner{
background:rgb(76, 158, 216); /* Old browsers */
background: -moz-linear-gradient(45deg, rgb(33, 120, 181, 0.92) 0%, rgb(1, 79, 139, 0.92) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgb(33, 120, 181, 0.92) 0%,rgb(1, 79, 139, 0.92) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgb(33, 120, 181 0.92) 0%, rgb(1, 79, 139, 0.92) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.visual_wrap .visual.v3 .inner{
background:rgb(103, 208, 203); /* Old browsers */
background: -moz-linear-gradient(45deg, rgb(101, 197, 208, 0.92) 0%, rgb(12, 141, 158, 0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgb(101, 197, 208, 0.92) 0%,rgb(12, 141, 158, 0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgb(101, 197, 208, 0.92) 0%, rgb(12, 141, 158, 0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.visual_wrap .visual.v4 .inner{
background:rgb(103, 208, 203); /* Old browsers */
background: -moz-linear-gradient(45deg, rgb(101, 197, 208, 0.92) 0%, rgb(12, 141, 158, 0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgb(101, 197, 208, 0.92) 0%,rgb(12, 141, 158, 0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgb(101, 197, 208, 0.92) 0%, rgb(12, 141, 158, 0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}



.visual_wrap .visual .inner .icon{background-position:0 -80px;}
.visual_wrap .visual .inner h2{line-height:65px;font-size:57px; font-weight:bold; letter-spacing:-2px; text-transform:uppercase}
.visual_wrap .visual .inner p{font-size:22px; margin:35px 0 15px 0; font-weight:300;}
.visual_wrap .visual .inner span{line-height:26px;font-weight:300;}

/*
.visual_wrap .visual.v1 .inner h2{color:#9f2749;}
.visual_wrap .visual.v2 .inner h2{color:#06487b;}
.visual_wrap .visual.v3 .inner h2{color:#0a8697;}


*/
.visual_wrap .visual.v1 .inner { text-align:center; background:url('../img/main/2023/intro_put_01_01.jpg'); background-size: 100%; margin:0 auto;}
.visual_wrap .visual.v2 .inner { text-align:center; background:url('../img/main/2023/intro_put_01_02.jpg'); background-size: 100%; margin:0 auto;}
.visual_wrap .visual.v3 .inner { text-align:center; background:url('../img/main/2023/intro_put_01_03.jpg'); background-size: 100%; margin:0 auto;}
.visual_wrap .visual.v4 .inner { text-align:center; background:url('../img/main/2023/intro_put_01_04.jpg'); background-size: 100%; margin:0 auto;}

.visual_wrap .visual img{width:100%}

/*consulting*/
.visual_wrap .consulting{position:absolute; bottom:-200px; width:100%; text-align:center;}
.visual_wrap .consulting > div{width:1300px; height:182px; background:url('../img/main/consulting_bg.jpg'); margin:0 auto; font-size:0}
.visual_wrap .consulting > div a{display: inline-block;width: calc(20%); height:100%; text-align: center; font-size: 17px;}
.visual_wrap .consulting > div a:hover{background:#e5e5e5}
.visual_wrap .consulting > div a:before{display: block;content:"";width: 130px; height:130px; margin:0 auto; background:url('../img/main/consulting_icon.png') no-repeat; }
.visual_wrap .consulting > div a.c1:before{background-position:3px 0}
.visual_wrap .consulting > div a.c2:before{background-position:0 -119px}
.visual_wrap .consulting > div a.c3:before{background-position:-3px -242px}
.visual_wrap .consulting > div a.c4:before{background-position:-5px -359px}
.visual_wrap .consulting > div a.c5:before{background-position:-5px -472px}


.main_txt{text-align:center; margin-top:240px; min-width:1300px;}
.main_txt .txt1{font-family:'NanumSquare'; font-weight:bold; font-size:35px; color:#000;}
.main_txt .txt2{font-family:'sans-serif'; font-size:24px; color:#ea9daa;}

/*contbox*/
.contbox{width:1300px; margin:50px auto 30px auto;}
.contbox:after{display:block; content:'';clear:both}
.contbox .cont{position:relative;float:left; width:260px; height:250px; text-align:center; color:#fff}
.contbox .cont .tit{font-size:26px; letter-spacing:-1px; line-height:34px;}
.contbox .cont .sub_tit{font-weight:300;margin-top:10px}
.contbox .cont .tel{font-size:34px;}
.contbox .cont.c1{background:#dc547a; padding-top:67px}
.contbox .cont.c2{width:390px;background:url('../img/main/intro_cont01.jpg'); padding:30px 15px; text-align:left; color:#000}
.contbox .cont.c3{background:#356fbd; padding-top:67px}
.contbox .cont.c4{width:390px;background:url('../img/main/intro_cont02.jpg'); padding:30px 15px; text-align:left; color:#000}
.contbox .cont.c5{background:#565b62 url('../img/main/intro_cont03.png') no-repeat 105px 180px; padding-top:30px}
.contbox .cont.c6{background:#77625a url('../img/main/intro_cont04.png') no-repeat 71px 115px; padding-top:30px}
.contbox .cont.c7{background:url('../img/main/intro_cont05.jpg')}
.contbox .cont.c8{background:url('../img/main/intro_cont06.jpg');padding:30px 15px; text-align:left; color:#565555}
.contbox .cont.c9{background:#93a2aa url('../img/main/intro_cont07.png') no-repeat 90px 160px; padding-top:40px}
.contbox .cont.c2:before{content: "";position: absolute;left: 0; top: 120px; border-bottom: 10px solid transparent;border-top: 10px solid transparent; border-left: 10px solid #dc547a}
.contbox .cont.c4:before{content: "";position: absolute;left: 0; top: 120px; border-bottom: 10px solid transparent;border-top: 10px solid transparent; border-left: 10px solid #356fbd}

.company_banner{width:1300px; height:78px;border:1px solid #ddd; margin:0 auto 10px auto;}
.company_banner ul:after{display:block;content:'';clear:both}
.company_banner ul{height:100px}
.clogo{float:left;width:120px; margin-right:20px; height:76px; background:url('../img/main/intro_company.jpg') no-repeat; text-indent:-9999px; }
.clogo.l01{background-position:0 0}
.clogo.l02{background-position:-130px 7px}
.clogo.l03{background-position:-264px 7px}
.clogo.l04{background-position:-396px 7px}
.clogo.l05{background-position:-525px 7px}
.clogo.l06{background-position:-658px 7px}
.clogo.l07{background-position:-792px 7px}
.clogo.l08{background-position:-928px 7px}
.clogo.l09{background-position:-1057px 7px}
.clogo.l10{background-position:-1174px 7px}
.clogo.l11{background-position:-1309px 7px}
.clogo.l12{background-position:-1434px 7px}
.clogo.l13{background-position:-1575px 7px}
.clogo.l14{background-position:-1696px 7px}


.intro_banner{background:#1d1e25; text-align:center; min-width:1300px;}
.intro_banner img{width:100%;}


.main_visual{position:relative;width: 1650px; height:100%; margin: 0 auto;}
.main_visual .inquiry_box{position:absolute; top:40px; left:5%; z-index:999; color:#fff;}
.main_visual .inquiry_box:after{display:block;content:''; clear:both}
.main_visual .inquiry_box .inquiry{float:left; width:308px; height:460px; padding:20px 15px; border-radius:5px; background:rgba(16, 62, 149, 0.7); }
.main_visual .inquiry_box h3{font-size:20px; letter-spacing:-1px; font-weight:300}
.main_visual .inquiry_box .subtxt{font-size:12px; font-weight:100; color:#a9c8f5; margin-bottom:15px}
.main_visual .inquiry_box .inquiry h3 + .tel{font-size:34px;letter-spacing:-1px;  color:#93dfff}
.main_visual .inquiry_box .inquiry button{width:100%; height:45px; line-height:45px; margin: 0 auto; color:#fff;background:rgba(0, 0, 0, 0.3); margin-bottom:20px;}
.main_visual .inquiry_box .inquiry .list{width:100%;padding:10px; background:rgba(0, 0, 0, 0.15); }
.main_visual .inquiry_box .inquiry .list a{font-size:13px; line-height:26px; color:#fff; font-weight:100;}
.main_visual .inquiry_box .inquiry .list a > span{/*display:inline-block;*/ width:40px;}
.main_visual .inquiry_box .inquiry .list a > span.cont{width:118px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; vertical-align:bottom}
.main_visual .inquiry_box .inquiry .list a > span.cont2{width:400px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; vertical-align:bottom}
.main_visual .inquiry_box .inquiry .list a > span.cfm{width:50px; text-align:center; color:#b5b5b5}
.main_visual .inquiry_box .inquiry .list a > span.cfm.on{color:#67b9ff}
.main_visual .inquiry_box .dbform{float:right; width:308px; height:460px; padding:20px 15px;border-radius:5px; background:rgba(19, 76, 161, 0.7); }
.main_visual .inquiry_box .dbform h3 .close{float:right;cursor:pointer;width: 30px;height: 30px;text-align: center;}
.main_visual .inquiry_box .dbform select, 
.main_visual .inquiry_box .dbform input[type="text"],  input[type="number"]{width:100%; background: transparent; color: #fff; border: solid #fff; border-width: 0 0 1px 0; padding-bottom:10px; margin-bottom:40px; font-size:12px}
 .main_visual .inquiry_box .dbform select{ background: transparent url('../img/common/select.png') no-repeat 98% 48% }
.main_visual .inquiry_box .dbform ::placeholder{color:#fff}
.main_visual .inquiry_box .dbform input[type="text"], input[type="number"]{text-indent:5px}
.main_visual .inquiry_box .dbform .phone{height:30px; border-bottom:1px solid #fff}
.main_visual .inquiry_box .dbform .phone select,
.main_visual .inquiry_box .dbform .phone input{width:30%; border-bottom:0;}

select option,select option:checked, select option:hover {    
    color: #000;
}
.main_visual .inquiry_box .dbform .agree{color:#a9c8f5; font-size:14px; font-weight:100; margin-top:30px;}
.main_visual .inquiry_box .dbform .agree a{float:right;font-size:11px;background:#16386f; color:#a9c8f5; padding:2px 5px}
.main_visual .inquiry_box .dbform .agree_select{font-size:11px;color:#a9c8f5; margin-top:5px}
.main_visual .inquiry_box .dbform button{background:#16386b; width:100%; height:90px; color:#fff; margin-top:20px}



.main_cont{background:#e3e7ea; height:600px; padding:70px 0;}
.main_cont .wrap{width:1300px; margin:0 auto}
.main_cont .wrap > div{float:left; width:425px; height:310px; margin-right:10px; color:#fff;}
.main_cont .wrap > div:nth-child(3){margin-right:0;}
.main_cont .wrap > div:last-child{width:100%; height:100%}
.main_cont .wrap > div h3{font-size: 24px; letter-spacing: -1px; font-weight: 300;}
.main_cont .wrap .condition{padding:20px 15px; background:url('../img/main/inquiry_bg01.jpg');}

	.scrollable-content {
		overflow-x:hidden;
		overflow-y:scroll; // manage scrollbar content overflow settings
	}
	.scrollable-content::-webkit-scrollbar {
		width:5px; // manage scrollbar width here
	}
	.scrollable-content::-webkit-scrollbar * {
		background:transparent; // manage scrollbar background color here
	}
	.scrollable-content::-webkit-scrollbar-thumb {
		background:rgba(255,0,0,0.1) !important; // manage scrollbar thumb background color here
	}

.main_cont .wrap .condition .list a{font-size:13px; line-height:30px; color:#fff; font-weight:100;}
.main_cont .wrap .condition .list a > span{display:inline-block;width: 50px;}
.main_cont .wrap .condition .list a > span.date{color:#000}
.main_cont .wrap .condition .list a > span.name{width: 93px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:bottom;}
.main_cont .wrap .condition .list a > span.cont{width: 323px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:bottom;}
.main_cont .wrap .condition .list a > span.cfm{position:relative;width: 42px;height: 16px;line-height:15px;font-size:11px;text-align:center;background:#002060;color:yellow;}
.main_cont .wrap .condition .list a > span.cfm.on{background:#ffc000; color:black;}

.main_cont .wrap .condition .list a > span.cfm:before {
    content:"";
    position: absolute;
    right: 100%;
    top:0px;
    width:0px;
    height:0px;
    border-top:8px solid transparent;
    border-right:5px solid #002060;
    border-bottom:8px solid transparent;
}

.main_cont .wrap .condition .list a > span.cfm:after {
    content:"";
    position: absolute;
    left: 100%;
    top:0px;
    width:0px;
    height:0px;
    border-top:8px solid transparent;
    border-left:5px solid #002060;
    border-bottom:8px solid transparent;
}
.main_cont .wrap .condition .list a > span.cfm.on:before {
    content:"";
    position: absolute;
    right: 100%;
    top:0px;
    width:0px;
    height:0px;
    border-top:8px solid transparent;
    border-right:5px solid #ffc000;
    border-bottom:8px solid transparent;
}

.main_cont .wrap .condition .list a > span.cfm.on:after {
    content:"";
    position: absolute;
    left: 100%;
    top:0px;
    width:0px;
    height:0px;
    border-top:8px solid transparent;
    border-left:5px solid #ffc000;
    border-bottom:8px solid transparent;
}


.customer{padding:20px;background:url('../img/main/inquiry_bg02.jpg')}
.main_cont .wrap .customer li{background: rgba(0,0,0,0.1); border-radius:5px; padding:20px 10px; margin-right: 6px; text-align: center;}
.main_cont .wrap .customer li img{ width:85%; margin:0 auto 5px auto}
.main_cont .wrap .customer .bx-default-pager{bottom:-16px}
.main_cont .wrap .customer .bx-default-pager a{width:6px; height:6px}
.main_cont .wrap .customer li p{font-weight:100}



.main_program{width:100%; height:555px; background:url('../img/main/main_program_bg.jpg')}
.main_program h3{text-align:center; padding-top:50px}
.main_program ul{width:1300px; margin:0 auto;}
.main_program ul:after{display:block; content:''; clear:both;}
.main_program .cont{float:left; width:16.6%; width:16%; padding:15px 0; text-align:center; cursor:pointer; color:#fff}
.main_program .cont:hover{background:rgba(0,0,0,0.5)}
.main_program .cont:hover button{display:block}
.main_program .cont .icon{width:180px; height:180px; border-radius:180px; margin:0 auto 10px auto}
.main_program .cont.c1 .icon{background:#24609f url('../img/main/main_program_icon.png') no-repeat -49px -8px; }
.main_program .cont.c2 .icon{background:#639cb9 url('../img/main/main_program_icon.png') no-repeat -274px -8px; }
.main_program .cont.c3 .icon{background:#4cc3c7 url('../img/main/main_program_icon.png') no-repeat -497px -8px; }
.main_program .cont.c4 .icon{background:#15a292 url('../img/main/main_program_icon.png') no-repeat -719px -8px; }
.main_program .cont.c5 .icon{background:#3f79a7 url('../img/main/main_program_icon.png') no-repeat -942px -8px; }
.main_program .cont.c6 .icon{background:#505b96 url('../img/main/main_program_icon.png') no-repeat -1168px -8px; }

.main_program .cont .txt{font-size:21px; margin:15px 0 5px 0;}
.main_program .cont .sub_txt{font-size:14px; font-weight:100; letter-spacing:-1px}
.main_program .cont button {display:none;width:162px; font-size:13px; margin:0 auto; padding:5px 10px; margin-top:10px;text-align:center}

.main_gallery {background:url('../img/main/main_gallery_bg.jpg'); padding:20px 0 50px 0}
.main_gallery .wrap{position:relative; width:1300px; margin:0 auto}
.main_gallery .wrap h3{text-align:center; margin-bottom:10px}
.main_gallery .wrap .prevnext span{position:absolute; background:url('../img/common/icon.png') no-repeat;display:inline-block; width:50px; height:50px; text-indent:-99999px}
.main_gallery .wrap .prevnext span a{display:block; height:50px}
.main_gallery .wrap .prevnext #gallery_prev{top:228px;left:-50px;background-position: -14px -395px;}
.main_gallery .wrap .prevnext #gallery_next{top:228px;right:-50px;background-position: -14px -456px;}

.main_gallery ul li img {width: 100%; height: 240px;}

.picture_slider img{width:1281px !important; height:140px}
.main_info{background:#e3e7ea;}
.main_info .wrap{width:1300px; margin:0 auto}
.main_info .wrap h4{font-size:24px; color:#000; margin-bottom:10px}
.main_info:after{display:block; content:''; clear:both}
.main_info div > div{float:left; padding:20px;}
.main_info .info{border-right: 1px solid #ddd; height: 140px;}

.main_info .info .txt{margin-left:10px; color:#234fb5}
.main_info .info a{display:inline-block; background:#fff; border:1px solid #c8c8c8; padding:10px 20px; text-align:center; margin-right:5px;    cursor: pointer;}
.main_info .sns{margin-left:40px; }
.main_info .sns a{display:inline-block; margin-right:10px; background:url('../img/main/sns.png') no-repeat; text-indent:-99999px;width: 60px;height: 60px;}
.main_info .sns a.s1{background-position: -22px -21px;}
.main_info .sns a.s2{background-position: -106px -21px;}
.main_info .sns a.s3{background-position: -188px -21px;}
.main_info .sns a.s4{background-position: -271px -21px;}

.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 100000; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	/* height: 100%; */ /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
	background-color: #fefefe;
	margin: 15% auto; /* 15% from the top and centered */
	padding: 20px;
	border: 1px solid #888;
	width: 66%; /* Could be more or less, depending on screen size */                          
}

.modal-content p {
	overflow: hidden;
}