@charset "utf-8";
/* 모바일용 CSS */

/* 서브상단 */
#sub_top_wrap {display:block; width: 100%; height:190px; position:relative; line-height:0; margin:0 auto; padding:0; color:#000; background:#ffda42;}
#sub_top_wrap h2 {position:relative; font-weight:normal; top:55px; line-height:38px;  width:100%; min-width:320px; margin:0 auto; text-align:center; font-family:'WindyLavender'; font-size:42px; color:#000;  letter-spacing:-1px; }
#sub_top_wrap h2 span {position:relative; top:9px; display:block; line-height:38px; }


.kanji {font-family: 'Noto Sans KR', sans-serif !important;}

/* 서브중간메뉴 */
.sub_menu_wrap { width:100%; overflow:visible; margin: 0 auto; position:relative; z-index:2; background:#eaeaea;  }
.sub_tabmenu_wrap {width:100%; overflow:hidden; margin: 0 auto; }
.sub_tabmenu {width:100%; overflow:hidden; position:static; }
.sub_tabmenu li.sub_home {display:none;}
.sub_tabmenu li.menu_list { overflow:hidden; position:static; }
#firstpane {width:50%; float:left; z-index:420; }
#secondpane {width:50%; float:left; z-index:410; border-left:1px solid #f5f5f5; box-sizing:border-box;}
#thirdpane {width:100%; float:left; z-index:400; display:none;  border-top:1px solid #46994d; }
.sub_tabmenu .on {display:block !important;}


#firstpane .menu_head {display:block; background:url('../images/path_2depth_bg01.png') no-repeat 92% center; height:60px; line-height:60px; padding-left:20px; }
#sub_menu ul li #firstpane_menu_head span {display:none;}
#secondpane .menu_head {display:block; background:url('../images/path_2depth_bg01.png') no-repeat 92% center; height:60px; line-height:60px; padding-left:20px; }
#thirdpane .menu_head {display:block; background:url('../images/path_2depth_bg01.png') no-repeat 92% center; height:60px; line-height:60px; padding-left:20px; }

.menu_head {
	cursor: pointer;
	position: relative;
	font-size:18px;	
	text-align:left;
	text-transform:uppercase;
	color:#000000;
	 font-family:'Poppins','Noto Sans KR'; font-weight:300; 

}

.menu_body {
	position:absolute; overflow:hidden; z-index:999999999;
	width:50%;
	display:none;
}
#secondpane .menu_body {width:50%;}
#thirdpane .menu_body {width:100%;}

.menu_body li{	
	position: relative;
	display:block;
	background:#f8f8f8;
	text-decoration:none;
	font-size:17px;	
	text-align:left;
	height:50px !important;
	line-height:50px !important;
	z-index:9999;

}

.menu_body li:first-child {margin-top:1px;}
.menu_body li a {display:block; width:100%; height:50px; line-height:50px; padding-left:24px; box-sizing:border-box; color:#444 }
.menu_body li a span {display:none;}
#firstpane .menu_body li {border-bottom:1px solid #e9e9e9;}
#secondpane .menu_body li {border-bottom:1px solid #e9e9e9;}
#thirdpane .menu_body li {border-bottom:1px solid #e9e9e9;}

#firstpane .menu_body li:hover a, #firstpane .menu_body li:focus a{
  color: #fff; background:#444;
}
#secondpane .menu_body li:hover a, #secondpane .menu_body li:focus a{
  color: #fff; background:#3fbff4;
}
#thirdpane .menu_body li:hover a, #secondpane .menu_body li:focus a{
  color: #fff; background:#a0bd00;
}

/* 서브내용 */
#sub_layout_wrap {padding:0 0 60px 0; overflow:hidden;}
#sub_con_wrap {width:100%; overflow:hidden;  }
#sub_con {width:95%; margin:0 auto; position:relative; font-size:17px; line-height:28px; padding:30px 0 0 0; } 
#sub_con h3 {text-align:center; line-height:100px; font-family:'Poppins','Noto Sans KR' ; font-weight:300; font-size:34px; color:#000000; font-weight:normal; margin:0 0 40px 0; background:url('../images/h3_bg.jpg') no-repeat center bottom;}
#sub_con h3 span { font-family:'Poppins'; font-weight:300; text-transform:uppercase }
#sub_con h4 { font-family:'HD3GS', 'Poppins','Noto Sans KR'; line-height:40px; height:40px; font-size:30px; color:#000; font-weight:normal; text-align: center; letter-spacing: -1px;}
#sub_con h4 span{font-family:'HD3GSB', 'Poppins','Noto Sans KR'; background:url('../images/h4_bg.png') repeat-x center center; padding: 0 3px; font-weight:bold;}
#sub_con h5 {line-height:36px; height:36px; font-size:20px; color:#000;font-weight:normal; }



/* U.CUBE */

.pro_bg{background:url('../images/pro_bg_1.png') no-repeat right 375px; background-size: 130px;}
.pro_bg2{background:url('../images/pro_bg_2.png') no-repeat right 380px; background-size: 420px;}

.pro_con{width:90%; margin:0 auto; overflow:hidden;}
.pro_con_img{padding-top: 20px;}
.pro_con_img img{width: 100%;}
.pro_con_img2{padding-top: 20px;}
.pro_con_img2 img{width: 100%;}
.pro_con_info{}
.pro_con_tit{font-family:'HD3GSB', 'Poppins','Noto Sans KR';  font-size:24px; color:#ed4043; line-height: 1.6em;}


/* 우수성 */
.license_box{width:80%; margin:0 auto 30px auto; overflow:hidden; background: #f8f8f8; padding: 25px 25px; border-radius: 25px;}
.license_img{}
.license_img img{width: 100%;}
.license_img2{}
.license_img2 img{width: 100%;}
.license_info{}
.license_info .tit{font-size:24px; letter-spacing: -1px; font-weight: bold; line-height: 1.6em;  margin-top: 0px;}
.license_info ul{margin-top: 20px;}
.license_info ul li{position:relative; padding-left: 15px; margin-bottom: 10px;}
.license_info ul li:before {content:""; display:inline-block; width:5px; height:5px; background:#ed4043; position:absolute; left:0; top:11px;  border-radius: 10px;}

ul.award_list{width:100%; margin:0 auto; overflow:hidden;}
ul.award_list li{float: left; width: 50%; margin-top: 30px; text-align: center;}
ul.award_list li p{width: 90%; margin: 0 auto;}
ul.award_list li p.img{}
ul.award_list li p.img img{width: 100%;} 
ul.award_list li p.tit{text-align: left; margin-top: 15px; height: 100px;}


/* 놀이방법 */

.point_tex{font-family:'HD3GSB', 'Poppins','Noto Sans KR';  font-size:23px; color:#ed4043; text-align: center; line-height: 1.6em;  letter-spacing: -2px;}

.play_box{width: auto; border-radius: 25px; padding: 25px; overflow:hidden; margin-top: 30px;}
.play_box dl{margin-top: 170px;}
.play_box dt{margin: 0 auto; width: 100px; height: 100px; line-height: 100px; border-radius: 100px; background: #ffdb66; font-family:'HD3GSB', 'Poppins','Noto Sans KR';  font-size:60px; color:#FFF;  text-align: center;}
.play_box dd{width: ; }
.play_box dd p{font-family:'HD3GSB', 'Poppins','Noto Sans KR';  font-size:27px; color:#ff9b34;  text-align: center; margin-top: 20px; letter-spacing: -2px;}
.play_box dd ul{}
.play_box dd ul li{width:100%; margin-top:10px; box-sizing:border-box; border:1px solid #faefdc; background: #FFF; padding: 10px 15px; text-align: left;}

.play_box2{width: auto; border-radius: 25px; padding: 25px; overflow:hidden; margin-top: 30px;}
.play_box2 dl{margin-top: 170px;}
.play_box2 dt{margin: 0 auto; width: 100px; height: 100px; line-height: 100px; border-radius: 100px; background: #c4d965; font-family:'HD3GSB', 'Poppins','Noto Sans KR';  font-size:60px; color:#FFF;  text-align: center;}
.play_box2 dd{width: ; }
.play_box2 dd p{font-family:'HD3GSB', 'Poppins','Noto Sans KR';  font-size:27px; color:#96b410;  text-align: center; margin-top: 20px; letter-spacing: -2px;}
.play_box2 dd ul{}
.play_box2 dd ul li{width:100%; margin-top:10px; box-sizing:border-box; border:1px solid #faefdc; background: #FFF; padding: 10px 15px; text-align: left;}

.pro_3_bg1{background: #fff9ef url('../images/pro_03_bg1.png') no-repeat center 20px; background-size: 200px;}
.pro_3_bg2{background: #fff9ef url('../images/pro_03_bg2.png') no-repeat center 20px; background-size: 200px;}
.pro_3_bg3{background: #f3f7e0 url('../images/pro_03_bg3.png') no-repeat center 20px; background-size: 200px;}
.pro_3_bg4{background: #f3f7e0 url('../images/pro_03_bg4.png') no-repeat center 20px; background-size: 200px;}
.pro_3_bg5{background: #f3f7e0 url('../images/pro_03_bg5.png') no-repeat center 20px; background-size: 200px;}
.pro_3_bg6{background: #f3f7e0 url('../images/pro_03_bg6.png') no-repeat center 20px; background-size: 200px;}

.play_box3{width: auto; background: #fff9ef; border-radius: 25px; padding: 25px; overflow:hidden; margin-top: 30px;  text-align: center;}
.play_box3 img{width: 100%;}
.play_box3 iframe{width: 100%; height: auto;}

.pro_img {display:inline-block;  text-align:center; overflow:hidden; position:relative; vertical-align: top; line-height: 0;}
.pro_img img {width:100%;}
.pro_img a {display:inline-block; width:100%; height:100%; position:absolute; top:0; left:0;}


/* ABOUT US */

.intro_con_1{background:url('../images/intro_01_bg1.jpg') no-repeat center bottom; padding-bottom: 170px; background-size: 375px;}

.intro_logo{margin-top: 50px; text-align:center;}
.intro_logo img{width: 75%;}

.tex_box {position:relative; padding:2.0rem 2.0rem; background:#; text-align:center;}
.tex_box .comma_start {position: absolute; width:4rem;top: 50%; left: -10px;}
.tex_box .comma_end {position: absolute; width:4rem;bottom: 10%; right: -10px;}
.tex_box .big {font-size:1.825rem; text-align:center; font-weight:500; letter-spacing:-0.15rem; font-family:'HD3GSB', 'Poppins','Noto Sans KR'; color:#ed4043; line-height: 2.0rem;}
.tex_box .small {text-align:center; font-size:1.2rem;vertical-align:bottom; letter-spacing:-0.075rem; line-height: 2.0rem; margin-top: 30px;}

.tex_box .comma_start img, .tex_box .comma_end img {width:40%;}


/* CEO소개 */

.intro_1_wrap{width: 100%; overflow:hidden; background:url('../images/intro_01_bg2.png') no-repeat center top; background-size:80%; padding-top:70%; }

.intro_info{float: left; width: 100%;}
.intro_info_in{width: 87%; margin: 0 auto;padding: 20px; overflow:hidden; background: #fff9ef; border-radius: 25px; margin-top: 50px; letter-spacing: -1px;}
.intro_info_in:first-child{margin-top: 0px;}
.intro_info_in:nth-child(2){background: #f3f7e0;}
.intro_info_in p:first-child span:first-child{font-family:'HD3GSB', 'Poppins','Noto Sans KR';  font-size:30px;}
.intro_info_in ul{margin-top: 25px; padding-top: 20px; border-top: 1px solid #ff9b34;}
.intro_info_in:nth-child(2) ul{border-top: 1px solid #96b410;}
.intro_info_in ul li{position:relative; padding-left: 15px; margin-top: 7px; text-align: left; overflow:hidden;}
.intro_info_in ul li:before {content:""; display:inline-block; width:5px; height:5px; background:#5f5d5e; position:absolute; left:0; top:11px;  border-radius: 10px;}


/* CONTACT US */

.contact_wrap{width: 85%; margin: 0 auto; background: #f8f8f8; padding: 15px; border-radius: 15px;  overflow:hidden;}
.contact_map{width: 100%; margin: 0 auto;}
.contact_map iframe{border-radius: 15px; height: 300px;}
.contact_info{width: 100%; margin: 0 auto;}
.contact_info dl{margin-top: 30px; padding-bottom: 15px; border-bottom: 1px solid #CCC;}
.contact_info dl:first-child{margin-top: 30px;}
.contact_info dl dt{height: 40px; line-height: 40px; font-weight: bold; font-size: 21px;}
.contact_info dl dt img{vertical-align: middle; margin-right: 10px;}
.contact_info dl dd{color: #464646;}

.sns_btn{width: 100%; box-sizing:border-box; max-width:258px; margin: 50px auto 0 auto; border: 1px solid #121212; height: 70px; line-height: 70px; text-align: left; padding-left: 70px; border-radius: 70px; background:url('../images/icon_kakao.png') no-repeat 30px center; background-size: 34px; font-size: 16px;}
.sns_btn span {display:none;}
.sns_btn span.sns_id{font-weight: bold; font-size: 18px; display:inline-block;}

/* 사이트맵 */
.s_sitemap {width: 90%; margin: 0 auto; overflow:hidden;}
.s_sitemap>li {width:100%; overflow:hidden; margin-top:30px;}
.s_sitemap>li>a {display:block; font-size:20px; color:#fff; background:#ff9b34; padding:15px 20px; font-family:'NanumSquareB'; text-align:center }
.s_sitemap>li>ul {display:block; border:1px solid #dadada; overflow:hidden;}
.s_sitemap>li>ul>li {height:45px; line-height:45px; border-top:1px solid #dadada; text-align:Center}
.s_sitemap>li>ul>li:first-child {border-top:0}
.s_sitemap>li>ul>li>a {display:block; width:100%; margin:0 auto; height:45px; line-height:45px;}
.s_sitemap>li>ul>li>a:hover {color:#ff9b34; background:#f5f5f5;}


/* 태블릿용 CSS */
@media all and (min-width:768px){ 


/* 네비게이션 */
#sub_menu ul li #firstpane_menu_head span {display:inline-block;}
.menu_body li a span {display:inline-block;}

#sub_con h4 { font-family:'HD3GS', 'Poppins','Noto Sans KR'; line-height:50px; height:50px; font-size:40px; color:#000; font-weight:normal; text-align: center; letter-spacing: -1px;}
#sub_con h4 span{font-family:'HD3GSB', 'Poppins','Noto Sans KR'; background:url('../images/h4_bg.png') repeat-x center center; padding: 0 3px; font-weight:bold;}


/* U.CUBE */

.pro_bg{background:url('../images/pro_bg_1.png') no-repeat right 685px; background-size: 200px;}
.pro_bg2{background:url('../images/pro_bg_2.png') no-repeat right 720px; background-size: none;}

.pro_con_tit{font-family:'HD3GSB', 'Poppins','Noto Sans KR';  font-size:30px; color:#ed4043; line-height: 1.6em;}


/* 우수성 */

ul.award_list{width:100%; margin:0 auto; overflow:hidden;}
ul.award_list li{float: left; width: 33.3%;margin-top: 30px; text-align: center;}
ul.award_list li p{width: 90%; margin: 0 auto;}
ul.award_list li p.img{}
ul.award_list li p.img img{width: 100%;} 
ul.award_list li p.tit{text-align: left; margin-top: 15px; height: 100px;}

/* 놀이방법 */
.play_box dd p{font-family:'HD3GSB', 'Poppins','Noto Sans KR';  font-size:36px; color:#ff9b34;  text-align: center; margin-top: 20px; letter-spacing: -2px; height: 40px;}

.play_box3 iframe{width: 560px; height: 315px;}



/* ABOUT US */

.intro_con_1{background:url('../images/intro_01_bg1.jpg') no-repeat center bottom; padding-bottom: 330px; background-size: 100%;}

.intro_logo{margin-top: 50px; text-align:center;}
.intro_logo img{width: 410px;}

.tex_box {position:relative; padding:2.0rem 2.0rem; background:#; text-align:center;}
.tex_box .comma_start {position: absolute; width:4rem;top: 50%; left: 50px;}
.tex_box .comma_end {position: absolute; width:4rem;bottom: 10%; right: 50px;}
.tex_box .big {font-size:2.5rem; text-align:center; font-weight:500; letter-spacing:-0.15rem; font-family:'HD3GSB', 'Poppins','Noto Sans KR'; color:#ed4043; line-height: 3.0rem;}
.tex_box .small {text-align:center; font-size:1.7rem;vertical-align:bottom; line-height: 2.7rem; margin-top: 30px;}

.tex_box .comma_start img, .tex_box .comma_end img {width:75%;}

/* CEO소개 */

/*.intro_1_wrap{width: 100%; overflow:hidden; background:url('../images/intro_01_bg2.png') no-repeat center bottom; background-size: 500px; padding-bottom: 800px; }*/

.intro_info{float: left; width: 100%;}
.intro_info_in{width: 80%; margin: 0 auto;padding: 30px  45px; overflow:hidden; background: #fff9ef; border-radius: 25px; margin-top: 50px; letter-spacing: -1px;}
.intro_info_in:first-child{margin-top: 0px;}
.intro_info_in:nth-child(2){background: #f3f7e0;}
.intro_info_in p:first-child span:first-child{font-family:'HD3GSB', 'Poppins','Noto Sans KR';  font-size:30px;}
.intro_info_in ul{margin-top: 25px; padding-top: 20px; border-top: 1px solid #ff9b34;}
.intro_info_in:nth-child(2) ul{border-top: 1px solid #96b410;}
.intro_info_in ul li{position:relative; padding-left: 15px; margin-top: 7px; text-align: left; overflow:hidden;}
.intro_info_in ul li:before {content:""; display:inline-block; width:5px; height:5px; background:#5f5d5e; position:absolute; left:0; top:11px;  border-radius: 10px;}

/* CONTACT US */

.contact_wrap{width: 90%; margin: 0 auto; background: #f8f8f8; padding: 30px; border-radius: 25px;  overflow:hidden;}
.contact_map{width: 100%; margin: 0 auto;}
.contact_map iframe{border-radius: 25px; height: 450px;}
.contact_info{width: 100%; margin: 0 auto;}
.contact_info dl{margin-top: 30px; padding-bottom: 15px; border-bottom: 1px solid #CCC;}
.contact_info dl:first-child{margin-top: 30px;}
.contact_info dl dt{height: 40px; line-height: 40px; font-weight: bold; font-size: 21px;}
.contact_info dl dt img{vertical-align: middle; margin-right: 10px;}

/* 사이트맵 */
.s_sitemap {width: 100%; overflow:hidden;}
.s_sitemap>li {float: left; width:50%; overflow:hidden; margin-bottom:20px;}
.s_sitemap>li:first-child {height: 250px;}
.s_sitemap>li:nth-child(2) {height: 250px; margin-top: 0;}
.s_sitemap>li>a {width:90%; margin: 0 auto; display:block; font-size:20px; color:#fff; background:#ff9b34; padding:15px 1px; font-family:'NanumSquareB'; text-align:center }
.s_sitemap>li>ul {width:90%; margin: 0 auto; display:block; border:1px solid #dadada; overflow:hidden;}
.s_sitemap>li>ul>li {height:45px; line-height:45px; border-top:1px solid #dadada; text-align:Center}
.s_sitemap>li>ul>li:first-child {border-top:0}
.s_sitemap>li>ul>li>a {display:block; width:100%; margin:0 auto; height:45px; line-height:45px;}
.s_sitemap>li>ul>li>a:hover {color:#ff9b34; background:#f5f5f5;}

.sns_btn{ padding-left:80px; max-width:398px;} 
.sns_btn span {display:inline-block; vertical-align:middle;}
.sns_btn span.sns_id{font-weight: bold; font-size: 18px; display:inline-block;}
}

/* PC용 CSS */
@media all and (min-width:1024px){

/* 서브상단 */
#sub_top_wrap { height:280px; }
#sub_top_wrap h2 {width:1200px; font-size:50px; padding:0; top:140px }
#sub_top_wrap h2 span {display:inline-block; margin-left:12px; top:10px}

/* 서브중간메뉴 */
.sub_menu_wrap { width:100%; margin: 0 auto; min-width:1200px; height:60px }
.sub_tabmenu_wrap {width:1200px; margin: 0 auto; min-width:1200px; }
.sub_tabmenu { width:1200px; }
.sub_tabmenu>li.sub_home {display:block; float:left; width:60px; height:60px; background:#f5f5f5 url('../images/s_icon_home.png') no-repeat center center;}
#firstpane {width:290px; float:left;}
#secondpane {width:290px; float:left; border-right:1px solid #f5f5f5; }
#thirdpane {width:290px; float:left; border-top:0px solid #f5f5f5; border-right:1px solid #f5f5f5; }


#firstpane .menu_head {width:239px; padding:0 20px 0 30px; display:block;}
#secondpane .menu_head {width:239px; padding:0 20px 0 30px; display:block; border-right:1px solid #f5f5f5; }
#thirdpane .menu_head {width:239px; padding:0 20px 0 30px; display:block; border-right:1px solid #f5f5f5; }

.menu_head { border-radius:0px; }
.menu_body { width:290px; }
.menu_body li:first-child {border-radius:0;}
#secondpane .menu_body {width:290px;}
#thirdpane .menu_body{ width:290px; }


/* 서브내용 */
#sub_layout_wrap { padding:0;}
#sub_con_wrap {width:100%; overflow:hidden; }
#sub_con {width:1200px; margin:0 auto; position:relative; font-size:17px; line-height:28px; padding:30px 0 80px 0;}
#sub_con h3 { line-height:150px; font-size:42px; margin:0 0 60px 0;}
#sub_con h4 { font-family:'HD3GS', 'Poppins','Noto Sans KR'; line-height:60px; height:60px; font-size:50px; color:#000; font-weight:normal; text-align: center; letter-spacing: -1px;}
#sub_con h4 span{font-family:'HD3GSB', 'Poppins','Noto Sans KR'; background:url('../images/h4_bg.png') repeat-x center center; padding: 0 3px; font-weight:bold;}


/* U.CUBE */

.pro_bg{background:url('../images/pro_bg_1.png') no-repeat right top;}
.pro_bg2{background:url('../images/pro_bg_2.png') no-repeat left 85px;}
.pro_con{width:100%; margin:0 auto; overflow:hidden;}
.pro_con_img{float: left; width: 590px; }
.pro_con_img img{width: 550px;}
.pro_con_img2{float: right; width: 590px; }
.pro_con_img2 img{width: 475px;}
.pro_con_info{float: left; width: 610px; padding-top: 45px;}
.pro_con_tit{font-family:'HD3GSB', 'Poppins','Noto Sans KR';  font-size:30px; color:#ed4043;}


/* 우수성 */
/* .license_box{width:100%; margin:0 auto; overflow:hidden;} */
.license{overflow:hidden;}
.license_box{float: left; width:500px; margin-left: 40px; overflow:hidden; background: #f8f8f8; padding: 25px 40px; border-radius: 25px; height: 200px;}
.license_box:first-child{margin-left: 0px;}
.license_img{float: left; width: 550px; }
.license_img img{width: 500px;}
.license_img2{float: right; width: 550px; text-align: right;}
.license_img2 img{width: 500px;}
.license_info{float: left; width: 500px;}
.license_info .tit{font-size:27px; letter-spacing: -1px; font-weight: bold; line-height: 1.6em; margin-top: 0px;}
.license_info p{font-size:17px; font-weight:normal; line-height: 1.6em;}

ul.award_list{width:100%; margin:0 auto; overflow:hidden;}
ul.award_list li{float: left; width: 255px; margin-left: 60px; margin-top: 30px; text-align: center;}
ul.award_list li:first-child{margin-left: 0px;}
ul.award_list li:nth-child(5){margin-left: 0px;}
ul.award_list li p.img{}
ul.award_list li p.tit{width: 255px; text-align: left; margin-top: 15px;}

/* 놀이방법 */

.point_tex{font-family:'HD3GSB', 'Poppins','Noto Sans KR';  font-size: 30px; color:#ed4043; text-align: center; line-height: 1.6em;  letter-spacing: -2px;}

.play_box{width: auto; border-radius: 25px; padding: 45px; overflow:hidden; margin-top: 30px; height: 200px;}
.play_box dl{float: right; width: 920px; margin-top: 15px;}
.play_box dt{float: left; width: 110px; height: 110px; line-height: 110px; border-radius: 110px; background: #ffdb66; font-family:'HD3GSB', 'Poppins','Noto Sans KR';  font-size:60px; color:#FFF;  text-align: center;}
.play_box dd{float: left; width: 770px; margin-left: 20px;}
.play_box dd p{font-family:'HD3GSB', 'Poppins','Noto Sans KR';  font-size:40px; color:#ff9b34;  text-align: left; margin-top: 0px; letter-spacing: -2px; height: 45px;}
.play_box dd ul{}
.play_box dd ul li{width:100%; margin-top:10px; box-sizing:border-box; border:1px solid #faefdc; background: #FFF; padding: 10px 25px; text-align: left;}

.play_box2{width: auto; border-radius: 25px; padding: 45px; overflow:hidden; margin-top: 30px; height: 200px;}
.play_box2 dl{float: right; width: 920px; margin-top: 15px;}
.play_box2 dt{float: left; width: 110px; height: 110px; line-height: 110px; border-radius: 110px; background: #c4d965; font-family:'HD3GSB', 'Poppins','Noto Sans KR';  font-size:60px; color:#FFF;  text-align: center;}
.play_box2 dd{float: left; width: 770px; margin-left: 20px;}
.play_box2 dd p{font-family:'HD3GSB', 'Poppins','Noto Sans KR';  font-size:40px; color:#96b410;  text-align: left; margin-top: 0px; letter-spacing: -2px; height: 45px;}
.play_box2 dd ul{}
.play_box2 dd ul li{width:100%; margin-top:10px; box-sizing:border-box; border:1px solid #faefdc; background: #FFF; padding: 10px 25px; text-align: left;}

.pro_3_bg1{background: #fff9ef url('../images/pro_03_bg1.png') no-repeat 25px 20px;}
.pro_3_bg2{background: #fff9ef url('../images/pro_03_bg2.png') no-repeat 25px 20px;}
.pro_3_bg3{background: #f3f7e0 url('../images/pro_03_bg3.png') no-repeat 25px 20px;}
.pro_3_bg4{background: #f3f7e0 url('../images/pro_03_bg4.png') no-repeat 25px 20px;}
.pro_3_bg5{background: #f3f7e0 url('../images/pro_03_bg5.png') no-repeat 25px 20px;}
.pro_3_bg6{background: #f3f7e0 url('../images/pro_03_bg6.png') no-repeat 25px 20px;}

.pro_img {text-align: center;  margin: 0; padding: 0;}
.pro_img img {width:auto;}
.pro_img a {display:none;}


/* ABOUT US */

.intro_con_1{background:url('../images/intro_01_bg1.jpg') no-repeat center bottom; padding-bottom: 450px;}

.intro_logo{margin-top: 50px; text-align:center;}

.tex_box {position:relative; padding:3.0rem 3.0rem; background:#; text-align:center;}
.tex_box .comma_start {position: absolute; width:4rem;top: 40%; left: 50%;margin-left: -30%;}
.tex_box .comma_end {position: absolute; width:4rem;bottom: 10%; right: 50%;margin-right: -30%;}
.tex_box .big {font-size:2.5rem; text-align:center; font-weight:500; letter-spacing:-0.15rem; font-family:'HD3GSB', 'Poppins','Noto Sans KR'; color:#ed4043;}
.tex_box .small {text-align:center; font-size:1.8rem;vertical-align:bottom; line-height: 2.7rem; margin-top: 30px;}
.tex_box .comma_start img, .tex_box .comma_end img {width:100%;}


/* CEO소개 */

.intro_1_wrap{width: 1100px; overflow:hidden; background:url('../images/intro_01_bg2.png') no-repeat right center; background-size:424px; padding-top: 0px; margin:0 auto;}
.intro_img{float: right; width: 600px;}

.intro_info{float: left; width: 600px;}
.intro_info_in{width: 510px; padding: 30px 45px; overflow:hidden; background: #fff9ef; border-radius: 25px; margin-top: 50px;}
.intro_info_in:first-child{margin-top: 0px;}
.intro_info_in:nth-child(2){background: #f3f7e0;}
.intro_info_in p:first-child span:first-child{font-family:'HD3GSB', 'Poppins','Noto Sans KR';  font-size:40px;}
.intro_info_in ul{margin-top: 25px; padding-top: 20px; border-top: 1px solid #ff9b34;}
.intro_info_in:nth-child(2) ul{border-top: 1px solid #96b410;}
.intro_info_in ul li{position:relative; padding-left: 15px; margin-top: 7px; text-align: left; overflow:hidden;}
.intro_info_in ul li:before {content:""; display:inline-block; width:5px; height:5px; background:#5f5d5e; position:absolute; left:0; top:11px;  border-radius: 10px;}


/* CONTACT US */

.contact_wrap{width: 1150px; background: #f8f8f8; padding: 30px; border-radius: 25px;  overflow:hidden;}
.contact_map{float: left; width: 700px;}
.contact_map iframe{border-radius: 25px;}
.contact_info{float: right; width: 600px;}
.contact_info dl{margin-top: 30px; padding-bottom: 15px; border-bottom: 1px solid #CCC;}
.contact_info dl:first-child{margin-top: 30px;}
.contact_info dl dt{height: 40px; line-height: 40px; font-weight: bold; font-size: 21px;}
.contact_info dl dt img{vertical-align: middle; margin-right: 10px;}

.sns_btn{width: 398px; padding-left:30px; border: 1px solid #121212; height: 70px; line-height: 70px; text-align: center; border-radius: 70px; background:url('../images/icon_kakao.png') no-repeat 30px center;  font-size:17px;}
.sns_btn span.sns_id {font-weight: bold; font-size: 21px;}


/* 사이트맵 */
.s_sitemap>li {float:left; width:23%; margin-right:2%;}
.s_sitemap>li:nth-child(3) {margin-right:2%;}

.s_sitemap>li:nth-child(2) {margin-top: 0;}
.s_sitemap>li:nth-child(3) {margin-top: 0;}
.s_sitemap>li:nth-child(4) {margin-top: 0;}


}




