@charset "utf-8";

/* ����Ÿ��Ʋ */
.title_subline{display:block;margin-bottom:14px;  font-family:'s-core-dream-regular',sans-serif; font-size:24px;}
.title_subline strong{font-family:'s-core-dream-bold',sans-serif;}

/* ������ */
.visual_list01{width:100%; height:800px; background:url(../image/main/bg_main_visual01.jpg) no-repeat 50%;}
.visual_list01 span{display: block; margin-bottom:40px;}
.visual_list01 p{margin-bottom:20px; ;font-size:68px; color: #fff; font-family:'s-core-dream-regular',sans-serif;}
.visual_list01 p strong{font-family:'s-core-dream-bold',sans-serif;}
.visual_list01 h3{padding-top:220px;}
.visual_list01 .list_ctn{ margin-top:32px;}
.visual_title{width:1200px; margin:0 auto; padding-top:160px; text-align:center;}

.visual_list02{width:100%; padding-top:100px ;height:600px; background:url(../image/main/bg_main_visual02.jpg) no-repeat 50%;}
.visual_title{width:1200px; margin:0 auto; padding-top:160px; text-align:center;}

.visual_list03{width:100%; padding-top:100px ;height:600px; background:url(../image/main/bg_main_visual03.jpg) no-repeat 50%;}
.visual_title{width:1200px; margin:0 auto; padding-top:160px; text-align:center;}

.visual_list04{width:100%; padding-top:100px ;height:600px; background:url(../image/main/bg_main_visual04.jpg) no-repeat 50%;}
.visual_title{width:1200px; margin:0 auto; padding-top:160px; text-align:center;}

.visual_list05{width:100%; padding-top:100px ;height:600px; background:url(../image/main/bg_main_visual05.jpg) no-repeat 50%;}
.visual_title{width:1200px; margin:0 auto; padding-top:160px; text-align:center;}

/* �����ǰ */
.okdream_product{padding:0px 0 60px 0;background:#f0f0f0;}
.okdream_product .product_list{overflow: hidden; text-align:center; font-size: 0;margin-bottom:50px;}
.okdream_product .product_list li{display: inline-block; width:290px; margin-right: 13px;}
.okdream_product .product_list li:nth-child(4){margin-right:0;}
.okdream_product .product_list li img{width:100%;}
.okdream_product .product_list li .icon{margin-top:24px;}
.okdream_product .product_list li .title{margin-top:16px;}
.okdream_product .product_list li .title span{font-family:'s-core-dream-regular',sans-serif;color: #fff; font-size:16px;}
.okdream_product .product_list li .title h3{margin-top:6px;font-family:'s-core-dream-bold',sans-serif;color: #fff;font-size:25px; }
.okdream_product .product_list li .title h3 strong{font-family:'s-core-dream-bold',sans-serif;color: #e9c068;}
.okdream_product .product_list li dl{width:85%; margin:12px auto 0 ; overflow: hidden; font-size: 18px;}
.okdream_product .product_list li dl dt{float:left; width:28%;padding:10px 0 ;margin-bottom:6px; clear:both; background:#e9c068 ;color: #fff; border-radius:5px 0 0 5px;font-family:'s-core-dream-bold',sans-serif;}
.okdream_product .product_list li dl dd{float:left; width:72%; padding:10px 0 ;background: #fff; border-radius:0 5px 5px 0;font-family:'s-core-dream-bold',sans-serif; color: #333;}
.okdream_product .product_list li p{color:#df262d;font-size:19px;letter-spacing:0;}
/* �������� */
.okdream_order{background:url(../image/main/bg01.jpg) no-repeat top center;height:1100px;}
.okdream_order img{display:block;text-align:center;margin: 0 auto;}

.okdream_box3{background:url(../image/main/bg03.jpg) no-repeat top center;height:980px;}
.okdream_box3 img{display:block;text-align:center;margin: 0 auto;}

.okdream_box4{background:#fff0f1;*height:2085px;}
.okdream_box4 img{display:block;text-align:center;margin: 0 auto;}

.okdream_box5{background:url(../image/main/bg05.jpg) no-repeat top center;height:1140px;}
.okdream_box5 img{display:block;text-align:center;margin: 0 auto;}
#daumRoughmapContainer1661789926672 {margin:0 auto;}
.wrap_controllers {display:none;}

.okdream_product .m22_txt{width:1200px;text-align:center;margin:0 auto;position:relative;}
.okdream_product .m22_txt ul.tabs{width:1200px;margin:0 auto 30px;list-style: none;position:relative;overflow:hidden;background:#333}
.okdream_product .m22_txt ul.tabs li{border-right:1px solid #ddd;width:171.4px;text-align:center;float:left;display:inline-block;color:#fff;display: inline-block;cursor: pointer;font-size:20px;padding:25px 0px;}
.okdream_product .m22_txt ul.tabs li.current{background:#d6272e;color: #fff;font-weight:bold;border-right:none;}
.okdream_product .m22_txt ul.tabs li:last-child{border-right:none;}
.okdream_product .m22_txt .tab-content{display: none;*background: #fff;}
.okdream_product .m22_txt .tab-content.current{display: inherit;}
.okdream_product .m22_box{width:1200px;margin:0 auto;}


/* ������� */
.okdream_case{position: relative; padding:90px 0 70px; clear:both; background: #333333;text-align: center;}
.okdream_case h2{margin-bottom:12px; font-size:36px; letter-spacing:-2px; }
.okdream_case p{width:95%;font-size:16px; color: #999; line-height:1.3;letter-spacing:-1px; margin-bottom:16px}
.okdream_case .slide_center{width:1000px; margin:24px auto 64px;}
.okdream_case .slide_center li{position: relative;}
.okdream_case .slide_center li .img{background:#fff; box-shadow:5px 5px 10px rgba(0,0,0,0.2)}
.okdream_case .slide_center li .img img{transition:0.3s;}
.okdream_case .slide_center li:hover .img img{opacity:0.8 ;}
.okdream_case .slide_center li:hover .plus{display:block;}
.okdream_case .slide_center li .plus{display:none;position: absolute;top:35%; left:50%;margin-left:-30px; z-index: 100;}
.okdream_case .slide_center li a{display: block;}
.okdream_case .slide_center li a .img{width:320px; height: 657px; overflow: hidden;}
.okdream_case .slide_center li a .list_info{margin-top:12px; text-align: left;}
.okdream_case .slide_center li a .list_info strong{display: block;margin-bottom:6px;  color: #333; font-size: 19px; letter-spacing: -1.5px;}
.okdream_case .slide_center li a .list_info p{font-size: 14px; color: #999;letter-spacing: -1px; font-weight:300;}
.okdream_case .ctn_img{position:absolute; bottom:0; right:50%; margin-right:-710px}

/* DB */
.db{background: url(../image/main/quick_bg.jpg) no-repeat top center;position: fixed;bottom: 0;width: 100%;z-index: 9999;}
.db h2{text-align:center;display:inline-block;float:left;}
.db h2 img{display:block;}
.db .db_list{width:1200px; margin:0 auto;width:660px;padding-top: 17px;}
.db .db_submit{position:absolute;right:0;top: 23px;}
.db .db_list li label{display: inline-block; width:23%;}
.db .db_list li input,
.db .db_list li textarea {width:75%; padding:12px; height:50px; box-sizing:border-box;}
.db .agree{margin-bottom:32px;}
.db .agree input[type="checkbox"]{width:23px;height: 23px;visibility: middle;vertical-align: middle;}


#main_container{position:relative;z-index:20; }
.main_visual{width:100%;height:800px;position:relative;margin:0 auto;overflow:hidden;}
.db_form{background:url(../image/main/main_bg.jpg) no-repeat 0 0;position:relative;overflow:hidden;display:inline-block;width:350px;height:400px;}
.db_form p{text-align:center;}
.spot .list_visual{width:800px;position:relative;float:left;}
.spot{position:relative;}
.spot .list_visual li{height:400px;}
.spot .list_visual li.visual01{background:#fff;width:100%; text-align:center;padding-top:0px;}
.spot .list_visual li.visual02{background:#fff;width:100%; text-align:center;padding-top:0px;}
.spot .list_visual li.visual03{background:#fff;width:100%; text-align:center;padding-top:0px;}
.spot .list_visual li.visual04{background:#fff;width:100%; text-align:center;padding-top:0px;}

.spot .list_visual .link_visual{display:block;}



#board{}
#board .board_box{width:1200px;margin:0 auto;position:relative;overflow:hidden;color:#fff;padding-bottom:100px;box-sizing:content-box;}
#board .board_box ul li{display:inline-block;position:relative;overflow:hidden;width:16.4%;text-align:center;}


#board .board_box a{color:#fff;}
#board .review_br{width:600px;float:left;position:relative;}
#board .notice_br{width:600px;position:relative;display:inline-block;}
#board h3{font-size:20px;font-weight:500;letter-spacing:-0.5px;display:inline-block;vertical-align: middle;margin-right:10px;}
#board span.list{font-size:16px;background:url(../image/main/board_ico.png) no-repeat 0 center;padding-left:10px;display:inline-block;vertical-align: middle;width:450px;letter-spacing:-1px;}
#board span.more{display:inline-block;vertical-align: middle;}

#title_01{width:1200px;margin:0 auto;position:relative;overflow:hidden;}

.con00{position:relative;overflow:hidden;}
.con00 ul li{float:left;position:relative;}

#db_box{background:url(../image/main/db_bg.png) repeat-x center;height:180px;}

/* db */
#db_wrap02 {}
#db_wrap02 .db input[type="text"] {background: #fff;width:80%;border: 1px solid #c6d8e2;color: #333;font-size: 13px;padding: 10px 7px;border-radius: 3px;box-sizing: border-box;}
#db_wrap02 .db input[type="number"] {background: #fff;width:80%;border: 1px solid #c6d8e2;color: #333;font-size: 13px;padding: 10px 7px;border-radius: 3px;box-sizing: border-box;}
#db_wrap02 .db select {background: #fff;width:80%;border: 1px solid #c6d8e2;color: #333;font-size: 13px;padding: 10px 7px;border-radius: 3px;box-sizing: border-box;}
#db_wrap02 .db ul {padding: 0px 105px;position:relative;display:inline-block;margin:0;}
#db_wrap02 .db li{position:relative;overflow:hidden;margin:5px 0px;width:350px;float:none;}
#db_wrap02 .db_box {margin:10px 0px;padding:10px 0px;position: relative;overflow: hidden; display:inline-block;background:#f5f5f5;width:100%;}
#db_wrap02 .db_btn { float:none;margin:0 auto;text-align:center;}
#db_wrap02 .db_agree{   clear:both;font-size: 12px;    color: #8e8e8e; padding: 10px 0px 10px 130px;font-size: 13px;font-weight: 400;}
#db_wrap02 .db { position: relative; margin: 0 auto;  overflow:hidden;}

.db_tel{display:inline-block;float:left;}
.db ul{position:relative;display:inline-block;*width:1200px;margin:0;}
.db li{position:relative;overflow:hidden;margin:6px 0 7px;width:50%;float:left;}
.db li label{width:55px; display:inline-block;font-size:16px;font-weight:500;letter-spacing:-1px;height:15px;vertical-align:middle;padding-top:4px;color: #333333; text-align: right; padding-right: 5px;}
.db li label img{vertical-align:middle;}
.db_agree ul li{float:left;padding-top:10px;}
.txt_s{font-size:17px; color:#fff; font-weight:500; letter-spacing:-0.05em; margin:-3px 0 0 8px; float:left;width:170px;}
.txt_s2{color:#f4eeec ; font-size:15px;letter-spacing:-0.005em;padding:10px 0 0 20px float:left;width:500px;line-height:18px; font-weight:200;}
.checkbox{width:15px; height:15px; bordeR:1px solid #018097;vertical-align:-3px}
.popon{font-size:13px;letter-spacing:0.02em; display:block;margin:0px 0 0 3px;color:#8e8e8e;}

.contbox{display:none; position: fixed;font-weight: 300;width: 1200px;height: 416px; background: #fff; overflow-y: scroll; bordeR: 10px solid #00c9a5; top:354px; text-align: left;z-index: 9999;}
.contbox h3{font-size:20px; margin:50px 30px 10px; font-weight:500; color:#000}
.contbox p{margin:20px 30px 0px 30px; color:#888888; line-height:21px;font-size:14px;color:#3a3a3a; font-weight:400;}
.popoff{ background:#252525; position:absolute; right:0; top:0; text-align:center;}
.popoff img{opacity:0.2}
.db_point {position:absolute;bottom:-47px;width:66px; margin-left:-33px; left:50%;display:block; z-index:2000}
.contbox dl{padding:20px 20px;}
.contbox dl dt{color:#000; font-weight:bold; padding:8px 15px;font-size:15px; background:#f0f0f0;  font-weight:500;}
.contbox dl dd{font-size:13px; color:#515151; line-height:21px;padding:13px 15px 15px;font-weight:400;}

.contents{position: relative;width: 1200px; margin: 0 auto; overflow: hidden;}
.contents_01{position: relative;width: 1200px; margin: 0 auto; overflow: hidden;text-align:center; }
.contents .box_01{padding:20px 10px;width:600px; position: relative; overflow: hidden;float:left;border: 10px solid #f5f5f5;}
.contents .box_01 ul li{float:left;margin-bottom:3px;}
.contents .box_01 ul li:first-child{margin-right:5px;}
.contents .box_01 ul li:nth-child(3){margin-right:5px;}
.contents .box_01 ul li:nth-child(5){margin-right:5px;}
.contents .box_02{width:580px;position:relative;overflow:hidden;display:inline-block;margin-left:20px;border: 10px solid #f5f5f5;}
.con01_box{margin: 30px 0px 80px 0px;}
.con02_box{background:url(../image/main/con02_bg.jpg) no-repeat center;text-align: center;height:486px;}
.box_02_1{padding:20px 10px;}
.box_02_2{margin-top:30px;}
.box_02 .title{margin-bottom:10px;text-align:center;}
.box_02 .tg{border-spacing:0;width:100%;margin: 0 auto;background: #fff;}
.box_02 .tr_list{background:#333333;color:#fff;}
.box_02 .tg td{font-size:14px;font-weight:500;padding:11px 5px;overflow:hidden;word-break:normal;border-bottom: 1px dotted #ddd;letter-spacing:-0.75px;}
.box_02 .tg th{font-size:15px;font-weight:500;padding:10px 5px;overflow:hidden;word-break:normal;letter-spacing:-0.5px;}
.box_02 .tg .tg-0pky{text-align:center;vertical-align:top;}
.box_02 .tg .tg-0lax{text-align:center;vertical-align:top;width:100px;}
.box_02 .tg .tg-02ax{text-align:left;vertical-align:top;width:160px;}
.box_02 .tg .tg-03ax{text-align:center;vertical-align:top;width:70px;}
.box_02 .tg .tg-04ax{text-align:center;vertical-align:top;width:70px;}
.box_02 .submit_01{background:#b5b5b5;color:#fff;padding:2px 8px;}
.box_02 .submit_02{background:#824cc8;color:#fff;padding:2px 8px;}
.box_02 .submit_03{background:#00c8a4;color:#fff;padding:2px 8px;}

.box_02 .tg .db01{width:100px;}
.box_02 .tg .db02{width:100px;}
.box_02 .tg .db03{width:100px;}
.box_02 .tg .db04{width:100px;}
.box_02 .tg .db05{width:160px;}
.box_02 .tg .db06{width:70px;}
.box_02 .tg .db07{width:70px;}

.con02_box ul {float:right;margin-top:100px;}
.con02_box ul li{float:left;padding-right:10px;}
.con02_box ul li:first-child{}
.con02_box ul li:nth-child(2){}
.con02_box ul li:last-child{}


.con03_box{background:url(../image/main/con03_bg.jpg) no-repeat center;height:751px;} 
.con03_box .tit{margin-bottom:10px;} 

.con04_box{background:#fff; height:716px;margin-top:100px;}
.con05_box{background:url(../image/main/call_bg.jpg) repeat-x center;height:200px;}

#quick{ position:absolute;top:200px;right:0;   color:#fff; text-align:center;  font-size:14px; letter-spacing:1px;}
#quick a{display:block; color:#fff; text-transform: uppercase;}




.popup-links {
    width: 290px;
    line-height: 28px;
    font-size: 20px;
    display: inline-block;
    clear: both;
    color: #111;
	font-weight:500;
	letter-spacing:-0.4px;
}
.popup-links a {}

/* ���̾��˾� */
.layer{position:fixed;left:0;top:50%;margin-top:-165px; display:none; z-index:9999; width:100%;}
.layer_wrap{position:relative; max-width:600px; top:0px; margin:0 auto;width:95%; height:330px;color:#333;background-color: #fff; text-align:left;z-index:1000; border:1px solid #666; border-radius:5px; letter-spacing:-0.5px; box-shadow:0px 0px 15px rgba(0,0,0,0.2)}
.layer_wrap strong{display: block; background: #eee; padding:10px;}
.DB_info_detail{width:95%; font-size:13px; margin: 0 auto;height:255px; overflow:auto; margin-top:50px; line-height:18px;}
.close_btn{position:absolute; right:0; top:0px;}