@charset "utf-8";
/* CSS Document */

/*.box0{ width:95%; margin:0 auto;}*/
.box1{ width:95%; max-width:1200px; min-width:304px; margin:0 auto;}
.pc_hide{ display:none !important;}
 
/*header*/
#header{ position:relative; z-index:11; width:100%;}
#header .left{ float:left;}
#header .right{ float:right;}
#header .top_wrap,
#header .header_wrap{ position:relative;}

#header .top_wrap{ z-index:111111111111; /*background:#e35882; */ background:#e8a6cb; height:45px}
#header .top_wrap .tt{ display:block; line-height:20px; color:#fff; text-transform:uppercase;}
#header .top_wrap .mem_wrap{ float:left;}
#header .top_wrap .mem_wrap .tt > i.xi,
#header .top_wrap .link_wrap .tt > i.xi{ vertical-align:middle; padding:0 3px;}
#header .top_wrap .mem_wrap .tt,
#header .top_wrap .link_wrap .tt{ padding:0 10px; font-size:.875em; vertical-align:baseline; line-height:45px; font-family:'notokrM'; letter-spacing:-1px;}
#header .top_wrap .link_wrap > li:first-child{ margin-left:-10px;}
#header .top_wrap .lang_wrap{ float:left; padding-left:10px;}
#header .top_wrap .lang_wrap .tt{ height:18px; line-height:18px; padding:0 10px; margin-left:-1px; border:1px solid #fff; font-family:'LatoB',sans-serif; font-size:.688em; letter-spacing:1px;}
#header .top_wrap .lang_wrap > li:hover .tt{ background:#000;}
#header .top_wrap .lang_wrap > li.on .tt{ background:#247bd2;}

#header .header_wrap{ z-index:10; background:#fff; border-bottom:1px solid #ccc;}
#header .header_wrap .vm_wrap{ height:90px;}
#header .header_wrap .logo{ position:relative; z-index:10001; text-align:left;}
#header .header_wrap .logo .mark{ vertical-align:middle; text-align:left}
#header .header_wrap .logo .txt{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding-left:25px;}
#header .header_wrap .logo .txt .tt{ display:block;}
#header .header_wrap .logo .txt .tt1{ font-size:1.250em; color:#111; font-weight:500;}
#header .header_wrap .logo .txt .tt2{ font-family:'LatoR',sans-serif; font-size:.625em; color:#aaa; letter-spacing:0.3px; padding:6px 0 0 2px;}
#header .header_wrap .btn_wrap{ float:left; padding-left:30px;}
#header .header_wrap .btn_wrap > li{ float:left; margin-left:2px;}
#header .header_wrap .btn_wrap .btn{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:40px; height:40px; line-height:40px; border:1px solid #ccc; border-radius:3px; text-align:center; transition:.3s; cursor:pointer;}
#header .header_wrap .btn_wrap .btn.engbtn{ font-size:.938em; color:#555; line-height:1.2;}
#header .header_wrap .btn_wrap .btn.engbtn .xi{ padding-top:3px}
#header .header_wrap .btn_wrap .btn.engbtn .tt{ font-size:.570em; display:block}
#header .header_wrap .btn_wrap .btn_search{ font-size:1.125em; color:#000;}
#header .header_wrap .btn_wrap .btn_search .btn:hover,
#header .header_wrap .btn_wrap .btn_search .btn.on{ color:#e35882;}
#header .header_wrap .btn_wrap .btn_all{ font-size:0;}
#header .header_wrap .btn_wrap .btn_all .btn{}
#header .header_wrap .btn_wrap .btn_all .btn .icon,
#header .header_wrap .btn_wrap .btn_all .btn .icon:before,
#header .header_wrap .btn_wrap .btn_all .btn .icon:after{ content:""; position:relative; display:block; width:22px; height:2px; background:#000; transition-duration:.4s;}
#header .header_wrap .btn_wrap .btn_all .btn .icon{ top:50%; margin:0 auto; margin-top:-2px;}
#header .header_wrap .btn_wrap .btn_all .btn .icon:before,
#header .header_wrap .btn_wrap .btn_all .btn .icon:after{ position:absolute; right:0;}
#header .header_wrap .btn_wrap .btn_all .btn .icon:before{ top:-7px;}
#header .header_wrap .btn_wrap .btn_all .btn .icon:after{ bottom:-7px; width:13px; background:#e35882;}
#header .header_wrap .btn_wrap .btn_all .btn:hover .icon:before{ width:13px;}
#header .header_wrap .btn_wrap .btn_all .btn:hover .icon:after{ width:22px;}

#header .header_wrap .btn_wrap .btn_all .btn.on{}
#header .header_wrap .btn_wrap .btn_all .btn.on .icon{ margin-top:0; width:25px; background-color:transparent;}
#header .header_wrap .btn_wrap .btn_all .btn.on .icon:before,
#header .header_wrap .btn_wrap .btn_all .btn.on .icon:after{ width:25px; top:0; bottom:inherit; background:#000;}
#header .header_wrap .btn_wrap .btn_all .btn.on .icon:before{-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
#header .header_wrap .btn_wrap .btn_all .btn.on .icon:after{-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}

/*#header .gnb_wrap{ float:left;}*/
#header .gnb_wrap .gnb .m_mypage,
#header .gnb_wrap .gnb .m_member,
#header .gnb_wrap .gnb .m_guide,
#header .gnb_wrap .gnb .dp2{ display:none;}
#header .gnb_wrap .gnb{ *zoom:1;}
#header .gnb_wrap .gnb:after{ content:""; display:block; clear:both;}
#header .gnb_wrap .gnb > li{ float:left; position:relative;}
#header .gnb_wrap .gnb .dp1{ display:block; padding:0 30px; height:90px; line-height:90px; font-size:1.125em; color:#111; letter-spacing:-1px; transition:.3s;}
#header .gnb_wrap .gnb > li:hover .dp1,
#header .gnb_wrap .gnb > li.on .dp1{ color:#b31054;}
#header .gnb_wrap .gnb .dp2{ position:absolute; top:88%; left:0; width:180px; padding:10px 15px; background:#fff; border:1px solid #ddd; box-shadow:0 5px 10px rgba(0,0,0,.2);}
#header .gnb_wrap .gnb .dp2:before { content:""; display:block; position:absolute; top:-9px; left:35px; width:15px; height:15px; background:#fff; border-top:1px solid #ddd; border-left:1px solid #ddd; 
-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
#header .gnb_wrap .gnb .dp2 > li{ padding:0 15px; transition:.3s;}
#header .gnb_wrap .gnb .dp2 > li > a{ display:block; padding:10px 0; border-top:1px solid #eee; font-size:.938em; color:#444; letter-spacing:-1px;}
#header .gnb_wrap .gnb .dp2 > li > a .icon{ font-size:1.125em; float:right;}
#header .gnb_wrap .gnb .dp2 > li:first-child > a{ border-top:none;}
#header .gnb_wrap .gnb .dp2 > li:hover{ background:#f2f2f2;}
#header .gnb_wrap .gnb .dp2 > li:hover > a{ color:#000;}

#header .searchSection{ position:absolute; z-index:1001; top:-100%; left:0; width:100%; height:100%; background:#fff; display:table; text-align:center; filter:alpha(opacity=0); opacity:0; transition:.3s;}
#header .searchSection .searchClose{ position:absolute; top:50%; right:0; margin-top:-15px; width:30px; height:30px;}
#header .searchSection .searchClose .icon,
#header .searchSection .searchClose .icon:before,
#header .searchSection .searchClose .icon:after{ position:relative; display:block; width:25px; height:2px; background:#000; transition-duration:.4s;}
#header .searchSection .searchClose .icon{ margin:0 auto; margin-top:4px; background-color:transparent; font-size:0;}
#header .searchSection .searchClose .icon:before,
#header .searchSection .searchClose .icon:after{ content:""; position:absolute; top:10px; left:0;}
#header .searchSection .searchClose .icon:before{-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
#header .searchSection .searchClose .icon:after{-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
#header .searchSection .searchClose:hover .icon:before,
#header .searchSection .searchClose:hover .icon:after{ background:#247bd2;}
#header .searchSection .inp_wrap{ display:table-cell; vertical-align:middle; padding-left:200px; background:#fff;}
#header .searchSection .inp_wrap .inp{ display:inline-block *display:inline;zoom:1; vertical-align:top; box-sizing:border-box; height:40px; line-height:40px; border:1px solid #444; background-color:transparent; font-size:.938em;}
#header .searchSection .inp_wrap .inp_sel{ width:15%; padding-left:15px; background-color:#f9f9f9;}
#header .searchSection .inp_wrap .inp_txt{ width:35%; padding:0 15px;}
#header .searchSection .inp_wrap .inp_btn{ width:50px; border-color:transparent; font-size:0;}
#header .searchSection .inp_wrap .inp_btn .xi{ font-size:1.750rem; color:#3258b8}
#header .searchSection.on{ top:0; filter:alpha(opacity=100); opacity:1;}

#header .siteMap_wrap{ position:absolute; z-index:10; top:100%; left:0; width:100%; height:0; overflow:hidden; background:#fff; filter:alpha(opacity=0); opacity:0; visibility:hidden;
-webkit-transition:opacity.35s,visibility.35s,height.35s; 
		transition:opacity.35s,visibility.35s,height.35s;}
#header .siteMap_wrap.on{ filter:alpha(opacity=100); opacity:1; visibility:visible; height:auto;}
#header .siteMap_wrap .gnb{ border-left:1px solid #ddd; overflow:hidden;}
#header .siteMap_wrap .gnb > li,
#header .siteMap_wrap .gnb > li *{ transition:.3s;}
#header .siteMap_wrap .gnb > li{ float:left; width:20%; position:relative; border-top:1px solid #ddd; margin-top:-1px;}
/*#header .siteMap_wrap .gnb > li.m_mypage,*/
#header .siteMap_wrap .gnb > li.m_guide{ display:none}
#header .siteMap_wrap .gnb .dp1 .icon{ position:absolute; top:0; right:0; width:1px; height:100%; background:#ddd;}
#header .siteMap_wrap .gnb .dp1,
#header .siteMap_wrap .gnb .dp2{ margin:0 30px;}
#header .siteMap_wrap .gnb .dp1{ display:inline-block; *display:inline; zoom:1; margin-top:25px; padding:6px 20px; min-width:80px; background:#97afeb; border-radius:15px; text-align:center; color:#fff;}
#header .siteMap_wrap .gnb .dp2{ padding:15px 8px 30px 8px;}
#header .siteMap_wrap .gnb .dp2 li{ padding:3px 0;}
#header .siteMap_wrap .gnb .dp2 > li > a{ display:block; font-size:.938em; color:#000;}
#header .siteMap_wrap .gnb > li:hover{ background:#f2f2f2;}
#header .siteMap_wrap .gnb .dp2 a:hover{ color:#247bd2; text-decoration:underline;}
#header .siteMap_wrap .gnb > li.m_mypage,
#header .siteMap_wrap .gnb > li.m_member,
#header .siteMap_wrap .gnb > li.m_guide{ display:none}

#header .siteMap_bg{ position:fixed; z-index:9; left:0; top:0; width:100%; height:100%; background-color:#000; filter:alpha(opacity=0); opacity:0; display:none;}
#header .siteMap_bg.on{ display:block;}


/*footer*/
#footer{ /*background:#282c30;*/ background:#dcdcdc}
#footer .menu_wrap{ border-bottom:1px solid rgba(255,255,255,.1); position:relative; padding:.5em 0; border-top:1px solid #d4d5d8; background:#f9f9f9}
#footer .menu_wrap *{ transition:.3s;}
#footer .menu_wrap .vm_wrap{ height:53px;}
#footer .menu_wrap .menu{ overflow:hidden;}
#footer .menu_wrap .menu > li{ float:left;}
#footer .menu_wrap .menu > li > a{ display:inline-block; padding:0 20px; font-weight:300; color:#555}
#footer .menu_wrap .menu > li:first-child > a{ padding-left:0;}
#footer .menu_wrap .menu > li > a:hover{ color:#b31054;}
#footer .menu_wrap .top{ position:absolute; top:0; right:0; width:65px; /*background:#353e48;*/ background:#b1b9c1}
/*#footer .menu_wrap .top.vm_wrap{ height:3.125em;}*/
#footer .menu_wrap .top > a{ width:100%;}
#footer .menu_wrap .top .xi{ font-size:1.438em; color:#fff; vertical-align:middle;}
#footer .menu_wrap .top:hover{ background:#a00d4b;}

#footer .menu_wrap .family_wrap{ position:absolute; right:5em; top:0}
#footer .menu_wrap .family_wrap .family_btn{ display:block; position:relative; background:#fff; color:#333; width:12em; padding:0 2em 0 1.5em; text-align:left; transition:.3s; border:1px solid #ddd; box-sizing:border-box;}
#footer .menu_wrap .family_wrap .family_btn .va{ width:100%}
#footer .menu_wrap .family_wrap .family_btn .tt{ font-size:.875em}
#footer .menu_wrap .family_wrap .family_btn .arrow{ position:absolute; right:1em; top:50%; margin-top:-.5em; font-size:1em; transition:.3s; transform-origin:center center}
#footer .menu_wrap .family_wrap .family{ position:absolute; left:0; width:100%; bottom:3.125em; opacity:0; visibility:hidden; transition:.3s}
#footer .menu_wrap .family_wrap .family .family_btn{ overflow:hidden; background:#fff}
#footer .menu_wrap .family_wrap .family .family_btn .arrow{ right:-3em}
#footer .menu_wrap .family_wrap .family .family_btn:hover{ background:#f5f5f5}
#footer .menu_wrap .family_wrap .family .family_btn:hover .arrow{ right:1em}
#footer .menu_wrap .family_wrap.on .family{ opacity:1; visibility:visible}
#footer .menu_wrap .family_wrap:hover > .family_btn,
#footer .menu_wrap .family_wrap.on > .family_btn{ background: rgba(255,255,255,.7)}
#footer .menu_wrap .family_wrap:hover > .family_btn .arrow,
#footer .menu_wrap .family_wrap.on  > .family_btn .arrow{ transform:rotate(180deg)}

#footer .info_wrap{ padding:40px 0 50px 0;}
#footer .info_wrap .f_equal{ position:relative;}
#footer .info_wrap .info{ position:relative; float:left; padding-left:3.5em; width:70%}
#footer .info_wrap .footerLogo{ float:left; opacity:.6}
#footer .info_wrap .info .logo{ position:absolute; top:0; left:0;}
#footer .info_wrap .info .logo img{ width:70px;}
#footer .info_wrap .con_wrap > li,
#footer .info_wrap .con_wrap a{ color:#333; font-weight:300;}
#footer .info_wrap .con_wrap a:hover{ text-decoration:underline;}
#footer .info_wrap .con_wrap > li{ line-height:1.7;}	                                                                                                                                                           
#footer .info_wrap .info .con_wrap{ padding:0 60px 0 0; overflow:hidden}
#footer .info_wrap .info .con_wrap > li{ float:left; padding-right:20px; font-size:.938em; filter:alpha(opacity=70); opacity:0.7; font-family:'notokrM'}
#footer .info_wrap .info .con_wrap .copy{ display:block; padding:0; margin-top:15px; font-size:.750em; filter:alpha(opacity=40); opacity:0.4; text-transform:uppercase}
#footer .info_wrap .cs{ float:left; width:46%;}
#footer .info_wrap .cs .f_equal{ border-left:1px solid rgba(255,255,255,.2);}
#footer .info_wrap .cs .con_wrap{ padding:0 150px 0 50px;}
#footer .info_wrap .cs .con_wrap > dd{ font-size:.938em;}
#footer .info_wrap .cs .con_wrap .t1{ font-size:1.625em; color:#eecb07; font-weight:500;}
#footer .info_wrap .cs .con_wrap .time{ margin-top:10px; font-size:.875em; filter:alpha(opacity=70); opacity:0.7;}
#footer .info_wrap .cs .sns_wrap{ position:absolute; top:0; right:0;}
#footer .info_wrap .cs .sns_wrap > li{ margin-left:5px;}
#footer .info_wrap .cs .sns_wrap > li:first-child{ margin-left:0;}
#footer .info_wrap .cs .sns_wrap > a{ display:block;}
#footer .info_wrap .cs .sns_wrap .xi{ width:50px; height:50px; line-height:50px; background:#181a1d; border-radius:50%; text-align:center; font-size:1.375em; color:#fff; transition:.3s;}
#footer .info_wrap .cs .sns_wrap .c1 a:hover .xi{ background:#3b5997;}
#footer .info_wrap .cs .sns_wrap .c2 a:hover .xi{ background:#e12462;}


#footer .logo_wrap .family{ position:absolute; top:.2em; right:0; text-align:left;}
#footer .logo_wrap .family .sel{ position:relative; box-sizing:border-box; width:13em; padding:1em 1.8em; background:none; border:1px solid rgba(255,255,255,.3); text-align:left;}
#footer .logo_wrap .family .sel .tt{ font-size:.813em; color:#fff;}
#footer .logo_wrap .family .sel .xi{ position:absolute; right:.8em; top:50%; margin-top:-.6em; color:#fff; transition:.3s;}
#footer .logo_wrap .family .sel .xi:before{ content:"\e930";}
#footer .logo_wrap .family .list{ position:absolute; left:0; right:0; bottom:100%; padding:.6em 1em; background:#111; opacity:0; visibility:hidden; transition:.2s;}
#footer .logo_wrap .family .list > li > a{ display:block; padding:.6em .2em; border-top:1px solid rgba(255,255,255,.3); font-size:.813em; color:#999;}
#footer .logo_wrap .family .list > li:first-child > a{ border-top:none;}
#footer .logo_wrap .family .list > li:hover > a{ color:#fff;}
#footer .logo_wrap .family.on .list{ opacity:1; visibility:visible;}
#footer .logo_wrap .family:hover .sel,
#footer .logo_wrap .family.on .sel{ background:#111;}
#footer .logo_wrap .family.on .sel .xi{ transform:rotate(180deg);}



/*MAIN PAGE*******************/
.main_visual{ position:relative;}
.main_visual .visual .slick-track{ height:520px;}
.main_visual .visual .item{ background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.main_visual .slogan{ position:absolute; top:6.5em; left:0; width:100%;}
.main_visual .slogan .slogan_area{ padding-left:2em; font-family:inherit; text-align:center}
.main_visual .slogan .t1{ font-size:1.125em; padding-bottom:.5em; letter-spacing:-1px; color:#fff}
.main_visual .slogan .t2{ font-size:2.270em; letter-spacing:-1px; color:#fff; /*background:rgb(10,109,54,.8); */padding:.2em .8em .3em .8em; display:inline-block;}
.main_visual .slogan .c1{ color:#f78022; font-weight:600;}
.main_visual .arrow_wrap{ position:absolute; left:1.5%; right:1.5%; top:50%;}
.main_visual .arrow_wrap > li{ position:absolute; top:-2.5em; text-align:center;}
.main_visual .arrow_wrap > li.prev{ left:0;}
.main_visual .arrow_wrap > li.next{ right:0;}
.main_visual .arrow_wrap > li .xi{ width:1.8em; line-height:1.8em; background:rgba(0,0,0,.15); border-radius:100%; font-size:2.500em; color:#fff; cursor:pointer;}





.main_section1{ position:relative; top:-80px}
.main_section1 .list01{ box-shadow:1px 5px 10px rgba(0,0,0,0.3); overflow:hidden}
.main_section1 .list01 > li{ width:25%; height:100%; min-height:280px;}
.main_section1 .list01 > li.bg1{ background:#f9f9f9;}
.main_section1 .list01 > li.bg2{ background:#f7e3ec}
.main_section1 .list01 > li.bg3{ background:#fff}
.main_section1 .list01 > li .inBox > dl{ text-align:left; padding:2.3em; position:relative}
.main_section1 .list01 > li .inBox > dl .icon{ position:absolute; right:1em; bottom:1em}
.main_section1 .list01 > li .inBox > dl .tt{ font-size:1.375em; letter-spacing:-.5px; line-height:1.3; color:#544e51; font-weight:600;}
.main_section1 .list01 > li .inBox > dl .c1{ color:#fff !important}
.main_section1 .list01 > li .inBox > dl .t1{ font-size:0.88em; line-height:1.6; color:#252726; padding-top:.5em; height:110px}
.main_section1 .list01 > li .inBox > dl .t1 .circle{ background:rgba(255,255,255,.3); display:block; border-radius:50%; margin:1em auto; width:100px; text-align:center;}
.main_section1 .list01 > li .inBox > dl .t1 .circle.c1{ background:#f9f9f9;}
.main_section1 .list01 > li .inBox > dl .t1 .circle.c2 .xi{ color:#e9adc8}
.main_section1 .list01 > li .inBox > dl .t1 .circle.c1 .xi{ color:#ddc7d6}
.main_section1 .list01 > li .inBox > dl .t1 .xi{ font-size:60px; color:#e197b7}
.main_section1 .list01 > li.bg4{ background:#e197b7}
.main_section1 .list01 > li.bg5{ background:#a3104e}
.main_section1 .list01 > li.bg6{ background:#e3ede4}

.main_section .btn_wrap{ height:2.8em; line-height:2.8em; color:#222; background:#f5f5f5; margin-top:1.5em; display:inline-block; cursor:pointer; border:1px solid #ddd; width:100%;}
.main_section .btn_wrap > a{ font-size:.938em; text-align:center; display:block; margin-left:-3em; position:relative}
.main_section .btn_wrap > a.go_btn.st1{ width:50%; display:inline-block; position:relative}
.main_section .btn_wrap > a.go_btn.st1:nth-child(2):before{ content:""; width:1px; height:100%; background:#ddd; position:absolute; left:0}
.main_section .btn_wrap .xi{ vertical-align:middle; padding-left:5px; font-size:.938em; position:absolute; right:3em;}
.main_section .btn_wrap.c1{ /*background:#097d3d*/ background:#f5f5f5;}
.main_section .btn_wrap.c1 > a{ color:#333}
.main_section .btn_wrap.c2{ background:#fff;}
.main_section .btn_wrap.c2 > a{ color:#555}
.main_section .btn_wrap.c3{ background:none}
.main_section .btn_wrap.c3 > a{ color:#fff}

.main_section .btn_wrap2{ margin-top:1.5em}
.main_section .btn_wrap2 > ul > li > .btn_ul{ border:1px solid #fff; display:inline-block; height:2.8em; line-height:2.8em; margin-left:-1px; padding:0 1.2em; color:#fff; font-size:.8em; letter-spacing:-1px; border-radius:.3em; margin-right:.3em}
.main_section .btn_wrap2 > ul > li > .btn_ul.st{ margin-top:-1px}
.main_section .btn_wrap2 > ul > li > .btn_ul.st1{ padding:0 3.5em; font-size:.938em; transition:.3s;}
.main_section .btn_wrap2 > ul > li > .btn_ul.st1:hover{ background:#fff; color:#333;}
.main_section .btn_wrap2 > ul > li > .btn_ul.st2{ border:none; padding-left:1em; position:relative; height:2.3em; line-height:2.3em} /*교육과정안내*/
.main_section .btn_wrap2 > ul > li > .btn_ul.st2:before{ width:5px; height:5px; background:#fff; position:absolute; content:""; left:0; top:13px; border-radius:50%; opacity:.7}


/*section4*/
.main_section4{ margin-top:-2em}
.main_section4 .con_tit{ font-size:1.570em; color:#555; margin-bottom:1em; letter-spacing:-1.5px; line-height:1.2; font-weight:600}
.main_section4 .con_tit2{ font-size:1.375em; color:#555; margin-bottom:.6em; font-weight:600}
.main_section4 .con_tit .c1{ color:#111}
.main_section4 .board2{}
.main_section4 .board2 .banner{ background:#fff; border:3px solid #ddd; box-sizing:border-box; display:block}
.main_section4 .board2 .schedule{ background:#ebf0f3; margin-top:.3em;}
.main_section4 .board2 .schedule .list li:nth-child(1){ border-bottom:1px solid #fff; box-sizing:border-box}
.main_section4 .board2 .date_wrap{ width:28%; text-align:center; margin-left:-.5em}
.main_section4 .board2 .date_wrap .t1{ font-size:1.250em; font-family:'Ms'; font-weight:600; padding-bottom:3px}
.main_section4 .board2 .date_wrap .t2{ font-size:.750em; color:#555; font-family:'Ms';}
.main_section4 .board2 .txt_wrap{ width:75%}
.main_section4 .board2 .txt_wrap .in{ width:100%; white-space:pre-wrap; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:30px; font-size:.938em; line-height:1.4}
.main_section4 .board2 .list > li:hover .txt_wrap > a{ color:#d82744; text-decoration:underline;}
.main_section4 .main_list_col .list_wrap.board2 .list > li .in{ padding:1em 0 1em .2em}
.main_section4 .rec_con{ margin-top:2em}
.main_section4 .rec_con .t1{ font-size:1.125em; line-height:1.5; padding-bottom:2em; padding-top:.5em; color:#fff; opacity:.9}
.main_section4 .main_list_col .btn_wrap .btn1{ height:2.8em; line-height:2.8em; padding:0 1em; color:#fff; background:#597ca0}
.main_section4 .main_list_col .btn_wrap .btn1:hover{ background:#fff; transition:.2s; color:#111}
.main_section4 .main_list_col .btn_wrap .btn1 .tt{ vertical-align:middle; margin-right:1em}
.main_section4 .main_list_col .btn_wrap .btn1 .xi{ vertical-align:middle; font-size:15px}
.main_section4 .main_list_col .list_wrap.board .list{ padding:1em .3em 0 .3em}

.main_list_col{ margin-left:-1.25em;}
.main_wrap .box_st{ overflow:hidden;}
.main_list_col .inner{ flex:1; min-width:0;}
.main_list_col .inner .list_wrap{ flex:1; margin-left:1.25em;}
.main_list_col .inner .list_wrap .con_in{ padding:1.875em}
.main_list_col .inner .list_wrap .con_in .con_tit{ font-size:1.250em !important; font-weight:500}
.main_list_col .inner .list_wrap .con_in .con_tit.wh{ color:#fff !important}
.main_list_col .box_st{ border-color:#d4d5d8; min-height:20.625em;}
.main_list_col .box_st.edu{ border-color:#272d42; background:#313851;}
.main_list_col .con_idx > .idx{ box-sizing:border-box;}
.main_list_col .btn_wrap{ text-align:center; font-size:inherit}
/*.main_list_col .btn_wrap > a{ min-width:120px; font-size:.9375em}*/
.main_list_col .btn_wrap > a:first-child{ margin-right:5px}


.main_list_col .tab{ align-items:stretch; position:relative; border-bottom:1px solid; border-left:1px solid #d4d5d8}
.main_list_col .tab.st1{ border-bottom:none; justify-content:flex-start;}
.main_list_col .tab.st2{ background:#575e73; border-bottom-color:#272d42;}
.main_list_col .tab > li{ text-align:center;}
.main_list_col .tab.st1 > li{}
.main_list_col .tab.st2 > li{ flex:1;}
.main_list_col .tab > li .main_more{ position:absolute; top:50%; right:.3em; transform:translateY(-50%); border:1px solid #d4d5d8}
.main_list_col .tab > li .tt{ position:relative; display:block; padding:.938em .4em; border-style:solid; cursor:pointer;}
.main_list_col .tab.st1 > li .tt{ padding-left:1.75em; padding-right:1.75em; border-width:1px 1px 0 0; border-color:#d4d5d8; color:#3c3c3d;}
.main_list_col .tab.st2 > li .tt{ border-width:0 0 0 1px; border-color:#272d42; color:#fff;}
.main_list_col .tab.st2 > li:first-child .tt{ border-left-width:0;}
.main_list_col .tab > li .tt:after{ content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; display:none;}
.main_list_col .tab.st1 > li .tt:after,
.main_list_col .tab.st1 > li.on .tt   { background:#ffffff;}
.main_list_col .tab.st2 > li .tt:after,
.main_list_col .tab.st2 > li.on .tt   { background:#313851;}
.main_list_col .tab > li.on .tt:after { display:block;}
.main_list_col .tab > li.on .main_more{ display:block;}

.main_list_col .list_wrap.board .tab > li .tt{ min-width:5.188em; border-bottom:1px solid #d4d5d8; background:#f9f9f9}
.main_list_col .list_wrap.board .tab > li.on .tt{ background:#fff}
.main_list_col .list_wrap.gallery .tab > li .main_more{ right:.75em;}

.tt_btn_wrap{ position:relative}
.tt_btn_wrap .main_more{ position:absolute; right:0; top:-5px; background:#fff;}


.main_list_col .list_wrap.board{}
.main_list_col .list_wrap.board .list{ padding:1.25em .3em 0 .3em;}
.main_list_col .list_wrap.board .list > li{ border-top:1px solid #ddd;}
.main_list_col .list_wrap.board .list > li:first-child{ border-top:none;}
.main_list_col .list_wrap.board .list > li .in{ padding:1em 5.5em 1em .2em;}
.main_list_col .list_wrap.board .list > li .in .tit { display:block; color:#3c3c3d; font-size:.938em}
.main_list_col .list_wrap.board .list > li .in .date{ display:block; font-size:.875em; color:#72727d; font-family:'Ms';}
.main_list_col .list_wrap.board .list > li.def .in{ display:block; position:relative;}
.main_list_col .list_wrap.board .list > li.def .in .tit{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.main_list_col .list_wrap.board .list > li.def .in .date{ position:absolute; top:50%; right:.2em; transform:translateY(-50%);}
.main_list_col .list_wrap.board .list > li.big .in{ padding:.5em 0}
.main_list_col .list_wrap.board .list > li.big .in .img{ width:8.4em;}
.main_list_col .list_wrap.board .list > li.big .in .img .bg{ background-repeat:no-repeat !important; background-position:50% 50% !important; background-size:cover !important;}
.main_list_col .list_wrap.board .list > li.big .in .sbj{ flex:1; padding-left:1.5em;}
.main_list_col .list_wrap.board .list > li.big .in .tit{ max-height:4.25em; line-height:1.4em; overflow:hidden;}
.main_list_col .list_wrap.board .list > li.big .in .date{ margin-top:1em;}
.main_list_col .list_wrap.board .list > li:hover .in .tit{ color:#d82744; text-decoration:underline;}

.main_wrap .main_more{ width:2.250em; line-height:2.250em; text-align:center; border-radius:100%; display:inline-block; color:#606671}
/*.main_wrap .main_more:hover .xi{ transform:rotate(180deg);}*/
.main_wrap .main_more .xi{ font-size:1.375em; transition:.2s;}
.main_wrap .main_more .xi:before{ content:"\e913";}


/*section4 gall*/
.main_section4 .gall_wrap{ max-width:290px; width:100%; float:left; position:relative; border:1px solid #ccc; box-sizing:border-box;}
.main_section4 .gall_wrap .item.slick-slide{}
.main_section4 .gall_wrap .visual .slick-track{ height:200px;}
.main_section4 .gall_wrap .visual .item{ height:100%; min-height:280px}
.main_section4 .gall_wrap .visual .item > dl{ padding:1em}
.main_section4 .gall_wrap .visual .item > dl > dt{ font-size:.938em; transition:.3s}
.main_section4 .gall_wrap .visual .item > dl > dt:hover a{ color:#b31054}
.main_section4 .gall_wrap .visual .item > dl > dd{ font-size:.875em; color:#666; margin-top:1em}
.main_section4 .gall_wrap .visual .item > dl > dd .xi{ margin-right:3px}
.main_section4 .gall_wrap .visual .item .item_img{ height:180px; background-repeat:no-repeat; background-position:50% 90%; background-size:cover;}

.main_section4 .gall_wrap .slick-dots{ position:absolute;; right:1em}
.main_section4 .gall_wrap .arrow_wrap{ position:absolute; right:0; top:-45px; z-index:111;}
.main_section4 .gall_wrap .arrow_wrap > li{ float:left}
.main_section4 .gall_wrap .arrow_wrap > li > i{ color:#222; text-align:center}

.main_section4 .gall_wrap .arrow_wrap{}
.main_section4 .gall_wrap .arrow_wrap > li{ text-align:center;}
.main_section4 .gall_wrap .arrow_wrap > li .xi{ position:relative; z-index:1; width:2.250em; line-height:2.250em; margin-right:-1px; border:1px solid #d4d5d8; border-radius:50%; font-size:1em; color:#3c3c3d; cursor:pointer;}
.main_section4 .gall_wrap .arrow_wrap > li .xi:before{ font-size:1.250em;}
.main_section4 .gall_wrap .arrow_wrap > li:hover .xi{ z-index:2; border-color:#313851;}
.main_section4 .gall_wrap .arrow_wrap .slick-hidden{ display:block;}



/*section5*/
.main_section5{ margin-bottom:3em}
.main_icon_col{ margin-left:-1.25em;}
.main_icon_col .inner{ flex:1; margin:1.25em 0 0 1.25em; margin-top:2em}
.main_icon_col .inner .list{ flex:1;}
.main_icon_col .inner .list > li{ flex:1;}
.main_icon_col .inner .list > li .in{ display:block; text-align:left; box-sizing:border-box; height:100%; color:#fff;}
.main_icon_col .inner .list > li .icon img{ transition:.4s;}
.main_icon_col .inner .box_st{ min-height:5em;}
.main_icon_col .inner .box_st.c1{ background:#fff; box-shadow:0 2px 5px rgba(0, 0, 0, 0.1)}
.main_icon_col .inner .box_st.c2{ background:#4e84d6;}
.main_icon_col .inner .box_st.c3{ background:#596272;}
.main_icon_col .inner .box_st.c4{ background:#108ad3;}

/*.main_icon_col .list.st1{ margin-left:-.625em;}
.main_icon_col .list.st1 > li{ margin-left:.625em;}*/
.main_icon_col .list.st1 > li{ margin-left:-1px;}
.main_icon_col .list.st1 > li .in{ padding:.5em .5em .5em 1em; border:1px solid #ccc;}
.main_icon_col .list.st1 > li .icon{ width:3em; height:3em; line-height:3em; background:#ecf0f4; border-radius:100%; display:inline-block; text-align:center}
.main_icon_col .list.st1 > li .icon .xi{ font-size:1.6em;}
.main_icon_col .list.st1 > li .icon.c1{background: #a6bdee;}
.main_icon_col .list.st1 > li .icon.c2{background: #d6bdda;}
.main_icon_col .list.st1 > li .icon.c3{background: #f0cdd9;}
.main_icon_col .list.st1 > li .icon.c4{background: #eab2de;}
.main_icon_col .list.st1 > li .icon.c5{background: #cdc5fa;}
.main_icon_col .list.st1 > li .icon img{ max-height:3.75em;}
.main_icon_col .list.st1 > li .sbj{ display:inline-block; margin-left:1em; text-align:left}
.main_icon_col .list.st1 > li .sbj .tt{ font-size:.938em; color:#333}
.main_icon_col .list.st1 > li .arrow{ font-size:.938em; color:#888; margin-left:1em;}

.main_icon_col .list.st2 > li .in{ padding:2.375em .5em .5em .5em;}
.main_icon_col .list.st2 > li .icon img{ max-width:3.438em;}
.main_icon_col .list.st2 > li .sbj{ padding:.938em 0 .813em 0;}
.main_icon_col .list.st2 > li .main_more{ background:#fff; color:#108ad3;}

.main_icon_col .list > li:hover .icon img{ transform:rotateY(360deg);}
.main_icon_col .list.st2 > li:hover .main_more{ background:#313851; color:#fff;}



/*section6*/
.main_section6 .family_wrap{ padding:1.8em 0; background:#fff; border-top:1px solid #d4d5d8;}
.main_section6 .family_wrap .arrow_wrap{ width:16%;}
.main_section6 .family_wrap .family{ width:84%;}
.main_section6 .family_wrap .arrow_wrap > li{ text-align:center;}
.main_section6 .family_wrap .arrow_wrap > li .xi{ position:relative; z-index:1; width:3em; line-height:3em; margin-right:-1px; border:1px solid #d4d5d8; font-size:1em; color:#3c3c3d; cursor:pointer;}
.main_section6 .family_wrap .arrow_wrap > li .xi:before{ font-size:1.500em;}
.main_section6 .family_wrap .arrow_wrap > li:hover .xi{ z-index:2; border-color:#313851;}
.main_section6 .family_wrap .arrow_wrap .slick-hidden{ display:block;}
.main_section6 .family_wrap .family .item{ float:left;}
.main_section6 .family_wrap .family .item > a{ display:block; margin:0 .4em;} 
.main_section6 .family_wrap .family .item .in{ height:3em; border:1px solid #d4d5d8;}
.main_section6 .family_wrap .family .item .in img{ max-width:80%; max-height:80%;}
.main_section6 .family_wrap .family .item .in:hover{ border-color:#313851;}



.main_searching{ padding-top:1.8em}
.main_searching .board_search{ font-size:0; float:none;}
.main_searching .board_search .sel_wrap,
.main_searching .board_search .inp_wrap{ display:inline-block; *display:inline; zoom:1; vertical-align:top; position:relative; font-size:1rem;}
.main_searching .board_search select,
.main_searching .board_search input,
.main_searching .board_search button{ display:inline-block; *display:inline; zoom:1; vertical-align:top; line-height:45px; height:46px; /*border:1px solid transparent; */background-color:transparent; box-sizing:border-box;}
.main_searching .board_search select,
.main_searching .board_search input{ position:relative; margin-left:0; border-color:#ccc; font-size:.875em;}
.main_searching .board_search .search_select{ width:140px; padding-left:15px; color:#111;}
.main_searching .board_search .search_inp{ width:23em; padding:0 50px 0 15px; color:#aaa; background:#fff; border-radius:0}
.main_searching .board_search .search_inp:focus{ color:#111}
.main_searching .board_search .search_btn{ position:absolute; top:0; right:10px; border:none; font-size:1.250em;}
.main_searching .board_search .search_btn .xi{ color:#044ea3; transition:.3s;}
.main_searching .board_search .search_btn:hover .xi{ color:#044ea3;}



.main_section2{ position:relative; top:-6em}
.main_section2 .box1{ overflow:hidden}

.recently_wrap{ position:relative; float:left}
.recently_wrap, .inq_wrap{ max-width:555px; width:100%; margin-right:30px;}
.recently_wrap .in{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding-top:20px; margin-top:16px; padding-bottom:20px;}
.recently_wrap .in a.tit{ font-size:0.938em; color:#111; margin-bottom:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:90%; display:block}
.recently_wrap .in a.txt{ font-size:0.813em; color:#666; line-height:1.5; /*white-space:pre-wrap; */text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; height:75px; word-wrap:break-word; display:block}
.recently_wrap .btn{ background:url(../images/main/btn.png) no-repeat center center; display:inline-block; width:18px; height:18px; position:relative; top:0; right:0;}

/**/
.fee_plus{float:left; width:100%; position:relative;}
.fee_plus .tab_wrap{ position:relative; margin-bottom:30px;}
/*.fee_plus .tab_wrap .line{ position:absolute; left:0; bottom:-39px; width:100%; height:1px; background:#ccc;}*/
.fee_plus .tab{ text-align:left; padding-left:1px; padding-bottom:1px;}
.fee_plus .tab > li{width:40%; float:left; margin-bottom:20px; letter-spacing:-0.4px;}
.fee_plus .tab:after{content:""; clear:both;}
.fee_plus .tab > li > a.btn_tt{ position:relative; z-index:101; display:block; border:1px solid #ccc; border-bottom:none; padding:15px 10px; background:#f5f5f5; margin-left:-1px; position:relative; text-align:center;}
.fee_plus .tab > li > a.btn_tt .va_tt{ /*display:block; */font-size:0.938em; color:#666; }
.fee_plus .tab > li:hover > a.btn_tt,
.fee_plus .tab > li.on > a.btn_tt{ z-index:101; background:#fff; border-color:#ddd; text-align:center; font-size:1em; color:#111; font-family:'notokrM';}
.fee_plus .tab > li:hover > a.btn_tt:after,
.fee_plus .tab > li.on > a.btn_tt:after{ content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#fff}
.fee_plus .tab > li:hover .va_tt,
.fee_plus .tab > li.on .va_tt{ color:#111;}
.fee_plus .btn{ background:url(../images/main/btn.png) no-repeat center center; display:block; width:18px; height:18px; position:absolute; top:8px; right:0;}

/**/
.inq_wrap .txt_box .xi-minus-min{ font-size:0.750em; color:#666}
.inq_wrap .txt_box .tx{ font-size:0.875em; color:#333; display:block; float:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; letter-spacing:-0.5px; text-align:left; margin:.6em 0; width:70%}
.inq_wrap .txt_box .date{ font-size:0.875em; color:#b3b3b3; float:right; text-align:right; margin:.6em 0; }
.inq_wrap .txt_box{ display:block; border-bottom:1px solid #ccc; clear:both; padding-bottom:5px;}
.inq_wrap .txt_box ul{ overflow:hidden;}
.inq_wrap .txt_box li{ float:left; overflow:hidden; width:100%;}

/*.main_section2 .gall_wrap{ max-width:320px; width:100%; float:left; position:relative; margin-right:1em; border:1px solid #ccc; border-radius:.5em; box-sizing:border-box; overflow:hidden}
.main_section2 .gall_wrap .item.slick-slide{}
.main_section2 .gall_wrap .tt{ padding:1em 1.5em .8em 1.5em;}
.main_section2 .gall_wrap .visual .slick-track{ height:200px;}
.gall_wrap .visual .item{ height:100%;}
.gall_wrap .visual .item > dl{ padding:1em}
.gall_wrap .visual .item > dl > dt{ font-size:1em; transition:.3s}
.gall_wrap .visual .item > dl > dt:hover a{ color:#1e83d0}
.gall_wrap .visual .item > dl > dd{ font-size:.875em; color:#666; margin-top:1em}
.gall_wrap .visual .item > dl > dd .xi{ margin-right:3px}
.gall_wrap .visual .item .item_img{ height:200px; background-repeat:no-repeat; background-position:50% 90%; background-size:cover;}*/

/*.gall_wrap .slick-dots{ position:absolute;; right:1em}
.gall_wrap .arrow_wrap{ position:absolute; right:0; top:-10px; z-index:111; overflow:hidden}
.gall_wrap .arrow_wrap > li{ float:left}
.gall_wrap .arrow_wrap > li > i{ background:#ddd; color:#222; text-align:center}*/

.gall_wrap .slick-dots{ position:absolute; right:20px; top:-33px}
.gall_wrap .slick-dots ul > li{ float:left}
.gall_wrap .slick-dots ul > li button{ width:12px; height:12px; background:#ddd; font-size:0; border:none !important; border-radius:50%; margin-right:5px}
.gall_wrap .slick-dots ul > li.slick-active button{ background:#0ea04f;}

.main_section2 .edu_wrap{ float:left; max-width:290px; width:100%; max-height:260px; height:100%; cursor:pointer}
.main_section2 .edu_wrap .in{ background:url(../images/main/edu_img.jpg) no-repeat center center; background-size:cover; padding:20px 0 50px 0}
.main_section2 .edu_wrap .in:hover .icon{ background:#044ea3;}
.main_section2 .edu_wrap .in .tt{ color:#fff; line-height:1.6; font-size:1.125em; text-align:center; margin:1em 0}
.main_section2 .edu_wrap .in .icon{ background:#1d7bbd; width:78px; height:78px; line-height:78px; text-align:center; border-radius:50%; margin:0 auto; transition:.3s}
.main_section2 .edu_wrap .in .icon > i{ color:#fff; font-size:2.5em}

.main_section2 .cs_wrap{ float:left; max-width:320px; width:100%; max-height:250px; height:100%; border-radius:.5em; background:#f5f5f5; box-sizing:border-box; border:1px solid #ccc;}
.main_section2 .cs_wrap .txt_wrap{ padding:1.5em 1.5em;}
.main_section2 .cs_wrap .t0{ font-size:1.125em; font-weight:600; margin-bottom:1.5em;}
.main_section2 .cs_wrap .t1{ margin-bottom:10px;}
.main_section2 .cs_wrap .t1 .tit{ background:#0ea04f; color:#fff; padding:.3em; font-size:.875em; margin-right:.5em; letter-spacing:-1px; border-radius:.3em;}
.main_section2 .cs_wrap .t1 .txt{ font-size:1.375em; font-weight:600; font-family:'Ms'; display:block; margin-top:.5em}
.main_section2 .cs_wrap .t1 .txt.st{ font-size:1.125em; letter-spacing:-1px;}
.main_section2 .cs_wrap .time{ line-height:1.5; color:#333; letter-spacing:-1px; font-size:.857em}




.main_section3{ background:#e9eef2; padding:1.5em 0 4em; position:relative; top:-3em}
.main_section3 .list01{ overflow:hidden}
.main_section3 .list01 .area1{ max-width:890px; width:100%;}
.main_section3 .list01 .area2{ max-width:290px; width:100%;}
.main_section3 .list01 dl{ overflow:hidden; background:#fff; position:relative}
.main_section3 .list01 dl.st1{ padding:2em 2em 1.5em 2em;}
.main_section3 .list01 dl.st2{ padding:1.5em 2em 2em 2em;}
.main_section3 .list01 dl.st1:after{ content:""; position:absolute; right:2em; bottom:1px; width:80%; background:#ccc; height:1px}
.main_section3 .list01 dl > dt{ background:#044ea3; color:#fff; width:6em; height:5.5em; float:left; text-align:center}
.main_section3 .list01 dl > dt .year{ font-size:1.270em; display:block; margin-top:1em; font-weight:600; letter-spacing:1px}
.main_section3 .list01 dl > dt .date{ font-size:1.250em; display:block; padding:.3em 0; font-weight:600; letter-spacing:-.5px}
.main_section3 .list01 dl > dd{ float:left; padding-left:2em; padding-top:.5em; width:80%;}
.main_section3 .list01 dl > dd .t1{ font-size:1.125em; color:#044b82; font-weight:600}
.main_section3 .list01 dl > dd .t2{ font-size:.938em; color:#333; padding:10px 0}
.main_section3 .list01 dl > dd .t3{ font-size:.938em; color:#333;}
.main_section3 .list01 .area2 .banner_ul > li > a{ height:8.5em; background:#fff; border:1px solid #cccc; box-sizing:border-box; display:block; margin-bottom:1em}
.main_section3 .list01 .area2 .banner_ul > li .vm_wrap{ display:block; text-align:center; white-space:nowrap}
.main_section3 .list01 .area2 .banner_ul > li .vm_wrap:before{ content:""; display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:0; height:100%;}
.main_section3 .list01 .area2 .banner_ul > li .vm_wrap img{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; max-height:100%;}
.main_tit{ position:relative}
.main_tit .tit{ font-size:1.375em; font-weight:600; color:#222; margin-bottom:1em; padding-top:.5em}
/*.main_btn{ background:#76829d; width:35px; height:35px; line-height:35px; border-radius:50%; text-align:center; display:inline-block; cursor:pointer; position:absolute; right:.5em; top:.5em; z-index:111}
.main_btn .xi{ font-size:1.250em; color:#555; color:#fff}
*/
.main_btn{ position:absolute; top:.5em; right:0; width:35px; line-height:28px; text-align:center; background:#76829d; border-radius:100%; cursor:pointer}
.main_btn.st{ top:1em; right:1.5em; background:#fff; border-radius:100%; cursor:pointer}
.main_btn.st .xi{ color:#333;}
.main_btn .xi{ font-size:1.250em; color:#fff; transition:.3s; padding:3px 0}
.main_btn:hover .xi{ transform:rotate(180deg);}




/**/
/*.main_section4{ border-top:1px solid #ccc; background:#fff}*/
.client_dv{}
#client{ font-size:0; }
#client .client_tit{display:inline-block; *display:inline; zoom:1; width:11%; vertical-align:middle; font-size:1.15rem; color:#222; font-family:ng, sans-serif; font-weight:600;}
#client .btn{display:inline-block; *display:inline; zoom:1; width:20%; /*height: 51px; */  border-right: 1px solid #CCC; box-sizing: border-box; vertical-align:middle; text-align:left}

#client ul.btn{ position:relative; font-size:0;}
#client ul.btn li{  display:inline-block; *display:inline; zoom:1; margin-right:3px; width:28px; line-height:28px; background:#fff; border:1px solid #ccc; cursor:pointer; text-align:center; color:#888; font-size:.75rem;}
#client ul.btn .client_tt{ border:0; width:60px; margin-left:0; margin-right:2em}
#client ul.btn .client_tt:hover{ border:0; cursor:inherit}
#client ul.btn .client_tt .tt{ font-size:1.250em; color:#222; font-weight:600; letter-spacing:-1px}
#client ul.btn li.btn_stop{ color:#0ea04f} 
#client ul.btn li.btn_stop:hover{ color:#0ea04f}
#client ul.btn li:hover{border:1px solid #999; color:#888;}

#client .ptn_wrap {display:inline-block; *display:inline; zoom:1; width:80%; vertical-align:middle;}
#client ul.ptn_photo:after { content:""; clear:both; display:block; height:0; visibility:hidden; }

#client ul.ptn_photo li a { display:block; height:69px; cursor:default; box-sizing:border-box; text-align:center;  background:#fff; overflow:hidden; cursor:pointer}
#client ul.ptn_photo li a img{ position:absolute; left:0; top:0}

.cus_center_dv{ overflow:hidden; min-height:194px;}
.cus_center_dv .txt_dv{float:left; width:57%; margin-top:58px}
.cus_center_dv .txt_dv .tit01{font-size:1.76em; font-family:notokrB; color:#222; margin-bottom:8px;}
.cus_center_dv .txt_dv .tit01 .st1{font-size:1em;}
.cus_center_dv .txt_dv .txt01{position:relative; padding-left:10px; font-size:0.92em; font-family:ng, sans-serif; line-height:1.5; color:#333;}
.cus_center_dv .txt_dv .txt01 .st1{font-weight:600;}
.cus_center_dv .txt_dv .txt01::before{content:''; position:absolute; left:0; top:0; width:5px; height:100%; background:#003a6a;}
.cus_center_dv .cs_dv{float:left; width:43%; margin-top:45px;}
.cus_center_dv .cs_dv .dv01{padding-left:60px; position:relative; margin-bottom:26px;}
.cus_center_dv .cs_dv .dv01::before{content:'\e9d4'; font-family:xeicon; color:#fff; font-size:1.625em; width:52px; height:52px; text-align:center; line-height:52px; background:#003a6a; border-radius:50%; display:block; position:absolute; left:0; top:50%; margin-top:-26px;}
.cus_center_dv .cs_dv .dv01 .p1{font-size:1.6em; font-family:notokrB; color:#003a6a;}
.cus_center_dv .cs_dv .dv01 .p2{font-size:0.92em; font-family:ng,sans-serif; color:#444;}

.cus_center_dv .cs_dv .dv02{padding-left:60px; position:relative;}
.cus_center_dv .cs_dv .dv02::before{content:'\ea06'; font-family:xeicon; color:#fff; font-size:1.500em; width:52px; height:52px; text-align:center; line-height:52px; background:#003a6a; border-radius:50%; display:block; position:absolute; left:0; top:50%; margin-top:-26px;}
.cus_center_dv .cs_dv .dv02 .p1{font-size:1.67em; font-family:notokrB; color:#003a6a; cursor:pointer;}




/**/
.main_section2 .board{ width:520px; float:left; margin-right:1em}
.main_section2 .board .tab_wrap{ position:relative; }
.main_section2 .board .tab_wrap .tab{ padding-left:1px}
.main_section2 .board .tab_wrap .tab > li .more{ display:none; position:absolute; top:.5em; right:0; width:35px; line-height:28px; text-align:center; background:#76829d; border-radius:100%;}
.main_section2 .board .tab_wrap .tab > li .more .xi{ font-size:1.250em; color:#fff; transition:.3s; padding:3px 0}
.main_section2 .board .tab_wrap .tab > li .more:hover .xi{ transform:rotate(180deg);}
.main_section2 .board .tab_wrap .tab > li .tt{ position:relative; margin-bottom:-1px; padding:1em 4.5em; border:1px solid #ccc; color:#888; cursor:pointer; font-size:.938em; letter-spacing:-1px; background:#f5f5f5; display:block; margin-left:-1px}
.main_section2 .board .tab_wrap .tab > li.on .tt:after{ content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#fff}
.main_section2 .board .tab_wrap .tab > li.on .tt{ background:#fff; color:#222;}
.main_section2 .board .tab_wrap .tab > li.on .more{ display:block;}
.main_section2 .board .list_wrap{ margin-top:15px;}
.main_section2 .board .list_wrap .update{ display:inline-block; *display:inline; zoom:1; padding:.2em .5em; background:#fff; border:1px solid #29323d;}
.main_section2 .board .list_wrap .update > *{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding:0 .3em;}
.main_section2 .board .list_wrap .update .xi{ font-size:1.125em;}
.main_section2 .board .list_wrap .update .tt{ font-size:.813em;}
.main_section2 .board .list_wrap .update .t2{ color:#e2293a; font-weight:500;}
.main_section2 .board .list_wrap .notice_list{ margin-top:20px;}
.main_section2 .board .list_wrap .notice_list > li{ position:relative; padding-right:80px; line-height:35px;}
.main_section2 .board .list_wrap .notice_list .link{ position:relative; display:block; padding-left:15px; font-size:.938em; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.main_section2 .board .list_wrap .notice_list .link:before{ content:""; position:absolute; left:0; top:50%; margin-top:-4px; width:8px; height:8px; background:#ccc; border-radius:100%;}
.main_section2 .board .list_wrap .notice_list .date{ position:absolute; top:0; right:0; text-align:right; font-size:.813em; color:#666;}
.main_section2 .board .list_wrap .notice_list > li:hover .link{ text-decoration:underline;}




/*contents*/
#contents{}
#contents .subVisual_wrap{ position:relative; z-index:10; height:200px;}
#contents .subVisual_wrap .subVisual{ position:absolute; z-index:inherit; top:0; left:0; width:100%; height:100%; padding-left:100px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transition:.5s;}
#contents .subVisual_wrap .subVisual.bg_1{ background-image:url(../images/sub/sub_visual_1.jpg);}
#contents .subVisual_wrap .subVisual.bg_2{ background-image:url(../images/sub/sub_visual_2.jpg);}
#contents .subVisual_wrap .subVisual.bg_3{ background-image:url(../images/sub/sub_visual_3.jpg);}
#contents .subVisual_wrap .subVisual.bg_4{ background-image:url(../images/sub/sub_visual_4.jpg);}
#contents .subVisual_wrap .subVisual.bg_5{ background-image:url(../images/sub/sub_visual_5.jpg);}
#contents .subVisual_wrap .subVisual.bg_6{ background-image:url(../images/sub/sub_visual_6.jpg);}
#contents .subVisual_wrap .subVisual.bg_7{ background-image:url(../images/sub/sub_visual_7.jpg);}
#contents .subVisual_wrap .subVisual.bg_member{ background-image:url(../images/sub/sub_visual_member.jpg);}
#contents .subVisual_wrap .subVisual.bg_mypage{ background-image:url(../images/sub/sub_visual_member.jpg);}
#contents .subVisual_wrap .subVisual.bg_guide{ background-image:url(../images/sub/sub_visual_guide.jpg);}
#contents .subVisual_wrap .subVisual.bg_search{ background-image:url(../images/sub/sub_visual_search.jpg);}
#contents .subVisual_wrap .subVisual.on{ padding-left:0;}

#contents .subTitle{ position:relative; z-index:inherit; display:table}
#contents .subTitle .tit_area{ display:table-cell; vertical-align:middle; text-align:center; filter:alpha(opacity=0); opacity:0; transition:1s;}
#contents .subTitle .tit_area .tit{ color:#fff; transition:1s;}
#contents .subTitle .tit_area .tit1{ font-family:'LatoR',sans-serif; font-size:.750em; text-transform:uppercase; margin-bottom:15px; transform:translateX(-60px);}
#contents .subTitle .tit_area .tit2{ font-size:2.188em; font-weight:600; text-shadow:1px 1px 1px rgba(0,0,0,.5); transform:translateX(60px);}
#contents .subTitle.on .tit_area{ filter:alpha(opacity=100); opacity:1;}
#contents .subTitle.on .tit_area .tit{ transform:translateX(0);}

#contents .subNav_wrap{ position:absolute; z-index:inherit; left:0; bottom:0; width:100%;}
#contents .subNav_wrap .bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000; filter:alpha(opacity=60); opacity:.6;}
#contents .subNav_wrap .tt{ display:block; height:55px; line-height:55px; color:#fff; transition:.2s;}
#contents .subNav_wrap .nav{ float:left; border-right:1px solid #000; border-left:1px solid rgba(255,255,255,.25);}
#contents .subNav_wrap .nav > div{ float:left; position:relative;}
#contents .subNav_wrap .nav .tt{ border-left:1px solid #000; border-right:1px solid rgba(255,255,255,.25);}
#contents .subNav_wrap .nav .home .tt{ width:60px; text-align:center;}
#contents .subNav_wrap .nav .home .tt .xi{ font-size:1.438em;}
#contents .subNav_wrap .nav .home:hover .tt{ background:#247bd2;}
#contents .subNav_wrap .nav div[class^="depth"]{}
#contents .subNav_wrap .nav div[class^="depth"] .tt{ min-width:130px; padding:0 60px 0 30px; cursor:pointer;}
#contents .subNav_wrap .nav div[class^="depth"] .tt:after{ content:"\e942"; font-family:xeicon !important; font-style:normal; font-size:1.438em; color:#fff; position:absolute; top:0; right:20px;}
/*#contents .subNav_wrap .nav div[class^="depth"] .tt.on{ color:#3fd4ff;}
#contents .subNav_wrap .nav div[class^="depth"] .tt.on:after{ color:#3fd4ff;}*/
#contents .subNav_wrap .nav div[class^="depth"]:hover .tt{ background:#1e212b;}
#contents .subNav_wrap .nav .gnb,
#contents .subNav_wrap .nav .depth_1 .gnb .m_member,
#contents .subNav_wrap .nav .depth_1 .gnb .m_mypage,
#contents .subNav_wrap .nav .depth_1 .gnb .m_guide{ display:none;}
#contents .subNav_wrap .nav .gnb{ position:absolute; top:100%; left:0; right:0; background:#1e212b;}
#contents .subNav_wrap .nav .gnb li > a{ display:block; border-top:1px solid rgba(255,255,255,.15); padding:10px 15px 10px 30px; font-size:.938em; color:#fff; font-weight:300; transition:.3s;}
#contents .subNav_wrap .nav .gnb li:hover > a,
#contents .subNav_wrap .nav .gnb li.on > a{ background-color:#00397f;}

#contents .subNav_wrap .sns{ float:right; position:relative;}
#contents .subNav_wrap .sns .tt{ position:relative; padding-left:12px; margin-left:12px;}
#contents .subNav_wrap .sns .tt:before{ content:""; position:absolute; left:0; top:50%; margin-top:-10px; width:1px; height:20px; background:#fff; filter:alpha(opacity=20); opacity:.2;}
#contents .subNav_wrap .sns > li:first-child .tt{ padding-left:0; margin-left:0;}
#contents .subNav_wrap .sns > li:first-child .tt:before{ display:none;}
#contents .subNav_wrap .sns .tt:hover .xi{ color:#3fd4ff; transition:.3s;}



/*lnb*/
#contents .sub_wrap{ padding-bottom:6em}
#contents .sub_gnb{ float:left; width:235px; position:relative; top:1em;}
#contents .sub_gnb .gnb{ text-align:center}
#contents .sub_gnb .gnb > li{ display:none}
#contents .sub_gnb .gnb > li.on,
#contents .sub_gnb .gnb > li.on .dp2{ display:block}
#contents .sub_gnb .gnb > li .dp1{ color:#fff; height:auto; text-align:left; position:relative; line-height:6.5em; overflow:hidden; background:#728bc8}
#contents .sub_gnb .gnb > li .dp1:after{ content:""; position:absolute; bottom:0; width:20em; height:20em; background:#fff; border-radius:100%; opacity:.1;}
#contents .sub_gnb .gnb > li .dp1:before{ left:0}
#contents .sub_gnb .gnb > li .dp1:after{ right:0}

#contents .sub_gnb .gnb > li .dp1 .va{ font-size:1.5em; font-weight:600; padding-left:.8em}
#contents .sub_gnb .gnb > li ul,
#contents .sub_gnb .gnb > li li{ font-size:1em}
#contents .sub_gnb .gnb > li .dp2{ border-top:none; border-bottom:none}
#contents .sub_gnb .gnb > li .dp2 a{ padding-left:1em; padding-right:1.5em; color:#666; text-align:left; position:relative}
#contents .sub_gnb .gnb > li .dp2 > li{ display:block}
#contents .sub_gnb .gnb > li .dp2 > li > a{ padding-top:1.5em; padding-bottom:1.5em; border-bottom:1px solid #ddd; transition:.3s; overflow:hidden; border-left:1px solid #ddd; border-right:1px solid #ddd;}
#contents .sub_gnb .gnb > li .dp2 > li > a .xi{ font-size:1.125em; position:absolute; right:1.5em}
/*#contents .sub_gnb .gnb > li .dp2 > li > a:after{ content:""; position:absolute; width:1em; height:1em; right:-.5em; bottom:-.5em; transform:rotate(45deg); background:#0ea04f; opacity:0}*/
#contents .sub_gnb .gnb > li .dp2 > li.on > a:after,
#contents .sub_gnb .gnb > li .dp2 > li:hover > a:after{ opacity:1}
#contents .sub_gnb .gnb > li .dp2 > li > a .va{ font-size:.938em;}
#contents .sub_gnb .gnb > li .dp2 > li.on > a{ background:#f1f1f1}
#contents .sub_gnb .gnb > li .dp2 > li.on > a,
#contents .sub_gnb .gnb > li .dp2 > li:hover > a{ color:#111}
#contents .sub_gnb .gnb > li .dp3{ border-top:1px solid #fff; margin-top:-1px; border-bottom:1px solid #ddd; padding:.5em 0}
#contents .sub_gnb .gnb > li .dp3 > li{ display:block}
#contents .sub_gnb .gnb > li .dp3 > li > a{ padding-top:.5em; padding-bottom:.5em}
#contents .sub_gnb .gnb > li .dp3 > li > a .va{ font-size:.813em; position:relative; padding-left:.8em}
#contents .sub_gnb .gnb > li .dp3 > li > a .va:after{ content:""; position:absolute; left:0; top:50%; width:4px; height:4px; margin-top:-2px; background:#aaa}
#contents .sub_gnb .gnb > li .dp3 > li.on > a,
#contents .sub_gnb .gnb > li .dp3 > li:hover > a{ color:#002654}
#contents .sub_gnb .gnb > li .dp3 > li.on > a .va:after,
#contents .sub_gnb .gnb > li .dp3 > li:hover > a .va:after{ background:#002654}

/* #contents .sub_con{ width:100%} */
#contents .sub_con{ float: right; width: 900px;}

#contents .sub_tit_wrap{ border-bottom:1px solid #ddd; position:relative; background:#fff; transition:.3s; line-height:5em}
#contents .sub_tit_wrap .va_wrap{ height:5em; text-align:left;}
#contents .sub_tit_wrap .va{ width:100%}
#contents .sub_tit_wrap .tit_wrap{ float:left}
#contents .sub_tit_wrap .nav_wrap{ float:right}
#contents .sub_tit_wrap .tit{ font-size:1.5em; color:#333; font-weight:600}
#contents .sub_tit_wrap .nav{ font-size:.813em; color:#888; padding:.8em .2em 0 0; letter-spacing:0;}
#contents .sub_tit_wrap .nav *{ vertical-align: top}
#contents .sub_tit_wrap .nav span:before{ content:"\e93f"; font-family:xeicon!important; padding:0 .3em}
#contents .sub_tit_wrap .nav .home{ margin-top:-.1em}
#contents .sub_tit_wrap .nav .this{ color:#454b5b; vertical-align:top}




#contents .subCon{ position:relative; }
#contents .subCon .subPage_Tit{ border-bottom:1px solid #ccc; text-align:center;}
#contents .subCon .subPage_Tit .in{ position:relative; display:inline-block; *display:inline; zoom:1; padding:40px 50px 20px 50px; font-size:1.875em; color:#000; text-transform:uppercase;}
#contents .subCon .subPage_Tit .in:after{ content:""; position:absolute; left:0; bottom:-1px; width:100%; height:2px; background:#0ea04f;}

#contents .subCon .doc{ padding:30px 0 140px 0;}
#contents .subCon .doc.doc_st{ padding-top:0}
#contents .subCon .doc_wrap{ width:1200px; max-width:100%;}


#contents.member_c .subVisual_wrap{ display:none;}
#contents.member_c .subPage_Tit{ display:none;}
/*SUB PAGE*******************/
/*sub style inc*/
.page_sec1{ margin-top:20px !important;}
.page_sec2{ margin-top:40px !important;}
.page_sec3{ margin-top:60px !important;}
.page_sec4{ margin-top:80px !important;}
.page_sec0{ margin-top:10px}



/*inc*********************************/
.page_mg { margin-top:3em !important;}
.page_mg1{ margin-top:1em !important;}
.page_mg2{ margin-top:6em !important;}
.page_mg3{ margin-top:5em !important}


/*소개*/
.page1_1wrap,
.page2_1wrap,
.page3_1wrap,
.page4_1wrap{ border:1px solid #ddd; padding:3em; box-shadow:1px 1px 1em rgb(0 0 0 / 20%)}

.greet_tit{ font-size:1.563em; color:#728bc8; font-weight:500; line-height:1.4;} 
.greet_tit span{ color:#a3104e;}
.greet{ margin-top:40px;}
.greet b{font-weight: 700;}
.greet p.txt{ color:#454545; line-height:1.6; margin-bottom:25px; width:60%;}
.greet p.txt.st{ width:100%}

.name{ text-align:right; font-size:1.125em; color:#333; line-height:1.6;}
.name span.n1{ font-weight:600;}
.name span.n2{ margin-left:10px; font-weight:600; font-size:1.375em;}


.page2_1wrap{}
.page2_1wrap .txt_wrap{ line-height:1.8; color:#555}
.page2_1wrap a{ color:#3a6793; vertical-align:baseline}
.page2_1wrap a:hover{ text-decoration:underline;}
.page2_1wrap .c1{ color:#a3104e; vertical-align:baseline}
.page2_1wrap .table_wrap{ position:relative}
.page2_1wrap .table_wrap .bg_img{ background:url(../../images/sub/eng_img01.png) no-repeat right bottom; position:absolute; right:0; bottom:1em; width:390px; height:390px}

.page4_1wrap .board_table th, 
.page4_1wrap .board_table td{ height:3.2em}
 


/*인사말*/
.greeting_dv{ overflow:hidden}
.greeting_dv .img_dv{ width:40%; padding-top:1.5em}
.greeting_dv .txt_dv{ width:58%}
.greeting_dv .em{ font-size:.750em; letter-spacing:3px; color:#888; text-transform:uppercase; margin-bottom:1em}
.greeting_dv .txt_dv .p1{ font-size:1.570em; font-weight:600;}
.greeting_dv .txt_dv .p1::after{ content:""; width:70px; height:2px; background:#0ea04f; display:block; margin:.8em 0 .5em;}
.greeting_dv .txt_dv .st1{ color:#0ea04f; vertical-align:top;}
.greeting_dv .txt_dv .st2{ color:#157db9; vertical-align:top;}
.greeting_dv .p2{ line-height:1.5; padding-bottom:.8em; word-break:break-all; color:#555}
.greeting_dv .ceo_name{ text-align:right; padding-top:1em; line-height:1.5}
.greeting_dv .ceo_name .txt{ font-size:.875em;}
.greeting_dv .ceo_name .name{ font-size:1.125em; font-weight:600; vertical-align:baseline; letter-spacing:2px}




/*운영규정*/
.rules_wrap .rules_tab ul { overflow:hidden; margin:0 0 25px -10px; }
.rules_wrap .rules_tab ul li { float: left; width:16.66%; }
.rules_wrap .rules_tab ul li .inner { margin:0 0 10px 10px; text-align:center; color:#333; border:1px solid #CCC; transition:all .3s; padding:.6em .5em; font-size:.938em; border-radius:.5em; cursor:pointer; background:#f5f5f5}
.rules_wrap .rules_tab ul li .inner:hover { background:#0ea04f; color:#fff; }
.rules_wrap .edit_wrap{ border:1px solid #ccc; border-radius:.5em; padding:1.5em 2em; margin-top:.5em;}
.rules_wrap .edit_wrap .t1 { font-size:.938em; color:#333; line-height:1.6; word-break:break-all;}
.rules_wrap .edit_wrap .t2{ font-size:.938em; line-height:1.6; color:#333; padding:.5em 0 1em 1.5em}
.rules_wrap .edit_wrap .list_area{ margin-top:1em}
.rules_wrap .edit_wrap .list_area li{ padding-left:1em; font-size:.938em; line-height:1.6; color:#333}




/*개인정보처리방침*/
.tbl_priv{ float:right;}
.tbl_priv { border:1px solid #ccc; border-left:2px solid #00397f; padding:0px; font-size:0.875em; margin-bottom:10px; text-align:center; font-weight:200;}
.tbl_priv thead th { background:#0059ad; color:#fff; border-bottom:1px solid #aaaaaa; line-height:18px; padding:10px 20px; font-weight:400;}
.tbl_priv tbody th { color:#444444; background:#f2f2f2; border-bottom:1px solid #ccc; border-right:1px solid #ccc; line-height:18px; padding:10px 20px; vertical-align:middle; font-weight:400; }
.tbl_priv tbody td { color:#444; font-weight:400; border-bottom:1px solid #ccc; border-right:1px solid #ccc; line-height:18px; padding:10px 20px; vertical-align:middle; }

.tbl_priv2 { border:1px solid #ccc; padding:0px; font-size:0.875em; margin-bottom:10px; text-align:center;}
.tbl_priv2 thead th { background:#0059ad; color:#fff; border-bottom:1px solid #aaaaaa; line-height:18px; padding:10px 20px; font-weight:400;}
.tbl_priv2 tbody th { color:#444444; background:#f2f2f2; border-bottom:1px solid #ccc; border-right:1px solid #ccc; line-height:18px; padding:10px 20px; vertical-align:middle; font-weight:400; }
.tbl_priv2 tbody td { color:#444; font-weight:400; border-bottom:1px solid #ccc; border-right:1px solid #ccc; line-height:18px; padding:10px 20px; vertical-align:middle; font-weight:300; text-align:left;}
.tbl_priv2 tbody td a{ color:#00397f;}

.priv_con1{ margin-top:30px;}
.priv_con1 p.tit1{ background:url(../images/inc/page_tit2_bg.png) no-repeat left center; padding-left:20px; margin:25px 0 10px; color:#00397f;}
.priv_con1 p.txt1{ margin-bottom:15px; font-size:0.875em; line-height:1.6em; font-weight:300; color:#666;}
.priv_con1 p.txt2{ margin-left:10px; margin-bottom:15px; font-size:0.875em; line-height:1.6em; font-weight:300; color:#666;}
.priv_con1 p.txt2 span{ font-weight:400; color:#333; display:block;}
.priv_con1 p.txt3{ background:url(../images/sub/li_tit1.jpg) no-repeat left center; padding-left:10px; color:#666; margin-left:10px; font-size:0.875em; font-weight:300; line-height:1.6;}

.priv_con1 p.ex{ font-size:0.875em; line-height:1.6em; font-weight:300; color:#666;}
.priv_con1 p.ex a{ color:#00397f;}


/*이메일무단수집거부*/
.top_box{ border:1px solid #ccc; border-radius:10px; padding:40px 50px; text-align:center;}
.top_box p{ font-size:1.125em; color:#333; line-height:1.6; font-weight:300;}
.email_line{ width:100%; height:1px; background:#ccc; margin:40px 0;}
.email_w1{}
.email_w1 .tit1{ font-size:1.25em; text-align:center; color:#111; text-align:center; margin-bottom:30px;}
.email_w1 .txt1{ background:url(../images/inc/mid_tit1.png) no-repeat left center; color:#333; padding-left:15px; margin-bottom:10px;}
.email_w1 .txt2{ margin-left:10px; font-size:0.875em; color:#666; font-weight:300; line-height:1.8;}



/*교육페이지*/
/*.edu_search{ padding:1.2em .3em; margin-bottom:20px; font-size:.813em; text-align:center; background:linear-gradient(-180deg, #fff 0%, #fff 50%, #e9ecf2 100%); border-radius:.5em; border:1px solid #ccc; box-sizing:border-box}
.edu_search label { margin-right:1em}
.edu_search label .xi{ font-size:1.5em; margin-top:2px; margin-right:3px; display:none}
.edu_search label span{ padding-left:0; font-size:1.188em; font-weight:600; letter-spacing:-1px; color:#111; margin-right:.5em}
.edu_search .label_st .input_st{ padding:.6em 1.8em .6em 1em;}
.edu_search button.input_st{ padding:0 15px; font-weight:600;}
.edu_search button.input_st .xi{ font-size:1.25em; vertical-align:middle; margin-top:-4px;}
*/
/*교육신청테이블*/
.table_edu{ table-layout:fixed; border-left:2px solid #fff; word-break: break-all}
.table_edu th{ background:#333; color:#fff; padding:1.2em .3em; border-left:1px solid #555; color:#fff; font-size:.875em;}
.table_edu td{ border:1px solid #ddd; border-right:none; text-align:center; padding:8px 5px; font-size:.813em; color:#333;}
.table_edu tr:first-child td{ border-top:none;}
.table_edu .status1{ color:#111; font-weight:600;}
.table_edu .status2{ color:#999999; font-weight:600;}
.table_edu .status3{ color: #008cd4; font-weight:600;}
.table_edu .status4{ color: #FF3300; font-weight:600;}
.table_edu a:hover{ text-decoration:underline;}
.table_edu tr:hover td{color:#000;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 50%, #eeeeee 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 50%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 50%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */}
.edu_ment{ margin-bottom:10px; font-size:.813em; color:#000;}
.edu_ment strong{ color:#CC0000}
.edu_ment.icon strong{ position:relative; display:block; padding:3px 0 3px 12px;}
.edu_ment.icon strong:before{ content:""; position:absolute; top:10px; left:0; width:5px; height:1px; background:#000;}

/*교육신청뷰페이지*/
.table_edu_v.table_ac th,
.table_edu_v.table_ac td{ text-align:center}
.table_edu_v{ table-layout:fixed; word-break: break-all; font-size:.875em; border-top:2px solid #333}
.table_edu_v caption{ font-size:1.125em; color:#fff; background:#333; font-weight:600; padding:12px 0; border-radius:5px 5px 0 0; margin-bottom:-1px}
.table_edu_v th,
.table_edu_v td{ padding:8px 15px; height:2em}
.table_edu_v th{ border-bottom:1px solid #ddd; text-align:center; background:#f9f9f9; font-weight:600; color:#111}
.table_edu_v th * { vertical-align:middle}
.table_edu_v td{ border-bottom:1px dotted #ddd; color:#666;}
.table_edu_v th .xi{ font-size:1.313em; vertical-align:middle; margin-right:5px; color:#999; display:none}
.table_edu_v th .tt{ padding-right:2px; vertical-align:middle}
.table_edu_v th .ess{ padding:0 3px; vertical-align:middle}
.table_edu_v th .ess:before{ content:"\e928"; font-family:xeicon!important; font-style:normal; color:#CC0000; font-size:.625em}
.table_edu_v caption .xi{ color:#fff}
.table_edu_v.form th{ padding-top:12px; padding-bottom:12px;}
.table_edu_v.form td{}
.table_edu_v.table_height th,
.table_edu_v.table_height td{ padding:15px;}
.table_edu_v.table_height td .pay_txt{ line-height:1.6}

.table_edu_v.edu_s{ border-top:2px solid #ddd}
/*.table_edu_v.edu_s th{ padding-top:7px; padding-bottom:7px; letter-spacing:-1px}
.table_edu_v.edu_s th,
.table_edu_v.edu_s td{ min-height:29px;}
.table_edu_v.edu_s td{ padding:3px 10px;}
.table_edu_v.edu_s .input_st{ line-height:30px; height:30px;}
.table_edu_v.edu_s .input_st[type=file]:not(*:root){ padding:3px;}
.table_edu_v.edu_s caption{ font-size:1.375em}*/

.table_edu_v.edu_s2{font-size:.938em}
.table_edu_v.edu_s2 th,
.table_edu_v.edu_s2 td{ padding-top:5px; padding-bottom:5px}



.edit_wrap{ border-bottom:1px solid #ccc; box-sizing:border-box; padding:3em 1em 5em 1em; margin-bottom:3em;}
.edit_wrap .inB{ line-height:1.8; font-size:.875em}


.dl_edu_v{ margin-top:30px;}
.dl_edu_v:first-child{ margin-top:0;}
.dl_edu_v > .tit{ padding:5px 0 10px 0;}
.dl_edu_v > .tit .tt{ position:relative; display:inline-block; *display:inline; zoom:1; padding-left:15px; font-size:1.125em; color:#222; font-weight:600;}
.dl_edu_v > .tit .tt:before,
.dl_edu_v > .tit .tt:after { content:""; position:absolute; left:0; top:1px; width:5px; height:19px; background:#0ea04f; border-radius:.3em}
.dl_edu_v > .tit .tt_em{ font-size:.875em; display:block; color:#CC0000}
.dl_edu_v > .txt{ padding:8px 0; font-size:.813em;}
.dl_edu_v > .add{ border:1px solid #ccc; padding:10px; border-radius:5px; margin-bottom:10px}
.dl_edu_v > .add .xi{ font-size:1.5em; vertical-align:middle; color:#0ea04f}
.dl_edu_v > .add span{ font-size:.875em; color:#666; font-weight:600; vertical-align:middle;}
.dl_edu_v .point{ font-size:1.063em; color:#0ea04f; vertical-align:baseline}
.dl_edu_v .member_agree{ font-size:.875em}



.edu_detail_wrap .edu_memo{ margin-top:20px !important}
.edu_memo{ border:1px dashed #aaa; border-radius:5px; padding:2em; margin-top:30px; font-size:.857em; background:#fafafa}
.edu_memo.st1{ margin-top:0 !important}
.edu_memo.bg{ background:#fff !important}
.edu_memo.no_mt{ margin-top:0px; margin-bottom:30px;}
.edu_memo .tt_wrap{ margin-top:7px; line-height:1.6;}
.edu_memo .tt_wrap:first-child{ margin-top:0}
.edu_memo .tt_wrap .icon{ position:relative; padding-left:20px;}
.edu_memo .tt_wrap .icon .xi{ position:absolute; left:0; top:-4px; font-size:1.313em; color:#666}
.edu_memo .tt_wrap .tit{ margin-left:2px; font-weight:600; font-size:1.1313em; letter-spacing:-.5px; line-height:1.6;}
.edu_memo .tt_wrap .tt{ font-size:.938em; margin-top:2px}
.edu_memo .tt_wrap .tt2{ font-weight:600; font-size:1.25em}
.edu_memo .tt_wrap .tt2 .xi{ font-size:1.313em}
.edu_memo .tt_wrap .tt3{ font-size:1.125em}
.edu_memo .tt_wrap .c1,
.edu_memo .tt_wrap .c1 .xi{ color:#CC0000 !important}
.edu_memo .tt_wrap .c2,
.edu_memo .tt_wrap .c2 .xi{ color:#1474b1 !important;}
.edu_memo .tt_wrap .c2{ vertical-align:baseline; font-weight:600}
.edu_memo .tt_wrap .txt{ padding-left:1em; color:#333; position:relative; line-height:1.6; margin:3px 0}
.edu_memo .tt_wrap .txt:before{ content:""; width:5px; height:5px; border-radius:100%; position:absolute; background:#888; top:7px; left:0}
.edu_memo .memo_inC .tt{ padding-left:1.5em; font-weight:600; font-size:1.125em}
.edu_memo .memo_inC .tt_wrap{ padding-left:1.5em;}
.edu_memo .memo_inC .txt{ padding-left:1.5em; color:#333; position:relative; line-height:1.6; margin:3px 0}
.edu_memo .memo_inC .txt:before{ content:"\e91a"; position:absolute; top:0; left:0; font-family:'xeicon'; background:none; color:#555}


.form_wrap{ font-size:0; text-align:left}
.form_wrap > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; font-size:16px; font-size:1rem; width:100%}
.form_wrap > li.sec2{width:50%;}
.form_wrap > li .form_st{ background:#fff; border:1px solid #ccc; border-radius:5px; padding:7px 5px; position:relative; margin:5px 5px; font-size:.813em; transition:.3s}
.form_wrap > li .form_st > dt{ position:absolute; left:0; top:0; width:130px; height:100%; color:#333; background:#f9f9f9; border-radius:5px 0 0 5px; border-right:1px solid #ddd}
.form_wrap > li .form_st > dt *{ vertical-align:middle}
.form_wrap > li .form_st > dt .icon{ width:30px; height:21px; text-align:right; font-size:1.375em; color:#999; vertical-align:middle;}
.form_wrap > li .form_st > dt .tt{ font-style:normal; font-weight:600; padding:0 5px 0 5px; letter-spacing:-1px}
.form_wrap > li .form_st > dd{ padding-left:140px; color:#666;}
.form_wrap > li .form_st .t1{ vertical-align:middle; /*font-size:1.25em;*/ color:#111}
.form_wrap .form_st:hover{ border-color:#aaa}
.form_wrap .only{ line-height:30px}

.form_wrap.st1{ margin:0 -10px -5px 0;}
.form_wrap.st1 > li .form_st{ margin:0 10px 5px 0; padding-top:15px; padding-bottom:15px;}
.form_wrap.st1 > li .form_st > dt{ width:170px}
.form_wrap.st1 > li .form_st > dt .icon{ margin-top:2px;}
.form_wrap.st1 > li .form_st > dd{ padding-left:180px}

.form_wrap > li .form_st.size1 > dt{ width:180px; text-align:center}
.form_wrap > li .form_st.size1 > dd{ padding-left:190px}

.img_view_table{}
.img_view_wrap{ width:165px; position:absolute; right:0; top:1px}
.img_view_wrap .img_view2{ width:100%; height:212px; border:1px solid #ddd; background:#fff}
.img_view_wrap .va_wrap img{ max-width:100%; max-height:100%;}
.img_view_wrap .img_view{ position:relative; border:1px solid #ccc; width:100%; height:220px;} /*이미지없을때*/
.img_view_wrap .img_view:before{ content:"\ea4e"; position:relative; top:5px; left:0; font-family:'xeicon'; font-size:3.5em; color:#ddd}

.table_guide{ position:relative}

.form_tt{ display:inline-block; *display:inline; zoom:1; font-size:.75rem; color:#777; vertical-align:middle; font-weight:normal}
.form_tt.red,
.form_tt .red{ color:#CC0000}

/*결제정보*/
.table_edu.st1{ border-top:2px solid #333; border-left:none;}
.table_edu.st1 th,
.table_edu.st1 td{ padding:13px 5px;}
.table_edu.st1 th{ background:#333; color:#fff; border-bottom:1px solid #ddd; font-weight:600}
.table_edu.st1 th:first-child,
.table_edu.st1 td:first-child{ border-left:none}
.table_edu.st1 td{}






/*MEMBER***************************/
.member_wrap{ letter-spacing:-.5px;}
.member_wrap .input_st{ height:3em;}
.member_wrap .login_box{ width:520px; max-width:100%; margin:0 auto;}
.member_wrap .join_box { width:600px; max-width:100%; margin:0 auto;}
.member_wrap .confirm_box{ width:45%; margin:0 auto}

.member_wrap .member_tab{ text-align:center; padding:0 1px 0 0;}
.member_wrap .member_tab > li{ width:50%;}
.member_wrap .member_tab > li .in{ position:relative; z-index:1; margin:0 -1px -1px 0; padding:1em .5em; background:#f0f0f0; border:1px solid #d4d5d8; font-size:1.125em; color:#72727d;}
.member_wrap .member_tab > li.on .in{ z-index:2; background:#fff; border-bottom-color:transparent; color:#0ea04f;}
.member_wrap .member_tab > li.on .in:before{ content:""; position:absolute; top:-1px; left:-1px; right:-1px; height:4px; background:#0ea04f;}

.member_wrap .member_tit{ padding:0 0 2em 0; text-align:center;}
.member_wrap .member_tit .tit{ font-size:2.500em; color:#3c3c3d; font-weight:600; letter-spacing:0; text-transform:uppercase;}
.member_wrap .member_tit .txt{ font-size:1.125em; color:#69696b; font-weight:300; padding-top:.8em;}

.member_wrap .member_form{ padding:2.5em 2em; border:1px solid #ccc; border-top-width:4px; border-top-color:#8096cd;}
.member_wrap .member_form.st1{ border-top:none !important}

.member_wrap .form > li:first-child{ margin-top:0;}
.member_wrap .form .inp_wrap{ position:relative; margin-top:.4em;}
.member_wrap .form .inp_wrap .xi{ position:absolute; top:0; left:0; width:2em; line-height:55px; text-align:center; font-size:1.750em; color:#3c3c3d;}
.member_wrap .form .inp_wrap .tt{ position:absolute; top:0; left:0; width:6em; line-height:55px; text-align:center; border-right:1px solid #ddd; color:#3c3c3d;}
.member_wrap .form .inp_wrap .inp{ box-sizing:border-box; width:100%; height:55px; padding:0 1em 0 4em; background:#fff; border:1px solid #ddd; border-radius:5px;}
.member_wrap .form .save_wrap{ margin-top:1.2em;}
.member_wrap .form .save_wrap .find{ padding-top:.3em; text-align:right;}
.member_wrap .form .save_wrap .find .link{ position:relative; display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-left:.8em; padding-left:.8em; font-weight:300;}
.member_wrap .form .save_wrap .find .link:before{ content:""; position:absolute; top:10%; left:0; width:1px; height:80%; background:#ccc;}
.member_wrap .form .save_wrap .find .link:first-child{ margin-left:0; padding-left:0;}
.member_wrap .form .save_wrap .find .link:first-child:before{ display:none;}
.member_wrap .form .btn_wrap{ margin-top:.6em;}
.member_wrap .form .btn_wrap .btn{ display:block; box-sizing:border-box; text-align:center; width:100%; margin:.4em 0; padding:1em 1em; border:1px solid transparent; font-size:1.125em; border-radius:.3em}
.member_wrap .form .btn_wrap .btn.c1{ background:#728bc8; color:#fff;}
.member_wrap .form .btn_wrap .btn.c2{ background:#ffffff; border-color:#728bc8; color:#728bc8;}
.member_wrap .form .btn_wrap .btn.c3{ background:#3e3e49; color:#fff;}
.member_wrap .form .msg_wrap{ margin-top:2em;}
.member_wrap .form .msg_wrap .tt{ margin:.4em 0; font-size:.938em; color:#3c3c3d; font-weight:300;}
.member_wrap .form .msg_wrap .tt.icon{ position:relative; padding-left:1.6em;}
.member_wrap .form .msg_wrap .tt.icon .xi{ position:absolute; top:0; left:0; line-height:1;}
.member_wrap .form .id_wrap{ padding:3em 1em; background:#f5f5f5; border:1px solid #e5e5e5; text-align:center; font-size:1.125em;}
.member_wrap .form .id_wrap strong{ vertical-align:baseline; color:#3f3f9f; letter-spacing:0;}

.member_wrap .form .sns_wrap{ margin-top:2em;}
.member_wrap .form .sns_wrap .btn{ position:relative; display:block; margin-top:.4em; border:1px solid #ccc; border-radius:5px;}
.member_wrap .form .sns_wrap .btn:first-child{ margin-top:0;}
.member_wrap .form .sns_wrap .btn .tt{ display:block; box-sizing:border-box; line-height:55px; padding:0 1em 0 6em; color:#3c3c3d;}
.member_wrap .form .sns_wrap .btn .icon{ position:absolute; top:-1px; left:-1px; bottom:-1px; width:2em; line-height:57px; border-radius:5px 0 0 5px; text-align:center; font-size:2.000em; color:#fff;}
.member_wrap .form .sns_wrap .btn .icon.naver{ background:#2CB400;}
.member_wrap .form .sns_wrap .btn .icon.daum{ background:linear-gradient(-225deg, #6e9cfc 0%, #fb676a 70%, #ffe001 100%); font-family:'Ms','NotoSans',sans-serif; font-weight:600;}
.member_wrap .form .sns_wrap .btn .icon.google{ background:#1A73E8;}
.member_wrap .form .sns_wrap .btn .icon.kakao{ background:#FAE100; color:#3C1E1E;}
.member_wrap .form .sns_wrap .btn:hover{}

.member_wrap .form2{ margin-top:1.5em; padding-top:1.5em; border-top:1px dashed #ccc;}
.member_wrap .form2 .tit{ font-weight:600; font-size:1.125em; margin-bottom:.5em; display:block}
.member_wrap .form2:first-child{ margin-top:0; padding-top:0; border-top:none;}
.member_wrap .form2 > li{ margin-top:.4em; font-weight:300;}
.member_wrap .form2 > li:first-child{ margin-top:0;}
.member_wrap .form2 .inp_wrap{ color:#3c3c3d;}
.member_wrap .form2 .inp_wrap select.input_st,
.member_wrap .form2 .inp_wrap input[type=text].input_st,
.member_wrap .form2 .inp_wrap input[type=password].input_st{ background-color:transparent;}
.member_wrap .form2 .inp_wrap input[disabled=disabled].input_st{ background-color:#f5f5f5;}
.member_wrap .form2 .check_wrap > *{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.member_wrap .form2 .check_wrap .label_wrap{ width:100%;}
.member_wrap .form2 .check_wrap .label_wrap > *{ width:33.33%; margin:.2em 0;}
.member_wrap .form2 .check_wrap .tit{ display:block; font-size:1.125em; padding-bottom:1em}
.member_wrap .form2 .check_wrap .check_ul{ background:#f9f9f9; padding:1em}
.member_wrap .form2 .check_wrap .check_ul.st{ background:#fff}
.member_wrap .form2 .check_wrap .check_ul.st > li{ padding:0}
.member_wrap .form2 .check_wrap .check_ul > li{ width:33.33%; padding:.3em 0}
.member_wrap .form2 .ess{ display:none;}
.member_wrap .form2 .required .ess{ display:inline-block;}
.member_wrap .form2 .field{ position:relative;}
.member_wrap .form2 .field .txt{ position:absolute; z-index:-1; top:50%; left:1.2em; transform:translate(0, -50%); transition:transform .2s ease-out; transform-origin:0 0;}
.member_wrap .form2 .field.on .txt{ color:#69696b; transform:translate(0, -110%) scale(.7,.7);}
.member_wrap .form2 .col .col_w1{ width:65.68%; margin-left:1%;}
.member_wrap .form2 .col .col_w1:first-child{ width:66.66%; margin-left:0;}
.member_wrap .form2 .col .col_w2{ width:32.34%; margin-left:1%;}
.member_wrap .form2 .col .col_w2:first-child{ width:33.32%; margin-left:0;}

.member_wrap .form2 .tit.input_st{ background:#f5f5f5;}
.member_wrap .form2 .check_st{ position:relative; text-align:center; border-color:transparent; cursor:pointer;}
.member_wrap .form2 .check_st .on{ position:absolute; top:-1px; bottom:-1px; left:-1px; right:-1px; background:#fff; border:1px solid #095282; border-radius:5px;}
.member_wrap .form2 .check_st .on ~ span{ position:relative; color:#095282;}
.member_wrap .form2 .check_st:hover input ~ .on,
.member_wrap .form2 .check_st input:checked ~ .on{ background:#095282;}
.member_wrap .form2 .check_st:hover input ~ .on ~ span,
.member_wrap .form2 .check_st input:checked ~ .on ~ span{ color:#fff;}
.member_wrap .form2 .check_st input[type=checkbox],
.member_wrap .form2 .check_st input[type=radio]{ width:0; height:0; overflow:hidden; opacity:0;}

.member_wrap .type_wrap{}
.member_wrap .type_wrap > li{ width:50%;}
.member_wrap .type_wrap > li .inner{ border-left:1px solid #ddd; padding:0 2em; text-align:center;}
.member_wrap .type_wrap > li:first-child .inner{ border-left:none;}
.member_wrap .type_wrap .icon{ height:8em;}
.member_wrap .type_wrap .txt{ margin-top:1em; min-height:5em;}
.member_wrap .type_wrap .txt .t1{ font-size:1.500em; color:#3f3f9f;}
.member_wrap .type_wrap .txt .t2{ font-size:.938em; color:#69696b; padding-top:.4em;}
.member_wrap .type_wrap .btn{ display:inline-block; *display:inline; zoom:1; margin-top:1em; padding:.6em 2.5em; background:#fff; border:1px solid #3f3f9f; border-radius:5px; color:#3f3f9f; transition:.2s;}
.member_wrap .type_wrap .btn:hover{ background:#3f3f9f; color:#fff;}

.member_wrap .terms_wrap .all_check{ padding:1em 0; border-bottom:1px dashed #bbb;}
.member_wrap .terms_wrap > li{ padding-top:1.5em;}
.member_wrap .terms_wrap > li:first-child{ padding-top:0;}
.member_wrap .terms_wrap .tit{ margin-bottom:.6em; font-size:1.125em; color:#3c3c3d; font-weight:600;}
.member_wrap .terms_wrap .c1{ color:#d31717;}

.member_wrap .finish_wrap{ text-align:center;}
.member_wrap .finish_wrap .tit{ font-size:1.500em; color:#3c3c3d; letter-spacing:-1px;}
.member_wrap .finish_wrap .txt{ padding:.4em 0; color:#69696b; font-weight:300;}
.member_wrap .finish_wrap .join_fin{ font-size:.938em; color:#3c3c3d;}
.member_wrap .finish_wrap .join_fin .th,
.member_wrap .finish_wrap .join_fin .td{ padding:.8em 1.5em; border:1px solid #ddd; text-align:left;}
.member_wrap .finish_wrap .join_fin .th{ width:10em; background:#f5f5f5;}
.member_wrap .finish_wrap .join_fin .td{ width:auto; letter-spacing:0;}

.member_btn_wrap{ margin:1.5em 0 0 -.4em;}
.member_btn_wrap > *{ width:50%;}
.member_btn_wrap .in{ margin-left:.4em;}

.member_agree .agree{ padding:3em; border:1px solid #ddd; border-top:2px solid #3c3c3d; font-size:.938em; color:#69696b; font-weight:300; line-height:1.4em;}
.member_agree .agree.H{ padding:1.5em; border-top-width:1px; height:6em; overflow-y:scroll;}
.member_agree .agree p{ padding:.5em 0;}
.member_agree .agree *{ vertical-align:baseline;}
.member_agree .agree strong{ color:#3c3c3d;}
.member_agree .check{ padding:1em 2em; border:1px solid #ddd; border-top:none; border-radius:0 0 5px 5px; text-align:right; background:#f9f9f9}
.member_agree h1{ color:#111; font-weight:600}

.page_step_wrap{ text-align:center;}
.page_step_wrap .step{ display:inline-block; *display:inline; zoom:1;}
.page_step_wrap .step > li .in{ position:relative; padding:0 1em; min-width:8em;}
.page_step_wrap .step > li .in:before{ content:"\e940"; font-family:xeicon; position:absolute; font-size:2.000em; color:#ddd; top:.2em; left:-.5em;}
.page_step_wrap .step > li:first-child .in:before{ display:none;}
.page_step_wrap .step > li .in > *{ position:relative; display:block;}
.page_step_wrap .step > li .in .xi{ margin:.2em 0; font-size:2.500em; color:#ddd;}
.page_step_wrap .step > li .in .xi:before{ position:relative; z-index:2;}
.page_step_wrap .step > li .in .xi:after{ content:""; position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%, -50%); width:1.4em; height:1.4em; background:#f5f5f5; border-radius:100%;}
.page_step_wrap .step > li .in .tt{ font-size:1.125em; color:#aaa; font-weight:300;}
.page_step_wrap .step > li.on .in .xi{ color:#fff;}
.page_step_wrap .step > li.on .in .xi:after{ background:#728bc8;}
.page_step_wrap .step > li.on .in .tt{ color:#3c3c3d;}


 
/**/
.label_st.ml{ margin-left:30px}
.label_st.mr{ margin-right:30px}



/*SUB*****************************************************************************/

/*공통*/
.page_tit1{ margin-bottom:15px;}
.page_tit1 .tt{ position:relative; display:inline-block; *display:inline; zoom:1; padding-left:17px; font-size:1.375em; color:#a41550; font-weight:600}
.page_tit1 .tt:before,
.page_tit1 .tt:after { content:""; position:absolute; left:0; top:1px; width:6px; height:25px; background:#a41550; border-radius:.3em;}
.page_tit1 .ex{ display:block; margin-top:10px; font-size:.813rem; color:#666;}
.page_tit1 .red{ color:#CC0000;}
.page_tit1 .tt .name{ vertical-align:baseline;}

.page_tit2{ padding:5px 0 10px 0;}
.page_tit2 .tt{ position:relative; display:inline-block; *display:inline; zoom:1; padding-left:15px; font-size:1.250em; color:#222; font-weight:600;}
.page_tit2 .tt:before,
.page_tit2 .tt:after { content:""; position:absolute; left:0; top:1px; width:5px; height:19px; background:#a41550; border-radius:.3em}



.page_basic_tit{ margin-bottom:1em; padding-left:1.2em;}
.page_basic_tit > *[class^="t"] *{ vertical-align:baseline;}
.page_basic_tit > *[class^="t"] strong{ font-weight:500;}
.page_basic_tit > *[class^="t"] span  { font-weight:300;}
.page_basic_tit > .t1{ position:relative; font-size:1.375em; color:#3c3c3d; font-weight:600; line-height:1.4; letter-spacing:-1px;}
.page_basic_tit > .t1:before{ content:""; position:absolute; top:.25em; left:-.8em; width:.3em; height:1em; background:#0ea04f; border-radius:.2em;}
.page_basic_tit > .t2{ padding-top:.6em; font-size:1em; color:#555; line-height:1.5;}
.page_basic_tit > .t3{ display:inline-block; padding:.5em 1em; border:1px solid #d4d5d8; border-radius:.3em; font-size:.875em; color:#72727d;}
.page_basic_tit > .t3 strong{ color:#3c3c3d;}
.page_basic_tit .point{ color:#ef7c00;}


/**/
.sub_tt_wrap {margin-bottom:20px;}
.sub_tt_wrap .tit { font-size:1.250em; position:relative; padding-left:35px; font-weight:600; color:#a3104e}
.sub_tt_wrap .tit:before,
.sub_tt_wrap .tit:after{ content:""; position:absolute; top:9px; left:2px; width:15px; height:7px; transform:rotate(45deg);}
.sub_tt_wrap .tit:before{ background:#a3104e}
.sub_tt_wrap .tit:after{ background:#9d9a9c; margin-left:.625em}


/*논문탭*/
.page_tab .tab,
.page_tab .tab > li,
.page_tab .tab > li > a{ display:flex; align-items:stretch;}
.page_tab{ margin-bottom:3em; text-align:center;}
.page_tab .tab > li > a{ justify-content:center; align-items:center; margin-left:.4em; /*min-width:9em; */padding:.6em 1.5em; background:#f0f0f0; border:1px solid #ccc; border-radius:.4em; font-size:.938em; color:#72727d; transition:.2s;}
.page_tab .tab > li:first-child > a{ margin-left:0;}
.page_tab .tab > li > a > *{ display:inline-block; *display:inline; zoom:1;}
.page_tab .tab > li .icon{ margin-left:.5em; color:#d4d5d8;}
.page_tab .tab > li .icon:before{ content:"\e937";}
.page_tab .tab > li:hover > a,
.page_tab .tab > li.on > a{ background:#a00d4b; border-color:#a00d4b; color:#fff;}
.page_tab .tab > li:hover .icon,
.page_tab .tab > li.on .icon{ color:#fff;}


/*탭*/
.page_tab_wrap{ position:relative; text-align:center; margin-bottom:1em}
.page_tab_wrap .tab_ul{ position:relative; display:inilne-block; margin-left:-.5em}
.page_tab_wrap .tab_ul > li{ position:relative;}
.page_tab_wrap .tab_ul.st1 > li{ width:9%; margin-left:.5em}
.page_tab_wrap .tab_ul.st2 > li{ width:33.33%}
.page_tab_wrap .tab_ul.st3 > li{ width:50%}
.page_tab_wrap .tab_ul > li > a{ text-align:center; border:1px solid #ccc; margin:0 0 0 -1px; color:#000; transition:.3s; height:40px; line-height:40px; 
display:block; font-size:.938em; letter-spacing:-1px; cursor:pointer; background:#f5f5f5; border-radius:.5em;}
.page_tab_wrap .tab_ul > li.on >a{ background:#0ea04f; color:#fff; position:relative;}
/*.page_tab_wrap .tab_ul > li.on >a:before{ background:#247bd2; content:""; position:absolute; left:0; right:0; bottom:-1px; height:4px}*/


/*과정안내*/
.top_bg{ background:#f5f5f5; padding:3em 0 3.5em 0; background-repeat:no-repeat; background-size:cover !important; border-radius:10px 0 10px 0; /*box-shadow:10px 10px 40px rgba(0,0,0,0.2);*/ }
.top_bg .t1{ font-size:1.570em; text-align:center; color:#fff; font-weight:600}
.top_bg .t2{ font-size:.875em; text-align:center; color:#fff; opacity:.8; padding-top:1em;}
.top_bg.bg1{ background:url(../images/sub/2_1img1.jpg);}
.top_bg.bg2{ background:url(../images/sub/2_1img0.jpg);}
.top_bg.bg3{ background:url(../images/sub/2_2img0.jpg);}
.top_bg.bg4{ background:url(../images/sub/2_4img0.jpg);}
.edu_detail_wrap .board_table.edu_detail{ border-top:3px solid #829cae; font-size:.875em; margin:0 auto}
.edu_detail_wrap .board_table.edu_detail th{ background:#eef3f7;}
.edu_detail_wrap .board_table.edu_detail.intb{ font-size:1em}
/*.edu_detail_wrap .board_table.edu_detail .bg1{ background:#ddd}*/
.edu_detail_wrap .board_table.edu_detail .txt{ word-break:break-all}
.edu_detail_wrap .board_table.edu_detail.table2{ border-top-color:#ddd}
.edu_detail_wrap .board_table.edu_detail.table2 th{}



.edu_num_list .num{ position:absolute}
.edu_num_list .num_txt{ padding-left:1.5em; word-break:break-all;}
.edu_num_list .ko{ position:absolute}
.edu_num_list .l_sec{ padding-left:1em}



.page_info_wrap{ margin-bottom:2em;}
.page_info_wrap .tit_wrap{ background:#f9f9f9; border-top:2px solid #0c8944; color:#111; padding:.8em 1.5em .8em 7em; margin-bottom:0.5em; position:relative;}
.page_info_wrap .tit_wrap:before{ content:""; position:absolute; left:0; top:50%; width:1em; height:1px; background:#fff; z-index:100}
.page_info_wrap .tit_wrap i.top_tx, .search_view_wrap .xi-arrow-top{ font-size: 0.875em}
.page_info_wrap .tit_wrap .tt{ font-size:1em; position:absolute; top:0; left:0; border-right:1px solid #ddd; padding:.8em 1em .8em 1.5em; background:#0c8944; color:#fff}
.page_info_wrap .tit_wrap .ti{ font-size:1em;}
/*.page_info_wrap .active_top{ position:absolute; top:0; right:0; border-left:1px solid #ddd; padding:0.8em 0.8em; font-size:1.125em; cursor:pointer; background:#ddd;}
.page_info_wrap .in_tx_box{ padding:2em; border:1px solid #ddd; font-family:'notokrR'; font-size:1em; line-height:1.5;}*/






/*초록접수*/
.mypagePhoto_wrap{}
.mypagePhoto_wrap .list{ margin:0 -1em -1em 0;}
.mypagePhoto_wrap .list > li .inner{ margin:0 1em 1em 0; border:1px solid #ccc;}
.mypagePhoto_wrap .img_wrap{ display:block;}
.mypagePhoto_wrap .con_wrap{ border-top:1px solid #ccc; padding:1em 1em; overflow:hidden;}
.mypagePhoto_wrap .con_wrap .left{ float:left;}
.mypagePhoto_wrap .con_wrap .right{ float:right; text-align:right;}
.mypagePhoto_wrap .con_wrap .name{ margin-bottom:.5em; padding-bottom:.5em; border-bottom:1px dashed #ddd; font-size:1.063em; color:#cd3350; font-weight:500; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.pageMemo_wrap{ padding:1em 1.5em; border:1px solid #d1d5e5;}
.pageMemo_wrap.icon{ position:relative; padding-left:8.5em; min-height:4.5em;}
.pageMemo_wrap.icon:before{ content:"\e9d8"; font-family:xeicon; font-size:2.500em; color:#fff; display:block; position:absolute; top:50%; left:.5em; margin-top:-1em; width:2em; line-height:2em; background:#d1d5e5; border-radius:50%; text-align:center;}
.pageMemo_wrap .tt{ padding:.2em 0;}
.pageMemo_wrap .t1{ font-size:.938em; color:#7b848d;}
.pageMemo_wrap .t2{ font-size:.938em; color:#222931; vertical-align:middle;}

.pageMemo_wrap .nemo{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; box-sizing:border-box; margin-right:1em; width:2em; height:2em; border:3px solid #000;}
.pageMemo_wrap .nemo.cr1{ border-color:#b846c9;}
.pageMemo_wrap .nemo.cr2{ border-color:#b846c9; background:#b846c9;}
.pageMemo_wrap .nemo.cr3{ border-color:#aaaaaa; background:#aaaaaa;}

.pageMemo_wrap.st1{ padding:0; border:none;}


/*사전등록*/
.login_wrap{margin-top:2em; text-align:center; border-radius:5px; border:1px solid #ccc; box-sizing:border-box; background:#f5f5f5}
.login_wrap .profile{ display:block; margin:2em auto; border-radius:50%; border:1px solid #ccc; width:180px; height:180px; background:url(../images/temp/icon1.png) no-repeat center center; background-size:auto; background-color:#fff;}
.login_wrap .in{ max-width:100%; width:1100px; margin:3em auto; box-sizing:border-box; vertical-align:baseline; border-radius:5px; background:#fff; border:1px solid #ccc; padding:2em}
.login_wrap .in .t1{ font-size:1.250em; padding-bottom:.5em;}
.login_wrap .in .t2{ font-size:1em}



/*인사말*/
.about_wrap{ overflow:hidden; }
.about_wrap .left{ width:60%;}
.about_wrap .right{ width:40%; text-align:right;}
.about_wrap .t1{ font-size:1.570em; line-height:1.4; letter-spacing:-1px; margin-bottom:1em; color:#003f87;}
.about_wrap .t1:after{ display:block; content:""; background:linear-gradient(to right, #247bd2, #fff); width:70%; height:2px; margin:20px 0;}
.about_wrap .t2{ line-height:1.6; margin-bottom:1em; text-align:justify}
.about_wrap .c1{ vertical-align:baseline;}
.about_wrap .ceo_img > img{ padding-top:0.5em;}
.about_wrap .ceo_name{ text-align:left; padding-left:10em}
.about_wrap .ceo_name .name{ font-size:1.125em; vertical-align:baseline;}
.about_wrap .date{ display:block}


/*학회소개*/
.greetings_wrap{overflow:hidden; padding:1em 0}
.greetings_wrap .img_dv{float:right; width:45%;}
.greetings_wrap .txt_dv{ float:left; width:50%}
.greetings_wrap .txt_dv .p1{ font-size:1.8em; color:#004da6; text-align:left}
.greetings_wrap .txt_dv .p1::after{content:''; width:70px; height:1px; background:#004da6; display:block; margin:.8em 0 .5em;}
.greetings_wrap .txt_dv .st1{color:#c60e3b; vertical-align:top;}
.greetings_wrap .txt_dv .st2{color:#157db9; vertical-align:top;}
.greetings_wrap .p2{font-size:1.125em; line-height:1.8;}

.greetings_wrap .txt_dv2{float:left; width:50%;}
.greetings_wrap .img_dv2{float:right; width:45%;}



/*연혁*/
.sub_history_wrap{ position:relative; z-index:inherit; padding-left: 120px;}
.sub_history_wrap .sub_history_line{ position:absolute; z-index:inherit; width:1px; background:#ddd; left:81px; height:100%; margin-left:1px; top:-40px}
.sub_history_wrap .sub_history > li{ position:relative; z-index:inherit; width:100%; margin-top:40px}
.sub_history_wrap .sub_history > li .history{ padding:0 20px; border-bottom: 1px dotted #ccc; min-height:120px}
.sub_history_wrap .sub_history > li .history:before{content:''; position:absolute; top:20px; left:-42px; width:10px; height:10px; background:#003f87; border-radius:100%;}
.sub_history_wrap .sub_history > li .history .year{ font-size:1.750em; font-weight:700; color:#555; position:relative; z-index:inherit; letter-spacing:-1px; opacity:.6;}
.sub_history_wrap .sub_history > li .history .list{ position:relative; z-index:inherit; margin-top:15px; padding-left:1.5em}
.sub_history_wrap .sub_history > li .history .list .tt{ display:block; color:#222; line-height:1.4; margin-bottom:15px; vertical-align:middle;}
.sub_history_wrap .sub_history > li .history .list .txt {position:relative; padding-left:10px;}
.sub_history_wrap .sub_history > li .history .list .txt:before {position:absolute; content:""; width:5px; height:2px; background:#888; left:0; top:10px;}
.sub_history_wrap .sub_history > li .history .list .month{ min-width:80px; display:inline-block; color:#003f87;}
.sub_history_wrap .sub_history > li .history .history_img{ margin-bottom:1em; padding-left:.5em}
.sub_history_wrap .sub_history > li .history .history_img > li{ margin-right:.3em}
.sub_history_wrap .sub_history > li .history .list:before{ content:"\e91b"; position:absolute; left:0; font-family:'xeicon'; color:#888}





/*검색*/
.page_search_wrap{ align-items:stretch; margin-bottom:1.8em; padding:1em 0; border:1px solid #72727d; border-radius:.5em; box-shadow:.2em .2em 0 rgba(0,0,0,.1); font-size:.938em;}
.page_search_wrap .con_wrap{ flex:7.5; flex-wrap:wrap;}
.page_search_wrap .btn_wrap{ flex:1; border-left:1px dashed #ddd; text-align:center;}
.page_search_wrap .inner{ display:flex; align-items:center; padding:0 1.5em;}
.page_search_wrap .in{ flex:1; align-items:center;}
.page_search_wrap .inp_row{ flex:1 1 100%; padding:.3em 0;}
.page_search_wrap .inp_row .tit{ min-width:8em;}
.page_search_wrap .inp_row .tit .icon{ position:relative; display:inline-block; padding-left:1em;}
.page_search_wrap .inp_row .tit .icon:before{ content:""; position:absolute; left:0; top:.4em; width:.4em; height:.4em; background:#d82744; border-radius:50%;}
.page_search_wrap .inp_row .inp{ flex:1;}
.page_search_wrap .inp_row .inp .label_st.st2{ margin:.1em 0;}
.page_search_wrap .btn_wrap .input_st{ margin:.1em 0; width:100%;}

.page_search_wrap.st2{ padding:1em 1.5em;}
.page_search_wrap.st2 .inp_row{ align-items:center;}


/*검색페이지*/
.search_w{ border:1px solid #ccc; padding:30px; margin-bottom:30px; text-align:center;}
.search_w .search_selec{ border:1px solid #ccc; line-height:32px; height:35px; padding:0 10px; width:140px;}
.search_w .search_in{ border:none; border-bottom:1px solid #ccc; line-height:30px; height:30px; min-width:120px; width:40%; padding:0 10px; color:#aaa}
.search_w .search_inp:focus{ color:#111}
.search_w .search_bt{ line-height:30px; background:#444; color:#fff; border:none; padding:0 30px; border-radius:5px;}
.search_w .tip1{ font-size:0.875em; color:#666; margin-top:20px; line-height:1.6;}

.search_w .result{ border-top:1px solid #ccc; margin-top:20px; padding-top:20px;}
.search_w .result .tit1{ font-size:1.5em;margin-bottom:10px; color:#333;}
.search_w .result .tit1 .dot{ color:#aaa; margin:0 3px;}
.search_w .result .tit1 .green{ color:#37499d;}
.search_w .result .tit2{ font-size:1em; color:#333;}
.search_w .result .tit2 .big{ font-size:1.5em; color:#37499d;}

.search_w .search_select{ width:140px; padding-left:15px; color:#111;}


/*온라인교육 영상리스트*/
.mycontent_wrap .board_table.mycontent .input_st{ height:auto;}
.mycontent_wrap .board_table.mycontent .time_wrap{ font-size:.875em; padding-top:3px}
.mycontent_wrap .board_table.mycontent .time_wrap .time{ color:#f62c11; vertical-align:baseline}
.mycontent_wrap .board_table.mycontent .time_wrap .xi{ color:#555}
.mycontent_wrap .board_table.mycontent .time_wrap .time_all{ color:#222;}
.mycontent_wrap .mov_fin .xi-check-min{ border:2px solid #fff; border-radius:50%; width:18px; height:18px; line-height:18px; color:#fff; margin-right:5px}
.mycontent_wrap .movBtn_wrap{ border:1px solid #f62c11; padding:0 .5em; min-width:6.5em; line-height:2.3em; border-radius:5px; background:#f62c11; font-size:.875em;}
.mycontent_wrap .movBtn_wrap .xi{ color:#fff}
.mycontent_wrap .movBtn_wrap .tt{ color:#fff}


/**/
.popWrap .popCon .pop_st01 .icon_dv .print{ min-height:auto}


/*print 2_1*/



.pop_st01{margin:1em; border:1px solid #ccc; padding:2em;}
.pop_st01 .p_tit{text-align:center; font-size:1.250em; padding:1em 0;}
.pop_st01 .pop_logo{ text-align:center; }
.pop_st01 .pop_logo img{ width:160px;}
.tbl_st01{width:100%; border-top:2px solid #333;}
.tbl_st01 thead tr th{background:#f5f5f5; text-align:center; padding:15px 10px; font-size:0.875em; border-bottom:1px solid #ddd; font-family:ng;}
.tbl_st01 tbody tr th{background:#f5f5f5; text-align:center; padding:15px 10px; font-size:0.875em; border-bottom:1px solid #ddd; font-family:ng;}
.tbl_st01 tbody tr td{padding:10px; font-size:0.875em; border-bottom:1px solid #ddd; font-family:ng; line-height:1.4;}
.tbl_st01 tbody tr td .home_a{color:#039}
.tbl_st01 tbody tr td .ul_st01 li{font-size:0.938em; margin-bottom:4px;}
.tbl_st01 tbody tr td .ul_st01 li:last-child{margin-bottom:0;}
.tbl_st01 tbody tr td .icon_la{padding:1px 9px 6px; background:#167be0; border-radius:3px;}
.tbl_st01 tbody tr td .icon_la:hover{background:#145ca4;}
.tbl_st01 tbody tr td .icon_la .xi{display:inline-block; *display:inline; zoom:1; vertical-align:middle; color:#fff; margin-left:3px;}
.tbl_st01 tbody tr td .icon_la span{display:inline-block; *display:inline; zoom:1; vertical-align:middle; color:#fff; font-size:0.938em;}
.tbl_st01 tbody tr td .icon_dv{text-align:center;}

.tbl_st01 tbody tr td .file_la .xi{display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-left:3px;}
.tbl_st01 tbody tr td .file_la span{display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:0.938em;}

.tbl_st01 tbody tr td .mail_la .xi{display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-right:3px; }
.tbl_st01 tbody tr td .mail_la span{display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:0.938em;}
.tbl_st01 tbody tr td .mail_la:hover *{color:#167be0;}

.tbl_st01 tbody tr td .tag_a{color:#167be0;}

.tbl_st02 thead tr th,
.tbl_st02 tbody tr th,
.tbl_st02 tbody tr td{border:1px solid #ddd;}

.tbl_st01 .st01_w1{width:20%;}
.tbl_st01 .st01_w2{width:80%;}
.tbl_st01 .st01_w3{width:15%;}
.tbl_st01 .st01_w4{width:10%;}
.tbl_st01 .st01_w5{width:20%;}
.tbl_st01 .st01_w25{width:24.99%;}
.tbl_st01 .st01_w33{width:33.33%;}
.tbl_st01 .st01_wauto{width:auto;}
.tbl_st01 .st01_wdate{width:130px;}
.tbl_st01 .st01_wbtn{width:100px;}
.tbl_st01 .st01_wvol{width:70px;}

.tbl_st01 .view_btn{padding:0.4em; display:block; background:#167be0; color:#fff; font-size:0.875em; cursor:pointer;}
.tbl_st01 .view_btn2{background:#d00000}

.pop_st01 .icon_dv{text-align:center; margin-top:1em;}
.pop_st01 .icon_dv .xi{display:inline-block; *display:inline; zoom:1; vertical-align:middle; background:#333; color:#fff; border-radius:50%; width:50px; height:50px; text-align:center; line-height:50px; margin:0 5px; cursor:pointer;}
.pop_st01 .icon_dv .xi:hover{background:#555;}
.pop_st01 .icon_dv .xi.print{background:#d00000;}
.pop_st01 .icon_dv .xi.print:hover{background:#ea0000;}

.tbl_st01{}
.tbl_st01.form_tbl tbody tr td{padding:8px 10px}



@media print{
	body.pop .popWrap .popIn .popClose{display:none!important;}
	body.pop .popWrap .popIn{box-shadow:none!important;}
	.pop_st01 .icon_dv{display:none!important;}
}

/*5_3 gall_dv*/
.gall_dv ul{overflow:hidden; margin:-4em 0 0 -1.5em}
.gall_dv ul li{float:left; width:25%;}
.gall_dv ul li .border_dv{margin:4em 0 0 1.5em; cursor:pointer;}
.gall_dv ul li .border_dv .img_dv{border:1px solid #ccc; overflow:hidden;}
.gall_dv ul li .border_dv .img_dv img{height:100%; width:100%; transition:0.3s;}
.gall_dv ul li .border_dv .txt_dv{margin-top:1em;}
.gall_dv ul li .border_dv .txt_dv .p1{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:1em; color:#333;}
.gall_dv ul li .border_dv .txt_dv .date{color:#999; margin-top:5px; font-size:1em;}
.gall_dv ul li .border_dv:hover .img_dv img{transform:scale(1.1,1.1);}


/*5_1*/
.site_tit_dv{text-align:center; display:none}
.site_tit_dv .p1{color:#999;}
.site_tit_dv .p2{margin-top:5px; color:#000; font-size:2em; font-weight:600; margin-bottom:.8em; padding-bottom:.5em; border-bottom:1px solid #666;}

.site_ul{ margin-left:-1em;/* display:inline-block;*/}
.site_ul li{ float:left; width:25%;}
.site_ul li .border_dv{ margin-left:1em; cursor:pointer; margin-bottom:2em}
.site_ul li .logo_dv .re{border:1px solid #ddd; padding:.8em; box-sizing:border-box;}
.site_ul li .logo_dv .re img{height:100%; }
.site_ul li .txt_dv{ text-align:center; margin-top:1em;}
.site_ul li .txt_dv .tt{ font-size:1em; margin-bottom:1em}
.site_ul li .txt_dv .view_btn{background:#aaa; color:#fff; border-radius:20px; padding:4px 10px 2px; font-size:.75em; display:inline-block; margin-top:5px;}
.site_ul li .txt_dv .view_btn .xi{margin-left:3px;}
.site_ul li .border_dv:hover .txt_dv .view_btn{background:#a2134e;}
.site_ul li .xi.noimg:before{ font-size:40px !important}

/*회원탈퇴*/
.memo_wrap{ border:1px solid #ddd; border-radius:.5em; padding:2em 3em; margin-bottom:2em}
.memo_wrap *{ vertical-align: top}
.memo_wrap .t1{ color:#555; line-height:1.5}
.memo_wrap .t2{ font-size:.813em; color:#111; line-height:1.5}
.memo_wrap .c1{ color:#FF3333}
.memo_wrap .tel{ font-family:tahoma,sans-serif; font-weight:bold; color:#111; font-family:1.25em}
.memo_wrap .tel .xi{ margin-right:.25em}
.memo_wrap .li_st > li{ list-style:disc outside; margin-left:1em; margin-top:.5em}
.memo_wrap .li_st:first-child > li:first-child{ margin-top:0}


/*개인정보처리방침*/
.privacy_area{ border-top:2px solid #333; border-bottom:1px solid #666; position:relative; /*height:800px; overflow-y:scroll;*/ }
.privacy_area .privacy_tt{ position:absolute; left:0; top:0; width:178px; height:100%; border-left:1px solid #ccc; border-right:1px solid #ccc; background:url(../images/member/agree_bg.png) no-repeat left top; text-align:right;}
.privacy_area .privacy_tt strong{ display:inline-block; *display:inline; zoom:1; font-size:1.308em; font-weight:600; color:#fff; padding:20px 15px 0;}
.privacy_area .privacy_box{  background-color:#f9f9f9; padding:30px;}
.privacy_area .privacy_box .txt{ font-weight:600; color:#444; line-height:20px; margin-bottom:15px;}
.privacy_area .privacy_box .privacy_in{ height:140px; padding:30px; border:1px solid #ccc; background:#fff; line-height:18px; overflow-y:scroll;}
.privacy_area .privacy_box .privacy_in p{ line-height:1.4; margin-bottom:10px; color:#555; font-size:0.938em;}
.privacy_area .privacy_box .privacy_in.h_st{ overflow-y:hidden; height:auto;}
.privacy_area .privacy_box .privacy_inp{ margin-top:25px; text-align:right;}
.privacy_area .privacy_box .privacy_inp input,
.privacy_area .privacy_box .privacy_inp label{ vertical-align:middle; cursor:pointer;}
.privacy_area .privacy_box .privacy_inp input{ margin-left:15px;}
.privacy_area .privacy_box .privacy_inp label{ margin-left:8px;}
.privacy_area .privacy_box .privacy_inp label:hover{ color:#3992ed;}

.privacy_area.st .privacy_box{ margin-left:0; padding:30px;}
.privacy_area.st .privacy_box .privacy_in{ padding:30px; font-size:0.875em; line-height:1.6}

.privacy_area .privacy_box .privacy_in .privacy_tit{border:1px solid #ccc; padding:20px; background:#f1f1f1; text-align:center;}
.privacy_area.st .privacy_box .privacy_in p{color:#666;  line-height:21px; padding-left:5px;}
.privacy_area.st .privacy_box .privacy_in p >strong{ font-size:1.265em; color:#333; margin-left:-5px; font-weight:600}
.privacy_area.st .privacy_box h1{ font-weight:600; font-size:1.265em; color:#333;}


/*비대면동의*/
.privacyB{}
.privacyB .t1{ font-weight:600; text-align:center; font-size:1.125em}
.privacyB .inner{ border:1px solid #ccc; padding:1em 1.5em; margin-top:.5em}
.privacyB .inner .t2{ line-height:1.6; text-align:center}
.privacyB .ulB{ margin-top:2em}
.privacyB .ulB li{ padding-left:1em; position:relative; line-height:1.6}
.privacyB .ulB li:before{ content:""; position:absolute; left:0; top:9px; width:5px; height:5px; background:#555; border-radius:100%}


/*이메일무단수집*/
.terms_area{ padding:20px; background:#f7f7f7; border-top:2px solid #333; border-bottom:1px solid #999; font-size:1em; color:#555; font-weight:400; line-height:1.6;}
.terms_area .terms_box{ padding:30px; background:#fff; border:1px solid #eee; font-size:0.875em;}
.terms_area .terms_box strong{ color:#111; font-weight:500;}
.terms_area.agree{ padding:15px 20px; border:1px solid #aaa; line-height:1.4;}
.terms_area.agree .tit{ margin-bottom:15px; padding-left:5px; font-size:1.250em; color:#000; font-weight:500; letter-spacing:-1px;}
.terms_area.agree .tit i{ vertical-align:middle;}
.terms_area.agree .tit .xi{ padding-right:5px;}
.terms_area.agree .terms_box{ padding:20px 30px; height:150px; overflow-y:scroll;}
.terms_area.agree .check{ margin-top:10px; text-align:right;}
.page_email{ letter-spacing:-1px; padding:30px; background:#fff; border:1px solid #eee;}
.page_email .line{ margin:30px 0 30px 0; height:1px; background:#ccc;}
.page_email .email_top{ padding:20px 30px; background:#f9f9f9; border:1px solid #ddd; text-align:center; color:#111; font-weight:400; line-height:1.4;}
.page_email .email_con{}
.page_email .email_con .tit{ text-align:center; font-size:1.125em; color:#000;}
.page_email .email_con .con_wrap{ margin-top:40px;}
.page_email .email_con .con_wrap > dt{ margin-bottom:10px;}
.page_email .email_con .con_wrap > dt > span{ display:block; position:relative; padding-top:2px; padding-left:25px; color:#333;}
.page_email .email_con .con_wrap > dt > span:before{ content:"\eb1f"; position:absolute; top:0; left:0; width:20px; font-family:xeicon; font-size:1.250em;}
.page_email .email_con .con_wrap > dd{ margin-left:25px; font-size:0.875em; color:#666; font-weight:400; line-height:1.8;}





/*영수증출력*/
.popCheck_wrap{ font-family:'궁서체';}
.pop_st01.st{ border:none; margin:0}
.popCheck_wrap .tt{ font-size:50px; font-weight:bold; text-align:center; padding-top:1em}
.popCheck_wrap .list1{ width:50%; float:right; padding-top:60px}
.popCheck_wrap .list1 .tx{ font-size:20px;}
.popCheck_wrap .t1{ font-size:30px; line-height:1.6; padding-top:60px; text-indent:20px; word-break:break-all}
.popCheck_wrap .t2{ padding-top:80px; font-size:25px; text-align:center}
.popCheck_wrap .t3{ font-size:30px; line-height:1.6; padding-top:30px; text-indent:20px; word-break:break-all; margin:0 50px}
.popCheck_wrap .t1 .ti,
.popCheck_wrap .t2 .ti,
.popCheck_wrap .t3 .ti{ word-break:break-all}
.popCheck_wrap .name{ padding-top:60px; text-align:center}
.popCheck_wrap .name > img{ width:60%}
.popCheck_wrap .table_wrap .board_table{ border-top:none; margin:0 auto}
.popCheck_wrap .table_wrap .board_table th,
.popCheck_wrap .table_wrap .board_table td{ border:none; background:none; font-family:'궁서체'; font-size:25px; padding:.6em 0 .1em 0; border-bottom:1px solid #111; text-align:left}
.popCheck_wrap .num_result{ vertical-align:baseline}


/*출력 윈도우*/
.print{ width:26cm; /*min-height:23cm; padding: 1cm 0.2cm 2cm 0.2cm; */margin: 0 auto;border: 0; background: white;/* box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); */}
.print .btn_wrap{ text-align:center; margin-top:1em }
.print .btn_wrap .btn{ padding:.8em 2em; color:#fff; font-family:'notokrM'; border:none;}
.print .btn_wrap .btn.c1{ background:#127fc5;}
.print .btn_wrap .btn.c2{ background:#333;}

.print p,.print span,.print td,.print th,.print div{ font-size:14px; color:#000; line-height:110%; margin:0; font-weight:normal; padding:0; font-family:'notokrM';}

.print .inp_w05 { width:5% !important}
.print .inp_w10 { width:10% !important}
.print .inp_w20 { width:20% !important}
.print .inp_w30 { width:30% !important}
.print .inp_w50 { width:50% !important}
.print .inp_w70 { width:70% !important}
.print .inp_w80 { width:80% !important}
.print .inp_w90 { width:90% !important}
.print .inp_w100{ width:100% !important}


.print .wrapB { border:1px solid #ccc;  /*padding:0 0 2cm 0; height:20cm;*/ position:relative}
.print .wrapB_in span{ vertical-align:baseline}
.print .wrapB_in{ padding:2em}
.print .wrapB_in .text_trans{ display:table-cell; vertical-align:middle; text-align:center;}
.print .wrapB_in .tt{ font-size:26px; font-weight:bold; text-align:center; margin-bottom:1em}
.print .wrapB_in .tt > i{ vertical-align:baseline}
.print .wrapB .list1{ width:50%; float:right; padding-top:60px}
.print .wrapB .list1 .tx{ font-size:20px;}
.print .wrapB .t1{ font-size:30px; line-height:1.6; padding-top:60px; text-indent:20px; word-break:break-all}
.print .wrapB .t2{ padding-top:80px; font-size:25px; text-align:center}
.print .wrapB .t3{ font-size:30px; line-height:1.6; padding:2em 2em 0 2em; text-indent:20px; word-break:break-all; }
.print .wrapB .t1 .ti,
.print .wrapB .t2 .ti,
.print .wrapB .t3 .ti{ word-break:break-all; font-size:30px}
.print .wrapB .price{ font-size:25px}
.print .wrapB .name{ padding-top:60px; text-align:center}
.print .wrapB .name > img{ width:80%}
.print .wrapB .table_wrap .board_table{ border-top:none; margin:0 auto; border-bottom:2px solid #111}
.print .wrapB .table_wrap .board_table th,
.print .wrapB .table_wrap .board_table td{ border:none; background:none; font-size:13px; padding:.6em .5em; border:1px solid #111; text-align:left;}
.print .wrapB .num_result{ vertical-align:baseline}

.print .icon_dv{text-align:center; margin-top:1em; position:absolute; right:30px; top:10px}
.print .icon_dv.right{ position:absolute; right:1em; top:0}
.print .icon_dv .xi{display:inline-block; *display:inline; zoom:1; vertical-align:middle; background:#333; color:#fff; border-radius:50%; width:50px; height:50px; text-align:center; line-height:50px; cursor:pointer;}
.print .icon_dv .xi:hover{background:#555;}
.print .icon_dv .xi.printbtn{background:#d00000; min-height:auto}
.print .icon_dv .xi.down{background:#0059ad; min-height:auto}
.print .icon_dv .xi.print:hover{background:#ea0000;}

.print .wrapB .bottomB .a1{ text-align:center; margin:10px;}
.print .wrapB .bottomB .a1 .edu_name{ vertical-align:baseline}
.print .wrapB .bottomB .date{ text-align:right; margin-top:15px}
.print .wrapB .bottomB .t_end{ text-align:center; font-size:20px; margin-top:20px; font-weight:600}

.print .wrapB .board_table.print_tb th,
.print .wrapB .board_table.print_tb td{ text-align:center}

.print .wrapB .board_table.print_tb td .em2{ display:block; font-size:11px; margin-top:2px}




/*역대학술*/
.sub2_ul {overflow:hidden; margin:0 0 -20px -20px;}
.sub2_ul li{float:left; width:33.33%;}
.sub2_ul li .border_dv{margin:0 0 20px 20px; border:1px solid #bbb; padding:1.5em 1em; position:relative; background:#f5f5f5 url(../images/sub/2_1img01.png) no-repeat 98% 95%;}
.sub2_ul li.recently .border_dv{opacity:1;}
.sub2_ul li .border_dv .p1{ color:#000; font-size:1.125em; margin-bottom:0.5em; padding-bottom:0.5em; border-bottom:1px dashed #ddd; font-weight:600}
.sub2_ul li .border_dv .p1 .new_icon{font-size:1.35em; color:#ffc000; animation-duration: 1s; animation-iteration-count: infinite;}
.new_icon{ animation-name:new_icon}
.sub2_ul li .border_dv .date{ color:#666; font-size:0.875em; margin-bottom:6px; position:relative;; padding-left:20px;}
.sub2_ul li .border_dv .date .xi{position:absolute; left:0; top:-1px;}
.sub2_ul li .border_dv .date span{ margin-left:3px; display:inline-block; *display:inline; zoom:1; vertical-align:middle; line-height:1.6}
.sub2_ul li .border_dv .more_btn{ padding:7px 10px; background:#8096cd; color:#fff; display:inline-block; font-size:0.875em; font-family:notokrR; margin-top:20px; border-radius:5px}
.sub2_ul li .border_dv .more_btn2{background:#2aa1d8;}
.sub2_ul li .border_dv .more_btn:hover{background:#05356b}
.sub2_ul li .border_dv .more_btn2:hover{background:#1b749e;}

.sub2_tit_dv{text-align:center; display:none}
.sub2_tit_dv p{position:relative; display:inline-block;}
.sub2_tit_dv p span{position:relative;font-size:2em; font-weight:600; margin-bottom:.8em; display:inline-block;}

/*학술페이지 서칭*/
.edu_search{ padding:1.2em .3em; margin-bottom:20px; font-size:.875em; text-align:center; background:linear-gradient(-180deg, #fff 0%, #fff 50%, #e9ecf2 100%); border-radius:.5em; border:1px solid #ccc; box-sizing:border-box}
.edu_search label { margin-right:1em}
.edu_search label .xi{ font-size:1.5em; margin-top:2px; margin-right:3px; display:none}
.edu_search label span{ padding-left:0; font-size:1.188em; font-weight:600; letter-spacing:-1px; color:#111; margin-right:.5em}
.edu_search .label_st .input_st{ padding:.6em 1.8em .6em 1em;}
.edu_search button.input_st{ padding:0 15px; font-weight:600;}
.edu_search button.input_st .xi{ font-size:1.25em; vertical-align:middle; margin-top:-4px;}
.edu_search .search_em{ color:#888; padding-top:.5em;}
.edu_search .search_em .xi{ padding-right:.3em; font-size:1.125em}
.edu_search .search_em .xi,
.edu_search .search_em .em{ vertical-align:middle}

/*논문검색*/
.bk_list{}
.bk_list:after{ display:block; clear:both; content:'';}
.bk_list li{ float:left; margin-right:10px;}
.bk_list li a{ display:block; border-radius:30px; border:1px solid #aaa; padding:.3em 2.8em; color:#333; transition:all .3s;}
.bk_list li a:hover{ color:#fff; background:#a41350; border-color:#a41350;}

.view_3 th{ background:#f5f5f5;}

.board_st.view_3 .Vfile{ padding:1px 0; margin-right:15px; font-size:.938em;}
.board_st.view_3 .Vfile:before{ content:"\e9ba"; font-family:xeicon!important; font-size:1.375em; padding-right:3px; vertical-align:middle;}
.board_st.view_3 .Vfile:hover{color:#e14500;}

.page2_5wrap .searching_area{ margin-bottom:10px; margin-top:2em}
.page2_5wrap .searching_area .total_area{ padding-top:0}


/*규정*/
.paper_box{ border:1px solid #ddd; box-shadow:1px 1px 1em rgba(0,0,0,.2); padding:3em 3em; padding-bottom:6em; font-size:.938em; color:#666; line-height:1.8}
.paper_box h2{ margin-top:3em; font-size:1.25em; font-weight:500; color:#333}
.paper_box ul{ margin-top:1em}
.paper_box table{ margin:1em 0; width:100%}
.paper_box table th,
.paper_box table td{ border:1px solid #ddd; padding:1em}
.paper_box table th{ background:#f5f5f5}
.paper_box p strong{ font-size:1.26em; color:#333; font-weight:600}
/*.paper_box a{ vertical-align:top; color:#666; text-decoration:underline}
.paper_box a:hover{ opacity:.6}*/
.paper_box strong{ vertical-align:top; font-weight:500}
.paperdown{ text-align:right; display:block; border-bottom:1px dashed #ddd; padding-bottom:1em; margin-bottom:1em}
.paperdown.st{ border-bottom:none; padding-bottom:0; margin-bottom:0}
.paperdown > a{ border:1px solid #ddd; padding:.6em 1.5em; border-radius:30px; background:#ebeff8; font-size:1em; transition:.3s;}
.paperdown > a:hover{ background:#3258b8; color:#fff; border-color:#3258b8}

.page1_6wrap .paper_box{ padding-bottom:3em}


/*정관*/
.page1_6wrap .t_nav ul { overflow: hidden; margin: 40px 0 25px -15px; }
.page1_6wrap .t_nav ul li { float: left; width: 16.66%; }
.page1_6wrap .t_nav ul li .inner { margin: 0 0 15px 15px; text-align: center; color: #555; border: 1px solid #CCC; transition: all .3s; padding: 15px; }
.page1_6wrap .t_nav ul li .inner:hover { border-color: #0074c1; color: #00317a; }
.page1_6wrap .edit_wrap .mg_w { margin-bottom: 18px; }
.page1_6wrap .edit_wrap > div.mg_w:last-child { margin-bottom:0 }
.page1_6wrap .edit_wrap .t1 { font-size: 1em; color: #111; line-height: 1.5; margin-bottom: 3px; }
.page1_6wrap .edit_wrap .t2 { color: #666; line-height: 1.5; margin-left: 12px; }
.page1_6wrap .edit_wrap .t3 { font-size: .938em; line-height: 1.5; margin-left: 12px; }

/*역대임원명단*/
.peo_box{}
.peo_box ul{ margin:0 0 0 -1em}
.peo_box li{ width:40%; padding:1em 1.5em; margin:0 0 1em 1em; border:1px solid #ddd;}
.peo_box li .resize{ width:120px; height:142px; padding-bottom:1em}
.peo_box .img{ float:left;}
.peo_box .info{ float:left; padding-left:1.5em; padding-top:2.5em; width:60%}
.peo_box .num{ text-align:left; border-bottom:1px dashed #ddd; padding-bottom:.5em; font-size:1.125em; font-weight:700; position:relative; color:#3258b8}
/*.peo_box .num:after{ content:""; position:absolute; left:0; bottom:-1.5px; width:2.5em; background:#728bc8; height:3px;}*/
.peo_box .name{ font-size:1.125em; margin-top:1em; text-align:left}





/*오시는길*/
.root_daum_roughmap{ width:100% !important;}
.root_daum_roughmap .map .roughmap_maker_label{ display:none !important;}
.root_daum_roughmap .cont{ padding:1em 2em; border:1px solid #ddd;}
.root_daum_roughmap .cont .section *{ font-family:'NotoS', sans-serif !important;}
.root_daum_roughmap .cont .section .title{ margin-bottom:1em; font-size:1.125rem !important;}
.root_daum_roughmap .cont .section .wrap_list *{ font-size:.938rem !important;}

.page1_7wrap .map_info1 { overflow:hidden; margin-bottom:20px; box-shadow:2px 3px 8px -1px #a4a4a4; padding:1.5em; margin-top:2em;}
.page1_7wrap .map_info1 .t1 { float:left; font-size:.938em}
.page1_7wrap .map_info1 .t1 span { color:#555; display:inline-block; margin-right:20px; line-height:38px; }
.page1_7wrap .map_info1 .t1 span:last-child { margin-right:0;}
.page1_7wrap .map_info1 .t1 .xi { font-size: 1.250em; vertical-align:middle; color:#fff; margin-right:5px; background:#728bc8; border-radius:50px; width:1.7em; height:1.7em; line-height:1.7em; text-align:center;}
.page1_7wrap .map_info1 .map_btn { float:right; display:inline-block; padding:11px 45px 10px 45px; color:#fff; background:#003f87; border:1px solid #ddd; }
.page1_7wrap .map_info1 .map_btn .tx{ font-size:.875em; color:#fff; vertical-align:middle}



/*임원소개*/
.page1_5wrap .peo_icon{ padding-top:10px; margin-bottom:.5em}
.page1_5wrap .peo_icon .total{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; text-align:center;}
.page1_5wrap .peo_icon .total .xi{ width:30px; height:30px; line-height:30px; border:1px solid #ddd; border-radius:50%; font-size:1.250em; color:#888}
.page1_5wrap .peo_icon .num{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin:0 0 0 5px; color:#111; letter-spacing:0; font-size:1.125em; font-weight:600}
.page1_5wrap .peo_icon .num > strong{ color:#f62c11; font-weight:700; vertical-align:baseline; padding:0 8px;}

.page1_5wrap .peo_list{ border:1px solid #ddd; padding:1em .5em}
.page1_5wrap .peo_list ul{ width:33.33%}
.page1_5wrap .peo_list .tt{ font-weight:600; font-size:1.125em; text-align:left; padding-left:1em; display:block; color:#555}
.page1_5wrap .peo_list .tt .xi{ padding-right:.3em}
.page1_5wrap .peo_list dl{ margin:.5em; background:#f9f9f9}
.page1_5wrap .peo_list dl dt{ height:2.5em; line-height:2.5em; background:#e5eaf6; border-radius:5px 5px 0 0}
.page1_5wrap .peo_list dl dd{ padding:1.5em 0; border-radius:0 0 5px 5px}


/*학회사업*/
.history_area{ position:relative; border:1px solid #ddd; background:#f9f9f9; padding:1em;}
.history_area .history_lst{ padding:.3em .3em .3em 120px; background:#fff}
.history_area .history_lst .list{ *zoom:1; padding:30px 0; border-bottom:1px dashed #ccc;}
.history_area .history_lst .list:last-child{ border-bottom:none}
.history_area .history_lst .list:after{ content:""; display:block; clear:both;}
.history_area .history_lst .list:first-child{ margin-top:0;}
.history_area .history_lst .list dt{ float:left; width:125px; margin:0 0 0 -145px;  text-align:right; position:relative}
.history_area .history_lst .list dt span{ display:inline-block; *display:inline; zoom:1; letter-spacing:-1px;}
.history_area .history_lst .list dt .year{ font-size:1.125em; color:#6b7f98; margin:0 10px 0 0; font-weight:600}
.history_area .history_lst .list dd{ font-size:1.125em; margin-left:-10px; padding:0 0 5px 40px; line-height:24px;}
.history_area .history_lst .list dd.first { margin-left:-10px; padding:0 0 5px 40px; line-height:21px;font-size: 1em;}
.history_area .history_lst .list dd strong { color:#888; padding-right:10px; font-size:14px; min-width: 35px; display: inline-block;}
.history_area .sbtt{ font-weight:600; margin-top:1em; font-size:1.125em; display:block; margin-bottom:.5em;}



/*회원*/
.step_tit{ text-align:center}
.step_tit .t1{ color:#aaa; letter-spacing:2px; font-size:.75em;}
.step_tit .t2{ color:#000; font-size:2em; padding-top:.25em}

.join_be .a1{text-align:center; margin:1.5em 0 1em; font-family:ng; color:#666;}
.join_be .in_dv{background:#f1f1f1; padding:2em; overflow:hidden;}
.join_be .in_dv .l_dv{float:left; width:33.33%; background:#fff; border-radius:3px;}
.join_be .in_dv .r_dv{float:right; width:33.33%; background:#fff; border-radius:3px;}
.join_be .in_dv .pd_dv{padding:1em; text-align:center;}
.join_be .in_dv .pd_dv .xi{width:50px; height:50px; line-height:50px; color:#0690e9; text-align:center; border:1px solid #0690e9; border-radius:50%; margin:10px auto;}
.join_be .in_dv .pd_dv .p1{font-size:1.250em; font-weight:600}
.join_be .in_dv .pd_dv .p2{font-size:0.875em; line-height:1.4; font-family:ng; color:#666; margin-top:10px; padding-top:10px; border-top:1px dashed #ccc; padding:1em; }
.join_be .in_dv2{margin-top:20px;}
.join_be .in_dv2 .al{margin-top:10px;}
.join_be .in_dv2 .al .p3{font-size:0.875em; line-height:1.4; font-family:ng; color:#666; text-indent:-6px; padding-left:6px;}

.join_be .icon_ul{ overflow:hidden; margin:2em auto 0; max-width:900px}
.join_be .icon_ul li{float:left; width:25%;}
.join_be .icon_ul li .border_dv{ margin:0 10px; text-align:center;}
.join_be .icon_ul li .border_dv .icon{position:relative; width:150px; height:150px; text-align:center; background:#167be0; margin:0 auto; border-radius:50%;}
.join_be .icon_ul li .border_dv .icon::after{content:''; position:absolute; right:-150px; top:50%; width:100%; height:1px; background:#ccc; }
.join_be .icon_ul li:last-child .border_dv .icon::after{width:0;}
.join_be .icon_ul li .border_dv .t1{margin-top:10px; font-family:ng;}

.join_be .step_p{font-size:1.5em; font-family:notokrM; margin-top:5em;}
.join_be .step_p::after{content:''; display:block; width:40px; height:1px; margin:20px auto; background:#ccc;}
.join_be .txt_dv{background:#f5f5f5; padding:2em; border:1px solid #ccc; margin-top:3em;}
.join_be .txt_dv ul li{font-family:ng; color:#333; margin-bottom:3px; text-indent:-11px; padding-left:11px;}
.join_be .txt_dv ul li .st1{font-weight:600; vertical-align:bottom;}

.bank_box{background:#f5f5f5; padding:1.5em 2em; border:1px solid #ccc; margin-top:1em;}
.bank_box p{font-family:ng; color:#333;  font-size:0.938em;}
.bank_box p .st1{background:#167be0; color:#fff; padding:5px 10px; margin-right:3px; border-radius:20px; display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.bank_box p span{display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.bank_box p span.st3{font-weight:600;}


/* 1_1 */
.page1_1_doc{padding: 30px 0 0px 0 !important;}

.page1_1wrap .right_con .t1{ font-size:1.250em; font-weight:600; padding:1.5em 0 .5em 0; color:#a3114c}
.page1_1wrap .right_con .t2{ line-height:1.6; color:#555;}
.page1_1wrap .right_con .t3{ font-weight: 500; margin: 7px 0 4px;}

/*1_2*/
.page1_2wrap:after{ display:block; clear:both; content:'';}
.page1_2wrap .about .ab_tt{font-size:2.5em;}
.page1_2wrap .about .ab_tx{ padding:1.5em 2em; margin-bottom:1em; display:block; color:#555; line-height:1.6}
.page1_2wrap .about .ab_list{ background:#f9f9f9; padding:2em 3em}
.page1_2wrap .about .ab_list li{margin-bottom:13px;}
.page1_2wrap .about .ab_list li:after{ display:block; clear:both; content:'';}
.page1_2wrap .about .ab_list li i{color:#fff; line-height:45px; font-size:1.5em;}
.page1_2wrap .about .ab_list li>p{ float:left;}
.page1_2wrap .about .ab_list li .btn_r{ width:45px; height:45px; background:#888; border-radius:50%; text-align:center; }
.page1_2wrap .about .ab_list li .btn_r.po_t1{background:#a3114c;}
.page1_2wrap .about .ab_list li .s_tt{width:15%; margin-top:15px; margin-left:13px; font-size:1.063em;}
.page1_2wrap .about .ab_list li .s_tx{width:70%; margin-top:15px; }
.page1_2wrap .about .ab_list li .s_tx .en{ font-size:.875em; font-family:notokrR; color:#555; padding-top:5px}
.page1_2wrap .about .ab_list li .s_tx.po_t2{ font-size:2.125em; color:#0179e3; font-weight:600; margin-top:5px;}
.page1_2wrap .about .circle{ width: 11.25rem; height: 11.25rem; border-radius: 50%; background-color: #107c92; display: flex; align-items: center; justify-content: center;}
.page1_2wrap .right_con{ margin-top:3em}
.page1_2wrap .right_con .logo{ text-align:center; border:1px solid #ddd; padding:3em 0; float:left; width:40%}
.page1_2wrap .right_con .logo > img{}
.page1_2wrap .right_con .t1{ font-size:1.250em; font-weight:600; padding:1.5em 0 .5em 0; color:#a3114c}
.page1_2wrap .right_con .t2{ line-height:1.6; color:#555;}
.page1_2wrap .right_con .t3{ font-weight: 500; margin: 7px 0 4px;}
.page1_2wrap .right_con .txtB{ float:left; width:55%; padding-left:2em}



.link_list{ margin-top:2em; margin-left:1em}
.link_list:after{ display:block; clear:both; content:'';}
.link_list li{ width:31.33%; float:left;}
.link_list li .link_box{ margin-right:10%; border:1px solid #ddd; box-shadow:0.3em 0.3em 0 rgb(15 40 113 / 20%); border-radius:10px}
.link_list li .link_box a{ display:block; padding:18px;}
.link_list li .link_box .link_tx{ font-size:1em;}
.link_list li .link_box .link_tx i{ vertical-align:middle; font-size:1.3em; float:right; margin-right:7px; transition:all .3s; color:#728bc8}
.link_list li .link_box:hover i{margin-right:0;}
