#wrap{width:100%; position:relative;}


/*///////////////////// header /////////////////////*/

#header{width:100%; height:100px; border-bottom:2px solid #1f6fd5; position:fixed; top:0; right:0; left:0; background:#050505; z-index:1000;}
#header h1{float:left; padding-left:1%; line-height:100px;}
#header h1 a{display:block;}
#header h1 img{vertical-align:middle; width:100%;}

#header .nav_wrap{float:right; position:relative; z-index:1000;}
#header .nav_wrap ul{float:left; margin-top:15px;}
#header .nav_wrap ul li{float:left;}
#header .nav_wrap ul li a{display:block; width:100%; font-size:19px; color:#fff; font-weight:bold; font-family:'Nanum Gothic'; line-height:24px; padding-left:50px; letter-spacing:1px; transition:all 0.3s; box-sizing:border-box;}
#header .nav_wrap ul li.first a{padding-left:0;}
#header .nav_wrap ul li a:hover{color:#1F6FD5;}
#header .nav_wrap ul li a img{vertical-align:middle;width:30px;margin-top:-2px;}
#header .nav_wrap ul li.last{position:relative;display:none}
#header .nav_wrap ul li.last div{width:auto; height:auto; position:absolute; bottom:-42px; right:0; background:#fff; display:none;}
#header .nav_wrap ul li.last div form fieldset{position:relative;}
#header .nav_wrap ul li.last div form fieldset input{width:344px; border:1px solid #8d8d8d; display:block; margin:0 auto; height:36px; padding-left:2%;}
#header .nav_wrap ul li.last div form fieldset button{width:17px; height:17px; position:absolute; top:24%; right:2%;}

#header .nav_wrap .all_menu{float:left; box-sizing:border-box; padding:0 20px;  
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#070808+0,050505+100 */
background: rgb(7,8,8); /* Old browsers */
background: -moz-linear-gradient(top, rgba(7,8,8,1) 0%, rgba(5,5,5,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(7,8,8,1) 0%,rgba(5,5,5,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(7,8,8,1) 0%,rgba(5,5,5,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#070808', endColorstr='#050505',GradientType=0 ); /* IE6-9 */
}
#header .nav_wrap .all_menu a{width:100%; display:block; text-align:center; line-height:45px;}
#header .nav_wrap .all_menu a img{margin-top:15px;padding-left:15px;}

#header .all_menu_pop{width:52%; position: absolute; top:0; right:0; box-sizing:border-box; border:5px solid #2571d2; background:#fff; z-index:1000; display:none;}
#header .all_menu_pop .pop_inner{width:100%; position:relative; border:1px dashed #868686; box-sizing:border-box; padding:5% 75px;}
#header .all_menu_pop .pop_inner a.all_close{position:absolute; top:15px; right:1.5%; display:block;}
#header .all_menu_pop .pop_inner ul{width:100%; border-top:1px solid #d7d7d7; margin-bottom:30px;}
#header .all_menu_pop .pop_inner ul li{border-bottom:1px solid #d7d7d7;}
#header .all_menu_pop .pop_inner ul li p{width:13%; float:left; font-size:15px; color:#050505; font-weight:bold; padding-left:2%; line-height:50px;}
#header .all_menu_pop .pop_inner ul li a{display:block; float:left; font-size:14px; color:#050505; line-height:50px; margin-right:3%;}
#header .all_menu_pop .pop_inner ul li a:hover{font-weight:bold;}
#header .all_menu_pop .pop_inner .btn_wrap{}
#header .all_menu_pop .pop_inner .btn_wrap a{width:18%; display:inline-block; border:1px solid #d7d7d7; text-align:center; margin-right:2.5%; float:left; box-sizing:border-box; line-height:50px; font-size:15px; color:#050505;}
#header .all_menu_pop .pop_inner .btn_wrap a.last{margin-right:0;}
#header .all_menu_pop .pop_inner .btn_wrap a.last.adm{margin-top:10px;}
.nav3 ul li {margin-right:0px; float:right; display:inline-block; margin-top:15px; margin-left:13px;}
.nav {padding-left:0; margin-bottom:0; overflow:hidden;}
.navbar-collapse {padding-right:20px;}
.navbar-collapse{margin-right:0; margin-left:2%;}

#m_header{display:none;}

/*///////////////////// container /////////////////////*/

#container{width:100%; position:relative; padding-top:102px;}

.p_step_change_pc {display:block;}
.p_step_change_mobile {display:none;}

/* 상단 비쥬얼 */

#container .visual_sld{width:100%; position:relative; background:url('../img/main/main_visual_test01.jpg') no-repeat center top; background-size:cover; box-sizing:border-box; padding:48px 0 60px;}
#container .visual_sld nav.top_nav{width:100%;}
#container .visual_sld nav.top_nav ul{width:41.5%; margin:0 auto;}
#container .visual_sld nav.top_nav ul li{width:19%; float:left; margin: 0 0.5%;text-align:center; position:relative;}
#container .visual_sld nav.top_nav ul li a{width:100%; display:block;}
#container .visual_sld nav.top_nav ul li:after{position: absolute;left:-5.5%;top:50%;margin-top: -8px;width:12px; height:16px; display:block; background:url('../img/main/nav_off.png') no-repeat center;content:"";}	
#container .visual_sld nav.top_nav ul li:first-child:after{display: none;}
#container .visual_sld nav.top_nav ul li span{display: none;}
#container .visual_sld nav.top_nav ul li:hover span{background:url('../img/main/nav_on.png') no-repeat center top;}

#container .visual_sld h2{text-align:center; margin:64px 0 60px;}
#container .visual_sld h2 img{}
#container .visual_sld h2.m_slogan{display:none;}

#container .visual_sld .tit_img_wrap{width:100%;margin-top:3%;position:relative;text-align:center;}
#container .visual_sld .tit_img_wrap img {width:auto; position:relative;}
#container .visual_sld .txt_sld_wrap{width:100%; position:relative;}
#container .visual_sld .txt_sld_wrap:after{position:absolute; top:0; left:50%; margin-left:-1px; width:1px; height:100%; background:#8a8b88; z-index:300px; content:''; display:block;}
#container .visual_sld .txt_sld_wrap ul{width:51.875%; margin:0 auto; position:relative;}
#container .visual_sld .txt_sld_wrap ul li{box-sizing:border-box;}
#container .visual_sld .txt_sld_wrap ul li p.title{font-size:43px; color:#fff; font-weight:500; font-family:'Nanum Gothic'; text-align:center; margin-bottom:26px;}
#container .visual_sld .txt_sld_wrap ul li p.con_txt{font-size:19px; color:#fff; line-height:28px; margin-bottom:26px; text-align:center;}
#container .visual_sld .txt_sld_wrap ul li a{width:205px; height:50px; display:block; box-sizing:border-box; border:1px solid #fff; text-align:center; line-height:50px; margin:0 auto; font-size:15px; color:#fff; font-weight:bold; transition:all 0.3s;}
#container .visual_sld .txt_sld_wrap ul li a:hover{border-color:#000; color:#000;}
#container .visual_sld .txt_sld_wrap ul .owl-controls .owl-nav .owl-prev{width:68px; height:68px; display:block; background:url('../img/main/txt_sld_prve.png') no-repeat center center; text-indent:-9999em; position:absolute; top:0; left:-68px; z-index:150;}
#container .visual_sld .txt_sld_wrap ul .owl-controls .owl-nav .owl-next{width:68px; height:68px; display:block; background:url('../img/main/txt_sld_next.png') no-repeat center center; text-indent:-9999em; position:absolute; top:0; right:-68px; z-index:150;}
.owl-carousel .owl-item img {display:block;width:100%;margin:0 auto;}
.tit_img_wrap .owl-nav {display:none;}


/* 배너 영역 */

#container .banner_wrap{width:100%;padding-top: 10%; position:relative; background:#1f6fd5;}
#container .banner_wrap .banner_inner{width:100%;}
#container .banner_wrap .banner_inner .banner_sld li{width:100%;}
#container .banner_wrap .banner_inner .banner_sld li img{width:100%;}
#container .banner_wrap .banner_inner .banner_Btn{position:absolute; width:62.5%; top:0; left:50%; margin-left:-31.25%;}
#container .banner_wrap .banner_inner .banner_Btn li{position: relative;float:left; width:20%; padding-bottom: 16%;}
#container .banner_wrap .banner_inner .banner_Btn li a{position: absolute; left: 0;right: 0;top: 0;bottom: 0;}
#container .banner_wrap .banner_inner .banner_Btn li.pager_01 a{background:url('../img/main/menu01_off.png') no-repeat center top; background-size:100% 100%; transition:all 0.5s;}
#container .banner_wrap .banner_inner .banner_Btn li.pager_01 a:hover{background:url('../img/main/menu01_on.png') no-repeat center top; background-size:100% 100%;}
#container .banner_wrap .banner_inner .banner_Btn li.pager_02 a{background:url('../img/main/menu02_off.png') no-repeat center top; background-size:100% 100%; transition:all 0.5s;}
#container .banner_wrap .banner_inner .banner_Btn li.pager_02 a:hover{background:url('../img/main/menu02_on.png') no-repeat center top; background-size:100% 100%;}
#container .banner_wrap .banner_inner .banner_Btn li.pager_03 a{background:url('../img/main/menu03_off.png') no-repeat center top; background-size:100% 100%; transition:all 0.5s;}
#container .banner_wrap .banner_inner .banner_Btn li.pager_03 a:hover{background:url('../img/main/menu03_on.png') no-repeat center top; background-size:100% 100%;}
#container .banner_wrap .banner_inner .banner_Btn li.pager_04 a{background:url('../img/main/menu04_off.png') no-repeat center top; background-size:100% 100%; transition:all 0.5s;}
#container .banner_wrap .banner_inner .banner_Btn li.pager_04 a:hover{background:url('../img/main/menu04_on.png') no-repeat center top; background-size:100% 100%;}
#container .banner_wrap .banner_inner .banner_Btn li.pager_05 a{background:url('../img/main/menu05_off.png') no-repeat center top; background-size:100% 100%; transition:all 0.5s;}
#container .banner_wrap .banner_inner .banner_Btn li.pager_05 a:hover{background:url('../img/main/menu05_on.png') no-repeat center top; background-size:100% 100%;}
#container .banner_wrap .banner_inner .bx-wrapper .bx-controls .bx-controls-direction{display:none;}

#container .m_banner_wrap{display:none;}

/* step_01 */

#container .step_01{width:100%; background:url('../img/main/step_01_bg.png') no-repeat center top; background-size:100% 100%; padding:143px 0 113px;}
#container .step_01 h3{font-size:60px; color:#333; font-weight:bold; text-align:center; margin-bottom:45px; font-family:'Nanum Gothic';}
#container .step_01 h3 p{font-size:17px; color:#333; font-weight:bold; margin-bottom:28px; letter-spacing:2px; font-family:'Nanum Gothic';}
#container .step_01 .step_01_logo{width:16.1%; margin:0 auto; margin-bottom:29px;}
#container .step_01 .step_01_logo img{width:100%;}
#container .step_01 ul{width:48.4375%; margin:0 auto; margin-bottom:34px;}
#container .step_01 ul li{width:25%; float:left; text-align:center; -webkit-transform: translateX(); -ms-transform: translateX(); transform: translateX();}
#container .step_01 ul li img{transition: 0.2s all; -moz-transition: 0.2s all; -webkit-transition: 0.2s all;}
#container .step_01 ul li:hover img{-ms-transform: scale(1.1); /* IE 9 */ -webkit-transform: scale(1.1); /* Safari */ transform: scale(1.1);}
#container .step_01 ul li p.li_txt{display:none;}
#container .step_01 p{font-size:18px; color:#333; font-weight:bold; text-align:center;}
#container .step_01.active ul li.icon01 img{-ms-transform: scale(1.1); /* IE 9 */ -webkit-transform: scale(1.1); /* Safari */ transform: scale(1.1); -webkit-transition: all .2s ease-out 0.4s; -moz-transition: all .2s ease-out 0.4s; -o-transition: all .2s ease-out 0.4s; transition: all .2s ease-out 0.4s;}
#container .step_01.active ul li.icon02 img{-ms-transform: scale(1.1); /* IE 9 */ -webkit-transform: scale(1.1); /* Safari */ transform: scale(1.1); -webkit-transition: all .2s ease-out 0.6s; -moz-transition: all .2s ease-out 0.6s; -o-transition: all .2s ease-out 0.6s; transition: all .2s ease-out 0.6s;}
#container .step_01.active ul li.icon03 img{-ms-transform: scale(1.1); /* IE 9 */ -webkit-transform: scale(1.1); /* Safari */ transform: scale(1.1); -webkit-transition: all .2s ease-out 0.8s; -moz-transition: all .2s ease-out 0.8s; -o-transition: all .2s ease-out 0.8s; transition: all .2s ease-out 0.8s;}
#container .step_01.active ul li.icon04 img{-ms-transform: scale(1.1); /* IE 9 */ -webkit-transform: scale(1.1); /* Safari */ transform: scale(1.1); -webkit-transition: all .2s ease-out 1s; -moz-transition: all .2s ease-out 1s; -o-transition: all .2s ease-out 1s; transition: all .2s ease-out 1s;}
/* #container .step_01.active ul li img{-ms-transform: scale(1.1); IE 9 -webkit-transform: scale(1.1); Safari transform: scale(1.1);} */






#container .step_01 ul.m_special_li{display:none;}
#container .step_01 p.m_block{display:none;}

/* step_02 */

#container .step_02{width:100%; background:#1f6fd5; padding:149px 0 160px;}
#container .step_02 h3{font-size:60px; color:#fff; font-weight:bold; text-align:center; margin-bottom:45px; font-family:'Nanum Gothic';}
#container .step_02 h3 p{font-size:17px; color:#fff; font-weight:bold; margin-bottom:28px; letter-spacing:2px; font-family:'Nanum Gothic';}
#container .step_02 h3 span{font-size:25px; color:#fff; font-weight:normal; display:block; margin-top:10px; font-family:'Nanum Gothic';}
#container .step_02 h3 span.br{font-size:60px; color:#fff; font-weight:bold; display:inline;}
#container .step_02 ul{width:51.875%; margin:0 auto; box-sizing:border-box;}
#container .step_02 ul li{width:50%; float:left; margin-bottom:60px;}1
#container .step_02 ul li .text{width:51%; box-sizing:border-box;}
#container .step_02 ul li .text p{font-family:'Nanum Gothic';}
#container .step_02 ul li .text p.tit{font-size:30px; color:#fff; font-weight:bold; margin-bottom:16px;}
#container .step_02 ul li .text p.txt{font-size:15px; color:#fff; margin-bottom:23px;}
#container .step_02 ul li .text p.txt span{display:block;}
#container .step_02 ul li .text p.phone_num{font-size:40px; color:#fff; font-weight:bold;}
#container .step_02 ul li .text a{width:136px; height:46px; display:inline-block; border:1px solid #fff; font-size:15px; color:#fff; text-align:center; line-height:46px; transition:all 0.3s; font-family:'Nanum Gothic';}
#container .step_02 ul li .text a.m_phone{display:none;}
#container .step_02 ul li .text a:hover{color:#000; border-color:#000;}
#container .step_02 ul li .icon{width:42%; text-align:center;}
#container .step_02 ul li .icon img{transition: 0.2s all; -moz-transition: 0.2s all; -webkit-transition: 0.2s all; -webkit-transform: translateX(); -ms-transform: translateX(); transform: translateX();}
#container .step_02 ul li .icon:hover img{-ms-transform: scale(1.1); /* IE 9 */ -webkit-transform: scale(1.1); /* Safari */ transform: scale(1.1);}
#container .step_02 ul li.left .text{float:left; text-align:right; padding:25px 15px 0 0;}
#container .step_02 ul li.left .icon{float:right;}
#container .step_02 ul li.right .text{float:right; text-align:left; padding:25px 0 0 15px;}
#container .step_02 ul li.right .icon{float:left;}


#container .step_02.active ul li .icon.icon01 img{-ms-transform: scale(1.1); /* IE 9 */ -webkit-transform: scale(1.1); /* Safari */ transform: scale(1.1); -webkit-transition: all .2s ease-out 0.4s; -moz-transition: all .2s ease-out 0.4s; -o-transition: all .2s ease-out 0.4s; transition: all .2s ease-out 0.4s;}
#container .step_02.active ul li .icon.icon02 img{-ms-transform: scale(1.1); /* IE 9 */ -webkit-transform: scale(1.1); /* Safari */ transform: scale(1.1); -webkit-transition: all .2s ease-out 0.6s; -moz-transition: all .2s ease-out 0.6s; -o-transition: all .2s ease-out 0.6s; transition: all .2s ease-out 0.6s;}
#container .step_02.active ul li .icon.icon03 img{-ms-transform: scale(1.1); /* IE 9 */ -webkit-transform: scale(1.1); /* Safari */ transform: scale(1.1); -webkit-transition: all .2s ease-out 0.8s; -moz-transition: all .2s ease-out 0.8s; -o-transition: all .2s ease-out 0.8s; transition: all .2s ease-out 0.8s;}
#container .step_02.active ul li .icon.icon04 img{-ms-transform: scale(1.1); /* IE 9 */ -webkit-transform: scale(1.1); /* Safari */ transform: scale(1.1); -webkit-transition: all .2s ease-out 1s; -moz-transition: all .2s ease-out 1s; -o-transition: all .2s ease-out 1s; transition: all .2s ease-out 1s;}


/* step_03 */

#container .step_03{display:block; width:100%; background:url('../img/main/step_01_bg.png') no-repeat center top; background-size:100% 100%; padding:142px 0 134px;}
#container .step_03 h3{font-size:60px; color:#333; font-weight:bold; text-align:center; margin-bottom:45px; font-family:'Nanum Gothic';}
#container .step_03 h3 p{font-size:17px; color:#333; font-weight:bold; margin-bottom:28px; letter-spacing:2px; font-family:'Nanum Gothic';}
#container .step_03 h3 span{font-size:25px; color:#333; font-weight:normal; display:block; margin-top:10px; font-family:'Nanum Gothic';}
#container .step_03 h3 span.br{font-size:60px; color:#333; font-weight:bold; display:inline;}
#container .step_03 .form_wrap{width:51.875%; margin:0 auto; box-sizing:border-box;}
#container .step_03 .form_wrap form fieldset .input_list{background:url('../img/main/form_wrap_bg.png') repeat; padding:32px; margin-bottom:32px;}
#container .step_03 .form_wrap form fieldset ul{width:100%; box-sizing:border-box;}
#container .step_03 .form_wrap form fieldset ul li{width:100%; padding:6px 0; box-sizing:border-box;}
#container .step_03 .form_wrap form fieldset ul li select.sel_01{width:48%; float:left; height:64px; border:1px solid #a0a0a0; box-sizing:border-box; padding-left:2%;}
#container .step_03 .form_wrap form fieldset ul li select.sel_01.mar{margin-right:4%;}
#container .step_03 .form_wrap form fieldset ul li select.sel_02{width:25%; float:left; height:64px; border:1px solid #a0a0a0; box-sizing:border-box; padding-left:2%; margin-right:2%;}
#container .step_03 .form_wrap form fieldset ul li input.ip_01{width:35.5%; float:left; height:64px; border:1px solid #a0a0a0; box-sizing:border-box; padding-left:2%;}
#container .step_03 .form_wrap form fieldset ul li input.ip_01.mar{margin-right:2%;}
#container .step_03 .form_wrap form fieldset ul li select.sel_03{width:28.4%; float:left; height:64px; border:1px solid #a0a0a0; box-sizing:border-box; padding-left:2%;}
#container .step_03 .form_wrap form fieldset ul li input.ip_02{width:33%; float:left; height:64px; border:1px solid #a0a0a0; box-sizing:border-box; padding-left:2%;}
#container .step_03 .form_wrap form fieldset ul li p{float:left; line-height:64px; margin:0 1%;}
#container .step_03 .form_wrap form fieldset ul li input.ip_02.mar{margin-right:2%;}
#container .step_03 .form_wrap form fieldset ul li .date_wrap{width:50%; float:left; margin-right:2%; position:relative;}
#container .step_03 .form_wrap form fieldset ul li .date_wrap input.ip_03{width:82%; height:64px; border:1px solid #a0a0a0; box-sizing:border-box; padding-left:4%;}
#container .step_03 .form_wrap form fieldset ul li .date_wrap img{position:absolute; top:0; right:0; width:64px; height:64px;}
#container .step_03 .form_wrap form fieldset ul li select.sel_04{width:48%; float:left; height:64px; border:1px solid #a0a0a0; box-sizing:border-box; padding-left:2%;}
#container .step_03 .form_wrap form fieldset ul li textarea{width:48%; float:left; height:166px; border:1px solid #a0a0a0; box-sizing:border-box; padding:2%; margin-right:4%;}
#container .step_03 .form_wrap form fieldset ul li div.agree_info{width:48%; float:left; height:166px; border:1px solid #a0a0a0; box-sizing:border-box; padding:2%; overflow-y:scroll; background:#fff; font-size:13px; color:#666; font-family:'Nanum Gothic';}
#container .step_03 .form_wrap form fieldset ul li select{font-size:14px; color:#1f6fd5; font-family:'Nanum Gothic'; font-weight:bold;}
#container .step_03 .form_wrap form fieldset ul li input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size:14px; color:#1f6fd5; font-weight:bold;}
#container .step_03 .form_wrap form fieldset ul li input::-moz-placeholder { /* Firefox 19+ */ font-size:14px; color:#1f6fd5; font-weight:bold;}
#container .step_03 .form_wrap form fieldset ul li input:-ms-input-placeholder { /* IE 10+ */ font-size:14px; color:#1f6fd5; font-weight:bold;}
#container .step_03 .form_wrap form fieldset ul li input:-moz-placeholder { /* Firefox 18- */ font-size:14px; color:#1f6fd5; font-weight:bold;}
#container .step_03 .form_wrap form fieldset ul li textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size:14px; color:#1f6fd5; font-weight:bold;}
#container .step_03 .form_wrap form fieldset ul li textarea::-moz-placeholder { /* Firefox 19+ */ font-size:14px; color:#1f6fd5; font-weight:bold;}
#container .step_03 .form_wrap form fieldset ul li textarea:-ms-input-placeholder { /* IE 10+ */ font-size:14px; color:#1f6fd5; font-weight:bold;}
#container .step_03 .form_wrap form fieldset ul li textarea:-moz-placeholder { /* Firefox 18- */ font-size:14px; color:#1f6fd5; font-weight:bold;}
#container .step_03 .form_wrap form fieldset .check_box{width:100%;}
#container .step_03 .form_wrap form fieldset .check_box label{text-align:left; font-size:16px; color:#fff;}
#container .step_03 .form_wrap form fieldset .check_box label input{width:19px; height:19px; margin-right:1%;}
#container .step_03 .form_wrap form fieldset .btn_wrap{width:100%; text-align:center;}
#container .step_03 .form_wrap form fieldset .btn_wrap button{width:240px; height:70px; background:#003d7e; font-size:30px; color:#fff; font-weight:bold; font-family:'Nanum Gothic';}


/* step_04 */

#container .step_04{width:100%; background:url('../img/main/step_01_bg.png') no-repeat center top; padding:139px 0 120px; display:none;}
#container .step_04 h3{font-size:60px; color:#fff; font-weight:bold; text-align:center; margin-bottom:45px; font-family:'Nanum Gothic';}
#container .step_04 h3 p{font-size:17px; color:#fff; font-weight:bold; margin-bottom:28px; letter-spacing:2px; font-family:'Nanum Gothic';}
#container .step_04 h3 span{font-size:25px; color:#fff; font-weight:normal; display:block; margin-top:10px; font-family:'Nanum Gothic';}
#container .step_04 .search_wrap{width:51.875%; margin:0 auto; box-sizing:border-box; margin-bottom:110px;}
#container .step_04 .search_wrap ul{}
#container .step_04 .search_wrap ul li{width:100%; margin-bottom:10px;}
#container .step_04 .search_wrap ul li input{width:83%; height:64px; border:1px solid #a0a0a0; box-sizing:border-box; padding-left:2%; float:left;}
#container .step_04 .search_wrap ul li button{width:15%; height:64px; background:#003d7e; font-size:15px; color:#fff; font-weight:bold; float:right;}
#container .step_04 .search_wrap ul li select{width:40%; height:64px; border:1px solid #a0a0a0; padding-left:2%; float:left; font-size:14px; color:#1f6fd5; font-weight:bold;}
#container .step_04 .search_wrap ul li select.mar{margin-right:3%}
#container .step_04 .search_wrap ul li input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size:14px; color:#1f6fd5; font-weight:bold;}
#container .step_04 .search_wrap ul li input::-moz-placeholder { /* Firefox 19+ */ font-size:14px; color:#1f6fd5; font-weight:bold;}
#container .step_04 .search_wrap ul li input:-ms-input-placeholder { /* IE 10+ */ font-size:14px; color:#1f6fd5; font-weight:bold;}
#container .step_04 .search_wrap ul li input:-moz-placeholder { /* Firefox 18- */ font-size:14px; color:#1f6fd5; font-weight:bold;}
#container .step_04 .notice_wrap{width:51.875%; margin:0 auto; box-sizing:border-box;}
#container .step_04 .notice_wrap h4{font-size:30px; color:#fff; font-weight:bold; margin-bottom:22px; padding-left:5%;}
#container .step_04 .notice_wrap .re_veiw{width:40%; float:left;}
#container .step_04 .notice_wrap .re_veiw a{width:40%; display:inline-block; text-align:center;}
#container .step_04 .notice_wrap .re_veiw a img{margin-bottom:15px; transition: 0.2s all; -moz-transition: 0.2s all; -webkit-transition: 0.2s all; -webkit-transform: translateX(); -ms-transform: translateX(); transform: translateX();}
#container .step_04 .notice_wrap .re_veiw a:hover img{-ms-transform: scale(1.1); /* IE 9 */ -webkit-transform: scale(1.1); /* Safari */ transform: scale(1.1);}
#container .step_04 .notice_wrap .re_veiw a p{width:100%; display:inline-block; font-size:20px; color:#fff; font-weight:bold; text-align:center;}
#container .step_04 .notice_wrap .notice{width:60%; float:left;}
#container .step_04 .notice_wrap .notice ul{width:100%; display:block; box-sizing:border-box; padding-left:5%; margin-bottom:40px;}
#container .step_04 .notice_wrap .notice ul li{background:url('../img/main/notice_bg.png') no-repeat left center; width:99%; line-height:30px; padding-left:1%;}
#container .step_04 .notice_wrap .notice ul li a{font-size:16px; color:#fff; transition:all 0.3s;}
#container .step_04 .notice_wrap .notice ul li a:hover{color:#000;}
#container .step_04.active .notice_wrap .re_veiw a img.icon_09{-ms-transform: scale(1.1); /* IE 9 */ -webkit-transform: scale(1.1); /* Safari */ transform: scale(1.1); -webkit-transition: all .2s ease-out 0.4s; -moz-transition: all .2s ease-out 0.4s; -o-transition: all .2s ease-out 0.4s; transition: all .2s ease-out 0.4s;}
#container .step_04.active .notice_wrap .re_veiw a img.icon_08{-ms-transform: scale(1.1); /* IE 9 */ -webkit-transform: scale(1.1); /* Safari */ transform: scale(1.1); -webkit-transition: all .2s ease-out 0.6s; -moz-transition: all .2s ease-out 0.6s; -o-transition: all .2s ease-out 0.6s; transition: all .2s ease-out 0.6s;}

/* step_05 */

#container .step_05{width:100%; background:#1f6fd5; background-size:100% 100%;}
#container .step_05 .step_05_inner{padding:112px 0 118px;}
#container .step_05 h3{font-size:60px; color:#fff; font-weight:bold; text-align:center; margin-bottom:45px; font-family:'Nanum Gothic';}
#container .step_05 h3 p{font-size:17px; color:#fff; font-weight:bold; margin-bottom:28px; letter-spacing:2px; font-family:'Nanum Gothic';}
#container .step_05 ul{/*width:72%;*/width:65.2%; margin:0 auto;}
#container .step_05 ul li{float:left; width:30%; margin:0 5% 20px 0;}
#container .step_05 ul li.last{margin-right:0;}
#container .step_05 ul li a{display:block;}
#container .step_05 ul li a img{width:100%;}




/*///////////////////// container End /////////////////////*/

/*///////////////////// footer /////////////////////*/

#footer{width:100%;}

/* 하단 지점 검색 */

img.a {vertical-align: middle;}

#footer .footer_serch{width:100%; background:#404040; position:relative;}
#footer .footer_serch .go_top_btn{z-index:10000;width:3.7%; position:fixed; top:90%; right:3%; display:none;}
#footer .footer_serch .go_top_btn a{width:100%; display:block;}
#footer .footer_serch .go_top_btn a img{width:100%;}
#footer .footer_serch .f_search_inner{width:70%; margin:0 auto;}
#footer .footer_serch .f_search_inner ul{width:85%;margin:0 auto;}
#footer .footer_serch .f_search_inner ul li{width:6.25%; float:left;}
#footer .footer_serch .f_search_inner ul li a{width:100%; line-height:84px; display:block; text-align:center; font-size:14px; color:#cecece;}
#footer .footer_serch .f_search_inner ul li a:hover{color:#fff;}
#footer .footer_serch .f_search_inner ul li div{width:50%; background:#333; position:absolute; top:-32px; left:50%; margin-left:-25%; display:none;}
#footer .footer_serch .f_search_inner ul li div p{font-size:xx-small;color:#ebebeb; line-height:32px; text-align:center;}
#footer .footer_serch .f_search_inner ul li div p strong{font-size:xx-small; color:#ebebeb; font-weight:bold;}
#footer .footer_serch .open_add{clear:both;width:40%;margin:0 auto;}
#footer .footer_serch .open_add p{width:90%; margin:0 auto; font-size:13px; color:#545454; line-height:34px; background:#fff; margin:25px auto; text-align:center;}
#footer .footer_serch .open_add p strong{color:#008ef4; font-weight:bold;}
#footer .footer_banner{width:100%; background:#cacaca;}
#footer .footer_banner .f_banner_inner{width:70%; margin:0 auto;}
#footer .footer_banner .f_banner_inner h1{float:left; line-height:80px;}
#footer .footer_banner .f_banner_inner h1 img{vertical-align:middle;}
#footer .footer_banner .f_banner_inner ul{float:right; width:42.5%; line-height:80px}
#footer .footer_banner .f_banner_inner ul li{float:left; margin-left:18px;}
#footer .footer_banner .f_banner_inner ul li a{font-size:12px; color:#696866; vertical-align:middle; box-sizing:border-box; padding-left:20px; border-left:1px solid #908c8e; line-height:18px;}
#footer .footer_banner .f_banner_inner ul li.first a{border-left:none;}
#footer .copy{width:100%; background:#fff;}
#footer .copy address{font-size:12px; color:#6e6e6e; text-align:center; line-height:63px;}

/*///////////////////// footer End /////////////////////*/

/* 퀵메뉴 */

.quick_wrap{position:fixed; top:50%; margin-top:-150px; right:0px; z-index:100; width:141px; height:315px;}
.quick_wrap ul{display:block; width:100%; height:100%;}
.quick_wrap ul li{position:relative; width:141px; height:50px; margin-bottom:3px;}
.quick_wrap ul li a{width:57px; height:50px; display:block; position:absolute; top:0; right:0; text-align:left; transition:all 0.3s;}
.quick_wrap ul li.quick_01 a{background:url('../img/main/quick_01.png') no-repeat center top;}
.quick_wrap ul li.quick_02 a{background:url('../img/main/quick_02.png') no-repeat center top;}
.quick_wrap ul li.quick_03 a{background:url('../img/main/quick_03.png') no-repeat center top;}
.quick_wrap ul li.quick_04 a{background:url('../img/main/quick_04.png') no-repeat center top;}
.quick_wrap ul li.quick_05 a{background:url('../img/main/quick_05.png') no-repeat center top;}
.quick_wrap ul li.quick_06 a{background:url('../img/main/quick_06.png') no-repeat center top;}
.quick_wrap ul li.quick_07 a{background:url('../img/main/quick_07.png') no-repeat center top;}
.quick_wrap ul li.quick_login a{background:url('../img/main/quick_login.png') no-repeat center top;}
.quick_wrap ul li.quick_logout a{background:url('../img/main/quick_logout.png') no-repeat center top;}

.quick_wrap ul li:hover a{width:141px; height:50px; display:block; position:absolute; top:0; right:0;}
.quick_wrap ul li.quick_01:hover a{background:url('../img/main/quick_01_on.png') no-repeat center top;}
.quick_wrap ul li.quick_02:hover a{background:url('../img/main/quick_02_on.png') no-repeat center top;}
.quick_wrap ul li.quick_03:hover a{background:url('../img/main/quick_03_on.png') no-repeat center top;}
.quick_wrap ul li.quick_04:hover a{background:url('../img/main/quick_04_on.png') no-repeat center top;}
.quick_wrap ul li.quick_05:hover a{background:url('../img/main/quick_05_on.png') no-repeat center top;}
.quick_wrap ul li.quick_06:hover a{background:url('../img/main/quick_06_on.png') no-repeat center top;}
.quick_wrap ul li.quick_07:hover a{background:url('../img/main/quick_07_on.png') no-repeat center top;}
.quick_wrap ul li.quick_login:hover a{background:url('../img/main/quick_login_on.png') no-repeat center top;}
.quick_wrap ul li.quick_logout:hover a{background:url('../img/main/quick_logout_on.png') no-repeat center top;}

/*** pc & laptop ***/

@media all and (min-width:1280px) and (max-width:1919px) {

#wrap{width:auto; position:relative;}

/*///////////////////// container /////////////////////*/

#container{width:auto; position:relative;}

#header .all_menu_pop{width:70%; position: absolute; top:0; right:0; box-sizing:border-box; border:5px solid #2571d2; background:#fff; z-index:1000; display:none;}
#header .all_menu_pop .pop_inner{width:100%; position:relative; border:1px dashed #868686; box-sizing:border-box; padding:5% 75px;}
#header .all_menu_pop .pop_inner a.all_close{position:absolute; top:15px; right:1.5%; display:block;}
#header .all_menu_pop .pop_inner ul{width:100%; border-top:1px solid #d7d7d7; margin-bottom:30px;}
#header .all_menu_pop .pop_inner ul li{border-bottom:1px solid #d7d7d7;}
#header .all_menu_pop .pop_inner ul li p{width:13%; float:left; font-size:15px; color:#050505; font-weight:bold; padding-left:2%; line-height:50px;}
#header .all_menu_pop .pop_inner ul li a{display:block; float:left; font-size:14px; color:#050505; line-height:50px; margin-right:3%;}
#header .all_menu_pop .pop_inner ul li a:hover{font-weight:bold;}
#header .all_menu_pop .pop_inner .btn_wrap{}
#header .all_menu_pop .pop_inner .btn_wrap a{width:18%; display:inline-block; border:1px solid #d7d7d7; text-align:center; margin-right:2.5%; float:left; box-sizing:border-box; line-height:50px; font-size:15px; color:#050505;}
#header .all_menu_pop .pop_inner .btn_wrap a.last{margin-right:0;}

#container .visual_sld .txt_sld_wrap ul li p.title{font-size:43px; color:#fff; font-weight:500; font-family:'Nanum Gothic'; text-align:center; margin-bottom:26px;}
#container .visual_sld .txt_sld_wrap ul li p.con_txt{font-size:18px; color:#fff; line-height:28px; margin-bottom:26px; text-align:center; letter-spacing:-1px;}
#container .visual_sld .txt_sld_wrap ul li a{width:205px; height:50px; display:block; box-sizing:border-box; border:1px solid #fff; text-align:center; line-height:50px; margin:0 auto; font-size:15px; color:#fff; font-weight:bold; transition:all 0.3s;}
#container .visual_sld .txt_sld_wrap ul li a:hover{border-color:#000; color:#000;}
#container .visual_sld .txt_sld_wrap ul .owl-controls .owl-nav .owl-prev{width:68px; height:68px; display:block; background:url('../img/main/txt_sld_prve.png') no-repeat center center; text-indent:-9999em; position:absolute; top:0; left:-68px; z-index:150;}
#container .visual_sld .txt_sld_wrap ul .owl-controls .owl-nav .owl-next{width:68px; height:68px; display:block; background:url('../img/main/txt_sld_next.png') no-repeat center center; text-indent:-9999em; position:absolute; top:0; right:-68px; z-index:150;}

.tit_img_wrap .owl-prev{width:68px; height:68px; display:block; background:url('../img/main/txt_sld_prve.png') no-repeat center center; text-indent:-9999em; position:absolute; top:0; left:-68px; z-index:150;}
.tit_img_wrap .owl-next{width:68px; height:68px; display:block; background:url('../img/main/txt_sld_next.png') no-repeat center center; text-indent:-9999em; position:absolute; top:0; right:-68px; z-index:150;}

/* 상단 비쥬얼 */

#container .visual_sld{padding:48px 0 60px;}
#container .visual_sld nav.top_nav ul{width:59.5%;}
#container .visual_sld h2{text-align:center; margin:64px 0 60px;}
#container .visual_sld .txt_sld_wrap ul li p.title{font-size:40px;}
#container .visual_sld .txt_sld_wrap ul li p.con_txt{font-size:17px;}

/* step_01 */

#container .step_01{padding:100px 0 60px;}
#container .step_01 h3{font-size:55px;}
#container .step_01 ul{width:60%;}

/* step_02 */

#container .step_02{padding:100px 0 100px;}
#container .step_02 h3{font-size:55px;}
#container .step_02 h3 span{font-size:22px;}
#container .step_02 ul{width:85%; margin:0 auto; box-sizing:border-box;}

/* step_03 */

#container .step_03{padding:100px 0 90px;}
#container .step_03 h3{font-size:55px;}
#container .step_03 h3 span{font-size:22px;}
#container .step_03 .form_wrap{width:74%;}
#container .step_03 .form_wrap form fieldset .btn_wrap button{width:200px; height:60px; font-size:25px;}

/* step_04 */

#container .step_04{padding:90px 0 80px;}
#container .step_04 h3{font-size:55px;}
#container .step_04 h3 span{font-size:22px;}
#container .step_04 .search_wrap{width:74%;}
#container .step_04 .notice_wrap{width:74%;}
#container .step_04 .notice_wrap h4{font-size:28px;}
#container .step_04 .notice_wrap .re_veiw{width:45%;}
#container .step_04 .notice_wrap .notice{width:55%;}

/* step_05 */

#container .step_05{padding:90px 0 80px;}
#container .step_03 h3{font-size:55px;}
#container .step_05 ul{width:70%; margin:0 auto; text-align:center;}
#container .step_05 ul li{float:left; width:30%; margin:0 5% 20px 0;}
#container .step_05 ul li.last{margin-right:0;}
#container .step_05 ul li a{display:block;}
#container .step_05 ul li a img{width:100%;}

/*///////////////////// container End /////////////////////*/

/*///////////////////// footer /////////////////////*/

#footer{width:100%;}

/* 하단 지점 검색 */

#footer .footer_serch{width:100%; background:#404040;}
#footer .footer_serch .f_search_inner{width:100%;}

#footer .footer_banner{width:100%; background:#cacaca;}
#footer .footer_banner .f_banner_inner{width:100%;}

}

@media all and (min-width:1025px) and (max-width:1279px) {

#wrap{width:auto; position:relative;}

/*///////////////////// header /////////////////////*/

#header .nav_wrap ul li a{font-size:16px; padding-left:25px;}
#header .nav_wrap .all_menu{padding:0 20px;}

#header .all_menu_pop{width:80%;}
#header .all_menu_pop .pop_inner{padding:2% 50px;}
#header .all_menu_pop .pop_inner ul{margin-bottom:15px;}
#header .all_menu_pop .pop_inner ul li p{width:100%; float:none; line-height:30px;}
#header .all_menu_pop .pop_inner ul li a{width:20%; display:block; float:left; line-height:30px; margin-right:0%; text-align:center;}
#header .all_menu_pop .pop_inner .btn_wrap a{line-height:30px;}

/*///////////////////// container /////////////////////*/

#container{width:auto; position:relative;}

/* 상단 비쥬얼 */

#container .visual_sld{padding:48px 0 60px;}
#container .visual_sld nav.top_nav ul{width:78%;}
#container .visual_sld h2{text-align:center; margin:50px 0 45px;}
#container .visual_sld .txt_sld_wrap ul{width:70%;}
#container .visual_sld .txt_sld_wrap ul li p.title{font-size:38px;}
#container .visual_sld .txt_sld_wrap ul li p.con_txt{font-size:16px;}

/* step_01 */

#container .step_01{padding:80px 0 50px;}
#container .step_01 h3{font-size:40px;}
#container .step_01 .step_01_logo{width:26%;}
#container .step_01 ul{width:88%;}

/* step_02 */

#container .step_02{padding:80px 0 80px;}
#container .step_02 h3{font-size:40px;}
#container .step_02 h3 span{font-size:18px;}
#container .step_02 ul{width:85%; margin:0 auto; box-sizing:border-box;}
#container .step_02 ul li .text p.tit{font-size:26px; margin-bottom:16px;}
#container .step_02 ul li .text p.txt{font-size:15px; margin-bottom:23px;}
#container .step_02 ul li .text p.phone_num{font-size:30px; font-weight:bold;}

/* step_03 */

#container .step_03{padding:80px 0 75px;}
#container .step_03 h3{font-size:40px;}
#container .step_03 h3 span{font-size:18px;}
#container .step_03 .form_wrap{width:74%;}
#container .step_03 .form_wrap form fieldset ul li input.ip_02{width:32.7%;}

/* step_04 */

#container .step_04{padding:80px 0 70px;}
#container .step_04 h3{font-size:40px;}
#container .step_04 h3 span{font-size:18px;}
#container .step_04 .search_wrap{width:74%;}
#container .step_04 .notice_wrap{width:74%;}
#container .step_04 .notice_wrap h4{font-size:24px;}

/* step_05 */

#container .step_05{padding:80px 0 70px;}
#container .step_03 h3{font-size:40px;}
#container .step_05 ul{width:80%; margin:0 auto; text-align:center;}

/*///////////////////// container End /////////////////////*/

/*///////////////////// footer /////////////////////*/

#footer{width:100%;}

/* 하단 지점 검색 */

#footer .footer_serch{width:100%;}
#footer .footer_serch .f_search_inner{width:100%;}
#footer .footer_serch .f_search_inner ul li a{font-size:11px;}
#footer .footer_serch .f_search_inner .open_add{clear:both;width:40%;margin:0 auto;}
#footer .footer_serch .f_search_inner .open_add p{width:100%; font-size:11px;}
#footer .footer_banner{width:100%;}
#footer .footer_banner .f_banner_inner{width:100%;}
#footer .footer_banner .f_banner_inner ul{width:55%;}
#footer .footer_banner .f_banner_inner ul li{margin-left:10px;}
#footer .footer_banner .f_banner_inner ul li a{font-size:12px; padding-left:10px;}
#footer .footer_banner .f_banner_inner ul li.first a{border-left:none;}

#footer .footer_serch .go_top_btn{display:none; position:absolute; top:0; left:-999999px;}

}

/*** tablet ***/

@media all and (min-width:768px) and (max-width:1024px) {

#wrap{width:auto;}

/*///////////////////// header /////////////////////*/

#header h1{float:left; width:30%;}
#header h1 a{display:block;}
#header h1 img{vertical-align:middle; width:100%;}
#header .nav_wrap ul li a{font-size:14px; padding-left:21px; letter-spacing:-0.8px;}

#header .all_menu_pop{width:100%;}
#header .all_menu_pop .pop_inner{padding:2% 50px;}
#header .all_menu_pop .pop_inner ul{margin-bottom:15px;}
#header .all_menu_pop .pop_inner ul li p{width:100%; float:none; line-height:30px;}
#header .all_menu_pop .pop_inner ul li a{width:20%; display:block; float:left; line-height:30px; margin-right:0%; text-align:center;}
#header .all_menu_pop .pop_inner .btn_wrap a{line-height:30px;}

/*///////////////////// container /////////////////////*/

#container{width:auto;}

/* 상단 비쥬얼 */

#container .visual_sld{width:auto; /*height:610px;*/ height:auto}
#container .visual_sld nav.top_nav{width:auto; padding-top:28px;}
#container .visual_sld nav.top_nav ul{width:90%;}
#container .visual_sld nav.top_nav ul li a img{width:80%;}
#container .visual_sld h2{text-align:center; margin:30px 0 28px;}
#container .visual_sld .txt_sld_wrap{width:auto; text-align:center;}
#container .visual_sld .txt_sld_wrap:after{display:none;}
#container .visual_sld .txt_sld_wrap ul{text-align:center; width:80%;}
#container .visual_sld .txt_sld_wrap ul li p.title{font-size:30px;}
#container .visual_sld .txt_sld_wrap ul li p.con_txt{font-size:14px;}
#container .visual_sld .txt_sld_wrap ul li a{width:150px; height:40px; font-size:13px; line-height:40px;}

#container .visual_sld .txt_sld_wrap ul .owl-controls .owl-nav .owl-prev{width:55px; height:55px; left:-55px; background-size:100% 100%;}
#container .visual_sld .txt_sld_wrap ul .owl-controls .owl-nav .owl-next{width:55px; height:55px; right:-55px; background-size:100% 100%;}

/* 배너 영역 */

#container .banner_wrap{width:auto; padding-top:13%;}
#container .banner_wrap .banner_inner .banner_sld li{width:100%;}
#container .banner_wrap .banner_inner .banner_Btn{width:80.5%; margin-left:-40.25%;}
#container .banner_wrap .banner_inner .banner_Btn li{padding-bottom: 16%;}

/* step_01 */

#container .step_01{padding:60px 0 50px;}
#container .step_01 h3{font-size:32px; margin-bottom:30px;}
#container .step_01 h3 p{font-size:15px; margin-bottom:15px;}
#container .step_01 .step_01_logo{width:25%; margin:0 auto; margin-bottom:15px;}
#container .step_01 .step_01_logo img{width:100%;}
#container .step_01 ul{width:90%; margin:0 auto; margin-bottom:34px;}
#container .step_01 ul li{width:25%; float:left; text-align:center; cursor:pointer;}
#container .step_01 ul li img{width:80%;}
#container .step_01 p{font-size:14px;}

/* step_02 */

#container .step_02{padding:55px 0 40px;}
#container .step_02 h3{font-size:32px; margin-bottom:30px;}
#container .step_02 h3 p{font-size:15px; margin-bottom:15px;}
#container .step_02 h3 span{font-size:14px; margin-bottom:15px;}

#container .step_02 ul{width:90%;}
#container .step_02 ul li{width:45%; float:left; margin-bottom:30px;}
#container .step_02 ul li .text{width:65%; box-sizing:border-box;}
#container .step_02 ul li .text p.tit{font-size:18px; margin-bottom:10px;}
#container .step_02 ul li .text p.txt{font-size:15px; margin-bottom:12px; letter-spacing:-0.5px;}
#container .step_02 ul li .text p.phone_num{font-size:20px;}
#container .step_02 ul li .text a{width:80px; height:30px; line-height:30px; font-size:13px;}
#container .step_02 ul li .icon{width:35%; text-align:center;}
#container .step_02 ul li.left{margin-right:2.5%;}
#container .step_02 ul li.left .text{float:left; text-align:right; padding:25px 15px 0 0;}
#container .step_02 ul li.left .icon{float:right;}
#container .step_02 ul li.right{margin-left:2.5%;}
#container .step_02 ul li.right .text{float:right; text-align:left; padding:25px 0 0 15px;}
#container .step_02 ul li.right .icon{float:left;}

/* step_03 */

#container .step_03{width:auto; padding:55px 0 45px;}
#container .step_03 h3{font-size:32px; margin-bottom:30px;}
#container .step_03 h3 p{font-size:15px; margin-bottom:15px;}
#container .step_03 h3 span{font-size:14px; margin-bottom:15px;}
#container .step_03 .form_wrap{width:80%; margin:0 auto;}
#container .step_03 .form_wrap form fieldset ul li input.ip_02{width:32.5%;}
#container .step_03 .form_wrap form fieldset ul li .date_wrap img{position:absolute; top:8px; right:-6px; width:46px; height:46px;}
#container .step_03 .form_wrap form fieldset .check_box label{font-size:13px;}
#container .step_03 .form_wrap form fieldset .check_box label input{width:16px; height:16px;}
#container .step_03 .form_wrap form fieldset .btn_wrap button{width:135px; height:40px; font-size:18px;}

/* step_04 */

#container .step_04{padding:50px 0 45px;}
#container .step_04 h3{font-size:32px; margin-bottom:30px;}
#container .step_04 h3 p{font-size:15px; margin-bottom:15px;}
#container .step_04 h3 span{font-size:14px; margin-bottom:15px;}
#container .step_04 .search_wrap{width:80%; margin:0 auto; box-sizing:border-box; margin-bottom:50px;}

#container .step_04 .notice_wrap{width:80%; margin:0 auto; box-sizing:border-box;}
#container .step_04 .notice_wrap h4{font-size:30px; color:#fff; font-weight:bold; margin-bottom:22px; padding-left:5%;}
#container .step_04 .notice_wrap .re_veiw{width:40%; float:left;}
#container .step_04 .notice_wrap .re_veiw a{width:48%; display:inline-block; text-align:center;}
#container .step_04 .notice_wrap .re_veiw a img{margin-bottom:15px; width:90%;}

/* step_05 */

#container .step_05{padding:56px 0 58px;}
#container .step_05 h3{font-size:32px; margin-bottom:30px;}
#container .step_05 h3 p{font-size:15px; margin-bottom:15px;}
#container .step_05 h3 span{font-size:14px; margin-bottom:15px;}
#container .step_05 ul{width:80%; margin:0 auto;}
#container .step_05 ul li{float:left; width:45%; margin:0 10% 20px 0;}
#container .step_05 ul li.last{margin-right:10%;}
#container .step_05 ul li.m_last{margin-right:0;}

/*///////////////////// footer /////////////////////*/

#footer{width:100%;}

/* 하단 지점 검색 */

#footer .footer_serch .f_search_inner{width:100%; box-sizing:border-box; padding-bottom:25px;}
#footer .footer_serch .f_search_inner ul{width:100%; float:none;}
#footer .footer_serch .f_search_inner ul li{width:6.666%; float:left;}
#footer .footer_serch .f_search_inner ul li a{width:100%; line-height:64px; font-size:13px;}
#footer .footer_serch .f_search_inner .open_add{width:70%; float:none; margin:0 auto;}
#footer .footer_serch .f_search_inner .open_add p{font-size:13px; line-height:34px; margin:0;}
#footer .footer_serch .go_top_btn{display:none; position:absolute; top:0; left:-999999px;}

#footer .footer_banner .f_banner_inner{width:100%;}
#footer .footer_banner .f_banner_inner h1{float:left; line-height:60px; width:30%;}
#footer .footer_banner .f_banner_inner h1 img{vertical-align:middle; width:100%;}
#footer .footer_banner .f_banner_inner ul{float:right; width:70%; line-height:60px}
#footer .footer_banner .f_banner_inner ul li{float:left; margin-left:7px;}
#footer .footer_banner .f_banner_inner ul li a{font-size:12px; padding-left:7px;}
#footer .footer_banner .f_banner_inner ul li.first a{border-left:none;}

/* 퀵메뉴 */

.quick_wrap{display:none;}

}


/*** mobile ***/

#wrap{width:auto; position:relative;}

@media all and (min-width:320px) and (max-width:767px) {

#header{display:none;}

#m_header .top_serch1 {position:absolute; top:3px;left:-25px; letter-spacing:-1px;}

#m_header h1 a img {vertical-align:middle;}

#m_header .top_serch1 a{color:#fff;font-weight:bold; line-height:40px; font-size: 14px;}

#m_header{display:block; width:100%; background:#050505; border-bottom:2px solid #1f6fd5; position:fixed; top:0; right:0; left:0;; padding:9px 1.35%; box-sizing:border-box; z-index:100;}
#m_header h1{width: 50%;position:absolute;left:-6%;top:13px;}
#m_header h1 a{width:100%; display:block;}
#m_header .top_wrap{position:relative;float:right;width:20%;}
#m_header .top_wrap .top_serch{float:left;width:35%;position:relative;}
#m_header .top_wrap .top_serch a{width:80%;display:none; text-align:center;line-height:40px;}
#m_header .top_wrap .top_serch a img{vertical-align:middle; width:35px;}
#m_header .top_wrap .top_serch .m_serch_pop{position:absolute; top:27px; right:0; z-index:500; display:none;}
#m_header .top_wrap .top_serch .m_serch_pop form fieldset{width:auto; height:auto; position:relative;}
#m_header .top_wrap .top_serch .m_serch_pop form fieldset input[type="text"]{width:150px; height:20px;}
#m_header .top_wrap .top_serch .m_serch_pop form fieldset button{position:absolute; top:3px; right:3px;}
#m_header .top_wrap .all_menu{float:left;width:35%; margin-left:50%;}
#m_header .top_wrap .all_menu a{line-height:40px;width:80%; display:block; text-align:center;}
#m_header .top_wrap .all_menu a img{vertical-align:middle; width:35px;}

#m_header .all_menu_pop{width:100%; position: absolute; top:0; right:0; box-sizing:border-box; border:5px solid #2571d2; background:#fff; z-index:1000; display:none;}
#m_header .all_menu_pop .pop_inner{width:100%; position:relative; border:1px dashed #868686; box-sizing:border-box; padding:30px 2% 10px;}
#m_header .all_menu_pop .pop_inner a.all_close{position:absolute; top:10px; right:2%; display:block; width:15px; height:15px;}
#m_header .all_menu_pop .pop_inner ul{width:100%; border-top:1px solid #d7d7d7; margin-bottom:10px;}
#m_header .all_menu_pop .pop_inner ul li{border-bottom:1px solid #d7d7d7;}
#m_header .all_menu_pop .pop_inner ul li p{width:100%; float:none; font-size:12px; color:#050505; font-weight:bold; padding-left:2%; line-height:25px;}
#m_header .all_menu_pop .pop_inner ul li a{width:25%; display:block; float:left; font-size:10px; color:#050505; line-height:25px; margin-right:0; text-align:center;}
#m_header .all_menu_pop .pop_inner ul li a:hover{font-weight:bold;}

#m_header .all_menu_pop .pop_inner .btn_wrap a{width:18%; display:inline-block; border:1px solid #d7d7d7; text-align:center; margin-right:2.5%; float:left; box-sizing:border-box; line-height:25px; font-size:10px; color:#050505;}
#m_header .all_menu_pop .pop_inner .btn_wrap a.last{margin-right:0; letter-spacing:-0.9px;}

/*///////////////////// container /////////////////////*/

#container{width:auto; position:relative; padding-top:8%;}

.p_step_change_pc {display:none;}
.p_step_change_mobile {display:block;}

/* 상단 비쥬얼 */

#container .visual_sld{width:100%; padding:25px 0 25px; padding-top: 25px; padding-bottom: 10px; }
#container .visual_sld nav.top_nav{display:none;}
#container .visual_sld h2{display:none;}
#container .visual_sld h2.m_slogan{display:block; text-align:center; width:70%; margin:0 auto;}
#container .visual_sld h2.m_slogan img{width:100%;}
#container .visual_sld .txt_sld_wrap:after{display:none;}
#container .visual_sld .txt_sld_wrap ul{width:90%;}
#container .visual_sld .txt_sld_wrap ul li p.title{font-size:15px; margin-bottom:10px;}
#container .visual_sld .txt_sld_wrap ul li p.con_txt{font-size:12px; line-height:18px; margin-bottom:12px;}
#container .visual_sld .txt_sld_wrap ul li a{width:50%; height:35px; line-height:35px; font-size:16px; font-weight:normal;}
#container .visual_sld .txt_sld_wrap ul .owl-controls .owl-nav .owl-prev{width:28px; height:28px; top:50%; margin-top:-20px; left:0; background-size:100% 100%;}
#container .visual_sld .txt_sld_wrap ul .owl-controls .owl-nav .owl-next{width:28px; height:28px; top:50%; margin-top:-20px; right:0; background-size:100% 100%;}
.tit_img_wrap .owl-prev, .tit_img_wrap .owl-next{width:initial;}

#container .banner_wrap{display:none;}
#container .m_banner_wrap{display:block; width:100%; position:relative;}
#container .m_banner_wrap .m_ban_btn{border-top:1px solid #b7b7b7;}
#container .m_banner_wrap .m_ban_btn li{background:#1f6fd5; border-bottom:1px solid #b7b7b7;}
#container .m_banner_wrap .m_ban_btn li a{width:100%; display:block; font-size:18px; color:#fff; font-weight:bold;  text-align:center; font-family:'Nanum Gothic'; padding:3px 0;}
#container .m_banner_wrap .bx-wrapper .bx-controls .bx-controls-direction{display:none;}





/* step_01 */

#container .step_01{padding:15px 0 20px;}
#container .step_01 h3{font-size:20px; margin-bottom:10px;}
#container .step_01 h3 p{font-size:15px; margin-bottom:15px;}
#container .step_01 h3 span.br{display:block;}
#container .step_01 .step_01_logo{display:none;}
#container .step_01 ul.special_li{display:none;}
#container .step_01 ul.m_special_li{display:block; width:60%; margin:0 auto;}
#container .step_01 ul.m_special_li li{width:40%; float:left; text-align:center; margin:10% 5%;}
#container .step_01 ul.m_special_li li p{font-size:12px; color:#1f6fd5; font-weight:bold; line-height:30px; letter-spacing:-0.7px;}
#container .step_01 p.bot_text{display:none;}
#container .step_01 p.m_block{display:block; font-size:12px; color:#333; font-weight:bold;}
#container .step_01 p.m_block span{display:block;}

/* step_02 */

#container .step_02{padding:15px 0 20px;}
#container .step_02 h3{font-size:20px; margin-bottom:10px;}
#container .step_02 h3 p{font-size:15px; margin-bottom:15px;}
#container .step_02 h3 span{font-size:14px; margin-bottom:15px; font-weight:bold;}
#container .step_02 h3 span.br{font-size:20px; font-weight:bold; display:block; margin-bottom:0;}

#container .step_02 ul{width:90%; margin:0 auto; height:410px;}
#container .step_02 ul li{width:50%; height:200px; float:left; margin-bottom:0; position:relative;}
#container .step_02 ul li .text{width:100%; box-sizing:border-box; padding:0;}
#container .step_02 ul li .text p.tit{font-size:14px; margin-bottom:10px; text-align:center;}
#container .step_02 ul li .text p.txt{font-size:11px; margin-bottom:12px; letter-spacing:-1.6px; text-align:center;}
#container .step_02 ul li .text p.txt span{display:block;}
#container .step_02 ul li .text p.phone_num{font-size:14px; text-align:center; display:none;}
#container .step_02 ul li .text a{width:80px; height:20px; line-height:20px; font-size:13px; margin:0 auto;}
#container .step_02 ul li .text a.m_phone{display:block; margin-top:28px;}
#container .step_02 ul li .icon{width:50%; text-align:center;}

#container .step_02 ul li.left{margin-right:0;}
#container .step_02 ul li.left .text{float:none; position:absolute; top:100px; text-align:center; padding:0;}
#container .step_02 ul li.left .icon{float:none; position:absolute; top:0; left:50%; margin-left:-25%; text-align:center;}
#container .step_02 ul li.left .icon img{width:86px;}
#container .step_02 ul li.right{margin-left:0;}
#container .step_02 ul li.right .text{float:none; position:absolute; top:100px; text-align:center; padding:0;}
#container .step_02 ul li.right .icon{float:none; position:absolute; top:0; left:50%; margin-left:-25%; text-align:center;}
#container .step_02 ul li.right .icon img{width:86px;}

/* step_03 */

#container .step_03{display:none; width:auto; padding:15px 0 20px;}
#container .step_03 h3{font-size:20px; margin-bottom:0;}
#container .step_03 h3 p{font-size:15px; margin-bottom:15px;}
#container .step_03 h3 span{font-size:14px; margin-bottom:15px; font-weight:bold;}
#container .step_03 h3 span.br{font-size:20px; font-weight:bold; display:block; margin:0;}
#container .step_03 h3 i.br{font-size:14px; display:block; margin-bottom:0;}
#container .step_03 .form_wrap{width:97%; margin:0 auto;}

#container .step_03 .form_wrap form fieldset .input_list{width:100%; padding:7px 1.4%; box-sizing:border-box;}
#container .step_03 .form_wrap form fieldset ul li input.ip_01{height:21px;}
#container .step_03 .form_wrap form fieldset ul li input.ip_02{height:21px; width:31.5%;}
#container .step_03 .form_wrap form fieldset ul li input.ip_02.mar{margin-right:1.9%;}
#container .step_03 .form_wrap form fieldset ul li select{font-size:13px;}
#container .step_03 .form_wrap form fieldset ul li select.sel_01{height:21px;}
#container .step_03 .form_wrap form fieldset ul li select.sel_02{height:21px;}
#container .step_03 .form_wrap form fieldset ul li select.sel_03{height:21px;}
#container .step_03 .form_wrap form fieldset ul li select.sel_04{height:21px;}

#container .step_03 .form_wrap form fieldset ul li .date_wrap input.ip_03{height:21px;}
#container .step_03 .form_wrap form fieldset ul li .date_wrap img{position:absolute; top:0; right:0; width:20px; height:20px;}
#container .step_03 .form_wrap form fieldset ul li p{line-height:21px;}
#container .step_03 .form_wrap form fieldset ul li input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size:13px; vertical-align:middle;}
#container .step_03 .form_wrap form fieldset ul li input::-moz-placeholder { /* Firefox 19+ */ font-size:13px; vertical-align:middle;}
#container .step_03 .form_wrap form fieldset ul li input:-ms-input-placeholder { /* IE 10+ */ font-size:13px; vertical-align:middle;}
#container .step_03 .form_wrap form fieldset ul li input:-moz-placeholder { /* Firefox 18- */ font-size:13px; vertical-align:middle;}
#container .step_03 .form_wrap form fieldset .check_box label{font-size:13px;}
#container .step_03 .form_wrap form fieldset .check_box label input{width:16px; height:16px;}
#container .step_03 .form_wrap form fieldset .btn_wrap button{width:135px; height:40px; font-size:18px;}

.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all{width:14em;}
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all .ui-datepicker-title{}
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all .ui-datepicker-title .ui-datepicker-year{width:50%}
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all .ui-datepicker-title .ui-datepicker-month{width:50%}

/* step_04 */

#container .step_04{padding:15px 0 20px; background:url('../img/main/step_01_bg.png') no-repeat center top; background-size:100% 100%;}
#container .step_04 h3{font-size:20px; margin-bottom:0;  color:#333;}
#container .step_04 h3 p{font-size:15px; margin-bottom:15px;  color:#333;}
#container .step_04 h3 span{font-size:14px; margin-bottom:15px; font-weight:bold;  color:#333;}
#container .step_04 h3 span.br{font-size:20px; font-weight:bold; display:block; margin:0;  color:#333;}
#container .step_04 h3 i.br{font-size:14px; display:block; margin-bottom:0; color:#333;}

#container .step_04 .search_wrap{width:97%; margin-bottom:15px;}
#container .step_04 .search_wrap ul li input{height:21px; width:100%; float:none; margin-bottom:5px;}
#container .step_04 .search_wrap ul li button{height:21px; width:100%; float:none;}
#container .step_04 .search_wrap ul li select{height:21px; width:49%; margin-bottom:5px; font-size:13px;}
#container .step_04 .search_wrap ul li select.mar{margin-right:2%;}
#container .step_04 .search_wrap ul li input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size:13px; vertical-align:middle;}
#container .step_04 .search_wrap ul li input::-moz-placeholder { /* Firefox 19+ */ font-size:14px; vertical-align:middle;}
#container .step_04 .search_wrap ul li input:-ms-input-placeholder { /* IE 10+ */ font-size:14px; vertical-align:middle;}
#container .step_04 .search_wrap ul li input:-moz-placeholder { /* Firefox 18- */ font-size:14px; vertical-align:middle;}

#container .step_04 .notice_wrap{width:97%;}
#container .step_04 .notice_wrap h4{font-size:20px; margin-bottom:15px; padding-left:0; color:#333;}
#container .step_04 .notice_wrap .re_veiw{width:100%; float:none; margin-bottom:15px;}
#container .step_04 .notice_wrap .re_veiw a{width:39%; text-align:center; margin:0 5%;}
#container .step_04 .notice_wrap .re_veiw a img{margin-bottom:15px;}
#container .step_04 .notice_wrap .re_veiw a p{font-size:16px; color:#333;}

#container .step_04 .notice_wrap .notice{width:100%; float:none;}
#container .step_04 .notice_wrap .notice ul{width:100%; padding-left:3%; margin-bottom:20px;}
#container .step_04 .notice_wrap .notice ul li{width:98%; line-height:30px; padding-left:2%;}
#container .step_04 .notice_wrap .notice ul li a{font-size:14px; color:#333;}

/* step_05 */

#container .step_05{padding:15px 0 20px; background:url('../img/main/step_01_bg.png') no-repeat center top;;}
#container .step_05 .step_05_inner{padding:15px 0 20px;}

#container .step_05 h3{font-size:20px; margin-bottom:15px; color:#333;}
#container .step_05 h3 p{font-size:15px; margin-bottom:15px;  color:#333;}
#container .step_05 h3 span{font-size:14px; margin-bottom:15px; font-weight:bold;  color:#333f;}
#container .step_05 h3 span.br{font-size:20px; font-weight:bold; display:block; margin:0; }

#container .step_05 ul{width:95%; margin:0 auto;}
#container .step_05 ul li{float:left; width:45%; margin:0 10% 20px 0;}
#container .step_05 ul li.last{margin-right:10%;}
#container .step_05 ul li.m_last{margin-right:0;}

#footer{width:100%;}

/* 하단 지점 검색 */

#footer .footer_serch .f_search_inner{width:100%; padding-bottom:0;}
#footer .footer_serch .f_search_inner ul{width:100%; float:none; border:1px solid #949494; box-sizing:border-box;}
#footer .footer_serch .f_search_inner ul li{width:33.333%; float:left; box-sizing:border-box; border-bottom:1px solid #949494; border-right:1px solid #949494;}
#footer .footer_serch .f_search_inner ul li.bottom{border-bottom:none;}
#footer .footer_serch .f_search_inner ul li.last{border-right:none;}
#footer .footer_serch .f_search_inner ul li a{width:100%; line-height:25px; font-size:12px;}
#footer .footer_serch .f_search_inner ul li div{width:100%; left:25%;}
#footer .footer_serch .f_search_inner ul li div p{font-size:xx-small;}
#footer .footer_serch .f_search_inner ul li div p strong{font-size:xx-small;}
#footer .footer_serch .go_top_btn{display:none; position:absolute; top:0; left:-999999px;}

#footer .footer_serch .f_search_inner .open_add{display:none;}
#footer .footer_banner .f_banner_inner{width:100%;}
#footer .footer_banner .f_banner_inner h1{float:none; line-height:40px; width:70%; margin:0 auto; text-align:center;}
#footer .footer_banner .f_banner_inner h1 img{vertical-align:middle; width:100%;}
#footer .footer_banner .f_banner_inner ul{display:none;}

#footer .copy{width:100%; background:#fff; padding-bottom:0;}
#footer .copy address{font-size:10px; line-height:40px;}

/* 퀵메뉴 */

.quick_wrap{display:none;}

}
/* 전체메뉴 가로 보기 사이즈 맞춤 */
@media all and (min-width:568px) and (max-width:767px) {

#m_header .all_menu_pop .pop_inner ul li p{width:18%; float:left; line-height:40px;}
#m_header .all_menu_pop .pop_inner ul li a{width:20%; line-height:20px;}

}