#sub_wrap .sub_visual1{width:100%;height:431px;background:url(../images/subvisual.jpg)no-repeat;background-size:cover;position:relative;}
#sub_wrap .sub_visual2{width:100%;height:431px;background:url(../images/sub_2_visual.jpg)no-repeat;background-size:cover;position:relative;}
#sub_wrap .sub_visual3{width:100%;height:431px;background:url(../images/subvisual.jpg)no-repeat;background-size:cover;position:relative;}
#sub_wrap .sub_visual4{width:100%;height:431px;background:url(../images/sub_2_visual.jpg)no-repeat;background-size:cover;position:relative;}
#sub_wrap .sub_visual5{width:100%;height:431px;background:url(../images/subvisual.jpg)no-repeat;background-size:cover;position:relative;}
#sub_wrap .sub_visual6{width:100%;height:431px;background:url(../images/sub_2_visual.jpg)no-repeat;background-size:cover;position:relative;}
#sub_wrap .sub_visual7{width:100%;height:431px;background:url(../images/sub_2_visual.jpg)no-repeat;background-size:cover;position:relative;}
#sub_wrap .sub_visual1 .text{position:absolute; top:0;left:0;right:0;bottom:0;margin:auto;height:20px;text-align:center;}
#sub_wrap .sub_visual2 .text{position:absolute; top:0;left:0;right:0;bottom:0;margin:auto;height:20px;text-align:center;}
#sub_wrap .sub_visual3 .text{position:absolute; top:0;left:0;right:0;bottom:0;margin:auto;height:20px;text-align:center;}
#sub_wrap .sub_visual4 .text{position:absolute; top:0;left:0;right:0;bottom:0;margin:auto;height:20px;text-align:center;}
#sub_wrap .sub_visual5 .text{position:absolute; top:0;left:0;right:0;bottom:0;margin:auto;height:20px;text-align:center;}
#sub_wrap .sub_visual6 .text{position:absolute; top:0;left:0;right:0;bottom:0;margin:auto;height:20px;text-align:center;}
#sub_wrap .sub_visual7 .text{position:absolute; top:0;left:0;right:0;bottom:0;margin:auto;height:20px;text-align:center;}

#sub_wrap .sub_visual1 .w1200 .sub_title01{font-size:25px; color:#fff; font-weight:600;margin-bottom:30px;}
#sub_wrap .sub_visual2 .w1200 .sub_title01{font-size:25px; color:#fff; font-weight:600;margin-bottom:30px;}
#sub_wrap .sub_visual3 .w1200 .sub_title01{font-size:25px; color:#fff; font-weight:600;margin-bottom:30px;}
#sub_wrap .sub_visual4 .w1200 .sub_title01{font-size:25px; color:#fff; font-weight:600;margin-bottom:30px;}
#sub_wrap .sub_visual5 .w1200 .sub_title01{font-size:25px; color:#fff; font-weight:600;margin-bottom:30px;}
#sub_wrap .sub_visual6 .w1200 .sub_title01{font-size:25px; color:#fff; font-weight:600;margin-bottom:30px;}
#sub_wrap .sub_visual7 .w1200 .sub_title01{font-size:25px; color:#fff; font-weight:600;margin-bottom:30px;}

.sub_location {position:absolute;text-align:center;top:0;left:0;right:0;bottom:0;margin:auto;margin-top:361px;}
.sub_location .w1200>.tab1{width:100%;background:#fff;font-size:0;text-align:center;position:relative;}
.sub_location .w1200>.tab2{width:99.9%;background:#fff;font-size:0;text-align:center;position:relative;}
.sub_location .w1200>.tab3{width:100%;background:#fff;font-size:0;text-align:center;position:relative;}
.sub_location .w1200>.tab4{width:100%;background:#fff;font-size:0;text-align:center;position:relative;display:none;}
.sub_location .w1200>.tab5{width:100%;background:#fff;font-size:0;text-align:center;position:relative;}
.sub_location .w1200>.tab7{width:99.9%;background:#fff;font-size:0;text-align:center;position:relative;}

.sub_location .w1200>.tab1> li{display:inline-block;width:25%;position:relative;}
.sub_location .w1200>.tab2> li{display:inline-block;width:33.3%;position:relative;}
.sub_location .w1200>.tab3> li{display:inline-block;width:25%;position:relative;}
.sub_location .w1200>.tab4> li{display:inline-block;width:25%;position:relative;}
.sub_location .w1200>.tab5> li{display:inline-block;width:50%;position:relative;}
.sub_location .w1200>.tab7> li{display:inline-block;width:33.3%;position:relative;}

.sub_location .w1200>.tab1>.lnb1>a{background:url(../images/subbtn.gif)no-repeat;
color:#fff;display:block;}
.sub_location .w1200>.tab2>.lnb1>a{background:url(../images/subbtn_2.gif)no-repeat;
color:#fff;display:block;}
.sub_location .w1200>.tab3>.lnb1>a{background:url(../images/subbtn.gif)no-repeat;
color:#fff;display:block;}
.sub_location .w1200>.tab4>.lnb1>a{background:url(../images/subbtn.gif)no-repeat;
color:#fff;display:block;}
.sub_location .w1200>.tab5>.lnb1>a{background:url(../images/subbtn_3.gif)no-repeat;
color:#fff;display:block;}
.sub_location .w1200>.tab7>.lnb1>a{background:url(../images/subbtn_2.gif)no-repeat;
color:#fff;display:block;}

.sub_location .w1200>.tab1> li>a{display:block;font-size:20px;width:100%;line-height:70px;font-weight:600;}
.sub_location .w1200>.tab2> li>a{display:block;font-size:20px;width:100.1%;line-height:70px;font-weight:600;}
.sub_location .w1200>.tab3> li>a{display:block;font-size:20px;width:100%;line-height:70px;font-weight:600;}
.sub_location .w1200>.tab4> li>a{display:block;font-size:20px;width:100%;line-height:70px;font-weight:600;}
.sub_location .w1200>.tab5> li>a{display:block;font-size:20px;width:100%;line-height:70px;font-weight:600;}
.sub_location .w1200>.tab7> li>a{display:block;font-size:20px;width:100.1%;line-height:70px;font-weight:600;}

.sub_location .w1200>.tab1> li>a:Hover{display:block;font-size:20px;width:100%;line-height:70px;font-weight:600;background:url(../images/subbtn.gif)no-repeat;
color:#fff;}
.sub_location .w1200>.tab2> li>a:Hover{display:block;font-size:20px;width:100%;line-height:70px;font-weight:600;background:url(../images/subbtn_2.gif)no-repeat;
color:#fff;}
.sub_location .w1200>.tab3> li>a:Hover{display:block;font-size:20px;width:100%;line-height:70px;font-weight:600;background:url(../images/subbtn.gif)no-repeat;
color:#fff;}
.sub_location .w1200>.tab4> li>a:Hover{display:block;font-size:20px;width:100%;line-height:70px;font-weight:600;background:url(../images/subbtn.gif)no-repeat;
color:#fff;}
.sub_location .w1200>.tab5> li>a:Hover{display:block;font-size:20px;width:600px;line-height:70px;font-weight:600;background:url(../images/subbtn_3.gif)no-repeat;
color:#fff;}
.sub_location .w1200>.tab7> li>a:Hover{display:block;font-size:20px;width:100%;line-height:70px;font-weight:600;background:url(../images/subbtn_2.gif)no-repeat;
color:#fff;}

.sub_location .w1200>.tab1 >li:after{content:''; display: inline-block; width: 1.1px; height: 21px; background: #333;position:absolute; top:0;left:0;bottom:0;margin: auto;}
.sub_location .w1200>.tab2 >li:after{content:''; display: inline-block; width: 1px; height: 21px; background: #333;position:absolute; top:0;left:0;bottom:0;margin: auto;}
.sub_location .w1200>.tab3 >li:after{content:''; display: inline-block; width: 1.1px; height: 21px; background: #333;position:absolute; top:0;left:0;bottom:0;margin: auto;}
.sub_location .w1200>.tab4 >li:after{content:''; display: inline-block; width: 1.1px; height: 21px; background: #333;position:absolute; top:0;left:0;bottom:0;margin: auto;}
.sub_location .w1200>.tab5 >li:after{content:''; display: inline-block; width: 1px; height: 21px; background: #333;position:absolute; top:0;left:0;bottom:0;margin: auto;}
.sub_location .w1200>.tab7 >li:after{content:''; display: inline-block; width: 1px; height: 21px; background: #333;position:absolute; top:0;left:0;bottom:0;margin: auto;}


/*tab_2*/
#tab_2{width:100%; margin-top:50px;}
#tab_2 >.tab_3{border:1px solid #d5d5d5; height:50px; border-radius:2px;}
#tab_2 >.tab_3 >li{float:left;width:25%;text-align:center;position:relative;height:50px;}
#tab_2 >.tab_3 >.after_1:before{content:'';float:left; width: 1px; height: 15px; background: #d5d5d5;position:absolute; top:0;left:0;bottom:0;margin: auto; }
#tab_2 >.tab_3 >.after_2:before{content:'';float:left; width: 1px; height: 15px; background: #d5d5d5;position:absolute; top:0;left:0;bottom:0;margin: auto; }
#tab_2 >.tab_3 >.after_3:before{content:'';float:left; width: 1px; height: 15px; background: #d5d5d5;position:absolute; top:0;left:0;bottom:0;margin: auto; }
#tab_2 >.tab_3 >li.on{display:block; background:#e1e1e1 ;}
#tab_2 >.tab_3 >li.on a{display:block; font-size:20px; color:#4765be; font-weight:600;line-height:50px;}

#tab_2 >.tab_3 >li> a{display:block; font-size:20px;width:100%;height:100%;line-height:50px;color:#575656;}
#container_wrap #container .container3_box{display:none;}
#container_wrap #container .container3_box.on{display:block;}



/*container1*/
#sub_wrap #container .container_box{margin-top:100px;height:100%;margin-bottom:100px;}
#sub_wrap #container .container_text{float:right;width:500px;}
#sub_wrap #container .container_box .img {display:inline-block;}
#sub_wrap #container .container_box .content_title07 {margin-bottom:35px;}
#sub_wrap #container .container_box .container_text p{font-size:20px; line-height:1.3em;color:#7b7b7b;margin-bottom:25px;}
#sub_wrap #container .container_box #list_ul_wrap .list_ul{font-size:18px;}
#sub_wrap #container .container_box #list_ul_wrap .list_ul >li{display:inline-block;margin-bottom:20px;border-bottom:7px solid #d3c7e3 ;}
#sub_wrap #container .container_box2{margin-top:100px;}
#sub_wrap #container .container_box2 .content_title04{margin-bottom:25px;}
#sub_wrap #container .container_box2 p{font-size:18px;color:#333;line-height:28px;}

/*container2*/
#sub_wrap #container .container2_box{margin-top:100px;height:100%;margin-bottom:100px;}
#sub_wrap #container .container2_text{display:inline-block;width:400px;}
#sub_wrap #container .container2_box .img {float:right;}
#sub_wrap #container .container2_box .content_title07 {margin-bottom:35px;}
#sub_wrap #container .container2_box .container2_text p{font-size:20px; line-height:1.3em;color:#7b7b7b;margin-bottom:25px;}
#sub_wrap #container .container2_box #list_ul_wrap2 .list_ul2{font-size:18px;}
#sub_wrap #container .container2_box #list_ul_wrap2 .list_ul2 >li{display:inline-block;margin-bottom:20px;border-bottom:7px solid #d3c7e3 ; }
#sub_wrap #container .configuration{margin-top:100px;}
#sub_wrap #container .configuration .content_title05{text-align:center;margin-top:100px;}
#sub_wrap #container .configuration .content_title05 p{display:inline-block;color:#333;}
#sub_wrap #container .configuration div img{margin-bottom:50px;}
#sub_wrap #container .configuration2 .content_title05{margin-top:100px;}
#sub_wrap #container .configuration2 .configuration2_list li{margin-bottom:16px;}

/*구성도 표*/
#sub_wrap #container .configuration_cell{width:100%;height:310px;font-size:20px;}
#sub_wrap #container .configuration_cell {border-top:2px solid #6e47a1; }
#sub_wrap #container .configuration_cell th{border-right:1px solid #6e47a1; color:#6e47a1;border-bottom:1px solid #6e47a1;}
#sub_wrap #container .configuration_cell th:nth-child(5){border-right:none; }
#sub_wrap #container .configuration_cell td{text-align:center; border-right:1px solid #333;border-bottom:1px solid #333;}
#sub_wrap #container .configuration_cell td:nth-child(5){border-right:none; }

/*소프트웨어 화면구성*/
#sub_wrap #container .container3_box{margin-top:70px;height:100%;margin-bottom:100px;}
#sub_wrap #container .container3_box .img {float:right;}
#sub_wrap #container .container3_box .img2{display:block; padding-left:150px;}
#sub_wrap #container .container3_box .content_title07 {margin-bottom:35px;}
#sub_wrap #container .container3_box .container3_text p{font-size:20px; line-height:1.3em;color:#7b7b7b;margin-bottom:25px;}
#sub_wrap #container .container3_text{display:inline-block;width:500px;height:600px;}
#sub_wrap #container .container3_text2{float:left;width:600px;}
#sub_wrap #container .container3_text3{display:inline-block;width:590px;}
#sub_wrap #container .container3_box #list_ul_wrap .list_ul_n{font-size:17px; line-height:30px;}
#sub_wrap #container .container3_box #list_ul_wrap .list_ul_n >li{display:inline-block;margin-bottom:7px;}
#sub_wrap #container .container3_text2 .container3_text2_p{font-size:17px; color:#333;line-height:30px;}
#sub_wrap #container .container3_text3 .container3_text2_p{font-size:17px; color:#333;line-height:30px;}


/*시나리오편집방법*/

#sub_wrap #container .container3_box .img3{text-align:center; }
#sub_wrap #container .container3_2_text{display:inline-block;width:100%;}
#sub_wrap #container .container3_box p{font-size:20px;color:#7b7b7b;margin-bottom:25px;}
#sub_wrap #container .container3_2_text .container3_text2_p{font-size:17px; color:#333;line-height:30px;}

/*음악방송*/
#sub_wrap #container .container3_box .container3_3_text{ width:540px;height:540px;float:right;}
#sub_wrap #container .container3_box .container3_3_text #list_ul_wrap .list_ul{float:right;}
#sub_wrap #container .container3_box .container3_3_text #list_ul_wrap .list_ul li{float:left;width:100%; margin-bottom:10px;}
#sub_wrap #container .container3_box .img4{display:inline-block; }
#sub_wrap #container .container3_box .container3_3_text2 {margin-top:50px;float:left; width:540px;}
#sub_wrap #container .container3_box .container3_3_text2 #list_ul_wrap .list_ul li{float:left;width:100%; margin-bottom:10px; line-height:1.4em;}

/*스쿨벨*/
#sub_wrap #container .container3_box .container3_4_text #list_ul_wrap .list_ul li{margin-bottom:10px;}
#sub_wrap #container .container3_box .img{margin-bottom:10px;}

/*적용사례 게시판*/
#sub_wrap #container .cell_wrap .configuration_cell2{width:100%;font-size:20px;}
#sub_wrap #container .configuration_cell2 {border-top:2px solid #6e47a1; }
#sub_wrap #container .configuration_cell2 td,th{height:44px; }
#sub_wrap #container .configuration_cell2 th{ color:#6e47a1;border-bottom:1px solid #6e47a1;}
#sub_wrap #container .configuration_cell2 th:nth-child(5){border-right:none; }
#sub_wrap #container .configuration_cell2 td{text-align:center; border-bottom:1px solid #333;}
#sub_wrap #container .configuration_cell2 td:nth-child(5){border-right:none; }

/*검색창*/
#sub_wrap #container .container4_box{margin-top:100px;margin-bottom:100px;}
#sub_wrap #container .search_wrap{float:right;}
#sub_wrap #container .container4_box .border{border-bottom:7px solid #6e47a1; width:105px; margin-bottom:35px;}

/*게시판 페이지*/
#sub_wrap #container .list_number {padding:30px 0 0 0;}
#sub_wrap #container .list_number ul {font-size:0;display:table;margin:0 auto;}
#sub_wrap #container .list_number ul li {margin:0 2px; display:inline-block;}
#sub_wrap #container .list_number ul li a{float:left; width:32px; height:32px; line-height:32px;text-align:center; font-size:16px;}
#sub_wrap #container .cell_wrap .rightbox{text-align:right;}
#sub_wrap #container .cell_wrap .clickbox{width:100px; height:38px; display:inline-block; color:#fff; line-height:38px; background:#6e47a1;text-align:center;}

/*제품사양*/
#sub_wrap #container .container_box .text02_02{font-size:24px;color:#333;text-align:center;}
#sub_wrap #container .container_box .container02_02_text{width:650px; float:right;}
#sub_wrap #container .container_box .container02_02_text .container02_02_list .container02_02_list2 li{margin-bottom:17px;font-size:16px;}

/*특허 및 인증서*/
#sub_wrap #container .container_box .container02_03_box{min-height:350px;padding-left:100px;border-bottom:1px solid #ccc;}
#sub_wrap #container .container_box .container02_03_box .container02_03_img{float:left;}
#sub_wrap #container .container_box .container02_03_box .container02_03_write{float:left;padding-top:20px;height:200px;}
#sub_wrap #container .container_box .container02_03_box .container02_03_write p{float:left; line-height:2em;}

/*A/S*/
#sub_wrap #container .container_box .container02_04_box{min-height:1550px;}
#sub_wrap #container .container_box .container02_04_text {float:left;}
#sub_wrap #container .container_box .container02_04_img{float:right;}
#sub_wrap #container .container_box .container02_04_text  p{font-size:25px;}
#sub_wrap #container .container_box .container02_04_text ul {margin-top:35px;}
#sub_wrap #container .container_box .container02_04_text ul li{margin-bottom:17px;}

/*회원안내*/

#sub_wrap #container .container_box .container04_01_text{width:600px;display:inline-block;}
#sub_wrap #container .container_box .container04_02_text{width:600px;float:right;}
#sub_wrap #container .container_box .img04_01{margin-bottom:100px;text-align:center;}

/*총판문의*/
#sub_wrap #container .container_box .container05_01_text{min-height:100%; margin-bottom:100px;}
#sub_wrap #container .container_box .container05_01_text #list_ul_wrap .list_ul_n li{margin-bottom:17px;line-height:1.5em;}



/* 로그인 */
.login_wrap{width: 450px;; margin: 0 auto; padding-top: 20px; min-height:500px;}
.login_wrap .login_box{border: 1px solid #a5a5a5; width: 100%; height: 121px; display: inline-block; box-sizing: border-box; border-radius:10px;}
.login_wrap .login_box input{width: 100%; height: 50%; box-sizing: border-box; padding: 0 60px; font-size: 14.5px;}
.login_wrap .login_box input:first-child{border-bottom: 1px solid #eaeaea; background:url(/img/sub/login_id.png) 5% 50% no-repeat;}
.login_wrap .login_box input:nth-child(2){border-bottom: 1px solid #eaeaea; background:url(/img/sub/login_pwd.png) 5% 50% no-repeat;}
.login_wrap .find_wrap{float: right;}
.login_wrap .find_wrap ul li{display: inline-block;}
.login_wrap .find_wrap ul li a{display: inline-block; font-size: 15px; padding: 0 10px; position: relative;}
.login_wrap .find_wrap ul li:first-child a:after{content:''; width: 1px; height: 15px; display: inline-block; background: #d6d6d6; position: absolute; right: -4px; top: 2px;}
.login_wrap .button_area input[type=button]{width: 100%; }

/* 회원가입 */
.join_top1{background: url(../images/join_1.png) 50% no-repeat; width: 100%; height: 133px;}
.join01_wrap{width: 100%; margin: 0 auto; padding-top: 20px; min-height:1100px;margin-top:100px;}
.agree_content{overflow-y: scroll; min-height: 265px; border-top: 1px solid #3d3d3d; font-size: 13px; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; box-sizing: border-box; width: 100%; padding: 25px;}
.agree_box{box-sizing: border-box; width: 100%;}
.agree_box .agree_area{box-sizing: border-box; height: 50px; background: #f7f7f9; border: 1px solid #dcdcdc; padding: 15px 10px;}

.agree_box .agree_area .chk_icon01{margin-right: 5px;}
.agree_box .agree_area label{color: #212121; font-size: 14px;}
.button_area{width: 100%; text-align: center;}
.join_top2{background: url(../images/join_2.png) 50% no-repeat; width: 100%; height: 133px;}
.join02_wrap{width: 730px; margin: 0 auto; padding-top: 20px;margin-bottom:100px;margin-top:100px;}
.join2_write{border-top: 1px solid #3d3d3d;}
 .join_li{display: inline-block; width: 100%; border-bottom: 1px solid #f3f3f3; padding: 11px 15px; box-sizing: border-box;}
 .join_li li{float: left; font-size: 16px; color: #444;}
 .join_li li a{display: inline-block; vertical-align: top;}
 .join_li li input[type=text]{height: 40px; border: 1px solid #dedede; box-sizing: border-box; width: 57%; font-size: 14px; padding-left: 10px;}
 .join_li li input[type=password]{height: 40px; border: 1px solid #dedede; box-sizing: border-box; width: 57%; font-size: 14px; padding-left: 10px;}
 .join_li li input[type=button]{height: 40px; box-sizing: border-box; font-size: 14px;}
 .join_li.p_num input[type=text]{width: 22%;}
 .join_li.p_num select{width: 22%;}
 .join_li.p_num span{width: 5%; display: inline-block; text-align: center; background:url(../images/p_num.png) no-repeat; background-position-x: 50%; height: 1px; position: relative; top: -3px;}
 .join_li.address input{display: block; margin-bottom: 7px;}
 .join_li.address input[type=text]:first-child{display: inline-block; width: 58%;}
 .join_li.address input#address{width: 58%; float: left;}
 .join_li.address input[type=text]{width: 100%;}
 .join_li.email input[type=text]{width: 31%;}
 .join_li.email input:first-child{width: 27%;}
 .join_li.email select{width: 35%; background-position: 95%; margin-left: 2%;}
 .join_li.email span{width: 5%; display: inline-block; text-align: center;}
 .join_li.pwd_q select#pwd_q{width: 57%;}
 .join_li.pwd_a input[type=text]{width: 100%;}
 .join_li li:first-child{width: 21%; margin-right: 10px; padding-top: 6px; line-height: 29px; }
 .join_li li:nth-child(2){width: 77%; padding: 0 5px; text-align: left; box-sizing: border-box; font-size: 0px;}
 .join_li li .btn05:before{content: ''; height: 15px; display: inline-block;}
 .join_top3{background: url(../images/join_3.png) 50% no-repeat; width: 100%; height: 133px;}
 .join03_wrap{padding-top: 20px;margin-top:100px;margin-bottom:100px;}
 .join03_wrap p:first-child{font-size: 36px;}
 .join03_wrap p:first-child .blue01{font-size: 36px !important;}
 .join03_wrap p:nth-child(2){font-size: 18px;}
 .join03_wrap .btn11{font-size: 16px; width: 175px; height: 50px; box-sizing: border-box; padding: 0px; text-align: center;}
 .join03_wrap .btn06{font-size: 16px; width: 175px; height: 50px; box-sizing: border-box; padding: 0px; text-align: center;}
 .find_box .join_li.find_result{height: 130px; box-sizing: border-box; display: flex; align-items: center;}
 .find_box .join_li.find_result p{font-size: 1.41em; color: #444; margin: 0 auto; word-break: keep-all;}
 .find_box .join_li.find_result p strong{display: inline-block; padding: 0 15px;}
 .find_box .button_area.find_result{font-size: 0px;}
 .find_box .button_area.find_result input[type=button]{width: 49%;}
 .find_box .button_area.find_result input[type=button].btn11{margin-right: 2%;}
 .info-ex02{font-size:14px;}
 
 /*반응형*/
 @media (max-width:1200px) {
	 
	 .border{display:none;}
	#sub_wrap #container .container_box {width:90% !important;}
	#sub_wrap #container .container2_box {width:90% !important;}
	#sub_wrap #container .container3_box {width:90% !important;}
	#sub_wrap #container .container4_box{width:90% !important;}
	#sub_wrap #container .container_text{float:none !important;width:100%;}
	#sub_wrap #container .container2_text{float:none !important;width:100%;}
	#sub_wrap #container .container3_text{width:100%; height:100%;}
	#sub_wrap #container .container3_text3{width:90%;}
	#sub_wrap #container .container3_box .container3_3_text{float:none;width:100%; height:100%;}
	#sub_wrap #container .container3_box .container3_3_text2{float:none;width:100%; height:100%;}
	#sub_wrap #container .container_box .img img{width:100% !important;margin-bottom:40px;}
	#sub_wrap #container .container_box2 .content_title04{line-height:1.4em;}
	.img img{width:100% !important;}
	.img2 img{width:100% !important;}
	.img3 img{width:100% !important;}
	.img4 img{width:100% !important;}
	.img4{float:none !important;}
	#sub_wrap #container .container2_box .img{float:none;}
	#sub_wrap #container .container3_box .img{float:none; margin:40px 0;}
	#sub_wrap #container .container3_text2{width:100%;}
	#sub_wrap #container .container3_box .img2{padding:0; margin-top:0 !important;}
	#sub_wrap #container .container3_box #list_ul_wrap .list_ul_n>li {display:block;}
	#sub_wrap #container .cell_wrap .configuration_cell2{font-size:100%;}
	#sub_wrap #container .search_wrap{float:none;}
	.putbox{width:40%;}
	#list_ul_wrap .list_ul >li{display:block !important;border:none !important;}
	#list_ul_wrap2 .list_ul2 >li{display:block !important;border:none !important;}
	#sub_wrap #container .configuration_cell2 td:nth-child(1){display:none;}
	#sub_wrap #container .configuration_cell2 td:nth-child(5){display:none;}
	#sub_wrap #container .configuration_cell2 th:nth-child(1){display:none;}
	#sub_wrap #container .configuration_cell2 th:nth-child(5){display:none;}
	#sub_wrap #container .container_box .container02_02_text{width:100%;float:none;}
	#sub_wrap #container .configuration_cell{font-size:80%;}
	#sub_wrap #container .container3_box .container3_4_text #list_ul_wrap .list_ul li{line-height:1.4em;}
	#sub_wrap #container .container_box .container02_02_text .container02_02_list .container02_02_list2 li{text-align:left;line-height:1.4em;}
	#sub_wrap #container .container_box .container02_03_box{height:auto;padding-left: 0;border-bottom: none;}
	#sub_wrap #container .container_box .container02_03_box .container02_03_img{float:none;}
	#sub_wrap #container .container_box .container02_03_box .container02_03_write{float: none;padding-top: 0;height: auto;margin-left:0 !important;margin-top:40px;}
	#sub_wrap #container .container_box .container02_03_box .container02_03_write p{float:none;}
	#sub_wrap #container .container_box .container02_04_img{float:none;}
	#sub_wrap #container .container_box .container02_04_img img{width:100%;}
	#sub_wrap #container .container_box .container02_04_text{float:none;}
	#sub_wrap #container .container_box .container02_04_text ul{line-height:1.4em;}
	#sub_wrap #container .container_box .container04_01_text{width:100%;float:none;}
	#sub_wrap #container .container_box .container04_02_text{width:100%;float:none;margin-top:40px;}
	#sub_wrap #container .container_box .img04_01 img{width:100%;}
	#sub_wrap .sub_visual2{height:361px;}
	#sub_wrap .sub_visual1{height:361px;}
	.join02_wrap{width:80%;}
	#tab_2{margin-top:100px;}
 
 }
 
@media screen and (max-width:900px){ 
 .join02_wrap{width:100%;}
 
}

@media screen and (max-width:760px){
	.join_top1 {background-size:100%; height:130px;}
	.join_top2 {background-size:100%;}
	.join_top3 {background-size:100%;}
	.join_li.email select{    margin-left: 0px;
    width: 100%;
    margin-top: 10px;}
	.join_li.email input[type=text]{width:47.5%;}
}

@media screen and (max-width:720px){
.sub_location .w1200>.tab1>.lnb1>a{font-size:16px;}
.sub_location .w1200>.tab2>.lnb1>a{font-size:16px;}
.sub_location .w1200>.tab3>.lnb1>a{font-size:16px;}
.sub_location .w1200>.tab4>.lnb1>a{font-size:16px;}
.sub_location .w1200>.tab5>.lnb1>a{font-size:16px;}
.sub_location .w1200>.tab7>.lnb1>a{font-size:16px;}

.sub_location .w1200>.tab1>li>a{font-size:16px !important;}
.sub_location .w1200>.tab2>li>a{font-size:16px !important;}
.sub_location .w1200>.tab3>li>a{font-size:16px !important;}
.sub_location .w1200>.tab4>li>a{font-size:16px !important;}
.sub_location .w1200>.tab5>li>a{font-size:16px !important;}
.sub_location .w1200>.tab7>li>a{font-size:16px !important;}

.sub_location .w1200>.tab_2> li>a{font-size:16px !important;}
.sub_location .w1200>.tab_2>.lnb1>a{font-size:16px !important;}
.sub_location .w1200>.tab_3>li>a{font-size:16px !important;}
.sub_location .w1200>.tab_3>.lnb1>a{font-size:16px !important;}
#tab_2 >.tab_3 >li.on a{display:block;font-size:14px !important;}
#tab_2 >.tab_3 >li> a{display:block;font-size:14px !important;}


#sub_wrap #container .cell_wrap .configuration_cell2{font-size:80%;}
#sub_wrap #container .configuration_cell{font-size:80%;}
}
@media screen and (max-width:660px){
.join_li li:first-child{padding: 2px 5px;width: 100%;text-align:left !important;
box-sizing: border-box;}
	.join_li li{width:100% !important;}
	.join_li{width:100% !important;}
	.join_li.p_num input[type=text]{width:33% !important;}
	.join_li li input[type=text]{width:100%;}
	.join_li li input[type=button]{width: 100%;box-sizing: border-box; padding:5px 5px;font-size: 12px;letter-spacing: -0.1em;}
	.join_li.id li input[type=text]{width:73%;}
	.join_li.p_num select{width:24%;}
	.join_li li input[type=password]{width:100%;}
	.join_li.pwd_q select#pwd_q{width:100%;}
}

@media screen and (max-width:600px){

#sub_wrap #container p span{font-size:18px !important;}
#sub_wrap #container p .span{font-size:18px !important;}
#sub_wrap #container .container_box .container05_01_text p{font-size:18px !important;}
#sub_wrap #container .container3_box .container3_text p{font-size:16px !important;}
#sub_wrap #container .container_box #list_ul_wrap .list_ul{font-size:16px !important;}
#sub_wrap #container .container_box2 p{font-size:14px !important;}
#sub_wrap #container .container2_box #list_ul_wrap2 .list_ul2{font-size:16px !important;}
#sub_wrap #container .container3_box #list_ul_wrap .list_ul_n{font-size:16px !important;}
#sub_wrap #container .container3_text2 .container3_text2_p{font-size:16px !important;}
#sub_wrap #container .container3_text3 .container3_text2_p{font-size:16px !important;}
#sub_wrap #container .container3_box p{font-size:16px !important;}
#sub_wrap #container .container3_box .container3_4_text #list_ul_wrap .list_ul li{font-size:16px !important;}
#list_ul_wrap .list_ul >li{font-size:16px !important;}
.container3_4_text p{font-size:16px !important;}
#sub_wrap #container .container_box .text02_02{font-size:18px !important;}
#sub_wrap #container .container_box .container02_03_box .container02_03_write p{font-size:16px !important;}
#sub_wrap #container .container_box .container05_01_text #list_ul_wrap .list_ul_n li{font-size:16px !important;}
.login_wrap{width: 100%; margin: 0 auto; padding-top: 20px; min-height:500px;}
#sub_wrap .sub_visual2{height:261px;}
	#sub_wrap .sub_visual1{height:261px;}
	.sub_location{margin-top:261px;}
}
@media screen and (max-width:510px){
.sub_location .w1200>.tab1>.lnb1>a{font-size:14px;}
.sub_location .w1200>.tab2>.lnb1>a{font-size:14px;}
.sub_location .w1200>.tab3>.lnb1>a{font-size:14px;}
.sub_location .w1200>.tab4>.lnb1>a{font-size:14px;}
.sub_location .w1200>.tab5>.lnb1>a{font-size:14px;}
.sub_location .w1200>.tab7>.lnb1>a{font-size:14px;}
.sub_location .w1200>.tab1>li>a{font-size:14px !important;}
.sub_location .w1200>.tab2>li>a{font-size:14px !important;}
.sub_location .w1200>.tab3>li>a{font-size:14px !important;}
.sub_location .w1200>.tab4>li>a{font-size:14px !important;}
.sub_location .w1200>.tab5>li>a{font-size:14px !important;}
.sub_location .w1200>.tab7>li>a{font-size:14px !important;}
#sub_wrap #container .container_box .container02_04_text ul{font-size:16px;}
.sub_location .w1200>.tab_2> li>a{font-size:14px !important;}
.sub_location .w1200>.tab_2>.lnb1>a{font-size:14px !important;}
.sub_location .w1200>.tab_3>li>a{font-size:14px !important;}
.sub_location .w1200>.tab_3>.lnb1>a{font-size:14px !important;}
}

@media screen and (max-width:480px) {
#sub_wrap #container .container3_text2 .container3_text2_p{font-size:14px !important;}	
#sub_wrap #container .container3_text3 .container3_text2_p{font-size:14px !important;}	
#sub_wrap #container .container3_box #list_ul_wrap .list_ul_n{font-size:14px !important;line-height:1.5em;}
#sub_wrap #container .container3_2_text .container3_text2_p{font-size:14px !important;}
#sub_wrap #container .container3_box .container3_4_text #list_ul_wrap .list_ul li{font-size:14px !important;}
.container3_4_text p{font-size:14px !important;}
#sub_wrap #container .container_box .container02_02_text .container02_02_list .container02_02_list2 li{font-size:14px !important;}
#sub_wrap #container .container_box .container02_03_box .container02_03_write p{font-size:14px !important;}
#sub_wrap #container .container_box .container02_04_text ul{font-size:14px !important;}
#list_ul_wrap .list_ul >li{font-size:14px !important; line-height:1.4em;}
#list_ul_wrap2 .list_ul2 >li{font-size:14px !important; line-height:1.4em;}
#tab_2 >.tab_3 >li.on a{display:block;font-size:12px !important;}
#tab_2 >.tab_3 >li> a{display:block;font-size:12px !important;}
.sub_location .w1200>.tab_2> li>a{font-size:12px !important;}
.sub_location .w1200>.tab_2>.lnb1>a{font-size:12px !important;}
.sub_location .w1200>.tab_3>li>a{font-size:12px !important;}
.sub_location .w1200>.tab_3>.lnb1>a{font-size:12px !important;}
#sub_wrap #container .cell_wrap .configuration_cell2{font-size:70%;}
#sub_wrap #container .configuration_cell{font-size:60%;}    
/*#sub_wrap #container p span{font-size:15px !important;}*/
#sub_wrap #container p .span{font-size:15px !important;}
#sub_wrap #container .container_box .container05_01_text #list_ul_wrap .list_ul_n li{font-size:80%;}

.join_top1 {background-size:100%; height:100px;}
	.join_top2 {background-size:100%;}
	.join_top3 {background-size:100%;}
}

@media screen and (max-width:480px){
	.sub_location .w1200>.tab1>.lnb1>a{font-size:12px;}
	.sub_location .w1200>.tab2>.lnb1>a{font-size:12px;}
	.sub_location .w1200>.tab3>.lnb1>a{font-size:12px;}
	.sub_location .w1200>.tab4>.lnb1>a{font-size:12px;}
	.sub_location .w1200>.tab5>.lnb1>a{font-size:12px;}
	.sub_location .w1200>.tab7>.lnb1>a{font-size:12px;}
	.sub_location .w1200>.tab1>li>a{font-size:12px !important;}
	.sub_location .w1200>.tab2>li>a{font-size:12px !important;}
	.sub_location .w1200>.tab3>li>a{font-size:12px !important;}
	.sub_location .w1200>.tab4>li>a{font-size:12px !important;}
	.sub_location .w1200>.tab5>li>a{font-size:12px !important;}
	.sub_location .w1200>.tab7>li>a{font-size:12px !important;}
}

@media screen and (max-width:370px){
	.sub_location .w1200>.tab>.lnb1>a{font-size:10px;}
	.sub_location .w1200>.tab>li>a{font-size:10px !important;}
	#tab_2 >.tab_3 >li.on a{display:block;font-size:10px !important;}
#tab_2 >.tab_3 >li> a{display:block;font-size:10px !important;}

.join_li li input[type=button]{font-size:10px !important;}
}
 
@media (min-width:319px) and (max-width:438px){
	.bbs02_wrap.notice_view .bbs02_default thead tr th{font-size:12px !important;}
	.btn03 input[type=submit]{font-size:12px !important; width:141px !important;}
	.btn03 {font-size:12px !important; width:141px !important;}
	.btn02 input[type=submit]{font-size:12px !important; width:141px !important;}
	.btn02 {font-size:12px !important; width:141px !important;}
	.reply_wrap.notice_reply .member .reply_text .reply_area .reply_area_btn{font-size:12px !important;}
	.reply_wrap.notice_reply .member .total{font-size:12px !important;}
	
}
@media (min-width:319px) and (max-width:600px){
#sub_wrap .sub_visual2{height:261px;}
	#sub_wrap .sub_visual1{height:261px;}
	#sub_wrap .sub_visual3{height:261px;}
	#sub_wrap .sub_visual4{height:261px;}
	#sub_wrap .sub_visual5{height:261px;}
	#sub_wrap .sub_visual6{height:261px;}
	.sub_location{margin-top:261px;}
}