@charset "utf-8";

@import url('https://pro.fontawesome.com/releases/v5.10.0/css/all.css');

@import url('layout.css');
@import url('common.css');


/* contents */
button:focus{border:1px dotted #000}
.longdesc{text-indent:-100000000px;position:absolute;height:0;top:-1000000000px}

.math_tit{position:relative;margin:80px 0 20px;padding-left:75px;font-size:21px;}
.math_tit i{position:absolute;top:5px;left:0;width:65px;height:20px;background:url(../images/ic_math.png) no-repeat 50% 50%;}
.math_tit.ty{margin-bottom:40px;padding-bottom:17px;border-bottom:2px solid #222}

.intro_cons{max-width:1300px;margin:0 auto;text-align:center}
.intro_cons h3{padding-top:555px;margin-bottom:60px;line-height:55px;font-size:40px;font-weight:700;background:url(../images/img_intro.png) no-repeat 50% 0;}
.intro_cons h3 img{display:none}
.intro_cons p{font-size:20px;line-height:32px}
.intro_cons .sign{margin-top:55px;}
.intro_cons .sign img{vertical-align:middle;margin-left:20px}

.use_cons{max-width:1300px;margin:0 auto;}
.use_cons h3{overflow:visible}
.use_cons > .math_tit:nth-of-type(1){margin-top:0}
.use_cons .m_table,.fact_cons .table2{border-width:2px}
.use_cons .txt_g h3{padding:0 0 20px 0;font-size:32px;font-weight:700;line-height:48px;text-align:center}
.use_cons .txt_g .img{margin-bottom:50px;padding:45px 20px;text-align:center;background:#f2f4f9;border:1px solid #dbe1ec;border-radius:40px;}
.use_cons .txt_g .img dl{position:absolute;left:-100000px;font-size:0;overflow:hidden;height:0;text-indent:-100000px;}
.use_cons .txt_g .list1 li{position:relative;padding-left:18px;line-height:30px;}
.use_cons .txt_g .list1 li~li{margin-top:5px;}
.use_cons .txt_g .list1 li:before{content:"";position:absolute;top:15px;left:0;width:8px;height:2px;background:#222}
.use_cons .txt_g .list2 li{line-height:30px;}
.use_cons .txt_g .list2 li~li{margin-top:5px;}
.use_cons .org_img{margin-bottom:70px;text-align:center;}

.map_cons{max-width:1300px;margin:0 auto;}
.map_cons .txt1{margin-top:70px;}
.map_cons .txt2{margin-top:35px;font-size:27px;line-height:50px;font-weight:700}
.map_cons ul{margin-top:55px;border-top:1px solid #dbe1ec}
.map_cons ul li{display:table;width:100%;padding:40px 0;border-bottom:1px solid #dbe1ec;table-layout:fixed}
.map_cons ul li span{position:relative;display:table-cell;width:200px;height:95px;vertical-align:middle;padding-left:30px;color:#3f51b5;font-weight:700}
.map_cons ul li span:after{content:"";position:absolute;top:0;right:0;display:inline-block;width:95px;height:95px;margin-left:20px;vertical-align:middle;}
.map_cons ul li div{display:table-cell;vertical-align:middle;line-height:35px;padding-left:20px;}
.map_cons ul .li01 span:after{background:url(../images/ic_subway.png) no-repeat 50% 50%;}
.map_cons ul .li02 span:after{background:url(../images/ic_bus.png) no-repeat 50% 50%;}

.fact_cons{max-width:1300px;margin:0 auto;}
.fact_cons h3{position:absolute;left:-10000px;font-size:0}
.fact_cons .select_box{z-index:1;position:relative;margin-bottom:35px;color:#717171;font-size:20px;text-align:center}
.fact_cons .select_box .select{position:relative;display:inline-block;vertical-align:middle;margin-left:20px;border:1px solid #ddd;border-radius:10px;text-align:left;}
.fact_cons .select_box .select p{width:380px;height:52px;line-height:52px;padding-left:20px;box-sizing:border-box;}
.fact_cons .select_box .select p a{display:block;line-height:52px;margin-right:20px;color:#717171;background:url(../images/ico_sel.png) no-repeat right 50%;}
.fact_cons .select_box .option{position:absolute;top:42px;left:-1px;overflow-y:auto;width:380px;height:224px;display:none;padding-top:15px;border:1px solid #ddd;border-top:0;border-radius:0 0 10px 10px;background:#fff}
.fact_cons .select_box .option li a{display:block;line-height:52px;padding:0 20px;color:#717171;}
.fact_cons .select_box .option li a:hover{text-decoration:underline;}
.fact_cons .select.dep1{z-index:11;}
.fact_cons .select.dep2{z-index:10;}
.fact_cons .fact_slider{position:relative;text-align:center}
.fact_cons .fact_slider img{display:inline-block ! important;max-width:100%;max-height:520px;height:100%}
.fact_cons .slick-arrow{z-index:9;position:absolute;top:38%;vertical-align:middle;width:54px;height:98px;font-size:0}
.fact_cons .slick-prev{left:15px;background:url(../images/ic_prev.png) no-repeat 50% 50%;}
.fact_cons .slick-next{right:15px;background:url(../images/ic_next.png) no-repeat 50% 50%;}
.fact_cons h4{margin:55px 0 45px 0;text-align:center;font-size:40px;font-weight:700}
.fact_cons h4 span{position:relative;top:-4px;display:inline-block;line-height:40px;padding:0 20px;vertical-align:middle;background:#dbe1ec;border-radius:20px;font-size:19px;font-weight:500}
.fact_cons .m_table table tbody td,.fact_cons .table2 table tbody td{line-height:35px;color:#222}
.fact_cons .desc_g dt{position:relative;display:inline-block;line-height:40px;padding:0 20px;vertical-align:middle;background:#dbe1ec;border-radius:20px;font-size:20px;color:#3f51b5;font-weight:500}
.fact_cons .desc_g dd{display:inline-block;margin-left:10px}
.fact_cons .desc_g dd~dt{margin-left:70px}
.fact_cons .list li{position:relative;padding-left:18px;line-height:30px;text-align:left;color:#222}
.fact_cons .list li~li{margin-top:5px;}
.fact_cons .list li:before{content:"";position:absolute;top:15px;left:0;width:8px;height:2px;background:#222}
.fact_cons .m_table,.fact_cons .table2{border-width:2px}

.math_cons .math_para{line-height:30px;text-align:center}
.math_cons .img_math1{margin-top:50px;text-align:center}
.math_cons .img_math1 img{max-width:100%}
.math_cons .img_math2 img{max-width:100%}
.math_cons > .math_tit:nth-of-type(1){margin-top:0}
.math_cons .table2 .c_t{color:#222}
.math_cons .table2 table tbody td{height:52px}
.math_cons .table2 .tbl_dot li{position:relative;padding-left:12px;line-height:30px;color:#222}
.math_cons .table2 .tbl_dot li~li{margin-top:5px}
.math_cons .table2 .tbl_dot li:before{content:"";position:absolute;top:14px;left:0;width:4px;height:4px;border-radius:100%;background:#222}
.math_cons .table2 .tbl_dot ul li:before{width:5px;height:2px;border-radius:0;}
.math_cons .table2.responsive-type thead th{height:74px;color:#3f51b5;border-bottom:1px solid #eee}
.math_cons .table2 .colg{display:flex}
.math_cons .table2 .colg input~input{margin-left:10px}
.math_cons .table2 .colg span{display:block;margin-left:10px;line-height:52px;}
.math_cons .table2 th .refer{color:#717171;font-weight:400;font-size:17px}
.math_cons .table2 td .btn_ty_m_c3{vertical-align:middle;}
.math_cons .table2 td .limit{vertical-align:middle;margin-left:10px;color:#717171;font-weight:400;font-size:17px}
.math_cons .table2 td .refer{margin-top:10px;color:#717171;font-weight:400;font-size:17px}
.math_cons .table2 .fileg{position:relative;}
.math_cons .table2 .fileg~.fileg{margin-top:10px}
.math_cons .table2 .fileg .btns{position:absolute;top:0;right:0}
.math_cons .table2 .align{padding-left:0;padding-right:0;text-align:center}
.math_cons .in_table{padding:0}
.math_cons .in_table thead th{height:78px;padding:0;color:#222 ! important;text-align:center;background:#f7f7f7}
.math_cons .in_table th{padding:0;color:#222 ! important;text-align:center;}
.math_cons .in_table td{padding:15px 5px;text-align:center;}
.math_cons .in_table tr:last-child th, .math_cons .in_table tr:last-child td{border-bottom:0}
.math_cons .in_table .btng{padding:20px 0;text-align:center;border-top:1px solid #ddd}
.math_cons .datepic{background:url(../../images/sub/ico_date.png) no-repeat 90% 50% #fff;}
.math_cons .btn_ty_m_c11 i{position:relative;display:inline-block;top:-2px;width:9px;height:9px;margin-left:5px;vertical-align:middle;}
.math_cons .btn_ty_m_c11 i:before,.math_cons .btn_ty_m_c11 i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:2px;height:9px;background:#fff}
.math_cons .btn_ty_m_c11 i:after{width:9px;height:2px;}
.math_cons .math_caption{height:75px;line-height:75px;text-align:center;font-size:20px;font-weight:700;color:#222;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#f0f3fb}
.math_cons .math_caption + .table2{border-top:0}
.math_cons .math_caption:nth-of-type(1){border-top:2px solid #222}
.math_cons .chk_g{padding:23px 25px;border-bottom:1px solid #eee}
.math_cons .e_cont .e_dt.type li~li{margin-top:8px}
.math_cons .e_cont .e_dt.type dl dt{width:120px}
.math_cons .e_cont .thum img{max-width:130px;}

[class^="btn_ty_"][class*="_c11"] {background:#999;border:1px solid #999;color:#fff;}
[class^="btn_ty_"][class*="_c11"]:hover {background:#666;border:1px solid #666;}


.agree_choice.ty li input[type="checkbox"] + label,.agree_list.ty li input[type="checkbox"] + label{padding-top:20px;padding-bottom:20px}
.agree_list.ty li{padding-bottom:0}

.event_cont{overflow:hidden}

.exh_top{background:none}
.exh_top.type{height:auto}
.exh_wrap{border:1px solid #ddd;border-radius:10px}

.event_box.ty{height:auto}
.tab_ty.wid li{width:100%}

.dot_list a{text-indent:0}

.newsletter ul{overflow:hidden;margin:0 -10px;}
.newsletter li{float:left;width:calc(50% - 20px);margin:0 10px 20px;}
.newsletter li div{padding:30px;text-align:center;border:1px solid #ddd;border-radius:20px;transition: all 0.3s;}
.newsletter li img{width:80%;border-radius:20px;}
.newsletter li p{margin-top:20px;}
.newsletter li a:hover{display:block;width:100;height:100%;color:#3f51b5;}
.newsletter li:hover div{border:1px solid #3f51b5;}

.p_btn.tab_siez{padding:0 300px}

.m_table.ty table tbody tr td.pro .pro_tt{float:none}
.m_table.ty table tbody tr td.pro a{display:block;float:none;margin-top:0}
.m_table.ty table tbody tr td.pro li:last-child{max-width:100% ! important}

/* 회원서비스 */
.login_wrap{width:570px;}
.login_wrap > ul{}
.login_wrap > ul > li:last-child{width:auto;border-left:0;}
.signup .txt_list{padding:60px 20px 0;text-align:left ! important}
.signup .txt_list dt{margin-bottom:12px;font-weight:bold}
.signup .txt_list dd{position:relative;padding-left:12px;font-size:17px;color:#717171;}
.signup .txt_list dd:before{content:"";position:absolute;top:14px;left:0;width:3px;height:3px;background:#000}
.agree_list li{height:auto;padding-bottom:20px;}
.agree_list .tit_agr{padding:22px;font-size:19px;font-weight:bold;}
.agree_list .textarea{height:120px;margin:0 20px 20px;padding:12px;font-size:17px;color:#717171;overflow-y:scroll;border:1px solid #818181}
.agree_list .txt{margin:0 20px 20px;padding:12px;font-size:17px;color:#717171;}
.agree_list .txt strong{color:#222}
.signup2 input[type="checkbox"] + label{padding-top:0;padding-bottom:0}
.invit3{padding:60px 20px;text-align:center;border-top:1px solid #ddd;background:#f4f7fb}
.invit3 div{margin-top:20px}
.invit3 a{max-width:200px;margin:0 auto}
.mypage_wrap.pad{padding-left:30px;padding-right:30px}

.w150{width:150px}
.w33d{width:33.333%}
.wid100{width:auto ! important}

.empty {text-align: center;height: 570px;display: flex;justify-content: center;align-items: center;}
.empty p {margin-bottom:5px;}
.empty p img {margin-bottom:10px;}

.polymath {font-size: 30px;font-weight: bold;line-height: 123px;text-align: center;margin-top: -20px;color: #797571;}
.polymath img {width: 280px;}

.info_steps {height: 290px;padding: 50px;}
.info_steps .step {width:165px; float:left;height: 100%;}
.info_steps .step .circle {text-align: center;position: relative;height: 165px;width: 165px;border: 0px solid #586fb9;border-radius: 50%;background-color: #4051B5;}
.info_steps .step .circle span {height: 20px;font-size: 20px;line-height: 20px;display: inline-block;padding: 5px 10px;	line-height:25px;	color:white;}
.info_steps .step .circle .circle_txt {position: absolute;height: 30px;width: 100%;top: 50%;left: 0;margin-top: -15px;	font-weight:bold;}
.info_steps .step .circle .circle_txt.twoline {margin-top: -30px;}
.info_steps .step .txt_box {text-align: center;margin-top: 20px;}
.info_steps .arrow {width: 31px;height: 290px;float: left;font-size: 50px;color: #797676; line-height: 165px;margin: 0 31px;}














@media (max-width: 1320px) { 
	 .intro_cons,.use_cons,.map_cons,.fact_cons{padding:0 15px}
	 .fact_cons .fact_slider img{width:auto;height:auto;max-width:100%;max-height:100%}
}

@media (max-width: 1024px) {
	.mo_hidden{display:none ! important}

	.math_tit{margin-top:35px;margin-bottom:12px;padding-left:37px;font-size:15px;}
	.math_tit i{width:32px;height:10px;background-size:contain;}
	.math_tit.ty{margin-bottom:20px}
	
	.intro_cons h3{padding-top:0;margin-bottom:30px;font-size:22px;line-height:32px;background:none}
	.intro_cons h3 img{display:block;width:100%;margin-bottom:30px;}
	.intro_cons p{font-size:15px;line-height:25px;}
	.intro_cons .sign{margin-top:20px}
	.intro_cons .sign img{position:relative;top:-3px;width:50px;margin-left:10px;}
	.use_cons .math_tit{margin-top:35px;margin-bottom:12px;padding-left:37px;font-size:15px;}
	.use_cons > .math_tit:nth-of-type(1){margin-top:0}
	.use_cons .math_tit i{width:32px;height:10px;background-size:contain;}
	.use_cons .txt_g h3{font-size:19px;line-height:28px;}
	.use_cons .txt_g .img{margin-bottom:30px;padding:25px 10px;border-radius:20px;}
	.use_cons .txt_g .list1 li{padding-left:12px;line-height:22px;font-size:15px;}
	.use_cons .txt_g .list1 li:before{top:12px;width:5px;height:1px;}
	.use_cons .txt_g .list2 li{line-height:22px;font-size:15px;}
	.map_cons .txt1{margin-top:35px}
	.map_cons .txt2{margin-top:15px;font-size:19px;line-height:28px}
	.map_cons ul{margin-top:30px}
	.map_cons ul li{padding:20px 0}
	.map_cons ul li span{display:block;height:auto;padding-left:20px}
	.map_cons ul li span:after{position:relative;width:45px;height:45px;margin-left:12px;background-size:contain ! important;}
	.map_cons ul li div{display:block;margin-top:12px;line-height:29px;}
	.fact_cons .select_box{margin-bottom:20px;font-size:16px}
	.fact_cons .select_box .select p{padding-left:15px;}
	.fact_cons .select_box .select p,.fact_cons .select_box .option{width:190px}
	.fact_cons .select_box .option li a {padding-left:15px}
	.fact_cons .slick-arrow{width:35px;height:35px;background-size:contain ! important;}
	.fact_cons .slick-prev{left:0;}
	.fact_cons .slick-next{right:0;}
	.fact_cons h4{margin:30px 0 20px;font-size:22px;}
	.fact_cons h4 span{font-size:15px;}
	.fact_cons .m_table table tbody td,.fact_cons .table2 table tbody td{line-height:25px;}
	.fact_cons .desc_g dt{padding:0 10px;line-height:35px;border-radius:15px;font-size:15px;}
	.fact_cons .list li{padding-left:12px;line-height:22px;font-size:15px;}
	.fact_cons .list li:before{top:12px;width:5px;height:1px;}

	.math_cons .math_para{line-height:19px;}
	.math_cons .img_math1{margin-top:25px;}
	.math_cons > .math_tit:nth-of-type(1){margin-top:0}	
	.math_cons .math_caption{height:35px;line-height:35px;font-size:15px}
	.math_cons .table2 table tbody td{height:auto}
	.math_cons .table2 .tbl_dot li{line-height:19px;padding-left:8px;}
	.math_cons .table2 .tbl_dot li~li{margin-top:3px}
	.math_cons .table2 .tbl_dot li:before{top:9px;width:3px;height:3px;} 
	.math_cons .table2.responsive-type thead{display:none}
	.math_cons .table2 th .refer{font-size:13px}
	.math_cons .table2 td .limit{display:block;margin:8px 0 0 0;font-size:12px;}
	.math_cons .table2 td .refer{font-size:13px;}
	.math_cons .table2 .fileg .btns{display:block;position:static;margin-top:10px;text-align:right;}
	.math_cons .table2 th.align,.math_cons .table2 td.align{text-align:left}
	.math_cons .in_table th{padding-top:20px}
	.math_cons .table2 .colg span{line-height:40px}
	.math_cons .chk_g{padding:10px 5px;}
	.math_cons .e_cont .thum img{max-width:115px}

	.cate_list{border-top:1px solid #ddd;border-radius:10px}

	.cate_m{min-height:auto}

	.newsletter li img{width:100%}

	.p_btn.tab_siez{padding:0 20px}
	
	/* 회원서비스 */
	.login_wrap > ul > li:last-child {border-left:0;border-top:0;}
	.signup .txt_list{padding:10px 12px 30px;}
	.signup .txt_list dt{margin-bottom:6px;}
	.signup .txt_list dd{padding-left:9px;font-size:13px;color:#717171;}
	.signup .txt_list dd:before{top:11px;width:2px;height:2px;}
	.stit{padding-top:20px}
	.agree_list .tit_agr{line-height:22px;font-size:16px;}
	.agree_list .txt{padding:0;line-height:21px;font-size:14px;}

	.empty {height: 170px;background: #f3f3f3;}

	.polymath {font-size: 20px;line-height: 76px;margin-top: 0px;}
	.polymath img {width: 170px;}
}

@media (max-width: 768px) { 
	.login_wrap{width:auto;}
	.invit3 br{display:none}
	.mypage_wrap.pad{padding-left:12px;padding-right:12px}

	.event_list > li{float:none;width:100%}

	.newsletter ul{margin:0;}
	.newsletter li{width:100%;margin:0 0 10px;}
	.newsletter li div{padding:12px;border-radius:12px;}
	.newsletter li img{border-radius:12px;}
	.newsletter li p{margin-top:8px}

	.p_btn.tab_siez{padding:0 0}
	.m_table.ty table tbody tr td.pro li:last-child{max-width:300px}

	.fact_cons colgroup{display:none}
	.fact_cons .desc_g dd~dt{margin-left:10px}
	.fact_cons .select_box{z-index:99;text-align:left}
	.fact_cons .select.dep2{display:block;width:100%;margin:5px 0 0 0}
	.fact_cons .select_box .select.dep2 p, .fact_cons .select_box .select.dep2 .option{width:100%;}

	.fact_cons h4{line-height:35px;}
	.fact_cons h4 span{top:0}

      .info_steps {height:inherit; }
	.info_steps .step {width: 100%; margin-bottom:20px}
	.info_steps .step .circle {margin: auto;}
	.info_steps .arrow {display:none;}


    .program_img  img{ height:auto !important; }



}