@charset "utf-8";

@import url(common.css);

#wrap {}
.inner {margin: 0 auto;width: 1110px;}

.quick_menu {position: fixed;right: 50px;top: 50%;margin-top: 25px;z-index: 200;}
.quick_menu .big_img {position: absolute;right: 0px;top: -315px;}
.quick_menu ul {}
.quick_menu ul li {width: 140px;height: 124px;background: url(../img/quick_menu_bg.png) repeat;}
.quick_menu ul li:first-child {border-bottom: 1px solid #5b5b5b;}
.quick_menu ul li .icon_img {display: block;height: 90px;background: 50% 50% no-repeat}
.quick_menu ul li a {display: block;width: 100%;height: 100%;color: #18AA9F;font-size: 16px;text-decoration: none;text-align: center;}
.quick_menu .top_btn {margin-top: 20px;text-align: center;}
.quick_menu .top_btn a {display: block;margin: 0 auto;width: 72px;height: 72px;border-radius: 36px;background-color: #18AA9F;line-height: 72px;}
.quick_menu .top_btn a img {vertical-align: middle;}

.demo_bg {display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);cursor: pointer;z-index: 100;}
#demo {display: none;}
#demo .demo_inner {position: fixed;transform: translate(50%,50%);width: 500px;right: 50%;bottom: 50%;border-radius: 5px;box-shadow: 0px 0px 8px #000;overflow: hidden;z-index: 300;}
#demo .close_btn {display: block;position: absolute;right: 0;top: 0;width: 55px;height: 55px;line-height: 55px;text-align: center;}
#demo .close_btn img {vertical-align: middle;}
#demo h2 {width: 100%;height: 55px;font-size: 22px;line-height: 55px;color: #fff;background-color: #18AA9F;text-align: center;}
#demo .form_area {display: block;padding-top: 30px;background-color: #f1f1f1;}
#demo .select_area {margin: 0 auto;width: 400px;}
#demo form {}
#demo ul {margin: 20px auto;width: 400px;}
#demo ul li {margin-bottom: 20px;}
#demo ul li:last-child {padding-top: 10px;margin-bottom: 30px;}
#demo ul li.edu_li {display: none;}
#demo select {padding-left: 8px;width: 100%;height: 30px;color: #000;font-size: 18px;border: 1px solid #ddd;border-radius: 3px;}
#demo ul li .label {color: #000;font-size: 18px;}
#demo ul li .control input {margin-top: 5px;width: 100%;height: 28px;color: #000;font-size: 18px;border: 1px solid #ddd;border-radius: 3px;box-sizing: border-box;}
#demo ul li button {width: 100%;height: 42px;color: #fff;font-size: 18px;background-color: #18AA9F;border: none;border-radius: 3px;cursor: pointer;}

/* -------------------------- header -------------------------- */

#header {position: fixed;left: 0;top: 0;width: 100%;height: 86px;z-index: 999;background-color: #fff;box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);}
#header .inner {}
#header .inner .logo {float: left;padding-top: 23px;}
#header .inner .menu {float: right;text-align: center;}
#header .inner .menu li {position: relative;float: left;}
#header .inner .menu li a {display: block;padding: 0 15px;height: 100%;color: #322a2a;font-size: 14px;font-family: 'Noto Sans KR','Noto Sans Korean';text-decoration: none;line-height: 86px;font-weight: bold;}
#header .inner .menu li:hover a::after,
#header .inner .menu li.active a::after {display: block;content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background-color: #6A9BE0;}

/* -------------------------- //header -------------------------- */

/* -------------------------- visual -------------------------- */

.visual {
	margin-top: 86px;
	height: 665px;
	background-image: url(../img/visual.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/visual.png', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/visual.png', sizingMethod='scale')";
}
.visual .inner .img_area {padding-top: 253px;text-align: center;}

/* -------------------------- //visual -------------------------- */

/* -------------------------- content -------------------------- */

/* 공통 */

.title_box {background-color: #101828;text-align: center;}
.title_box .inner {padding: 80px 0 75px;}
.title_box .inner .txt {margin-top: 20px;color: #bfbfbf;font-size: 31px;font-weight: bold;}
.title1 {color: #1e1e1e;font-size: 31px;font-weight: bold;text-align: center;}
.title2 {color: #bfbfbf;font-size: 31px;font-weight: normal;}
.title3 {color: #5283c8;font-size: 30px;}
.introduction {position: relative;background-color: #ededed;text-align: center;}
.introduction::after {display: block;position: absolute;left: 50%;bottom: -22px;margin-left: -17px;content: '';width: 34px;height: 22px;background: url(../img/triangle.png) 0 0 no-repeat;}
.round_box_area {margin: 45px auto;width: 730px;}
.round_box {display: table-cell;position: relative;padding: 0 30px;width: 670px;height: 140px;background-color: #fff;border-radius: 18px 18px 0 18px;text-align: center;vertical-align: middle;}
.round_box::before {display: block;content: '';position: absolute;left: 57px;top: -9px;width: 27px;height: 20px;background: url(../img/box_icon.png) 50% 50% no-repeat;}
.round_box p {color: #3a3a3a;font-size: 17px;line-height: 26px;font-weight: normal;word-break: keep-all;}
.download {margin: 0 auto;width: 224px;height: 39px;background: #6a9be0 url(../img/download_icon.png) 33px 50% no-repeat;border-radius: 3px;}
.download a {padding-left: 44px;color: #fff;font-size: 16px;line-height: 40px;text-decoration: none;font-weight: bold;}
.sequence {margin-top: 85px;}
/*.ul_sequence {*zoom: 1;margin-top: 85px;border: 1px solid #eaeaea;border-bottom: none;box-sizing: border-box;text-align: center;}
.ul_sequence::after {clear: both;content: "";display: block;}
.ul_sequence li {float: left;width: 20%;height: 250px;border-right: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;box-sizing: border-box;}
.ul_sequence li:nth-child(5n) {border-right: none;}
.ul_sequence li .icon_area {padding: 28px 0 11px;}
.ul_sequence li .number {display: inline-block;color: #3f81bf;font-size: 17px;font-weight: bold;border-bottom: 2px solid #6fa1cf;}
.ul_sequence li .txt {padding: 8px 20px 0;color: #2b2b2b;font-size: 11px;line-height: 18px;word-break: keep-all;font-weight: normal;}*/
.border_box {margin-top: 90px;padding: 50px;border: 1px solid #eaeaea;}
.border_box .left_box,
.border_box .right_box {display: table-cell;width: 555px;vertical-align: middle;}
.border_box .right_box .text_box {padding-left: 40px;}
.border_box .right_box .text_box .tit {margin-bottom: 16px;color: #3f81bf;font-size: 20px;font-weight: bold;}
.border_box .right_box .text_box .txt {color: #3a3a3a;font-size: 17px;line-height: 27px;font-weight: normal;}
.con_visual {height: 665px;background: 50% 50% / cover no-repeat;text-align: center;}
.con_visual h1 {padding-top: 260px;color: #6a9be0;font-size: 80px;font-weight: bold;}
.con_visual p {color: #fff;font-size: 46px;font-weight: bold;}

#content .inner {padding: 85px 0;}

.center {text-align: center;}
.mgb20 {margin-bottom: 20px;}

/* //공통 */

#content .con1 .con_inner .p1 {padding: 25px 0 80px;color: #6a9be0;font-size: 27px;font-weight: normal;text-align: center;}
#content .con1 .con_inner .bg_box {margin-top: 90px;height: 467px;background: url(../img/con1_img05.png) 50% 50% no-repeat;}
#content .con1 .con_inner .bg_box .title1 {padding-top: 145px;color: #fff;}
#content .con1 .con_inner .bg_box .round_box {background: url(../img/round_box_bg.png) 0 0 repeat;}
#content .con1 .con_inner .bg_box .round_box p {color: #fff;}

#content .con2 .con_inner .border_box .ul1 {margin: 100px auto 0;width: 900px;}
#content .con2 .con_inner .border_box .ul1 > li:first-child {margin-right: 48px;}
#content .con2 .con_inner .border_box .ul1 > li {position: relative;float: left;width: 426px;height: 450px;border: 1px solid #eaeaea;box-sizing: border-box;}
#content .con2 .con_inner .border_box .ul1 > li .tit_box {height: 42px;background-color: #3f81bf;}
#content .con2 .con_inner .border_box .ul1 > li .tit_box .tit {color: #fff;font-size: 20px;line-height: 42px;font-weight: bold;text-align: center;}
#content .con2 .con_inner .border_box .ul1 > li .txt {padding: 28px 25px 0;font-size: 17px;letter-spacing: -1px;}
#content .con2 .con_inner .border_box .ul1 > li .txt,
#content .con2 .con_inner .border_box .ul1 > li .ul_in li {color: #3a3a3a;line-height: 28px;font-weight: normal;}
#content .con2 .con_inner .border_box .ul1 > li .ul_in {position: absolute;left: 60px;top: 195px;}
#content .con2 .con_inner .border_box .ul1 > li .ul_in li {font-size: 15px;}

#content .address_tab_btn {padding-bottom: 40px;}
#content .address_tab_btn li {width: 50%;height: 50px;float: left;text-align: center;}
#content .address_tab_btn li a {display: block;width: 100%;line-height: 50px;height: 100%;color: #000;font-size: 18px;border: 1px solid #ddd;box-sizing: border-box;font-weight: normal;text-decoration: none;}
#content .address_tab_btn li:first-child a {border-right: none;}
#content .address_tab_btn li.on a {color: #283444;border-top: 3px solid #283444;font-weight: bold;}

#content .address_tab_content > li {display: none;}

#content .address_box .con_visual h1 {padding-top: 289px;}
#content .address_box .add_inner {text-align: left;padding-bottom: 0}
#content .address_box .inner .add_title {color: #475259;font-size: 26px;font-weight: 600;}
#content .address_box .inner ul.add01 {margin: 50px 0 26px;border-top: 2px solid #d8d8d8;box-sizing: border-box;}
#content .address_box .inner ul.add01 li {height: 54px;border-bottom: 1px solid #d8d8d8;box-sizing: border-box;}
#content .address_box .inner ul.add01 li p {float: left;font-size: 17px;line-height: 54px;}
#content .address_box .inner ul.add01 li .box1,
#content .address_box .inner ul.add01 li .box2 {float: left;width: 50%;}
#content .address_box .inner ul.add01 li .p1 {padding-left: 50px;width: 84px;color: #1c1c1c;font-weight: 600;}
#content .address_box .inner ul.add01 li .box2 .p1 {width: 100px;}
#content .address_box .inner ul.add01 li .p2 {color: #606060;}
#content .address_box .inner ul.add01 li .p2 a {color: #606060;text-decoration: none;}
#content .address_box .inner ul.add02 {margin-top: 11px;border-top: 2px solid #d8d8d8;box-sizing: border-box;}
#content .address_box .inner ul.add02 li {padding-left: 50px;height: 106px;line-height: 106px;border-bottom: 1px solid #d8d8d8;box-sizing: border-box;}
#content .address_box .inner ul.add02 li img {vertical-align: middle;}
#content .address_box .inner ul.add02 li img.add02_img {padding-left: 44px;}
#content .address_box .inner ul.add02 li span {color: #606060;font-size: 17px;}
#content .address_box .inner ul.add02 li span.span1 {padding-left: 22px;}
#content .address_box .inner ul.add02 li span.span2 {padding-left: 44px;}
#content .address_box .inner ul.add02 li span .dot {color: #6f52a1;}


/* 다음지도맵 폰트사이즈 수정*/
/*.wrap_map a span {font-size: 22px;font-weight: bold;}*/


/* -------------------------- //content -------------------------- */

/* -------------------------- footer -------------------------- */

#footer {}
#footer .inner {padding: 70px 0 70px;}
#footer .copy {color: #000;font-size: 15px;font-weight: 400;text-align: center;}

/* -------------------------- //footer -------------------------- */