@charset "utf-8";



@import url("layout.css");



#wrapper {position:relative; overflow-x:hidden; min-width:1100px;}

#wrapper2 {position:relative; overflow-x:hidden; min-width:1100px;}

#web_header {width:100%; height:80px; position:relative; z-index:5; margin:0 auto; background:#033480;}

#web_header .inner {width:1100px; height:80px; margin:0 auto;}

#web_header .inner .right {float:right; margin-top:24px; }
#web_header .inner .right:after {content:''; display:block; clear:both;}
#web_header .inner .right li {float:left; margin-left:30px; color:#fff; margin-top:12px;}
#web_header .inner .right li a {color:#fff;}
#web_header .inner .right li.login{width:100px; height:25px; border:2px solid #fff; border-radius:4px; background:#033480; text-align:center; padding-top:9px; margin-top:0px;}
#web_header .inner h1 {position:relative; display:inline-block; left:0px; top:16px;}




#container {width:100%; position:relative; background:#f7f7f7;    margin-bottom: 50px;}




.btn_top1 {display:block; position:fixed; right:15px; bottom:20px; z-index:99;}
.btn_top2 {display:none;}

#sub_section {width:1100px; position:relative; margin:-160px auto 0 auto; padding:0 0 0px 0;}

#sub_section:after {content:''; display:block; clear:both;}

#right_section {float:left; width:1100px;}

#right_section .right_inner {}




#content {}



.sub_title {padding:30px 0 10px 0;}


.sub_title h3 {font-size:40px; letter-spacing:-0.02em; color:#222; text-align:center}


#footer {background:#3a3a3a; position:relative;}

.foot {width:1100px; position:relative; margin:0 auto; padding:30px 0 40px 0;}

.foot:after {content:''; display:block; clear:both;}

.foot .copy .per {color:#fff; padding-bottom:20px}


.foot .copy {float:left; line-height:22px; font-size:13px; color:#787878;}

.foot .copy .mlr {margin:0 10px; color:#6b6b6b}



.family_ban {width:100%; height:115px; background:#fff; position:relative;}

.family_ban .con {width:1100px; margin:0 auto; position:relative;}

.family_ban .con .t1 {position:absolute; display:inline-block; top:25px; font-size:20px; color:#222; font-weight:bold}

.family_ban .family_site {position:relative; width:940px; height:42px; padding-left:160px;}

.family_site .bx-wrapper {}

.family_site .bx-wrapper:after {content:''; display:block; clear:both;}

.family_site .bx-wrapper li {width:100%; text-align:center; padding-top:25px; font-size:13px; color:#777}

.family_site .bx-wrapper li a {display:block; font-size:13px; color:#777;}

.family_site .bx-wrapper li a p {display:block; padding-top:10px}

.family_site .bx-wrapper li img {}

.family_site .bx-wrapper .bx-controls {position:absolute; left:0px; top:63px; text-align:left; z-index:3;}

.family_site .bx-wrapper .bx-controls-direction {display:inline-block;}

.family_site .bx-wrapper .bx-controls-direction .bx-prev {display:inline-block; width:8px; height:13px; background:url(../../../files/web1/images/common/family_l.gif) no-repeat left top; text-indent:9999em; padding-right:10px}

.family_site .bx-wrapper .bx-controls-direction .bx-next {display:inline-block; width:8px; height:13px; background:url(../../../files/web1/images/common/family_r.gif) no-repeat left top; text-indent:9999em; padding-right:10px}

.family_site .bx-wrapper .bx-pager {display:none;}

.family_site .bx-wrapper .bx-controls-auto {display:inline-block;}

.family_site .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display:inline-block;}

.family_site .bx-wrapper .bx-controls-auto .bx-start {display:none; background:url(../../../files/web1/images/common/family_play.gif) no-repeat left top; width:8px; height:13px; text-indent:9999em;}

.family_site .bx-wrapper .bx-controls-auto .bx-stop {display:block; background:url(../../../files/web1/images/common/family_stop.gif) no-repeat left top; width:8px; height:13px; text-indent:9999em;}




#m_wrapper {position:relative; overflow-x:hidden; width:100%; min-width:1100px; background:#f7f7f7}

#m_container {position:relative; width:100%;overflow:hidden;height:auto;}

.top_m_visual {position:relative; width:100%; display:block;}

.top_m_visual:after {content:''; display:block; clear:both;}

.m_visual_h1 {position:relative; width:1100px; height:600px; margin:0 auto;}

.m_visual_h1:after {content:''; display:block; clear:both;}

.m_visual_h1 .m_slider1 {position:relative; width:100%; overflow:hidden;}

.m_visual_h1 .bx-wrapper {text-align:center; }

.m_visual_h1 .bx-wrapper:after {content:''; display:block; clear:both;}

.m_visual_h1 .bx-wrapper li {width:100%;}

.m_visual_h1 .bx-wrapper li img {margin:0 auto;}

.m_visual_h1 .bx-wrapper .bx-controls {position:absolute; display:inline-block; left:500px; bottom:40px; z-index:1; }

.m_visual_h1 .bx-wrapper .bx-controls-direction {display:none;}


.m_visual_h1 .bx-wrapper .bx-pager {display:inline-block;}

.m_visual_h1 .bx-wrapper .bx-pager .bx-pager-item {display:inline-block; margin:0 2px;}

.m_visual_h1 .bx-wrapper .bx-default-pager.bx-pager a {display:block; background:url(../../../files/web1/images/main/bx1_off.png) no-repeat left 8px; width:12px; height:20px; text-indent:-9999px;}

.m_visual_h1 .bx-wrapper .bx-default-pager.bx-pager a.active {background:url(../../../files/web1/images/main/bx1_on.png) no-repeat left 8px; width:12px; height:20px;}

.m_visual_h1 .bx-wrapper .bx-controls-auto {display:inline-block; text-align:center; margin:0 0 0 4px;}

.m_visual_h1 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display:inline-block;}

.m_visual_h1 .bx-wrapper .bx-controls-auto .bx-start {display:none; background:url(../../../files/web1/images/main/m_visual_play.png) no-repeat left; width:28px; height:28px; text-indent:-9999px;}

.m_visual_h1 .bx-wrapper .bx-controls-auto .bx-stop {display:block; background:url(../../../files/web1/images/main/m_visual_stop.png) no-repeat left; width:28px; height:28px; text-indent:-9999px;}

.m_visual_h1 .web {display:block;}

.m_visual_h1 .mob {display:none;}


.board_div1 {width:1100px; margin:0 auto;}

.board_div1:after {content:''; display:block; clear:both;}



.board_1 {float:left; width:550px; height:770px; position:relative; background:#eaeaea url(../../../files/web1/images/main/app_phone.jpg) no-repeat right bottom;}

.board_1 ul {text-align:center;}

.board_1 ul:after {content:''; display:block; clear:both;} 
.board_1 ul li.t1 {font-size:30px; color:#37588e; margin-top:40px; font-weight:600}
.board_1 ul li.t2 {font-size:18px; color:#444; margin-top:20px; line-height:26px;}
.board_1 ul li.app a {margin-top:30px; text-align:center; display:inline-block;}
.board_1 ul li.w {margin-top:30px; text-align:center; display:inline-block;}

.board_2 {float:left; width:275px; height:270px; background:#fff}

.board_2 .more {float:right; display:inline-block; margin:40px 30px 0 0}
.board_2 ul {padding:0 10px;}
.board_2 ul:after {content:''; display:block; clear:both;} 
.board_2 ul li.t1 {font-size:24px; color:#222; margin-top:30px; font-weight:600}
.board_2 ul li.t2 {font-size:16px; color:#222; margin-top:30px; font-weight:600}
.board_2 ul li.t3 {font-size:13px; color:#444; margin-top:6px; line-height:22px;    text-align: left;}

/*메인로그인*/
.login_div_m {float:left; width:275px; height:270px; background:#d8e4f0}
.login_div_m .login {margin:35px 20px 0 20px;}
.login_div_m .login .input_line {margin-bottom:5px; width:95%; height:28px; padding:5px 0 0 5px; border-radius:3px; background:#fff;}
.login_div_m .login .input_line input {border:1px solid red; vertical-align:middle; width:98%; border:none; font-size:15px; color:#444; line-height:25px}
.login_div_m .login .input_line.on {border:1px solid #182d4e;}
.login_div_m .btn_login {width:100%; height:40px; border-radius:3px; background:#182d4e; color:#fff; font-size:15px; font-weight:600; margin-top:15px}
.login_div_m .txt4 {margin:15px 0 0 0; text-align:left;}
.login_div_m .txt4 label {font-size:14px; color:#222;}
.login_div_m .blue {display:inline-block; text-decoration:underline; font-size:14px; color:#4171c5; margin-left:5px;margin-top:15px}
.login_div_m .join {text-align:center; display:block; font-size:14px; color:#222;}

input[type=checkbox] {display:none;}
input[type=checkbox] + label{
    display: inline-block;  
    cursor: pointer;  
    position: relative;  
    padding-left: 20px;  
    margin-right: 15px; 
}
input[type=checkbox]+ label:before {     
    content: "";  
    display: inline-block;  
    width:13px;  
    height:13px;  
    position: absolute;  
    left: 0;  
    bottom: 2px;  
    background: #fff; 
	border:1px solid #444;
    border-radius: 2px;  
}
input[type=checkbox]:checked + label:before { 
    content: "\2713";
    font-size: 14px; 
    color: #000;  
    background:#fff;
    text-align: center;  
    line-height: 15px;  
}

.board_4 {float:left; width:550px; height:230px; background:#37588e}
.board_4 ul {margin-top:54px; text-align:center;}
.board_4 ul:after {content:''; display:block; clear:both;} 
.board_4 ul li {text-align:center; display:inline-block; padding:0 18px}
.board_4 ul li a p {display:block; padding-top:28px; font-size:15px; color:#fff; }

.board_5 {float:left; width:275px; height:270px; background:#4796d9 url(../../../files/web1/images/main/bg_1.jpg) no-repeat right bottom;}
.board_5 ul {text-align:center;}
.board_5 ul:after {content:''; display:block; clear:both;} 
.board_5 ul li.t1 {font-size:22px; color:#fff; font-weight:600; padding:30px 0 20px 0}
.board_5 ul li.t2 {font-size:24px; color:#fff; padding-top:25px; font-weight:600;}
.board_5 ul li.t3 {font-size:14px; color:#fff; padding-top:10px}
.board_5 ul li.line {width:15px; height:1px; background:url(../../../files/web1/images/main/line.jpg); margin:0 auto;}

.board_6 {float:left; width:275px; height:270px; background:#4374ca url(../../../files/web1/images/main/bg_2.jpg) no-repeat left bottom;}
.board_6 ul {}
.board_6 ul:after {content:''; display:block; clear:both;} 
.board_6 ul li.t1 {font-size:22px; color:#fff; font-weight:600; padding:30px 0 20px 0; text-align:center;}
.board_6 ul li.t2 {font-size:24px; color:#fff; padding-top:25px; text-align:center; font-weight:600;}
.board_6 ul li.t3 {font-size:14px; color:#fff; padding:10px 0 0 25px; line-height:24px; letter-spacing:-0.02em}
.board_6 ul li.line {width:15px; height:1px; background:url(../../../files/web1/images/main/line.jpg); margin:0 auto;}

.board_div2 {width:1100px; margin:0 auto;}
.board_div2:after {content:''; display:block; clear:both;}

.board_7 {float:left; width:1100px; height:190px; background:#f7f7f7}
.board_7 .t1 {float:left; font-size:20px; color:#222; font-weight:600; text-align:left; margin-top:40px; display:inline-block; padding-right:46px}
.board_7 .t1 p {font-size:14px; color:#444;  font-weight:normal; padding-top:20px}
.board_7 .step {float:left; display:inline-block;}
.board_7 .step ul {}
.board_7 .step ul:after {content:''; display:block; clear:both;} 
.board_7 .step ul li {text-align:center; display:inline-block; padding:40px 26px; background:url(../../../files/web1/images/main/step_arr.jpg) no-repeat right;}
.board_7 .step ul li:last-child {background:none;}
.board_7 .step ul li p {display:block; padding-top:20px; font-size:15px; color:#222; }



/*반응형 기본 설정*/

.web_view {display:block;}

.mob_view {display:none;}



#web_header {display:block;}

#mob_header {display:none;}
 


#footer {display:block;}
#footer2 {display:none;}

/*서브로그인*/
.login_div2 {width:410px; margin:0 auto}
.login_div2 .input_line {margin-bottom:10px; margin-left:40px; width:313px; height:36px; padding:12px 0 0 15px; border:1px solid #cdd2e9; border-radius:3px; background:#fff;}
.login_div2 .input_line img {vertical-align:middle; margin-right:10px;}
.login_div2 .input_line input {vertical-align:middle; width:75%; border:none; font-size:16px;    line-height: 25px}
.login_div2 .input_line.on {border:1px solid #2b2a48;}

.login_div2 .btn_pho {margin:0 0 10px 40px; width:328px; height:34px;border:1px solid #2b2a48; border-radius:3px; padding:14px 0 0 0px; font-size:14px; text-align:center; background:#fff; color:#444}
.login_div2 .input_btn {position:relative;}
.login_div2 .line_login {border-top:1px solid #cdd2e9; border-bottom:1px solid #cdd2e9; padding:20px 0 30px 0;}
.login_div2 .line_login .txt {margin-left:40px; font-size:14px; color:#666; display:inline-block;}

.login_div2 label {font-size:14px; color:#8b90a6;}
.login_div2 .tud_blue {display:inline-block; text-decoration:underline; font-size:14px; color:#4171c5; vertical-align:middle;}
.login_div2 .t_blue {font-size:14px; color:#4171c5;}

.login_div2 .txt_j {font-size:14px; color:#8b90a6; margin-top:20px; text-align:center}

.login_div2 .btn_login {width:330px; height:50px; border-radius:3px; background:#246fe4; color:#fff; font-size:17px; margin:30px 0 0 40px; font-weight:600; letter-spacing:-0.05em;}
.login_div2 .btn_auth  {width:330px; height:50px; border-radius:3px; background:#182d4e; color:#fff; font-size:17px; margin:30px 0 0 40px; font-weight:600; letter-spacing:-0.05em;}



@media only screen and (min-width:768px) and (max-width:1023px) {

	#wrapper {position:relative; overflow-x:hidden; min-width:100%;}

	#wrapper2 {position:relative; overflow-x:hidden; min-width:100%;}

	#web_header {width:96%; height:80px; padding:0 2%; position:relative; z-index:5; margin:0 auto; background:#033480;}

	#web_header .inner {width:96%; height:80px; margin:0 auto;}
	#web_header .inner .right {float:right; margin-top:24px;}
	#web_header .inner .right:after {content:''; display:block; clear:both;}
	#web_header .inner .right li {float:left; margin-left:30px; color:#fff; margin-top:12px;}
	#web_header .inner .right li a {color:#fff;}
	#web_header .inner .right li.login{width:100px; height:25px; border:2px solid #fff; border-radius:4px; background:#033480; text-align:center; padding-top:9px; margin-top:0px;}
	#web_header .inner h1 {position:relative; display:inline-block; left:0px; top:16px;}


	
	#footer2 {background:#3a3a3a; position:relative;}
	.foot2 {width:96%; position:relative; margin:0 auto; padding:30px 0 40px 0;}
	.foot2:after {content:''; display:block; clear:both;}
	.foot2 .copy2 .per {color:#fff; padding-bottom:20px}
	.foot2 .copy2 {float:left; line-height:22px; font-size:13px; color:#787878;}
	.foot2 .copy2 .mlr {margin:0 10px; color:#6b6b6b}

	.family_ban2 {width:100%; height:115px; background:#fff; position:relative;}
	.family_ban2 .con2 {width:100%; margin:0 auto; position:relative;}
	.family_ban2 .con2 .t1 {position:absolute; display:inline-block; top:25px; left:20px; font-size:20px; color:#222; font-weight:600}
	.family_ban2 .family_site2 {position:relative; width:100%; height:42px; padding-left:160px;}
	.family_site2 .bx-wrapper {}
	.family_site2 .bx-wrapper:after {content:''; display:block; clear:both;}
	.family_site2 .bx-wrapper li {width:100%; text-align:center; padding-top:25px; font-size:13px; color:#777}
	.family_site2 .bx-wrapper li a {display:block; font-size:13px; color:#777;}
	.family_site2 .bx-wrapper li a p {display:block; padding-top:10px}
	.family_site2 .bx-wrapper li img {}
	.family_site2 .bx-wrapper .bx-controls {position:absolute; left:20px; top:63px; text-align:left; z-index:3;}
	.family_site2 .bx-wrapper .bx-controls-direction {display:inline-block;}
	.family_site2 .bx-wrapper .bx-controls-direction .bx-prev {display:inline-block; width:8px; height:13px; background:url(../../../files/web1/images/common/family_l.gif) no-repeat left top; text-indent:9999em; padding-right:10px}
	.family_site2 .bx-wrapper .bx-controls-direction .bx-next {display:inline-block; width:8px; height:13px; background:url(../../../files/web1/images/common/family_r.gif) no-repeat left top; text-indent:9999em; padding-right:10px}
	.family_site2 .bx-wrapper .bx-pager {display:none;}
	.family_site2 .bx-wrapper .bx-controls-auto {display:inline-block;}
	.family_site2 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display:inline-block;}
	.family_site2 .bx-wrapper .bx-controls-auto .bx-start {display:none; background:url(../../../files/web1/images/common/family_play.gif) no-repeat left top; width:8px; height:13px; text-indent:9999em;}
	.family_site2 .bx-wrapper .bx-controls-auto .bx-stop {display:block; background:url(../../../files/web1/images/common/family_stop.gif) no-repeat left top; width:8px; height:13px; text-indent:9999em;}

	#footer {display:none;}
	#footer2 {display:block;}


	#sub_section {width:96%; position:relative; margin:0 auto; background:#f7f7f7 none; padding:0 2% 100px 2%;}

	#sub_section:after {content:''; display:block; clear:both;}

	#right_section {float:none; width:100%; margin:0px;}

	#right_section .right_inner {width:100%; padding:0;}
	



/* 	#m_wrapper {position:relative; background:#fff url(../../../files/web1/images/common/bg_top.gif) repeat-x left top; overflow-x:hidden; min-width:100%;} */

	#m_container {width:100%; padding:0px; background:#fff;}


	
	.btn_top1 {display:none;}
	.btn_top2 {display:block; position:fixed; right:15px; bottom:20px; z-index:99;}
	.btn_top2 img {width:32px; height:29px;}

	.top_m_visual {width:100%; position:relative;}



	.m_visual_h1 {width:100%; height:600px; position:relative; left:0px; top:0px;}

	.m_visual_h1 .m_slider1 {position:relative;}

	.m_visual_h1 .bx-wrapper {}

	.m_visual_h1 .bx-wrapper:after {content:''; display:block; clear:both;}

	.m_visual_h1 .bx-wrapper li {width:100%; text-align:center;}

	.m_visual_h1 .bx-wrapper li img {width:100%; height:auto;}

	.m_visual_h1 .bx-wrapper .bx-controls {position:absolute; bottom:60px; left:45%; z-index:1;}

	.m_visual_h1 .bx-wrapper .bx-controls-direction {display:none;}

	.m_visual_h1 .bx-wrapper .bx-pager {display:inline-block;}

	.m_visual_h1 .bx-wrapper .bx-pager .bx-pager-item {display:inline-block; margin:0 2px;}

	.m_visual_h1 .bx-wrapper .bx-default-pager.bx-pager a {display:block; background:url(../../../files/web1/images/main/bx1_off.png) no-repeat left 8px; width:12px; height:20px; text-indent:-9999px;}

	.m_visual_h1 .bx-wrapper .bx-default-pager.bx-pager a.active {background:url(../../../files/web1/images/main/bx1_on.png) no-repeat left 8px; width:12px; height:20px;}

	.m_visual_h1 .bx-wrapper .bx-controls-auto {display:inline-block; text-align:center; margin:0 0 0 4px;}

	.m_visual_h1 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display:inline-block;}

	.m_visual_h1 .bx-wrapper .bx-controls-auto .bx-start {display:none; background:url(../../../files/web1/images/main/m_visual_play.png) no-repeat left; width:28px; height:28px; text-indent:-9999px;}

	.m_visual_h1 .bx-wrapper .bx-controls-auto .bx-stop {display:block; background:url(../../../files/web1/images/main/m_visual_stop.png) no-repeat left; width:28px; height:28px; text-indent:-9999px;}

	.m_visual_h1 .web {display:none;}

	.m_visual_h1 .mob {display:block;}



	.board_div1 {width:100%; margin:0 auto;}
	.board_div1:after {content:''; display:block; clear:both;}

	.board_1 {float:left; width:100%; height:770px; position:relative; background:#eaeaea url(../../../files/web1/images/main/app_phone.jpg) no-repeat center bottom;}
	.board_1 ul {text-align:center;}
	.board_1 ul:after {content:''; display:block; clear:both;} 
	.board_1 ul li.t1 {font-size:30px; color:#37588e; margin-top:40px; font-weight:600}
	.board_1 ul li.t2 {font-size:18px; color:#444; margin-top:20px; line-height:26px;}
	.board_1 ul li.app a {margin-top:20px; text-align:center; display:inline-block;}
	.board_1 ul li.w {margin-top:30px; text-align:center; display:inline-block;}

	.board_2 {float:left; width:50%; height:270px; background:#fff}
	.board_2 .more {float:right; display:inline-block; margin:35px 30px 0 0}
	.board_2 ul {padding:0 20px;}
	.board_2 ul:after {content:''; display:block; clear:both;} 
	.board_2 ul li.t1 {font-size:24px; color:#222; margin-top:30px; font-weight:600}
	.board_2 ul li.t2 {font-size:16px; color:#222; margin-top:30px; font-weight:600}
	.board_2 ul li.t3 {font-size:13px; color:#444; margin-top:15px; line-height:22px}

	.login_div_m {float:left; width:50%; height:270px; background:#d8e4f0}
	.login_div_m .login {margin:35px 20px 0 20px;}
	.login_div_m .login .input_line {margin-bottom:5px; width:95%; height:28px; padding:12px 0 0 5%; border-radius:3px; background:#fff;}
	.login_div_m .login .input_line input {border:1px solid red; vertical-align:middle; width:75%; border:none; font-size:14px; color:#444}
	.login_div_m .login .input_line.on {border:1px solid #182d4e;}
	.login_div_m .btn_login {width:100%; height:40px; border-radius:3px; background:#182d4e; color:#fff; font-size:15px; font-weight:600; margin-top:15px}
	.login_div_m .txt4 {margin:15px 0 0 0; text-align:left;}
	.login_div_m .txt4 label {font-size:14px; color:#222;}
	.login_div_m .blue {display:inline-block; text-decoration:underline; font-size:14px; color:#4171c5; margin-left:5px;margin-top:15px}
	.login_div_m .join {text-align:center; display:block; font-size:14px; color:#222;}

	input[type=checkbox] {display:none;}
	input[type=checkbox] + label{
		display: inline-block;  
		cursor: pointer;  
		position: relative;  
		padding-left: 20px;  
		margin-right: 15px; 
	}
	input[type=checkbox]+ label:before {     
		content: "";  
		display: inline-block;  
		width:13px;  
		height:13px;  
		position: absolute;  
		left: 0;  
		bottom: 2px;  
		background: #fff; 
		border:1px solid #444;
		border-radius: 2px;  
	}
	input[type=checkbox]:checked + label:before { 
		content: "\2713";
		font-size: 14px; 
		color: #000;  
		background:#fff;
		text-align: center;  
		line-height: 15px;  
	}

	.board_4 {float:left; width:100%; height:230px; background:#37588e}
	.board_4 ul {margin-top:54px; text-align:center;}
	.board_4 ul:after {content:''; display:block; clear:both;} 
	.board_4 ul li {text-align:center; display:inline-block; padding:0 18px}
	.board_4 ul li a p {display:block; padding-top:28px; font-size:15px; color:#fff; }

	.board_5 {float:left; width:50%; height:270px; background:#4796d9 url(../../../files/web1/images/main/bg_1.jpg) no-repeat right bottom;}
	.board_5 ul {text-align:center;}
	.board_5 ul:after {content:''; display:block; clear:both;} 
	.board_5 ul li.t1 {font-size:22px; color:#fff; font-weight:600; padding:30px 0 20px 0}
	.board_5 ul li.t2 {font-size:24px; color:#fff; padding-top:25px; font-weight:600;}
	.board_5 ul li.t3 {font-size:14px; color:#fff; padding-top:10px}
	.board_5 ul li.line {width:15px; height:1px; background:url(../../../files/web1/images/main/line.jpg); margin:0 auto;}

	.board_6 {float:left; width:50%; height:270px; background:#4374ca url(../../../files/web1/images/main/bg_2.jpg) no-repeat left bottom;}
	.board_6 ul {}
	.board_6 ul:after {content:''; display:block; clear:both;} 
	.board_6 ul li.t1 {font-size:22px; color:#fff; font-weight:600; padding:30px 0 20px 0; text-align:center;}
	.board_6 ul li.t2 {font-size:24px; color:#fff; padding-top:25px; text-align:center; font-weight:600;}
	.board_6 ul li.t3 {font-size:14px; color:#fff; padding:10px 0 0 0; line-height:24px; text-align:center}
	.board_6 ul li.line {width:15px; height:1px; background:url(../../../files/web1/images/main/line.jpg); margin:0 auto;}

	.board_div2 {width:100%; margin:0 auto;}
	.board_div2:after {content:''; display:block; clear:both;}

	.board_7 {float:left; width:100%; height:280px; background:#f7f7f7;}
	.board_7 .t1 {font-size:20px; color:#222; font-weight:600; text-align:left; margin:30px 0 0 20px; display:inline-block;}
	.board_7 .t1 p {font-size:14px; color:#444;  font-weight:normal; padding-top:20px}
	.board_7 .step {width:100%;}
	.board_7 .step ul {text-align:center;}
	.board_7 .step ul:after {content:''; display:block; clear:both;} 
	.board_7 .step ul li {display:inline-block; padding:40px 20px 0 20px; background:url(../../../files/web1/images/main/step_arr.jpg) no-repeat right;}
	.board_7 .step ul li:last-child {background:none;}
	.board_7 .step ul li p {padding-top:20px; font-size:15px; color:#222; }

}



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

	.web_view {display:none;}

	.mob_view {display:block;}



	#wrapper {position:relative; background:#fff; overflow-x:hidden; min-width:100%; padding:0;}

	#wrapper2 {position:relative; background:#fff; overflow-x:hidden; min-width:100%; padding:0;}

	/* #web_header {border:1px solid red;display:none;} */

	#mob_header {display:block; height:50px; position:relative; background:#033480;min-width:100%;}

	#mob_header h1 {position:absolute; left:15px; top:12px;}

	#mob_header h1 img {width:87px; height:25px;}

	#mob_header .btn_join {position:absolute; right:15px; top:18px;}

	#mob_header .btn_join img {width:12px; height:13px;}

	#mob_header .btn_login {position:absolute; right:48px; top:18px;}

	#mob_header .btn_login img {width:12px; height:13px;}



	#wrapper {background:none; overflow:hidden;}

	#web_header {display:none;}

	#container {background:#f7f7f7;}

	#sub_section {width:100%; padding:0 0 70px 0; margin:0 auto; background:#f7f7f7 none;}

	#right_section {float:none; width:100%; margin:0px;}

	#location {display:none;}

	#content {padding:0px 15px}


	.btn_top1 {display:none;}
	.btn_top2 {display:block; position:fixed; right:15px; bottom:20px; z-index:2;}
	.btn_top2 img {width:32px; height:29px;}



	.top_prev {height:40px; background:#2255a4; position:relative; padding:16px 0 0 0; text-align:center; margin-bottom:30px}
	.top_prev .con {display:inline-block;}
	.top_prev .con:after {content:''; display:block; clear:both;}
	.top_prev h3 {float:left; font-size:18px; color:#fff;}

	.foot3 {width:100%; position:relative; margin:0 auto; padding:30px 20px 40px 20px;}
	.foot3:after {content:''; display:block; clear:both;}
	.foot3 .copy3 .per {color:#fff; padding-bottom:20px}
	.foot3 .copy3 {float:left; line-height:22px; font-size:13px; color:#787878;}
	.foot3 .copy3 .mlr {margin:0 10px; color:#6b6b6b}

	.family_ban3 {width:100%; height:180px; background:#fff; position:relative;}
	.family_ban3 .con3 {width:100%; margin:0 auto; position:relative;}
	.family_ban3 .con3 .t1 {position:absolute; display:inline-block; margin:30px 0 0 20px; font-size:20px; color:#222; font-weight:bold}
	.family_ban3 .family_site3 {position:relative; width:100%; height:180px;}
	.family_site3 .bx-wrapper {margin:0 auto}
	.family_site3 .bx-wrapper:after {content:''; display:block; clear:both;}
	.family_site3 .bx-wrapper li {width:100%; text-align:center; padding-top:50px;}
	.family_site3 .bx-wrapper li a {display:block; font-size:13px; color:#777;}
	.family_site3 .bx-wrapper li a p {display:block; padding-top:10px}
	.family_site3 .bx-wrapper li img {width:290px; height:60px; margin-top:20px}
	.family_site3 .bx-wrapper .bx-controls {position:absolute; display:inline-block; right:20px; top:30px; z-index:3;}
	.family_site3 .bx-wrapper .bx-controls-direction {display:inline-block;}
	.family_site3 .bx-wrapper .bx-controls-direction .bx-prev {display:inline-block; width:8px; height:13px; background:url(../../../files/web1/images/common/family_l.gif) no-repeat left top; text-indent:9999em; padding-right:10px}
	.family_site3 .bx-wrapper .bx-controls-direction .bx-next {display:inline-block; width:8px; height:13px; background:url(../../../files/web1/images/common/family_r.gif) no-repeat left top; text-indent:9999em; padding-right:10px}
	.family_site3 .bx-wrapper .bx-pager {display:none;}
	.family_site3 .bx-wrapper .bx-controls-auto {display:inline-block;}
	.family_site3 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display:inline-block;}
	.family_site3 .bx-wrapper .bx-controls-auto .bx-start {display:none; background:url(../../../files/web1/images/common/family_play.gif) no-repeat left top; width:8px; height:13px; text-indent:9999em;}
	.family_site3 .bx-wrapper .bx-controls-auto .bx-stop {display:block; background:url(../../../files/web1/images/common/family_stop.gif) no-repeat left top; width:8px; height:13px; text-indent:9999em;}
	

	/* .sub_title {display:none;} */



	/*메인*/

	#m_wrapper {position:relative; background:#fff; overflow-x:hidden; min-width:100%;}

	#m_container {width:100%; padding:0px; background:#fff;}

	

	.top_m_visual {width:100%; position:relative;}



	.m_visual_h1 {width:100%; height:50%; position:relative; left:0px; top:0px;}

	.m_visual_h1 .m_slider1 {position:relative;}

	.m_visual_h1 .bx-wrapper {}

	.m_visual_h1 .bx-wrapper:after {content:''; display:block; clear:both;}

	.m_visual_h1 .bx-wrapper li {width:100%; text-align:center;}

	.m_visual_h1 .bx-wrapper li img {}

	.m_visual_h1 .bx-wrapper .bx-controls {position:absolute; bottom:40px; left:40%; z-index:2;}
	.m_visual_h1 .bx-wrapper .bx-controls-direction {display:none;}

	.m_visual_h1 .bx-wrapper .bx-pager {display:inline-block;}

	.m_visual_h1 .bx-wrapper .bx-pager .bx-pager-item {display:inline-block; margin:0 2px;}

	.m_visual_h1 .bx-wrapper .bx-default-pager.bx-pager a {display:block; background:url(../../../files/web1/images/main/bx1_off.png) no-repeat left 4px; background-size:10px 10px; width:10px; height:14px; text-indent:-9999px;}

	.m_visual_h1 .bx-wrapper .bx-default-pager.bx-pager a.active {background:url(../../../files/web1/images/main/bx1_on.png) no-repeat left 4px; background-size:10px 10px; width:10px; height:14px;}

	.m_visual_h1 .bx-wrapper .bx-controls-auto {display:inline-block; text-align:center; margin:0 0 0 4px;}

	.m_visual_h1 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display:inline-block;}

	.m_visual_h1 .bx-wrapper .bx-controls-auto .bx-start {display:none; background:url(../../../files/web1/images/main/m_visual_play.png) no-repeat left; background-size:18px 18px; width:18px; height:18px; text-indent:-9999px;}

	.m_visual_h1 .bx-wrapper .bx-controls-auto .bx-stop {display:block; background:url(../../../files/web1/images/main/m_visual_stop.png) no-repeat left; background-size:18px 18px; width:18px; height:18px; text-indent:-9999px;}

	.m_visual_h1 .bx-wrapper .bx-clone {margin-right:10px;}

	.m_visual_h1 .web {display:none;}

	.m_visual_h1 .mob {display:block; width:100%; height:auto;}



	.web_tel {width:100%;}

	.mob_view:after {content:''; display:block; clear:both;}


	.board_div1 {width:100%; margin:0 auto;}
	.board_div1:after {content:''; display:block; clear:both;}

	.board_1 {float:left; width:100%; height:450px; position:relative; background:#eaeaea url(../../../files/web1/images/main/app_phone.jpg) no-repeat center bottom; background-size:187px 210px;}
	.board_1 ul {text-align:center;}
	.board_1 ul:after {content:''; display:block; clear:both;} 
	.board_1 ul li.t1 {font-size:24px; color:#37588e; margin-top:30px; font-weight:600}
	.board_1 ul li.t2 {font-size:14px; color:#444; margin-top:10px; line-height:22px; letter-spacing:-0.05em}
	.board_1 ul li.app a {margin-top:20px; text-align:center; display:inline-block;}
	.board_1 ul li.app a img {width:108px; height:31px}
	.board_1 ul li.w {margin-top:15px; text-align:center; display:inline-block;}
	.board_1 ul li.w img {width:132px; height:36px}

	.board_2 {float:left; width:100%; height:auto; background:#fff;}
	.board_2 .more {float:right; display:inline-block; margin:30px 20px 0 0}
	.board_2 ul {margin:30px 0;}
	.board_2 ul:after {content:''; display:block; clear:both;} 
	.board_2 ul li.t1 {font-size:24px; color:#222; margin-top:30px; font-weight:600}
	.board_2 ul li.t2 {font-size:16px; color:#222; margin-top:15px;}
	.board_2 ul li.t3 {font-size:13px; color:#444; margin-top:15px; line-height:22px}
	
	.login_div_m {display:none;}

	.board_4 {float:left; width:100%; height:auto; background:#37588e}
	.board_4 ul {margin:20px 0; text-align:center;}
	.board_4 ul:after {content:''; display:block; clear:both;} 
	.board_4 ul li {display:inline-block; padding:10px 20px; font-size:0px; text-align:center;}
	.board_4 ul li img {width:90%; height:90%}
	.board_4 ul li a p {display:block; padding-top:15px; font-size:14px; color:#fff; }

	.board_5 {float:left; width:100%; height:200px; background:#4796d9 url(../../../files/web1/images/main/bg_1.jpg) no-repeat right bottom;}
	.board_5 ul {text-align:center;}
	.board_5 ul:after {content:''; display:block; clear:both;} 
	.board_5 ul li.t1 {font-size:22px; color:#fff; font-weight:600; padding:30px 0 20px 0}
	.board_5 ul li.t2 {font-size:24px; color:#fff; padding-top:25px; font-weight:600;}
	.board_5 ul li.t3 {font-size:14px; color:#fff; padding-top:10px}
	.board_5 ul li.line {width:15px; height:1px; background:url(../../../files/web1/images/main/line.jpg); margin:0 auto;}

	.board_6 {float:left; width:100%; height:270px; background:#4374ca url(../../../files/web1/images/main/bg_2.jpg) no-repeat left bottom;}
	.board_6 ul {}
	.board_6 ul:after {content:''; display:block; clear:both;} 
	.board_6 ul li.t1 {font-size:22px; color:#fff; font-weight:600; padding:30px 0 20px 0; text-align:center;}
	.board_6 ul li.t2 {font-size:24px; color:#fff; padding-top:25px; text-align:center; font-weight:600;}
	.board_6 ul li.t3 {font-size:14px; color:#fff; padding:10px 0 0 0; line-height:24px; text-align:center}
	.board_6 ul li.line {width:15px; height:1px; background:url(../../../files/web1/images/main/line.jpg); margin:0 auto;}

	.board_div2 {width:100%; margin:0 auto;}
	.board_div2:after {content:''; display:block; clear:both;}

	.board_7 {float:left; width:100%; height:auto; background:#f7f7f7;}
	.board_7 .t1 {float:left; font-size:20px; color:#222; font-weight:600; text-align:left; margin:30px 0 0 20px; display:inline-block;}
	.board_7 .t1 p {font-size:14px; color:#444;  font-weight:normal; padding-top:20px}
	.board_7 .step {width:100%;}
	.board_7 .step ul {text-align:center; padding:10px 0 20px 0;}
	.board_7 .step ul:after {content:''; display:block; clear:both;} 
	.board_7 .step ul li {display:inline-block; padding:20px 15px; background:url(../../../files/web1/images/main/step_arr.jpg) no-repeat right; background-size:10px 15px;}
	.board_7 .step ul li:last-child {background:none;}
	.board_7 .step ul li p {padding-top:20px; font-size:15px; color:#222; }

	.login_div2 {width:100%; margin:0 auto}
	.login_div2 .input_line {margin-bottom:10px; margin-left:5%; width:85%; height:36px; padding:12px 0 0 5%; border:1px solid #cdd2e9; border-radius:3px; background:#fff;}
	.login_div2 .input_line img {vertical-align:middle; margin-right:5%;}
	.login_div2 .input_line input {vertical-align:middle; width:75%; border:none; font-size:14px;}
	.login_div2 .input_line.on {border:1px solid #2b2a48;}

	.login_div2 .btn_pho {margin:0 0 10px 5%; width:90%; height:34px;border:1px solid #2b2a48; border-radius:3px; padding:14px 0 0 0px; font-size:14px; text-align:center; background:#fff; color:#444}
	.login_div2 .input_btn {position:relative;}
	.login_div2 .line_login {border-top:1px solid #cdd2e9; border-bottom:1px solid #cdd2e9; padding:20px 0 15px 0;}
	.login_div2 .line_login .txt {margin-left:5%; font-size:14px; color:#666; display:inline-block;}

	.login_div2 label {font-size:14px; color:#8b90a6;}
	.login_div2 .tud_blue {display:inline-block; text-decoration:underline; font-size:14px; color:#4171c5; vertical-align:middle;}
	.login_div2 .t_blue {font-size:14px; color:#4171c5;}
	.login_div2 .btn_login {width:90%; height:50px; border-radius:3px; background:#246fe4; color:#fff; font-size:17px; margin:15px 0 0 5%; font-weight:600; letter-spacing:-0.05em;}
	.login_div2 .btn_auth {width:90%; height:50px; border-radius:3px; background:#182d4e; color:#fff; font-size:17px; margin:15px 0 0 5%; font-weight:600; letter-spacing:-0.05em;}
	.login_div2 .txt_j {font-size:14px; color:#8b90a6; margin-top:10px; text-align:center}
}