@charset "utf-8"; /* CSS Document */ .box1{ width:1200px; max-width:100%; 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:#f5f5f5;} #header .top_wrap .tt{ display:block; line-height:20px; color:#98999c; text-transform:uppercase;} #header .top_wrap .mem_wrap{ float:left;} #header .top_wrap .mem_wrap .tt > i, #header .top_wrap .link_wrap .tt > i{ vertical-align:middle; padding:0 3px; margin-top:-1px} #header .top_wrap .mem_wrap .tt, #header .top_wrap .link_wrap .tt{ padding:10px; font-size:.750em; vertical-align:middle} #header .top_wrap .langbtn{ background:#b8b8b8; border-radius:5px; padding:4px 10px !important; margin-top:6px; color:#fff;} #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:95px;} #header .header_wrap .logo{ position:relative; z-index:10001; text-align:left;} #header .header_wrap .logo .vm_tt{ height:54px; width:240px} #header .header_wrap .logo .mark{ vertical-align:middle;} #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; } #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;} #header .header_wrap .btn_wrap > li{ float:left;} #header .header_wrap .btn_wrap > li.btn_all{ margin-left:8px} #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_search{ font-size:1.125em; color:#000;} #header .header_wrap .btn_wrap .btn_search .btn{/* background:#fcab08; */ background:#0f895b; color:#fff; border-radius:50%;} #header .header_wrap .btn_wrap .btn_search .btn:hover, #header .header_wrap .btn_wrap .btn_search .btn.on{ color:#fff;} #header .header_wrap .btn_wrap .btn_search .btn.searchBtn .xi:before{ content:"\e921";} #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:25px; 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:-8px;} #header .header_wrap .btn_wrap .btn_all .btn .icon:after{ bottom:-8px; width:18px; background:#fcaf16;} #header .header_wrap .btn_wrap .btn_all .btn:hover .icon:before{ width:18px;} #header .header_wrap .btn_wrap .btn_all .btn:hover .icon:after{ width:25px;} #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 .header_wrap .gnb_wrap .gnb{ margin-right:1em;} #header .header_wrap .gnb_wrap .gnb .dp2, #header .header_wrap .gnb_wrap .gnb .dp3{ display:none;} #header .header_wrap .gnb_wrap .gnb > li{ position:relative;} #header .header_wrap .gnb_wrap .gnb .m_member, #header .header_wrap .gnb_wrap .gnb .m_mypage, #header .header_wrap .gnb_wrap .gnb > li.m_guide {display:none;} #header .header_wrap .gnb_wrap .gnb > li:after{ content:""; position:absolute; z-index:3; left:1px; right:1px; bottom:-1px; height:4px; /*background:#133274;*/ background:#fbaf15; opacity:0; transform:scaleX(0);} #header .header_wrap .gnb_wrap .gnb > li .dp1{ /*padding:0 2em;*/ min-width:180px} #header .header_wrap .gnb_wrap .gnb > li .dp1 .tt{ font-size:1.125em; color:#333;} #header .header_wrap .gnb_wrap .gnb > li:hover:after{ transition:all .2s linear;} #header .header_wrap .gnb_wrap .gnb > li:hover:after, #header .header_wrap .gnb_wrap .gnb > li.on:after{ opacity:1; transform:scaleX(1);} /*#header .header_wrap .gnb_wrap .gnb > li:hover .dp1 .tt, #header .header_wrap .gnb_wrap .gnb > li.on .dp1 .tt{ color:#fbaf15;}*/ #header .header_wrap .gnb_wrap .gnb > li .dp2{ position:absolute; z-index:2; top:100%; left:0; right:0; padding:1.5em 0 2em 0; border:solid #e6e6e6; border-width:0 1px 0 0;} #header .header_wrap .gnb_wrap .gnb > li:first-child .dp2{ border-left-width:1px;} #header .header_wrap .gnb_wrap .gnb > li .fl_wrap > *{ float:none;} #header .header_wrap .gnb_wrap .gnb > li .dp2 .vm_wrap{ height:auto;} #header .header_wrap .gnb_wrap .gnb > li .dp2 > li > a{ padding:.6em 1em; text-align:left !important;} #header .header_wrap .gnb_wrap .gnb > li .dp2 > li > a .tt{ font-size:.938em; color:#111; font-family:'notokrR'; text-align:left !important; opacity:.8} #header .header_wrap .gnb_wrap .gnb > li .dp2 > li > a .tt .xi{ font-size:.938em; vertical-align:baseline; padding-left:3px} #header .header_wrap .gnb_wrap .gnb > li .dp2 > li:hover > a .tt{color:#111; text-decoration:underline; opacity:1} #header .header_wrap .gnb_wrap .gnb > li:hover .dp2{ background:#f9f9f9;} #header .gnb_bg{ position:absolute; z-index:1; left:0; top:100%; width:100%; background:#fff; border-bottom:1px solid #d7d7d7; display:none;} #header.gnb_open .gnb_bg{ display:block;} #header.gnb_open .header_wrap .gnb_wrap .gnb > li .dp2{ display:block;} #header .searchSection{ position:absolute; z-index:1001; top:100%; left:0; width:100%; background:linear-gradient(to bottom, #fff, #eaedf0); text-align:center; filter:alpha(opacity=0); opacity:0; visibility:hidden; transition:.3s; border-bottom:1px solid #ccc; box-shadow:1px 2px 9px rgba(0,0,0,0.2); padding:1em 0;} #header .searchSection .inner > * {display:inline-block; vertical-align:middle;} #header .searchSection .tit {font-family:'notokrM';} #header .searchSection .tit .xi {padding-right:5px; font-size:1.250em; vertical-align:middle} #header .searchSection .tit .tt { font-size:1.125em; font-family:'notokrM' !important; vertical-align:middle} #header .searchSection .searchClose{} #header .searchSection .searchClose .xi {border:1px solid #ddd; color:#222; background:#f9f9f9; line-height:2.3em; height:2.3em; width:2.3em; border-radius:50%; transition:.3s;} #header .searchSection .searchClose:hover .xi {background:#fff; transition:.3s; color:#333;} #header .searchSection .inp_wrap{position:relative; width:45em; margin:0 1em;} #header .searchSection .inp_wrap .inp{ display:inline-block *display:inline;zoom:1; vertical-align:top; box-sizing:border-box; height:50px; line-height:50px; border:1px solid #ccc; background:#fff; font-size:.938em; border-radius:.9em;} #header .searchSection .inp_wrap .inp_txt{ width:100%; padding:0 15px;} #header .searchSection .inp_wrap .inp_btn{ border-color:transparent; background:none; position:absolute; right:15px; top:0;} #header .searchSection .inp_wrap .inp_btn .xi{ font-size:1.570rem; color:#333;} #header .searchSection.on{/* top:0; */filter:alpha(opacity=100); opacity:1; visibility:visible;} #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{ width:25%; position:relative; border-top:1px solid #ddd; margin-top:-1px; padding:2em 0;} #header .siteMap_wrap .gnb > li:after {position:absolute; content:""; width:1px; height:100%; right:0; top:0; background:#ddd;} #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_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; /*padding:9px 20px; min-width:80px;*/ border-radius:30px; text-align:center; color:#222; font-size:1.125em} #header .siteMap_wrap .gnb .dp2{ padding:10px 8px;} #header .siteMap_wrap .gnb .dp2 li{float:none;} #header .siteMap_wrap .gnb .dp2 > li > a{ display:block; font-size:.875em; color:#000; font-family:'notokrR'; line-height:2.2; text-align:left; position:relative; padding-left:15px;} #header .siteMap_wrap .gnb .dp2 > li > a:before {position:absolute; content:""; width:4px; height:1px; background:#666; left:7px; top:14px;} #header .siteMap_wrap .gnb > li:hover{ background:#f9f9f9;} #header .siteMap_wrap .gnb .dp2 a:hover{ color:#003876; text-decoration:underline;} #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{} #footer .foot_wrap{ background:#404040;} #footer .foot_wrap .box1{ position:relative} #footer .foot_wrap .con{} #footer .foot_wrap .con .logo img{ height:80px; opacity:.6;} #footer .foot_wrap .con .copy{ margin-top:2em; font-size:.688em; color:#fff; opacity:.5; letter-spacing:0; text-transform:uppercase; font-family:'Ms';} #footer .foot_wrap .menu_wrap{ padding:1em 0 .5em 0; border-bottom:1px solid rgba(255,255,255,.1)} #footer .foot_wrap .info_wrap{ padding:1.5em 0 2em 18em} #footer .foot_wrap .info_wrap > li{ line-height:1.6; font-size:.938em;} #footer .foot_wrap .info_wrap > li .tt{ display:inline-block; margin-right: .3em; color:#fff; font-size:.938em; opacity:.7; font-family:'notokrR';} #footer .foot_wrap .info_wrap > li .tit{ color:#fff; letter-spacing:0;} #footer .foot_wrap .info_wrap > li a:hover{ text-decoration:underline;} #footer .foot_wrap .menu_wrap .menu > li > a{ position:relative; display:block; margin-right:1.5em; font-size:.938em; color:#fff; padding:1em 0 1.5em 0; opacity:.8;} /*#footer .foot_wrap .menu_wrap .menu > li > a:before{ content:""; position:absolute; left:0; top:50%; margin-top:-6px; width:1px; height:12px; background:rgba(255,255,255,.2);}*/ #footer .foot_wrap .menu_wrap .menu > li:first-child > a:before{ display:none;} #footer .foot_wrap .menu_wrap .menu > li > a:hover{ text-decoration:underline;} #footer .foot_wrap .menu_wrap .family{ position:absolute; right:4.5em; top:0; display:inline-block; margin-top:1.25em;} #footer .foot_wrap .menu_wrap .family .tit{ position:relative; color:#f9f9f9; letter-spacing:0; text-transform:uppercase; cursor:pointer;} #footer .foot_wrap .menu_wrap .family .tit .tt{ display:inline-block; padding:0 8em 0 1.8em; font-size:.813em; background:#393838; height:50px; line-height:50px} #footer .foot_wrap .menu_wrap .family .tit .xi{ position:absolute; right:1.2em; top:50%; margin-top:-.6em; font-size:.938em;} #footer .foot_wrap .menu_wrap .family .tit .xi:before{ content:"\e944";} #footer .foot_wrap .menu_wrap .family .list{ position:absolute; left:0; right:0; bottom:100%; margin-bottom:-1px; padding:.8em 0; max-height:15em; overflow-y:auto; background:#393838; border:1px solid #999; text-align:left;} #footer .foot_wrap .menu_wrap .family .list > li > a{ display:block; padding:.5em 1.2em; font-size:.875em; color:#fff;} #footer .foot_wrap .menu_wrap .family .list > li > a:hover{ text-decoration:underline;} #footer .foot_wrap .menu_wrap .family .list{ display:none;} #footer .foot_wrap .menu_wrap .family:hover .list{ display:block;} #footer .foot_wrap .menu_wrap .family:hover .tit{ color:#fff;} #footer .foot_wrap .hanwithLogo{ position:absolute; right:290px} #footer .goTop{ position:absolute; right:0; background:#393838; width:3.75em; color:#fff; margin-left:1em; margin-top:1.25em; top:0; height:50px} #footer .goTop .tt{ display:block; font-size:.688em} #footer .goTop .vm{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; max-width:100%; height:auto; white-space:normal} #footer .goTop:hover{ background:#fcab07} /*#footer .gotop{ width:4em; height:3.5em; background:#43576f; color:#fff; border:1px solid transparent; margin-left:1em; text-align:center; transition:.3s} #footer .gotop .xi{ display:block} #footer .gotop .tt{ display:block; font-size:.688em; letter-spacing:0} #footer .gotop:hover{ background:#fff; color:#1c2335; border-color:#1c2335} */ #footer .bottom_wrap{ position:relative;} #footer .bottom_wrap .f_logo{ position:absolute; top:1.5em; height:57px; opacity:.5} /*main*/ .main_visual{ position:relative;} .main_visual .visual .slick-track{ height:500px;} .main_visual .visual .item{ background-repeat:no-repeat; background-position:50% 50%; background-size:cover;} /*.main_visual .slogan{ position:absolute; top:5.5em; left:0; width:100%;}*/ .main_visual .arrow_wrap{ position:absolute; left:1.5%; right:1.5%; top:50%; z-index:10;} .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_visual .arrow_wrap > li:hover .xi { background:#fff; color:#888; transition:.3s;} .main_visual .slogan{ position:absolute; top:6.5em; left:0; width:100%; text-shadow:1px 1px 2px rgba(255,255,255,.3)} .main_visual .slogan .slogan_area{ padding-left:.8em; font-family:inherit; width:50%} .main_visual .slogan .t1{ font-size:.938em; padding-bottom:13px; letter-spacing:1.5px; color:#555; padding-left:5px} .main_visual .slogan .t0{ color:#555; font-size:2.750em; letter-spacing:-1px; padding-bottom:30px; font-family:notokrM} .main_visual .slogan .t2{ font-size:1.250em; line-height:1.6; letter-spacing:-1px; padding-left:5px; color:#555} .main_visual .slogan .c1{ color:#03aac8; /*font-family:'NanumBarunGothicBold';*/} /*main1*/ .main_con1 {position:relative; top:-90px;} .main_con1 .main_con_co1 {} .main_con1 .main_con_co1 .list {} .main_con1 .main_con_co1 .list > li {max-height:220px; flex-basis:25%;} .main_con1 .main_con_co1 .list > li .in {color:#fff; padding:1.5em 1.5em 0 1.5em;} .main_con1 .main_con_co1 .list > li .in .t1 {font-size:1.438em; font-family:'notokrB'; padding-bottom:20px;} .main_con1 .main_con_co1 .list > li .in .t2 {opacity:.9; font-size:.875em; font-family:'notokrL'; padding-bottom:15px; line-height:1.5;} .main_con1 .main_con_co1 .list > li .in .xi {opacity:.45; text-align:right; display:block; font-size:4.188em;} .main_con1 .main_con_co1 .list > li .in .xi.st {font-size:3.9em;} .main_con1 .main_con_co1 .list > li.bg1 {background:#44afd3;} .main_con1 .main_con_co1 .list > li.bg2 {background:#4e84d6;} .main_con1 .main_con_co1 .list > li.bg3 {background:#447cab;} .main_con1 .main_con_co1 .list > li.bg4 {background:#44afd3;} /**/ .main_wrap{ position:relative;} .main_wrap .box_st{background:#fff;border:1px solid transparent;overflow:hidden;} /*main2*/ .main_con2 {margin-bottom:1em; top:-4.5em} .main_con2 .main_con_co2{ } .main_con2 .main_con_co2 .inner{width:33.33%;} .main_con2 .main_con_co2 .inner .con_in {height:25em; position:relative;} .main_con2 .main_con_co2 .inner.w1{min-width:0;} .main_con2 .main_con_co2 .inner.w1 > .con_in{ margin-right:1em; flex:1;} .main_con2 .main_con_co2 .inner.w2 > .con_in{ margin-right:1em;} .main_con2 .main_con_co2 .inner.w3 > .con_in{ background:#293949;} .main_con2 .main_con_co2 .box_st{ border:none;} .main_con2 .main_con_co2 .box_st.c1{ background:#108ad3;} .main_con2 .main_con_co2 .box_st.c2{ background:#fff;} .main_con2 .main_con_co2 .popZone_wrap{ position:relative;} .main_con2 .main_con_co2 .popZone_wrap .pop_slide .slick-track{ height:25em;} .main_con2 .main_con_co2 .popZone_wrap .pop_slide .item{ position:relative;} .main_con2 .main_con_co2 .popZone_wrap .pop_slide .resize {padding-bottom:103.896% !important;} .main_con2 .main_con_co2 .popZone_wrap .pop_slide .item .in{ display:block;} .main_con2 .main_con_co2 .popZone_wrap .pop_slide .item .img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; min-height:100%;} .main_con2 .main_con_co2 .popZone_wrap .control_box{ position:absolute; top:.75em; right:1em;} .main_con2 .main_con_co2 .popZone_wrap .control_box .btn{ display:inline-block; vertical-align:middle; margin:0 .3em; cursor:pointer;} .main_con2 .main_con_co2 .popZone_wrap .control_box .btn .xi{ font-size:1.250em; color:#0d2d4f;} .main_con2 .main_con_co2 .popZone_wrap .control_box .btn .xi-play{ color:#000;} .main_con2 .main_con_co2 .popZone_wrap .control_box .slick-dots{ display:inline-block; vertical-align:middle;} .main_con2 .main_con_co2 .popZone_wrap .control_box .slick-dots > ul > li{ display:inline-block; margin:0 .3em;} .main_con2 .main_con_co2 .popZone_wrap .control_box .slick-dots > ul > li button{ width:10px; height:10px; background:#fff; border:none; border-radius:50%; color:transparent;} .main_con2 .main_con_co2 .popZone_wrap .control_box .slick-dots > ul > li.slick-active button{ background:#0d2d4f;} .main_con2 .main_con_co2 .menu_wrap{ margin:0 -1em -1em 0;} .main_con2 .main_con_co2 .menu_wrap > li{margin:0 1em .8em 0; height:12em; background:#fff; position:relative; border:1px solid #ddd;} .main_con2 .main_con_co2 .menu_wrap > li:before{ content:""; position:absolute; right:-3.125em; bottom:-5.5em; width:12em; height:12em; background:#eaf1f9; border-radius:100%;} .main_con2 .main_con_co2 .menu_wrap .in{ padding:1.6em 1.3em 0 1.3em;} .main_con2 .main_con_co2 .menu_wrap .tit{ position:relative; margin-bottom:1.25em;} .main_con2 .main_con_co2 .menu_wrap .tit .tt{ font-size:1.375em; color:#3c3c3d; font-family:'notokrB';} .main_con2 .main_con_co2 .menu_wrap .tit .more{ position:absolute; top:0; right:0; color:#3c3c3d; border:1px solid #ddd; border-radius:100%; width:1.8em; height:1.8em; line-height:1.8em; text-align:center;} .main_con2 .main_con_co2 .menu_wrap .tit .more .xi{ font-size:1.3em; color:#003876; transition:.2s;} .main_con2 .main_con_co2 .menu_wrap .tit .more .xi:before{ content:"\e913";} .main_con2 .main_con_co2 .menu_wrap .tit .more:hover{ color:#d82744;} .main_con2 .main_con_co2 .menu_wrap .tit .more:hover .xi{ transform:rotate(180deg);} .main_con2 .main_con_co2 .menu_wrap .icon{ position:absolute; right:1.5em; bottom:1em;} .main_con2 .main_con_co2 .menu_wrap .icon img{ max-height:3.75em;} .main_con2 .main_con_co2 .menu_wrap .menu{ position:relative; padding-right:3em;} .main_con2 .main_con_co2 .menu_wrap .menu > li{ flex:1 0 43%;} .main_con2 .main_con_co2 .menu_wrap .menu > li:nth-child(2n){ flex:1 0 57%;} .main_con2 .main_con_co2 .menu_wrap .menu > li .tt{ display:block; padding:.25em 0; padding-left:.6em; font-size:.938em; color:#72727d; position:relative; font-family:'notokrM';} .main_con2 .main_con_co2 .menu_wrap .menu > li .tt:before{ content:""; position:absolute; top:50%; left:0; transform:translateY(-50%); width:4px; height:4px; background:#003876; border-radius:50%;} .main_con2 .main_con_co2 .menu_wrap .menu > li .tt.st:before {position:inherit;} .main_con2 .main_con_co2 .menu_wrap .menu > li:hover .tt{ color:#003876; text-decoration:underline;} .main_con2 .main_con_co2 .survey_w{ padding:0 1em; text-align:center;} .main_con2 .main_con_co2 .survey_w .list{ text-align:left;} .main_con2 .main_con_co2 .survey_w .list > li {border-bottom:1px solid #999;} .main_con2 .main_con_co2 .survey_w .list > li:last-child {border-bottom:none;} .main_con2 .main_con_co2 .survey_w .list > li .in{ display:block; padding:1.5em 0; color:#fff; position:relative;} .main_con2 .main_con_co2 .survey_w .list > li .in .tt{padding:.2em 1.2em; background:#eaf1f9; color:#105dab; font-family:'notokrM'; border-radius:2em; text-align:center; font-size:.875em; line-height:2; position:absolute; left:0; top:30%;} .main_con2 .main_con_co2 .survey_w .list > li .in .in_list {padding-left:5.5em;} .main_con2 .main_con_co2 .survey_w .list > li .in .in_list .tit{ display:block; padding:.4em 0; font-size:.875em; font-family:'notokrR';/* text-overflow:ellipsis; white-space:nowrap; overflow:hidden;*/ position:relative; padding-left:7px;} .main_con2 .main_con_co2 .survey_w .list > li .in .in_list .tit:before {position:absolute; content:""; left:0; top:13px; background:#fff; border-radius:100%; width:3px; height:3px;} .main_con2 .main_con_co2 .survey_w .list > li .in .tit:hover{ text-decoration:underline;} .main_con2 .main_con_co2 .survey_w .btn{ display:inline-block; box-sizing:border-box; min-width:40%; padding:.5em; background:#ffc32f; border-radius:6em; color:#333; transition:.2s; position:absolute; bottom:6%; left:50%; transform:translateX(-50%);} .main_con2 .main_con_co2 .survey_w .btn > *{ display:inline-block; padding:0 .4em;} .main_con2 .main_con_co2 .survey_w .btn .tt{ font-size:.938em;} .main_con2 .main_con_co2 .survey_w .btn .xi{ font-size:1.250em;} .main_con2 .main_con_co2 .survey_w .btn:hover{ background:#ef7c00; color:#fff;} .main_con3 {margin-bottom:1em; top:-4.3em; position:relative;} .main_con3 .main_con_co3 {margin-left:-20px} .main_con3 .main_con_co3 .inner {width:50%; position:relative; } .main_con3 .main_con_co3 .inner .in_w {margin-left:20px; border:1px solid #d7dbe3; background:#fff; padding:1.5em; box-sizing:border-box; } .main_con3 .main_con_co3 .inner .in {display:block; border-bottom:1px solid #d7dbe3; position:relative; margin-bottom:1.5em; padding-bottom:1.5em; min-height:120px;} .main_con3 .main_con_co3 .inner .in:last-child {border-bottom:none; margin-bottom:0; padding-bottom:0;} .main_con3 .main_con_co3 .inner .in .tit {position:absolute; top:15%; left:5%; text-align:center; } .main_con3 .main_con_co3 .inner .in .tit .tt {display:block; color:#333; font-size:1.250em; font-family:'notokrB'; } .main_con3 .main_con_co3 .inner .in .tit .xi {background:#eff5fb; width:30px; height:30px; line-height:30px; text-align:center; color:#003876; border-radius:100%; font-size:1em; margin-top:10px;} .main_con3 .main_con_co3 .inner .in .list {padding-left:9em;} .main_con3 .main_con_co3 .inner .in .list > li {line-height:2;} .main_con3 .main_con_co3 .inner .in .list > li .tx {position:relative; display:block;} .main_con3 .main_con_co3 .inner .in .list > li .tx .ti {text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#5c5c5c; font-size:.938em; font-family:'notokrM'; display:block; width:75%; position:relative; padding-left:10px;} .main_con3 .main_con_co3 .inner .in .list > li .tx .ti:before {position:absolute; content:""; width:5px; height:1px; background:#5c5c5c; left:0; top:15px;} .main_con3 .main_con_co3 .inner .in .list > li .tx .date {position:absolute; top:50%; right:.2em; transform:translateY(-50%); font-size:.813em; color:#888; font-family:'notokrR'; } .main_con3 .main_con_co3 .inner .in .list > li:hover .tx {text-decoration:underline; } .main_con4 {margin-bottom:3em;} .main_con4 .main_con_co4 {background:#eaf1f9; padding:2.5em 2.5em 1.5em 2.5em; top:-4em; position:relative; } .main_con4 .main_con_co4 .t_w {flex:3; margin-top:1em;} .main_con4 .main_con_co4 .t_w .t1 {color:#3c3c3d; font-size:1.375em; font-family:'notokrB'; padding-bottom:25px;} .main_con4 .main_con_co4 .t_w .t2 {color:#5c5c5c; font-size:1em; font-family:'notokrR'; line-height:1.3;} .main_con4 .main_con_co4 .list {flex:4;} .main_con4 .main_con_co4 .list > li {flex:1} .main_con4 .main_con_co4 .list > li .in {display:block; text-align:center; box-sizing:border-box; height:100%; color:#fff;} .main_con4 .main_con_co4 .list > li .in .icon {} .main_con4 .main_con_co4 .list > li .in .ti {color:#3c3c3d; font-size:1.125em; font-family:'notokrM'; padding:13px 0 20px 0;} .main_con4 .main_con_co4 .list > li .in .xi {background:#fff; width:30px; height:30px; line-height:30px; text-align:center; color:#003876; border-radius:100%; font-size:1em;} .main_con4 .main_con_co4 .list > li:hover .in .xi {transform:rotate(90deg); transition:.3s;} /*contents*/ #contents{ position:relative} #contents .sub_visual{ position:relative; z-index:9; height:280px; background-color:#ddd; overflow:hidden;} #contents .sub_visual .bg{ position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; opacity:.4; transform:scale(1.2,1.2); transition:all 1s ease-out;} #contents .sub_visual .bg_1{ background-image:url(../images/inc/sub_v_1.jpg);} #contents .sub_visual .bg_2{ background-image:url(../images/inc/sub_v_2.jpg);} #contents .sub_visual .bg_3{ background-image:url(../images/inc/sub_v_3.jpg);} #contents .sub_visual .bg_4{ background-image:url(../images/inc/sub_v_4.jpg);} #contents .sub_visual .bg_5{ background-image:url(../images/inc/sub_v_5.jpg);} #contents .sub_visual .bg_6{ background-image:url(../images/inc/sub_v_6.jpg);} #contents .sub_visual .bg_7{ background-image:url(../images/sub/sub_visual7.jpg);} #contents .sub_visual .bg_member{ background-image:url(../images/inc/sub_v_member.jpg);} #contents .sub_visual .bg_mypage{ background-image:url(../images/inc/sub_v_member.jpg);} #contents .sub_visual .bg_guide{ background-image:url(../images/inc/sub_v_guide.jpg);} #contents .sub_visual .bg_sitemap{ background-image:url(../images/inc/sub_v_sitemap.jpg);} #contents .sub_visual .bg_search{ background-image:url(../images/inc/sub_v_sitemap.jpg);} #contents .sub_visual .slogan{ position:relative; z-index:3; height:100%;} #contents .sub_visual .slogan .vm_tt{ width:100%; margin-top:-3.5em;} #contents .sub_visual .slogan .tt{ display:block; padding:.5em 0; color:#fff; opacity:0; transition:all .8s ease-out;} #contents .sub_visual .slogan .t1{ margin-left:3em; font-family: 'Raleway', sans-serif; font-size:.750em; font-weight:500; letter-spacing:.2em; text-transform:uppercase;} #contents .sub_visual .slogan .t2{ margin-right:3em; font-size:2.375em; font-weight:600;} #contents .sub_visual .slogan .t3:before{ content:""; display:block; margin:1em auto; width:2em; height:1px; background:#fff} #contents .sub_visual .slogan .t3{ margin-right:3em; font-size:1.063em; font-weight:400; display:none} .load #contents .sub_visual .bg{ opacity:1; transform:scale(1,1);} .load #contents .sub_visual .slogan .tt{ opacity:1; transition-delay:.3s;} .load #contents .sub_visual .slogan .t1{ margin-left:0;} .load #contents .sub_visual .slogan .t2{ margin-right:0;} .load #contents .sub_visual .slogan .t3{ margin-right:0} #contents .sub_nav_wrap{ position:absolute; z-index:10; top:224px; width:100%} #contents .sub_nav_wrap .nav_box{ background:#fff; border-bottom:1px solid #ddd} #contents .sub_nav_wrap .utility{ width:15em} #contents .sub_nav_wrap .utility .zoom{ margin-right:1em} #contents .sub_nav_wrap .utility .zoom > li > a{ display:block; width:2em; line-height:2em; background:#fff; text-align:center; color:#999; border:1px solid #ddd; margin-right:-1px; transition:.3s} #contents .sub_nav_wrap .utility .zoom > li > a .xi{ font-size:1.125em} #contents .sub_nav_wrap .utility .zoom > li > a:hover{ background:#eee; color:#444} #contents .sub_nav_wrap .utility .btnPrint{ background:#fff; border:1px solid #3156a4; color:#3156a4; padding:.25em 1em; transition:.3s} #contents .sub_nav_wrap .utility .btnPrint .xi{ font-size:1em} #contents .sub_nav_wrap .utility .btnPrint .tt{ font-size:.875em} #contents .sub_nav_wrap .nav{width:calc(100% - 15em)} #contents .sub_nav_wrap .nav > li{ position:relative} #contents .sub_nav_wrap .nav > li > a{ border-right:1px solid #ddd; height:3.5em} #contents .sub_nav_wrap .nav > li.home > a{ width:4em; padding-right:1px; text-align:center; background:#fcab08;} #contents .sub_nav_wrap .nav > li.home > a .xi{ width:2em; line-height:2em; color:#fff; font-size:1em; border-radius:50%} #contents .sub_nav_wrap .nav > li.tt > a{ padding:0 1em; min-width:11em; position:relative; padding-right:3em; color:#444} #contents .sub_nav_wrap .nav > li.tt > a > i:not(.xi){ font-size:.938em} #contents .sub_nav_wrap .nav > li.tt > a .icon{ position:absolute; width:3em; text-align:center; right:0; top:50%; margin-top:-.5em; font-size:1em; transition:.3s} #contents .sub_nav_wrap .nav > li.tt > a .icon:before{ content:"\e943"} #contents .sub_nav_wrap .nav > li .gnb{ position:absolute; width:calc(100% - 1px); left:-1px; background:#fff; border:1px solid #ddd; display:none; padding:.25em 0; box-shadow:0 1px 3px rgba(0,0,0,.3)} #contents .sub_nav_wrap .nav > li .gnb li{ width:100%} #contents .sub_nav_wrap .nav > li .gnb li.on .flex{ display:block; padding:.25em 0} #contents .sub_nav_wrap .nav > li .gnb a{ padding:.375em 3em .375em 1em; text-align:left; color:#888; position:relative; overflow:hidden; display:block} #contents .sub_nav_wrap .nav > li .gnb a .vm_tt{ font-size:.875em} #contents .sub_nav_wrap .nav > li .gnb a:before{ content:"-"; width:1em} /*#contents .sub_nav_wrap .nav > li .gnb a:after{ font-family:xeicon!important; content:"\e93f"; position:absolute; right:0; top:.5em; width:2.5em; text-align:center; transition:.3s; transform:translateX(100%)}*/ #contents .sub_nav_wrap .nav > li .gnb a .va{ font-size:.875em} #contents .sub_nav_wrap .nav > li .gnb a:hover{ color:#fcab08} #contents .sub_nav_wrap .nav > li .gnb a:hover:after{ transform:translateX(0)} #contents .sub_nav_wrap .nav > li.on.tt > a{ box-shadow:0 -2px 4px rgba(0,0,0,.2); background:#fff} #contents .sub_nav_wrap .nav > li.on.tt > a .icon{ transform:rotate(180deg)} #contents .sub_nav_wrap .nav > li.on .gnb{ display:block} .dp1on .gnb .dp2{ display:none!important} .dp2on .gnb > li, .dp2on .gnb > li .dp1, .dp2on .gnb > li .dp3{ display:none!important} .dp2on .gnb > li.on{ display:block!important} .dp3on .gnb > li, .dp3on .gnb > li .dp1, .dp3on .gnb > li .dp2 > li, .dp3on .gnb > li .dp2 > li > a{ display:none!important} .dp3on .gnb > li.on, .dp3on .gnb > li .dp2 > li.on{ display:block!important} #contents .sub_tit_wrap{ position:relative; z-index:10; margin-top:-4em;} #contents .sub_tit_wrap .vm_tt{ width:100%;} #contents .sub_tit_wrap .inner{ width:940px; max-width:94%; height:8em; margin:0 auto; text-align:center; background:#e8ecf1;} #contents .sub_tit_wrap .tit{ font-size:2.000em; color:#222; font-weight:500; letter-spacing:-1px;} #contents .sub_tit_wrap .tit_en{ padding-top:.7em; font-family: 'Raleway', sans-serif; font-size:.813em; color:#687687; font-weight:500; letter-spacing:.3em; text-transform:uppercase;} #contents .sub_gnb{ background:#fff; text-align:center; border-bottom:1px solid #ddd;} #contents .sub_gnb .menu_icon{ display:none !important} #contents .sub_gnb .xi-angle-right-min{ display:none} #contents .sub_gnb .gnb{} #contents .sub_gnb .gnb > li, #contents .sub_gnb .gnb > li .dp1, #contents .sub_gnb .gnb > li .dp3{ display:none;} #contents .sub_gnb .gnb > li.on{ display:block;} #contents .sub_gnb .gnb > li.m_6{ display:none} #contents .sub_gnb .gnb .dp2 .vm_wrap{ height:3.2em;} #contents .sub_gnb .gnb .dp2 > li{ position:relative; width:33.33%;/* width:16.66% !important;*/} #contents .sub_gnb .gnb .dp2 > li:before{ content:""; position:absolute; z-index:1; left:-1px; top:50%; margin-top:-7px; width:2px; height:14px; background:#ccc; opacity:.5;} /*#contents .sub_gnb .gnb .dp2 > li:after{ content:""; position:absolute; left:50%; bottom:0; width:0; height:4px; background:linear-gradient(300deg, #C51E3F 0%,#50318f 100%); transition:.3s;}*/ #contents .sub_gnb .gnb .dp2 > li > a{ position:relative; color:#555; transition:.2s; font-size:1.125em; font-weight:500} #contents .sub_gnb .gnb .dp2 > li:hover > a, #contents .sub_gnb .gnb .dp2 > li.on > a{ z-index:2; /*background:#0052b8; */color:#fff; background:linear-gradient(300deg, #C51E3F 0%,#50318f 100%);} #contents .sub_gnb .gnb .dp2 > li:hover:after, #contents .sub_gnb .gnb .dp2 > li.on:after{ width:100%; margin-left:-50%;} /*#contents .sub_gnb.fix{ position:fixed; z-index:99; top:0; left:0; width:100%;}*/ #contents .conTit{ border-bottom:1px solid #ddd;} #contents .conTit .nav_wrap{ text-align:right; padding:2.5em 0 0 0; /*position:absolute; right:0*/ } #contents .conTit .nav_wrap .nav > li{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:.813em; color:#999;} #contents .conTit .nav_wrap .nav > li:before{ content:"\e93f"; font-family:xeicon !important; font-style:normal; color:#999; padding:0 2px;} #contents .conTit .nav_wrap .nav > li:first-child:before{ display:none;} #contents .conTit .nav_wrap .nav .home{ font-size:.688em;} #contents .conTit .nav_wrap .nav .on{ color:#444; font-weight:500;} #contents .conTit .tit_wrap{ padding:.8em 0; text-align:center; font-size:1.750em; color:#45464b; letter-spacing:-.5px;} #contents .con_gnb{ position:relative; margin-bottom:-1px; text-align:center;} #contents .con_gnb .gnb{ margin-bottom:-1px;} #contents .con_gnb .gnb > li, #contents .con_gnb .gnb > li .dp1, #contents .con_gnb .gnb > li .dp2 > li, #contents .con_gnb .gnb > li .dp2 > li > a{ display:none;} #contents .con_gnb .gnb > li.on, #contents .con_gnb .gnb > li .dp2 > li.on{ display:block;} #contents .con_gnb .gnb > li .dp3 .vm_wrap{ height:45px; color:#999;} #contents .con_gnb .gnb > li .dp3{ padding-left:1px;} #contents .con_gnb .gnb > li .dp3 > li{ width:20%;} #contents .con_gnb .gnb > li .dp3 > li > a{ position:relative; z-index:1; margin-left:-1px; border:1px solid #dce1e6; border-bottom-color:transparent; box-sizing:border-box; transition:.2s;} #contents .con_gnb .gnb > li .dp3 > li:hover > a{ color:#000;} #contents .con_gnb .gnb > li .dp3 > li.on > a{ z-index:2; background:#f2f5f8; border-color:#0d298e; border-top-width:3px; border-bottom-color:#f2f5f8; color:#0d298e;} #contents .doc{ padding:3em 0 10em 0;} #contents .doc_pd{ padding-top:0; } #contents .doc_main{ padding-top:3em;} /*sub 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;} .point_sky {color:#1e83d0 !important;} .point_blue {color:#003876 !important;} /**/ .page_partner {} .page_partner .partner { overflow:hidden; margin:0 0 0 -20px;} .page_partner .partner > li { float:left; width:33.33%; } .page_partner .partner > li .inner { display:block; margin:0 0 40px 20px; text-align:center;} .page_partner .partner > li .inner .img { border:1px solid #ddd; padding:10px; box-sizing:border-box; display:table; table-layout:fixed; width:100%; } .page_partner .partner > li .inner .img span { display:table-cell; vertical-align:middle;} .page_partner .partner > li .inner .title {padding:10px 0; font-size:1em; font-family:'notokrR'; color:#333; border-bottom:1px dashed #ddd; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .page_partner .partner > li .inner:hover .img, .page_partner .partner > li .inner:hover .title { border-color:#003876; transition:.3s;} /**/ .right_txt {text-align:right; padding-bottom:.8em; font-size:.938em; color:#d82744;} .sub_agree_wrap{padding:23px; border-top: 2px solid #333; border-bottom: 1px solid #eee; border-right: 1px solid #eee; border-left: 1px solid #eee; font-size: .813em; color:#888; margin-top:10px; border-radius:.3em !important;} .sub_agree_wrap p{padding:10px; line-height:1.5;} .sub_agree_wrap strong{color:#555;} .sub_agree_wrap .cont{overflow-y: scroll; height: 80px; overflow-y: scroll; } .sub_agree_wrap .cont.email_st {height:140px;} .cont_check{text-align: right; margin-bottom:3em; font-size:0.875em; color:#555; box-shadow:3px 3px 5px rgba(0,0,0,0.2); padding:.6em 1em; background:#f5f5f5; border-radius:0 0.3em 0.3em !important;} .sub_agree_wrap .span{text-align: center; padding-left: 40px;} /**/ .privacy_area{ border-top:2px solid #333; border-bottom:1px solid #666; position:relative;} .privacy_area .privacy_tt{ position:absolute; left:0; top:0; width:178px; height:100%; border-left:1px solid #ccc; border-right:1px solid #ccc; text-align:right;} .privacy_area .privacy_tt strong{ display:inline-block; *display:inline; zoom:1; font-size:1.308em; color:#fff; padding:20px 15px 0; font-family:'notokrM';} .privacy_area .privacy_box{ background-color:#f9f9f9; padding:30px;} .privacy_area .privacy_box .privacy_in{ overflow-y:hidden; height:auto; padding:30px; border:1px solid #ccc; background:#fff; line-height:1.6; margin-bottom:10px; color:#222; font-size:.875em; font-family:'notokrR'; } .privacy_area .privacy_box .privacy_in > strong { font-family:'notokrM'; font-size:1.125em;} .page_email{padding:.5em; border-top:2px solid #333; border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc; box-shadow:3px 4px 3px rgba(0,0,0,.2); padding:2em; background:#f9f9f9;} .page_email .email_top{ padding:20px 30px; background:#fff; border:2px solid #ddd; text-align:center; color:#111; line-height:1.4;} .page_email .email_con{} .page_email .email_con .tit{ text-align:center; font-size:1.125em; color:#000; padding-top:1em;} .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.938em; color:#666; font-weight:400; line-height:1.8;} /*MEMBER***************************/ .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.357em; color:#414244; line-height:1.4; letter-spacing:-1px;} .page_basic_tit > .t1:before{ content:""; position:absolute; top:.13em; left:-.8em; width:.3em; height:1em; background:#fcab08; border-radius:.2em;} .page_basic_tit > .t2{ padding-top:.6em; font-size:1.125em; 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;} .member_wrap{} .member_swrap.login_st {margin-top:2em;} .member_wrap .login_box{ width:580px; max-width:100%; margin:0 auto;} .member_wrap .join_box { width:750px; max-width:100%; margin:0 auto;} .member_wrap .member_tit{ padding-bottom:2em; text-align:center;} .member_wrap .member_tit .tit {font-size:2em; color:#3c3c3d; text-transform:uppercase; padding-bottom:.3em;} .member_wrap .member_tit .tit2{ font-size:2em; color:#3c3c3d; letter-spacing:-1px;} .member_wrap .member_tit .txt { color:#72727d; line-height:1.4em; font-family:'notokrR'; font-size:.938em;} .member_wrap .member_tit .c1{ color:#3c3c3d;} .member_wrap .member_form{ padding:2.5em 2em; border:1px solid #d4d5d8; border-radius:.3em;} .member_wrap .member_form.st1{ border-top-width:4px; border-top-color:#99845a;} .member_wrap .member_form.phone_st {width:100%; max-width:400px; margin:0 auto; padding:1em;} .member_wrap .member_form.bg_no {background:none;} .member_wrap .member_form .em{ font-size:.938em; color:#555; padding:1em 0 0 0; display:block} .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:4em; line-height:3.5em; text-align:center; font-size:1em; color:#3c3c3d;} .member_wrap .form .inp_wrap .xi:before{ font-size:1.750em;} .member_wrap .form .inp_wrap .inp{ box-sizing:border-box; width:100%; height:3.5em; padding:0 1em 0 4.5em; background:#fff; border:1px solid #ddd; border-radius:.3em;} .member_wrap .form .inp_wrap .inp:focus{ border-color:#108ad3;} .member_wrap .form .btn_wrap{ margin-top:1.2em;} .member_wrap .form .btn_wrap .btn{ margin:.4em 0; font-size:1.125em;} .member_wrap .form .btn{ display:block; box-sizing:border-box; text-align:center; width:100%; padding:.8em 1em; border:1px solid #99845a; border-radius:.3em;} .member_wrap .form .btn.c1{ background:#99845a; color:#fff;} .member_wrap .form .btn.c2{ background:#ffffff; color:#99845a;} .member_wrap .form .etc_wrap{ margin-top:1.5em;} .member_wrap .form .etc_wrap .find{ text-align:right;} .member_wrap .form .etc_wrap .find .link{ position:relative; display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-left:.8em; padding-left:.8em;} .member_wrap .form .etc_wrap .find .link:before{ content:""; position:absolute; top:10%; left:0; width:1px; height:80%; background:#ccc;} .member_wrap .form .etc_wrap .find .link:first-child{ margin-left:0; padding-left:0;} .member_wrap .form .etc_wrap .find .link:first-child:before{ display:none;} .member_wrap .form .etc_wrap .find .link:hover{ text-decoration:underline;} .member_wrap .form .id_wrap{ padding:3em 1em; background:#f5f5f5; border:1px solid #e5e5e5; border-radius:.3em; text-align:center; font-size:1.125em;} .member_wrap .form .id_wrap strong{ vertical-align:baseline; color:#108ad3; letter-spacing:0;} .member_wrap .form .cer_wrap > li{ width:33.33%; text-align:center;} .member_wrap .form .cer_wrap > li .inner{ margin:0 1px; padding:1em .6em; background:#ecf0f4;} .member_wrap .form .cer_wrap .icon .in{ display:inline-block; width:4em; height:4em; background:#fff; border-radius:100%;} .member_wrap .form .cer_wrap .icon .in img{ max-height:2.5em;} .member_wrap .form .cer_wrap .txt{ margin-top:1em; height:3em;} .member_wrap .form .cer_wrap .btn{ padding:.4em .4em;} .member_wrap .terms_wrap .all_check{ padding:1em 0; border-bottom:1px dashed #bbb; font-size:1.063em;} .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.250em; color:#3c3c3d;} .member_wrap .terms_wrap .tit *{ vertical-align:baseline;} .member_wrap .terms_wrap .c1{ color:#d82744;} .member_btn_wrap{ margin:1.5em 0 0 -.4em; text-align:center;} .member_btn_wrap > li{ width:50%;} .member_btn_wrap .in{ margin-left:.4em;} .member_btn_wrap .input_st{ min-width:40% !important;} .member_agree .agree{ padding:3em; border:solid #ddd; border-width:2px 1px 1px 1px; border-top-color:#333; font-size:.938em; color:#72727d; line-height:1.5em;} .member_agree .agree.H{ padding:1.5em; border-top-width:1px; height:10em; overflow-y:scroll; background:#fff} .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:solid #ddd; border-width:0 1px 1px 1px; border-radius:0 0 .6em .6em; text-align:right; background:#f5f5f5} .page_step_wrap{ margin-bottom:2em; text-align:center;} .page_step_wrap .step{ display:inline-block; *display:inline; zoom:1;} .page_step_wrap .step > li .in{ position:relative; padding:0 1.5em; min-width:8em; color:#aaa;} .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 .6em 0; font-size:2.500em;} .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.6em; height:1.6em; background:#e8e8e8; border-radius:100%;} .page_step_wrap .step > li .in .no{ font-size:.750em; font-family:'notokrR'; text-transform:uppercase;} .page_step_wrap .step > li .in .tt{ font-size:1.125em;} .page_step_wrap .step > li.on .in{ color:#3c3c3d;} .page_step_wrap .step > li.on .in .xi{ color:#fff;} .page_step_wrap .step > li.on .in .xi:after{ background:#99845a;} .page_step_wrap .step > li.on .in .no{ color:#514731;} .inp_sec{ margin-top:3px;} .join_cer_wrap{} .join_cer_wrap > li{ flex:1; padding:2em 1em; background:#ecf0f4; border-left:1px solid #d4d5d8; text-align:center;} .join_cer_wrap > li:first-child{ border-left:none;} .join_cer_wrap .icon .in{ display:inline-block; width:6em; height:6em; background:#fff; border-radius:100%;} .join_cer_wrap .icon .in img{ max-height:4em;} .join_cer_wrap .tit{ padding:1em 0; font-size:1.125em;} .join_cer_wrap .txt{ min-height:4em; font-size:.938em; color:#72727d; line-height:1.4em;} .join_cer_wrap .btn{ margin-top:.4em;} .join_table{ border-top:1px solid #333; font-size:.938em;} .join_table.st1 {border-top:none;} .join_table th{ height:2.2em; padding:.6em 1.5em; border-bottom:1px solid #e8e8e8; text-align:left; color:#3c3c3d; padding-right:.8em; background:#f8f8f8; font-size:.938em;} .join_table td{ height:2.2em; padding:.6em 1em; border-bottom:1px solid #e8e8e8; text-align:left; color:#72727d;} /*.join_table th{ color:#3c3c3d; padding-right:.8em; background:#f8f8f8; font-size:.938em;} .join_table td{ color:#72727d;}*/ .join_in_box{ padding:.4em .8em; border:1px solid #ddd; background:#f7f7f7;} .join_in_box > li{ margin-top:.8em; padding-top:.6em; border-top:1px dashed #ccc;} .join_in_box > li:first-child{ margin-top:0; padding-top:0; border-top:none;} .join_in_box .tit{ position:relative; margin:.4em 0 .4em 0; padding-left:.8em; color:#0d2d4f;} .join_in_box .tit:before{ content:""; position:absolute; top:.4em; left:0; width:.35em; height:.35em; background:#0d2d4f; border-radius:100%;} .join_finish{ text-align:center;} .join_finish .tit{ margin-bottom:.6em; font-size:1.750em; color:#3c3c3d; letter-spacing:-1.5px;} .join_finish .txt{ color:#72727d; line-height:1.5em;} .join_finish .txt strong{ color:#003876; vertical-align:baseline;} .join_finish .join_table{ width:100%; margin:2em auto 0 auto;} /*회원 설명 박스*/ .member_in_txt_wrap {background:#f2f5f8; padding:1em;} .member_in_txt_wrap .tt {font-family:'notokrM'; color:#222; font-size:1em; position:relative; padding-left:8px; padding-bottom:.3em;} .member_in_txt_wrap .tt.st {margin-top:1em;} .member_in_txt_wrap .tt:before {position:absolute; content:""; width:3px; height:3px; border-radius:50%; left:0; top:7px; background:#222;} .member_in_txt_wrap .tx {font-family:'notokrM'; color:#666; font-size:.875em; padding-left:1em;} /*탈퇴 문구*/ .sub_mypage_tw {margin-bottom:1.5em; border:1px solid #e8e8e8; padding:2em; background:#fff; border-top:3px solid #003366;} .sub_mypage_tw .ti {font-size:1.250em; font-family:'notokrM'; color:#222; padding-bottom:.8em;} .sub_mypage_tw .ti .xi {padding-right:3px; font-size:.938em; vertical-align:baseline;} .sub_mypage_tw .tx {line-height:1.8; font-size:.938em; font-family:'notokrR'; color:#333; position:relative; padding-left:10px; margin-left:8px;} .sub_mypage_tw .tx:before {position:absolute; content:""; width:3px; height:3px; left:0; top:12px; background:#333; border-radius:50%;} /*이메일 상담*/ .page_ex_box{ align-items:stretch; background:#ecf0f4; border-style:solid; border-width:1px 0 1px 0; border-color:#d4d5d8; margin-bottom:1.5em; background:#f2f5f8} .page_ex_box > .inner{ display:flex; align-items:center; justify-content:center; text-align:center; min-width:0; padding:1em .8em;} .page_ex_box > .inner.icon{ flex:1;} .page_ex_box > .inner.txt { flex:8; justify-content:flex-start; text-align:left;} .page_ex_box > .inner.txt > .in{ flex:1;} .page_ex_box > .inner.icon .xi { font-size:2.000em;} .page_ex_box > .inner.icon .in { width:5em; height:5em; background:#012b5d; border-radius:100%; color:#fff;} .page_ex_box > .inner.icon{ background:#fff; border-right:1px solid #d4d5d8;} .page_ex_box > .inner.icon > .tt{ display:inline-block; margin-left:1em; font-size:1em; color:#333;} .page_ex_box > .inner.icon > .tt:first-child{ margin-left:0;} .page_ex_box > .inner.txt { padding-left:2em; padding-right:2em;} .page_ex_box > .inner.btn { background:#fff; border-left:1px solid #d4d5d8; line-height:1.4em;} .page_ex_box > .inner .in_tt{ color:#3c3c3d; line-height:1.6em;} .page_ex_box > .inner .in_tt > *{ vertical-align:baseline;} .page_ex_box > .inner .in_tt.t1{ font-size:.938em;} /*설문조사*/ .survey_top_tw {text-align:center; margin-bottom:2em; } .survey_top_tw .ti {font-family:'notokrM'; font-size:1.438em; color:#222; padding-bottom:.6em; position:relative; display:inline-block;} .survey_top_tw .icon {margin-bottom:.6em; text-align:center; } .survey_top_tw .icon .xi {color:#fff; font-size:1.5em; background:#095282; width:1.7em; height:1.7em; line-height:1.7em; border-radius:50%;} .survey_con_wrap .survey_in_info_t {padding-bottom:.5em; color:#444; font-size:.938em; position:relative; padding-left:16px;} .survey_con_wrap .survey_in_info_t:before {position:absolute; content:"\e929"; left:0; top:0; font-family:xeicon !important; font-style:normal !important;} .survey_con_wrap .survey_in_tw {margin-bottom:1.5em;} .survey_con_wrap .survey_in_tw .xi {padding-right:3px; color:#003876;} .survey_con_wrap .survey_in_tw .ti {font-family:'notokrM'; font-size:1em; color:#222; position:relative; line-height:1.4; max-width:1080px; vertical-align:middle; display:inline-block;} .survey_con_wrap .survey_in_tw .num {color:#fff; background:#003876; text-align:center; font-size:.875em; border-radius:5px; display:inline-block; margin-right:9px; width:1.7em; height:1.7em; line-height:1.7em; vertical-align:top;} .survey_con_wrap .survey_in_tw .ti strong {text-decoration:underline; vertical-align:top; color:#003876; font-family:'notokrM';} .survey_con_wrap {border:1px solid #e1e1e1; background:#f9f9f9; padding:2em 1em; margin-bottom:1.5em; border-top:3px solid #003876;} .survey_con_wrap .survey_con {border:1px solid #e1e1e1; background:#fff; margin-bottom:1em; box-shadow:0.25em 0.25em 0 rgba(15,40,113,.2); border-radius:.4em; overflow:hidden;} .survey_con_wrap .survey_con .q_w {background:#f5fcff; padding:1em; border-bottom:1px dashed #ddd; } .survey_con_wrap .survey_con .q_w .ti {font-size:.938em; font-family:'notokrM'; color:#222; line-height:1.5; letter-spacing:.2px;} .survey_con_wrap .survey_con .q_w .tx {font-size:.875em; font-family:'notokrR'; color:#555; line-height:1.5; letter-spacing:.2px; padding-left:1em;} .survey_con_wrap .survey_con .c_w {padding:1em;} .survey_con_wrap .survey_con .c_w .label_group {} .survey_con_wrap .survey_con .c_w .label_group .tit {padding:1em 0 .5em 0; font-size:.938em; font-family:'notokrM'; color:#222; line-height:1.5; letter-spacing:.2px;} .survey_con_wrap .survey_con .c_w .label_group .tit.wd_st {display:inline-block; width:9em;} .survey_con_wrap .survey_con .c_w .label_group:first-child .tit {padding:0 0 .5em 0;} .survey_con_wrap .survey_con .c_w .label_group > p {line-height:1.8; display:inline-block;} .survey_con_wrap .survey_con .c_w .label_group > p.db_st {display:block !important;} .survey_con_wrap .survey_con .c_w .label_group > p .label_st > .xi {font-size:.938em; vertical-align:middle;} .survey_con_wrap .survey_con .c_w .label_group > p .label_st > .xi.xi_font_no {font-size:inherit;} .survey_con_wrap .survey_con .c_w .label_group > p .label_st > span {color:#333; font-size:.938em; vertical-align:middle;} .survey_con_wrap .survey_con .c_w .list_group {} .survey_con_wrap .survey_con .c_w .list_group > li {line-height:1.8;} .survey_con_wrap .survey_con .c_w .list_group > li .label_st > .xi {font-size:.938em; vertical-align:middle;} .survey_con_wrap .survey_con .c_w .list_group > li > span {color:#333; font-size:.938em; vertical-align:middle;} .survey_con_wrap .survey_con .c_w .list_group2 {} .survey_con_wrap .survey_con .c_w .list_group2 > li {line-height:1.8;} .survey_con_wrap .survey_con .c_w .list_group2 > li .label_st > .xi {font-size:.938em; vertical-align:middle;} .survey_con_wrap .survey_con .c_w .list_group2 > li > span {color:#333; font-size:.938em; vertical-align:middle;} .survey_con_wrap .survey_con .con_in {border:1px solid #e1e1e1; border-radius:.4em; box-shadow:0.25em 0.25em 0 rgba(15,40,113,.2); margin:0 1em 1em 1em; overflow:hidden;} .survey_con_wrap .survey_con .con_in .in_qw {background:#f5fcff; border-bottom:1px solid #ddd; padding:1em;} .survey_con_wrap .survey_con .con_in .in_qw .ti {font-size:.938em;} .survey_con_wrap .survey_con .con_in .in_qw .tx {font-size:.875em; font-family:'notokrR'; color:#555; line-height:1.5; letter-spacing:.2px; padding-left:1em;} .survey_con_wrap .survey_con .con_in .in_cw {padding:1em;} .survey_con_wrap .survey_con .con_in .in_cw .list_group {} .survey_con_wrap .survey_con .con_in .in_cw .list_group > li {line-height:1.8;} .survey_con_wrap .survey_con .con_in .in_cw .list_group > li .label_st > .xi {font-size:.875em; vertical-align:middle;} .survey_con_wrap .survey_con .con_in .in_cw .list_group > li > span {color:#333; font-size:.938em; vertical-align:middle;} /**/ .rental_tw .h1{ position:relative; font-size:1.125em; font-family:'notokrM'; color:#111; padding-left:1em; margin-bottom:2px} .rental_tw .h1:before, .rental_tw .h1:after{ content:""; position:absolute; left:0; top:.5em; width:.375em; height:.375em; background:#012b5d; transform:rotate(45deg)} .rental_tw .h1:before{ opacity:.2; left:.375em} .rental_tw .con{margin-top:.3em;} .rental_tw .h1_tt{} .rental_tw .h1_tt > p {font-size:.938em; line-height:1.5; color:#555; padding:.2em 0;} .rental_tw .h1_tt > p > span {vertical-align:baseline;} .rental_tw .h1_tt .con_in {margin-left:.5em; margin-top:1em; background:#fff; border:1px dashed #ccc; padding:1.5em;} .rental_tw .h1_tt .con_in .t1 { font-size:.875em;} .rental_tw .h1_tt .con_in .t2 {font-size:.875em; color:#222; padding-bottom:.5em; padding-top:.8em; position:relative; padding-left:8px;} .rental_tw .h1_tt .con_in .t2:before {position:absolute; content:""; left:0; top:19px; width:3px; height:3px; border-radius:50%; background:#222;} .rental_tw .h1_tt .con_in .t2_2 {margin-left:1em; font-size:.875em; color:#555; line-height:1.6; vertical-align:baseline;} .rental_tw .h1_tt .con_in .t2_2 .xi {vertical-align:baseline; font-size:.938em;} /**/ .sub1_2_tw{overflow:hidden; margin-top:20px;} .sub1_2_tw .img_w{float:right; width:42%;} .sub1_2_tw .txt_w{float:left; width:54%;} .sub1_2_tw .txt_w .t1{font-size:1.5em; letter-spacing:-1.5px; line-height:1.4;} .sub1_2_tw .txt_w .t1::after{content:''; width:70%; height:2px; background:linear-gradient(to right, #032b5c, #fff); display:block; margin:.8em 0 1.2em;} .sub1_2_tw .img_w .in {box-shadow:2px 2px 15px rgba(0,0,0, 0.2); margin-top:6.5em;} .sub1_2_tw .txt_w .in {} .sub1_2_tw .t2{font-size:.938em; color:#222; line-height:1.5; padding-bottom:1em; font-family:'notokrR'; text-align:justify;} .sub1_2_tw.sub1_1_st .img_w .in {margin-top:8em;} /**/ .page_tw {margin-bottom:3.5em; margin-left:1em;} .page_tw .ti {position:relative; font-size:1.375em; font-family:'notokrM'; color:#3c3c3d; } .page_tw .ti:before {position:absolute; content:""; top:.2em; left:-.8em; width:.3em; height:1em; background:#012b5d; border-radius:.2em;} .page_tw .tx_w {border:1px solid #ddd; padding:1.3em; margin-top:1em;} .page_tw .tx_w .tx {line-height:1.6; color:#333; position:relative; padding-left:.8em; font-size:.938em; padding-bottom:.5em; vertical-align:baseline; letter-spacing:.1px;} .page_tw .tx_w .tx.pd_no {padding-bottom:0;} .page_tw .tx_w .tx:before {position:absolute; content:""; width:.35em; height:1px; background:#3c3c3d; left:0; top:.7em;} .page_tw .tx_w .tx .t {display:block; padding-top:.2em; color:#666; font-size:.875em;} .page_tw .tx_w.border_no {border-bottom:none;} .page_tw .tx_w .tx .t_sec {width:1.25em; display:inline-block; vertical-align:baseline; text-align:center;} .page_tw.st {margin-bottom:2.5em;} .page_tw.st .ti {font-size:1.250em;} .page_tw.st .tx_w {padding:1em;} .page_tw.st .tx_w .tx {font-size:.875em;} .page_tw.st .tx_w .tx:before {position:inherit;} .page_tw.st .tx_w .tx.under_t {text-decoration:underline; padding-top:1.5em; padding-left:1.3em; color:#313851;} .page_tw.st .tx_w .tx .tit {color:#012b5d; font-family:'notokrM';} .page_tw .tx_w .t_list1 {margin-left:1em; margin-bottom:1em;} .page_tw .tx_w .t_list1 > li { position:relative; font-size:.938em; color:#666; padding-left:.8em; line-height:1.9; vertical-align:baseline;} .page_tw .tx_w .t_list1 > li:before{position:absolute; content:""; left:0; top:13px; width:3px; height:3px; background:#012b5d; border-radius:100%;} .page_tw .tx_w .t_list1 > li .t_sec {width:1.25em; display:inline-block; vertical-align:baseline; text-align:center;} .page_in_table {border:1px solid #ddd; border-top:none; padding:0 1.5em 1.5em 1.5em;} .page_tw2 {margin-left:1em; margin-bottom:1.5em;} .page_tw2 .ti {position:relative; font-size:1.375em; font-family:'notokrM'; color:#3c3c3d; } .page_tw2 .ti:before {position:absolute; content:""; top:.2em; left:-.8em; width:.3em; height:1em; background:#012b5d; border-radius:.2em;} .page_tw2 .tx_w {border:1px solid #ddd; padding:1.3em; margin-top:1em;} .page_tw2 .tx_w .tx {line-height:1.6; color:#333; position:relative; padding-left:.8em; font-size:1em; vertical-align:baseline; letter-spacing:.1px;} .page_tw2 .tx_w .tx:before {position:absolute; content:""; width:.35em; height:1px; background:#3c3c3d; left:0; top:.7em;} .page_tw2 .tx_w .tx .t {display:block; padding-top:.2em; color:#666; font-size:.875em;} /**/ /*.page_txt_wrap.flex{} .page_txt_wrap.flex > *{ padding:1.5em .4em; border-top:2px solid #e8e8e8;} .page_txt_wrap.flex > .flex_w1{ flex:1; position:relative; padding-left:0; padding-right:0; border-top-color:#c6cad1;} .page_txt_wrap.flex > .flex_w1:before, .page_txt_wrap.flex > .flex_w1:after { content:""; position:absolute; top:-2px; height:2px; width:.8em;} .page_txt_wrap.flex > .flex_w1:before{ left:0; background:#4e84d6;} .page_txt_wrap.flex > .flex_w1:after { left:.8em; background:#44afd3;} .page_txt_wrap.flex > .flex_w2{ flex:4; margin-left:2em;} .page_txt_wrap.flex > .flex_w2.st1{ flex:6;} */ .page_tit.dp2{ margin-bottom:.8em; padding-left:1.5em;} .page_tit.dp2 > .tt{ position:relative; display:block; color:#00479e;} .page_tit.dp2 > .tt:before{ content:"\ea40"; font-family:xeicon; font-size:1.250em; font-weight:normal; line-height:1em; position:absolute; top:0; left:-1.2em;} .page_list.dp2{ margin-top:1em;} .page_list.dp2 > *{ margin-top:.5em; padding-left:.8em;} .page_list.dp2 > * > .tt{ font-size:.938em; color:#3c3c3d;} .page_list.dp2 > li:before{ top:.7em; width:.35em; height:1px; background:#3c3c3d;} .page_list.dp2.st > li:before{opacity:0} .page_list.dp2 > * > .tt.st1 {color:#0d2d4f;} .page_list.dp3{ margin-top:.8em; margin-left:.5em;} .page_list.dp3 > *{ margin-top:.3em; padding-left:.7em;} .page_list.dp3 > * > .tt{ font-size:.875em; color:#555; font-family:'notokrR';} .page_list.dp3 > li:before{ top:.55em; width:.25em; height:.25em; background:#0099cc; border-radius:100%;} .page_list.dp2 > * .page_list.dp3{ margin-bottom:1.2em;} .page_list.dp2 > *:last-child .page_list.dp3{ margin-bottom:0;} .page_list{ line-height:1.5;} .page_list:first-child{ margin-top:0;} .page_list > li{ box-sizing:border-box;} .page_list > li:before{ content:""; position:absolute; left:0;} .page_list > *{ position:relative;} .page_list > *:first-child{ margin-top:0;} .page_list > * > .tt > *{ vertical-align:baseline;} .page_list > * .btn{ margin-top:.6em;} .page_list.fl_wrap > li{ margin:.3em 0; box-sizing:border-box;} /**/ .ex_s_txt{ margin-top:1em; margin-left:1em; color:#3c3c3d; line-height:1.3em; padding:1em; background:#f2f5f8; border-radius:.4em;} .ex_s_txt:first-child{ margin-top:0;} .ex_s_txt .tit {font-size:.938em; position:relative; color:#0d2d4f;} .ex_s_txt .tit .icon {position:absolute; left:0; top:0; font-size:1.063em;} .ex_s_txt .tit .icon:before {content:"\e92b";} .ex_s_txt .tit .in_ti {font-size:1em; padding-left:1.3em;} .ex_s_txt.st1 {margin-top:.5em;} .ex_s_txt .t1 {font-size:.875em;} /**/ .personInfo_box{ margin:.5em 0 0 .8em; flex-wrap:wrap; align-items:stretch;} .personInfo_box > li{ flex:1; margin:0 0 2px 2px; padding:.5em 1.5em; background:#f2f5f8; border-radius:.6em;} .personInfo_box .inner .icon{ position:absolute; top:0; left:0; font-size:1.125em;} .personInfo_box .inner > dt, .personInfo_box .inner > dd{ padding-left:1.6em;} .personInfo_box .inner > dt{ position:relative; margin-bottom:1em; padding-bottom:.8em; border-bottom:1px dashed #ccc; color:#d82744;} .personInfo_box .inner > dt .icon:before{ content:"\e92b";} .personInfo_box .inner > dt .tit{ font-size:1.125em;} .personInfo_box .inner > dd{ position:relative; margin:.7em 0; padding-top:.1em; color:#3c3c3d;} .personInfo_box .inner > dd .tt{ font-size:.875em; letter-spacing:0;} .personInfo_box .inner > dd .tt *{ vertical-align:baseline;} .personInfo_box .inner > dd a{ color:#108ad3;} .personInfo_box .inner > dd a:hover{ text-decoration:underline;} .personInfo_box.st2{ margin:0;} .personInfo_box.st2 .inner > dt{ float:none;} .personInfo_box.st2 .inner > dd:first-of-type{ clear:both;} .personInfo_box.st2 .inner > dd{ margin:.3em 2.5em .3em 0;} /**/ .sub_info_list {overflow:hidden; margin:0 0 -20px -20px;} .sub_info_list li{float:left; width:33.33%;} .sub_info_list li .in{margin:0 0 20px 20px; border:1px solid #ddd; border-radius:.6em; padding:1.5em; position:relative; background:#f9f9f9; height:13em !important;} .sub_info_list li .in > dt {margin-bottom:1em; padding-bottom:1em; border-bottom:1px dotted #ccc; min-height:2em;} .sub_info_list li .in > dt .tit{font-family:'notokrM'; color:#222; font-size:1.063em;} .sub_info_list li .in > dd {position:relative; margin:.9em 0; color:#333; padding-left:1.6em;} .sub_info_list li .in > dd .icon {position:absolute; left:0; top:0; line-height:1em; font-size:.875em; color:#666;} .sub_info_list li .in > dd .tt {margin-left:3px; display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:.875em; color:#444; font-family:'notokrR';} .sub_info_list li .in .more_btn {color:#fff; display:inline-block; border-radius:.6em; padding:.5em .72em; background:#0d2d4f; position:absolute; bottom:5%; right:3%; transition:.3s;} .sub_info_list li .in .more_btn .t {font-size:.813em; vertical-align:baseline;} .sub_info_list li .in .more_btn .xi {font-size:.813em; vertical-align:baseline; padding-left:5px;} .sub_info_list li .in .more_btn:hover .xi{transition:.3s; padding-left:8px;} /**/ .sub_title_Wrap {padding-bottom:1.5em; margin-left:1em;} .sub_title_Wrap .tit {position:relative; font-size:1.375em; font-family:'notokrM'; color:#3c3c3d; } .sub_title_Wrap .tit:before {position:absolute; content:""; top:.2em; left:-.8em; width:.3em; height:1em; background:#012b5d; border-radius:.2em;} /**/ .page_tab_wrap {margin-bottom:1em; border:1px solid #ccc; background:linear-gradient(-180deg, #fff 0%, #fff 50%, #ecf0f4 100%); padding:.5em .8em 1em .8em; box-shadow:0.2em 0.2em 0 rgba(0,0,0,.1); border-radius:.3em;} .page_tab_wrap .list > li{} .page_tab_wrap .list > li > a{font-family:'notokrR'; display:block; border:1px solid #ddd; background:#f9f9f9; color:#222; transition:.3s; margin:.5em 0 0 .5em; padding:0 1em; font-size:.875em; border-radius:.3em; height:2.5em; line-height:2.5em; text-align:center;} .page_tab_wrap .list > li.on > a{color:#fff; z-index:1; background:#0d2d4f; border-color:transparent;} .page_tab_wrap .list > li:hover > a{ color:#0d2d4f;} .page_tab_wrap .list > li.on:hover > a {color:#fff;} /**/ .check_list {margin:.4em 0 0 1em;} .check_list > li {line-height:1.9;} .check_list > li .xi {font-size:1.188em;} .check_list > li span {font-size:.875em; margin-left:.2em; color:#333; font-family:'notokrR';} /**/ .person_list{ margin:0 0 0 -.5em} .person_list > li{} .person_list .wrap_in{ margin:2em 0 0 .5em;} .person_list .wrap_in .img_wrap{} .person_list .wrap_in .img_wrap .resize {padding-bottom:115.789% !important;} .person_list .wrap_in .txt_wrap {border:1px solid #ddd; padding:1em 1.5em; border-top:none; text-align:center; background:#fff} .person_list .wrap_in .txt_wrap .tt { font-family:'notokrM'; color:#222; font-size:1.063em;} /*사이트맵*/ .sitemap_page{} .sitemap_page .gnb{ margin-left:-2em} .sitemap_page .gnb a{ height:auto} .sitemap_page .gnb{ justify-content:space-between; padding-bottom:5em} .sitemap_page .gnb > li{ width:33.33%; margin-bottom:3em} .sitemap_page .gnb > li .dp1, .sitemap_page .gnb > li .dp2{ margin-left:2em} .sitemap_page .gnb > li .dp2, .sitemap_page .gnb > li .dp3{ display:block} .sitemap_page .gnb > li .dp1{ border-top:5px solid #ddd; border-bottom:1px solid #aaa; height:5em; position:relative} .sitemap_page .gnb > li .dp1:after{ content:""; position:absolute; left:0; top:-5px; width:0; height:5px; background:#fcab08; transition:.3s} .sitemap_page .gnb > li .dp1 .va{ font-size:1.25em; font-weight:700} .sitemap_page .gnb > li:hover .dp1{ color:#222} .sitemap_page .gnb > li:hover .dp1:after{ width:100%} .sitemap_page .gnb > li .dp2{} .sitemap_page .gnb > li .dp2 > li{ width:100%} .sitemap_page .gnb > li .dp2 > li > a{ padding:1em; border-bottom:1px solid #ddd; text-align:left; position:relative; padding-left:2em} .sitemap_page .gnb > li .dp2 > li > a:after{ content:"\e913"; font-family:xeicon!important; position:absolute; left:0; top:1em; width:2em; text-align:center; color:#aaa} .sitemap_page .gnb > li .dp2 > li:hover > a{ background:#f5f5f5;} .sitemap_page .gnb > li .dp2 > li:hover > a:after{} .sitemap_page .gnb > li .dp2 > li:hover > .dp3{ background:#f9f9f9} .sitemap_page .gnb > li .dp3{ padding:.5em 0; border-bottom:1px solid #ddd} .sitemap_page .gnb > li .dp3 > li > a{ padding:.25em .75em; text-align:left} .sitemap_page .gnb > li .dp3 > li > a .va{ font-size:.875em; color:#666} .sitemap_page .gnb > li .dp3 > li > a .va:before{ content:"- "; display:inline-block; padding-right:1em} .sitemap_page .gnb > li .dp3 > li:hover > a .va{ text-decoration:underline; color:#333} .sitemap_page .gnb > li .dp3 > li:hover > a .va:before{ text-decoration:none} .sitemap_page .gnb > li.m_mypage, .sitemap_page .gnb > li.m_member, .sitemap_page .gnb > li.m_guide{ display:none} /*페이지탭*/ .tab_st{ position:relative; margin-bottom:3.75em; padding:1px 0 0 1px;} .tab_st:after{ content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background:#111;} .tab_st > li{ flex:1; position:relative;} .tab_st > li .in{ height:3.8em; margin:-1px 0 0 -1px; padding:0 .5em; background:#f7f7f7; border:1px solid #ddd; color:#444; transition:.1s;} .tab_st > li .in .tt{ font-size:1.063em;} .tab_st > li:hover .in{ background:#fff; color:#111;} .tab_st > li.on{ z-index:1;} .tab_st > li.on .in{ background:#fff; border-color:#111; border-bottom-color:transparent; color:#111;} .tab_st > li.on .in .tt{ font-weight:500;} .page_tab2_wrap{ margin-bottom:1em; border:1px solid #ccc; background:linear-gradient(-180deg, #fff 0, #fff 50%, #f4f2ec 100%); padding:.5em .8em 1em .8em; box-shadow:.2em .2em 0 rgba(0,0,0,.1); border-radius:.3em} .page_tab2{ margin:0 0 0 -.5em} .page_tab2 > li{ width:10em} .page_tab2 > li > a{ display:block; border:1px solid #ddd; padding:.6em; margin:.5em 0 0 .5em; background:#fff; position:relative; transition:.3s; text-align:center; border-radius:.3em} .page_tab2 > li > a .tt{ font-size:.875em} .page_tab2 > li > a .icon{ position:absolute; right:.5em; top:50%; margin-top:-.5em; font-size:1em; opacity:0} .page_tab2 > li > a .icon:before{content:"\e942"} .page_tab2 > li:hover > a, .page_tab2 > li.on > a{ background:#f18101; border-color:#f18101; color:#fff; border-radius:.3em} .page_tab2 > li.on > a .icon{ opacity:1} /*메모*/ .memo_st{ background:#f9f9f9; border:1px solid #ddd; padding:1.5em;} .memo_st.st1{ background:#fff} .memo_st:first-child{ margin-bottom:3em;} /*.memo_st:last-child { margin-top:3em;}*/ .memo_st > .tt{ position:relative; margin-top:.5em; padding:.125em 0 .125em 2.25em; line-height:1.4; font-size:.938em; color:#666; font-family:notokrR} .memo_st > .tt:first-child{ margin-top:0;} .memo_st > .tt:before{ content:"\e9a6"; font-family:xeicon!important; font-size:1.75em; color:#aaa; line-height:1; position:absolute; left:0; top:0;} .memo_st > .tt * { vertical-align:baseline;} .memo_st > .tt.t1{ font-size:1.063em; color:#111;} /*역대학술*/ .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 #ddd; padding:2em; position:relative; background:#fefefe url(../images/sub/mark.png) no-repeat 95% 90%; border-radius:.3em;} .sub2_ul li.recently .border_dv{opacity:1;} .sub2_ul li .border_dv .p1{ color:#111; font-size:1.250em; margin-bottom:0.5em; padding-bottom:0.5em; font-family:'notokrM';} .sub2_ul li .border_dv .p2{ color:#555; font-size:.938em; margin-bottom:1.5em; padding-bottom:1.5em; /*border-bottom:1px dashed #ddd;*/; line-height:1.7; font-family:notokrR} .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:.938em; margin-bottom:6px; position:relative; padding-left:20px;} .sub2_ul li .border_dv .date .xi{position:absolute; left:0; top:0;} .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:.8em 1.5em; background:#8b8a87; color:#fff; display:inline-block; font-size:0.875em; margin-top:20px; border-radius:.3em; text-transform:uppercase} .sub2_ul li .border_dv .more_btn2{background:#2aa1d8;} .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;} /*오시는길*/ .root_daum_roughmap {width:100% !important; padding:0 !important; border:none !important} .root_daum_roughmap .wrap_controllers {display:none !important;} .map_info1 { overflow:hidden; margin-bottom:20px; box-shadow:2px 3px 8px -1px #a4a4a4; padding:1.5em; margin-top:2em; font-weight:300} .map_info1 .t1 { float:left; } .map_info1 .t1 span { color:#666; display:inline-block; margin-right:20px; line-height:38px; } .map_info1 .t1 span:last-child { margin-right:0;} .map_info1 .t1 .xi { font-size:1.438em; vertical-align:sub; color:#fff; margin-right:5px; width:1.8em; height:1.8em; border-radius:50%; text-align:center; line-height:1.8em; background:#0f895b} .map_info1 .map_btn { float:right; display:inline-block; padding:11px 45px 10px 45px; color:#fff; background:#003f87; border:1px solid #ddd; } .map_info1 .map_btn .tx{ font-size:.875em; color:#fff; vertical-align:middle} .map_info2 { margin-top:30px; font-weight:300} .map_info2 > li { overflow:hidden; padding:2em 1em; border-bottom:1px solid #ddd} .map_info2 > li h3 { float:left; color:#222222; font-size:1.375em; } .map_info2 > li h3 .xi { font-size:1.625rem; vertical-align:text-top; } .map_info2 > li .info { margin:0 0 0 240px;} .map_info2 > li .info span{ font-family:notokrR; color:#333; line-height:1.5} .map_info2 > li .info strong { display:block;} .map_info2 > li .info p { color:#333; line-height:26px;} .map_info2 > li .info ul li:first-child strong { padding-top:0} .map_info2 > li.bus {} .map_info2 > li.bus .info span { display:block; margin:2px 0 6px;} .map_info2 > li.bus .info p { padding-left:32px; position:relative; line-height:30px; color:#666; } .map_info2 > li.bus .info .g:before { content:"G"; width:23px; height:23px; border-radius:23px; background:#4a972e; color:#fff; text-align:center; line-height:22px; position:absolute; left:0; top:50%; margin-top:-11px; font-size:0.813em; } .map_info2 > li.bus .info .r:before { content:"R"; width:23px; height:23px; border-radius:23px; background:#df262e; color:#fff; text-align:center; line-height:22px; position:absolute; left:0; top:50%; margin-top:-11px; font-size:0.813em; } .map_info2 > li.bus .info .b:before { content:"B"; width:23px; height:23px; border-radius:23px; background:#395cb3; color:#fff; text-align:center; line-height:22px; position:absolute; left:0; top:50%; margin-top:-11px; font-size:0.813em; } .map_info2 > li.subway {} .map_info2 > li.subway .info { margin-top:-1px;} .map_info2 > li.subway .info span { display:block; margin:2px 0 6px;} .map_info2 > li.subway .info p { display:inline-block; margin-right:34px;} .map_info2 > li.subway .info em { display:inline-block; font-weight:500;} .map_info2 > li.subway .info .r em { color:#fff;} .map_info2 > li.car .info .r em { color:#f62c11;} .bs1{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding:0 15px; font-size:0.875em; font-weight:600; color:#fff; line-height:25px; border-radius:30px; background:#249f0b; margin:0 5px 5px 0} .bs1.sub_col2{ background:#3cb44a} .bs1.sub_col3{ background:#74c7c7; margin-left:5px} .btn_in{ float:right} .btn_in .more{display:block; background:#003f87; border:1px solid #003f87; color:#fff; height:30px; padding:5px; transition:.3s; width:140px; margin-left:0.5em; border-radius:4px;} .btn_in .more .tt{ vertical-align:middle; font-size:.875em; padding-left:.5em;} .btn_in .more.va_wrap{ height:30px !important} .btn_in .xi{ vertical-align:middle; margin-left:5px; } /*연혁*/ .sub_history_img { text-align:center; } .sub_history_tit{ text-align:center; padding:60px 0; background:url(../images/sub/history_top.jpg) no-repeat bottom center; box-shadow:1px 5px 10px rgba(0,0,0,0.3); display:none} .sub_history_tit .t1{ font-size:2em; color:#003f87; letter-spacing:-1px; padding-right:30px; font-family:'notokrB'} .sub_history_tit .t2{ font-size:.938em; color:#333; margin-top:10px; padding-right:30px;} .sub_history_tit .t1 .col {color:#F00;} .sub_history_wrap{ position:relative; z-index:inherit; padding-left: 120px; border-top:1px solid #ddd; margin-top:1em} .sub_history_wrap .sub_history_line{ position:absolute; z-index:inherit; width:1px; background:#ddd; left:81px; height:100%; margin-left:1px; top:0} .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;} .sub_history_wrap .sub_history > li .history:before{content:''; position:absolute; top:20px; left:-42px; width:10px; height:10px; background:#99845a; border-radius:100%;} .sub_history_wrap .sub_history > li .history .year{ font-size:1.9em; font-family:'notokrB'; 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; font-size:1.063em; color:#555; 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:#99845a;} .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; top:3px;} .f_after:after{ display:block; clear:both; content:'';} .sub_history_wrap .sub_history > li .history .list span:last-child{ width:90%} /*사전신청완료*/ .support_fin_wrap{ width:1100px; max-width:100%; margin:0 auto} .support_fin_wrap .finBox{} .support_fin_wrap dl{ overflow:hidden; margin:2em auto 3em auto; width:65%} .support_fin_wrap dl dt{ float:left; width:25%; padding-left:1.5em;} .support_fin_wrap dl dd{ float:left; width:70%} .support_fin_wrap dl .t1{ font-size:1.570em; color:#333; font-family:'notokrM'; letter-spacing:-1px} .support_fin_wrap dl .name{ vertical-align:baseline} .support_fin_wrap dl .t2{ font-size:1.063em; color:#222; line-height:1.5; font-family:'notokrR'; margin-top:1em} .table_wrap .board_table{ margin:0 auto} /*이메일무단수집거부*/ .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;} /*회원공간*/ .intro_box{ text-align:center; padding:3em 8em; border:30px solid #f1f1f1;} .intro_box .notice_icon{ font-size:1.750em; color:#333; border:1px solid #fcab08; width:80px; height:80px; line-height:80px; color:#fcab08; border-radius:50%; text-align:center; background:#fff} .intro_box .t1{ font-weight:600; color:#333; font-size:2em; margin-top:.5em} .intro_box .t2{ border-top:1px dashed #ddd; padding-top:1.5em; margin-top:1.5em; line-height:1.5; color:#555; font-size:1.063em; text-align:left; font-family:notokrR} .intro_box .t2 > a:hover{ color:#108ad3; transition:.3s;} .page_box{ padding-left:1.5em} .page_box.st1{ border:1px solid #ccc; padding:2em 1.5em; margin-left:1.5em; border-top:4px solid #ccc} .page_box > * { color:#222} .page_box .t1{ line-height:1.6; color:#222; word-break:break-all; font-family:'notokrR'; background:#f5f5f5; padding:1.5em; margin-left:-3em; margin-top:8px; letter-spacing:0} .page_box .t1 > a:hover{ color:#108ad3; transition:.3s;} .page_box .list1{} .page_box .list1 > li{ line-height:1.6; margin:2em 0; position:relative; padding-left:3em;} .page_box .list1 > li:last-child{ margin-bottom:0} .page_box .tit{ font-size:1.125em; font-family:notokrR} .page_box .list1 > li > strong{ margin-top:8px; color:#333; display:block; font-size:1.063em; padding:6px 0; font-family:'notokrR'} .page_box .list3 > li > strong{ display:inline-block !important; margin-top:0; vertical-align:baseline} .page_box .list3 > li > .t1{ display:inline-block !important; padding-left:.5em} .page_box .list1 > li:first-child > strong{ margin-top:0;} .page_box .list1 > li:before{ content:"\e901"; position:absolute; left:0; background:#0f895b; color:#fff; top:0; font-family:xeicon!important; border:1px solid #ddd; font-size:1.250em; width:1.8em; height:1.8em; line-height:1.8em; text-align:center; border-radius:50%} .page_box .list2{ padding-top:.5em; margin-left:-1.5em} .page_box .list2 > li{ line-height:1.7; position:relative; padding-left:1.5em} .page_box .list2 > li:before{ content:"\e91b"; position:absolute; left:0; color:#555; top:0; font-family:xeicon!important} .page_box .list3{ margin-left:-1.5em; margin-top:1em;} .page_box .list3 > li{ line-height:1.6; padding-left:.5em;} .page_box .list4 > li{ padding-left:1em; position:relative; line-height:1.7; color:#555; } .page_box .list4 > li:before{ content:""; position:absolute; width:5px; height:5px; background:#ddd; border-radius:50%; top:11px; left:0;} .page_box .list4 .c1{ color:#0f895b; } .page_box.st2{ padding:3em; border:1px solid #ccc; border-radius:.4em; box-shadow:.25em .25em 0 rgba(0,0,0,.08);} .page_box.st3{ background:#f9f9f9;} .page_box.st4{ padding:1.5em; border:1px solid #ccc; border-radius:.4em; box-shadow:.25em .25em 0 rgba(0,0,0,.08);} /**/ .page_con_wrap .con_tit{ margin:10px 0 50px 0} .page_con_wrap .con_tit .tt{ font-size:1.570em; } .page_con_wrap .con_tit .tt:before, .page_con_wrap .con_tit .tt:after{ width:33%} .page_con_wrap .con_tit .t1{ padding:1.5em 0 .5em 0; color:#888; font-size:1.063em; margin-bottom:-1em} .page_con_wrap .con_tit.st1 .tt:before, .page_con_wrap .con_tit.st1 .tt:after{ width:26%} .con_tit{ margin:50px 0 35px 0; text-align:center;} .con_tit .tt{ position:relative; display:block; font-size:1.250em; font-weight:500;} .con_tit .tt:before, .con_tit .tt:after{ content:""; position:absolute; top:50%; width:40%; height:1px; background:#aaa;} .con_tit .tt:before{ left:0;} .con_tit .tt:after{ right:0;} .go_btn{ display:inline-block; background:#5d5b58; padding:0 1em; height:3.2em; line-height:3.2em; color:#fff !important; margin-top:1.5em} .go_btn > i{ font-size:.938em} .go_btn > .xi{ padding-left:8px; font-size:1.063em} .go_btn.st1{ border:1px solid #333; background:none; color:#333 !important; margin-top:0; height:2.8em; line-height:2.8em;} .go_btn.st2{ margin:0; height:2em; line-height:2em; position:absolute; right:0; background:#8bc53f; border-radius:.5em; top:3px; font-size:.875em; cursor:pointer} .account_info{ text-align:left; background:#f6f6f6; padding:1.5em 6em;} .account_info .in{ display:block} .account_info .xi{ width:2.5em; height:2.5em; line-height:2.5em; background:#fc8f08; color:#fff; border-radius:50%; font-size:1.375em; text-align:center} .account_info .info{ font-size:1.125em; color:#5d5b58; padding-left:2em;} .account_info .tt{ font-size:1.125em; padding-left:1em; border-right:1px solid #ddd; padding-right:1.5em; color:#333} /*정관*/ .pg_menu_list{ justify-content:flex-start; align-items:flex-start; align-items:stretch; padding:0 1px 1px 0;} .pg_menu_list > li{ display:flex; flex:1 0 25%; max-width:25%;} .pg_menu_list > li .in{ position:relative; z-index:1; flex:1; margin:0 -1px -1px 0; padding:.5em .5em; min-height:2em; background:linear-gradient(-180deg, #fff 0%, #fff 50%, #ecf0f4 100%); border:1px solid #d4d5d8; text-align:center;} .pg_menu_list > li:hover .in{ z-index:2; background:#0f895b; border-color:#0f895b; color:#fff; transition:.2s;} .pg_tit.com{ margin-bottom:1em; text-align:left; margin-top:2em; position:relative} .pg_tit.com > .tt{ font-size:1.375em; color:#3e3e3e;} .pg_box{ padding:2em 2em; background:#fff; border:1px solid #d4d5d8; box-sizing:border-box;} .pg_box.st1{ border-top-width:2px; border-top-color:#333; min-height:inherit;} .pg_box.st2{ background:#fcfcfc;} .com_ethics_list > dt{ margin:1.5em 0 .7em 0; font-size:1.250em; color:#333} .com_ethics_list > dt:first-child{ margin-top:0;} .com_ethics_list > dd{ font-size:1.063em; color:#555; line-height:1.6; font-family:notokrR} .com_ethics_list{ font-size:.938em; color:#666; line-height:1.5;} .com_ethics_list strong{ margin:2em 0 1em 0; font-size:1.125em; font-weight:500; color:#000;} /*통합검색*/ .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:#0f895b;} .search_w .result .tit2{ font-size:1em; color:#333;} .search_w .result .tit2 .big{ font-size:1.5em; color:#0f895b;} .search_w .search_select{ width:140px; padding-left:15px; color:#111;} /*학회설립목적*/ .ddot{ position:relative; font-size:1.125em; text-align:center; font-family:'notokrR'; letter-spacing:-1px; margin-bottom:1em; background:#f9f9f9; border-radius:.3em; padding:1em 3em; border:1px dashed #ccc; line-height:1.7} .ddot > span{ padding:0 1em;} .ddot > span > img{ width:26px} .direction{ text-align:center; padding:.5em 0 0 0;} .direction .diList { display: inline-block; overflow:hidden; text-align: center;} .direction .diList li { width:230px; height:230px; border-radius: 100%; position: relative; display: inline-block; vertical-align: top; } .direction .diList.st2 li { width:175px; height:175px; } .direction .diList.st2 li .textBox{ font-size:.938em} .direction .diList li .textBox { width: 100%; height: 100%; display: table; position: relative; text-align: center; font-size:1em; color:#fff; font-family:'notokrM';} .direction .diList li .textBox:after{content: '';width: calc(100% - 35px);height: calc(100% - 35px);display: block;position: absolute;left: 17px;top: 17px;border: 1px solid #f9f9f9;border-radius: 100%; opacity:.6} .direction .diList li .textBox p{ display: table-cell; vertical-align: middle; padding:16px; margin-top:10px; font-size:1.125em;} .direction .diList li .textBox i{ font-size:2.750em;} .direction .diList li .textBox .tt{ font-size:1.125em} .direction .diList li::before { content: ''; width: calc(100% - 16px); height: calc(100% - 16px); display: block; position: absolute; left: 8px; top: 8px; background: #fff9e5; border-radius: 100% } .direction .diList li.bg1::before{ background:#8bc53f} .direction .diList li.bg2::before{ background:#0f895b} .direction .diList li.bg3::before{ background:#fbb731} .direction .title, .task .title { text-align: center; display:inline-block; padding:1rem 7.5rem; font-weight: 400; font-size: 26px; color: #2b2b2b; margin-bottom: 2rem; border-bottom: 2px solid #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .direction .goals > li {width: 284px; height: 96px; font-size: 20px; font-weight: 400; color: #2b2b2b; text-align: center; font-size: 1rem; display: inline-block; vertical-align: top; margin: 7px; border: 2px solid #ffc000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 34px 20px; border-radius: 48px; } /*학회장 인사말*/ .greeting_wrap{ position:relative} .greet_tit{ font-size:1.570em; color:#333; line-height:1.4;} .greet_tit2{ font-size:1.250em; color:#333; padding:0 0 1.5em 0; font-family:notokrR} .greet_tit:after{ display:block; content:""; background:linear-gradient(to right, #0f895b, #e5f2ed); width:70%; height:2px; margin:20px 0;} .greet_tit span{ vertical-align:baseline; color:#0f895b} .greet{ position:relative; top:0; padding-left:42%;} .greet_img{ position:absolute; left:1em; top:1.5em;} /*.greet{ background:url(../images/sub/greet_img.png) no-repeat right top; margin-top:40px; background-position-y:10%;}*/ .greet p.txt{ color:#454545; line-height:1.7; margin-bottom:25px; font-size:1.063em; letter-spacing:0; font-family:'notokrR';} .greet p.txt.st{ width:100%} .greeting_wrap .name{ text-align:right; font-size:1.063em; color:#333; margin-top:3em; margin-right:1.5em} .greeting_wrap .name span.n1{ font-size:.938em; padding-bottom:.5em} .greeting_wrap .name span.n2{ margin-left:10px; font-family:'notokrB'; vertical-align:baseline; font-size:1.250em;} /*로고의의미*/ .page_txt_wrap{ margin-top:2.5em;} .page_txt_wrap:first-of-type{ margin-top:0;} .page_tit.dp1{ margin-bottom:.6em; font-size:1.375em; color:#212121; line-height:1.4em; letter-spacing:-1px;} .page_tit.dp1 > *{ display:inline-block;} .page_tit.dp1 .tt > *{ display:inline-block; vertical-align:baseline;} .page_tit.dp1 .tt > .xi{ font-size:1em;} .page_tit.dp1 .tt:first-child{ margin-left:0 !important;} .page_tit.dp1 .tt.t1{ margin-left:2em; font-size:.813em; color:#3c3c3d; letter-spacing:-.5px; line-height:1.3;} .page_tit.dp1 .tt.t2{ margin-left:.75em; font-size:1em; color:#3c3c3d; line-height:1.3;} .page_tit.dp1 a:hover{ text-decoration:underline;} .page_txt_wrap.flex{} .page_txt_wrap.flex > *{ padding:1.4em .4em; border-top:2px solid #e8e8e8;} .page_txt_wrap.flex > .flex_w1{ flex:1; position:relative; padding-left:0; padding-right:0; border-top-color:#c6cad1;} .page_txt_wrap.flex > .flex_w1:before, .page_txt_wrap.flex > .flex_w1:after { content:""; position:absolute; top:-2px; height:2px; width:1.2em;} .page_txt_wrap.flex > .flex_w1:before{ left:0; background:#105d40} .page_txt_wrap.flex > .flex_w1:after { left:1.2em; background:#87bc43;} .page_txt_wrap.flex > .flex_w2{ flex:4; margin-left:2em;} .page_txt_wrap.flex > .flex_w2 .t1{ line-height:1.7; font-family:notokrR; color:#555;} .page_txt_wrap.flex > .flex_w2 .c1{ color:#105d40; font-family:notokrM; vertical-align:baseline} .page_txt_wrap.flex > .flex_w2 .sy_logo_ul li:nth-child(1){ width:70%} .page_txt_wrap.flex > .flex_w2 .sy_logo_ul li:nth-child(2){ width:30%} .page_txt_wrap.flex > .flex_w2 .sy_logo{ padding:2em 1.5em; margin-left:1em; border:1px solid #ddd;} .page_txt_wrap.flex > .flex_w2 .sy_logo > img{ height:50px} .page_txt_wrap.flex > .flex_w2 .color_c1{ width:2.5em; height:2.5em; background:#0e5e41; display:inline-block; border-radius:50%} .page_txt_wrap.flex > .flex_w2.st1{ flex:6;} /*CI*/ .section_intro .sym_btn{ float:right; margin-top:1em;} .section_intro .sym_con.st1{ margin-right:-1.5em; *zoom:1;} .section_intro .sym_con.st1:after{ display:block; clear:both; content:'';} .section_intro .sym_con.st1 > li{ width:50%; float:left;} .section_intro .sym_con.st1 > li .sym_wrap{ margin-right:1.5em;} .section_intro .sym_con{ margin-left:-1.5em} .section_intro .sym_con > li{ flex:1 0 50%; max-width:50%; margin-top:1.5em} .section_intro .sym_con > li .sym_wrap{ margin-left:1.5em;} .section_intro .sym_con > li .sym_wrap .sym_img{ border:1px solid #ddd; box-sizing:border-box} .section_intro .sym_con > li .sym_wrap .sym_tit{ font-weight:500; margin-bottom:.75em; font-size:1.125em;} .section_intro .sym_con > li .sym_wrap .sym_tit:before{ content:'-'; margin-right:.313em;} .section_intro .sym_con > li .sym_wrap .sym_font_col{ align-items:stretch;} .section_intro .sym_con > li .sym_wrap .sym_font_col .font_img{ flex:1; margin-right:-1px; border:1px solid #ddd; border-top-color:#333; box-sizing:border-box; padding:1em;} .section_intro .sym_con > li .sym_wrap .sym_font_col .font_img .font_t{ margin-bottom:.75em; padding-bottom:.75em; border-bottom:1px dashed #ddd; color:#00479e; font-weight:500;} .section_intro .sym_color_list{ margin-right:-25px;} .section_intro .sym_color_list:after{ display:block; clear:both; content:'';} .section_intro .sym_color_list > li{ width:25%; float:left;} .section_intro .sym_color_list > li .color_wrap{ margin-right:25px;} .section_intro .sym_color_list > li .color_wrap .color_bg{ width:6em; height:6em; border:3px solid #fff; box-shadow:5px 1px 8px rgba(0,0,0,.3); border-radius:50%; margin-bottom:1.5em;} .section_intro .sym_color_list > li .color_wrap .color_tx > li{ margin-bottom:10px; font-size:.813em; color:#444;} .section_intro .sym_color_list > li .color_wrap .color_tx > li.cod{ font-size:1.125em; font-weight:700;} .section_intro .sym_color_list > li .color_wrap .color_tx > li .c_tw{ vertical-align:bottom; display:inline-block; width:80px; color:#000;} .section_intro .sym_color_list > li.st_c1 .color_wrap .color_bg{background:#0e5e41;} .section_intro .sym_color_list > li.st_c2 .color_wrap .color_bg{background:#8cc63e;} .section_intro .sym_color_list > li.st_c3 .color_wrap .color_bg{background:#feaf17;} .section_intro .sym_color_list > li.st_c4 .color_wrap .color_bg{background:#949599;} .section_intro .sym_color_list > li.st_c1 .color_wrap .color_tx > li.cod{ color:#0e5e41;} .section_intro .sym_color_list > li.st_c2 .color_wrap .color_tx > li.cod{ color:#8cc63e;} .section_intro .sym_color_list > li.st_c3 .color_wrap .color_tx > li.cod{ color:#feaf17;} .section_intro .sym_color_list > li.st_c4 .color_wrap .color_tx > li.cod{ color:#949599;} /*역대회장*/ .person_list{ margin:0 0 0 -1em} .person_list > li{width:33.33%;} .person_list .wrap_in{ margin:1em 0 0 1em; border:1px solid #ddd; box-sizing:border-box;} .person_list .wrap_in .img_wrap{ width:40%;} .person_list .wrap_in .img_wrap .in {padding:1em; box-sizing:border-box; flex:1} .person_list .wrap_in .img_wrap .vm_wrap:before{/* vertical-align:bottom*/} .person_list .wrap_in .info_wrap{ width:60%; position:relative; background:url(../images/sub/mark_op.png) no-repeat 95% 90%;} .person_list .wrap_in .info_wrap:before{ content:""; position:absolute; left:0; top:0; width:1px; height:100%; background:#ddd} .person_list .wrap_in .info_wrap .info{ padding:2em 1em 1em 1em; text-align:left; width:100%; box-sizing:border-box;} .person_list .wrap_in .info_wrap .info .t1{ color:#003876; font-size:1.063em; padding-left:.1em;} .person_list .wrap_in .info_wrap .info .t2{margin:.125em 0 1em 0; vertical-align:baseline;} .person_list .wrap_in .info_wrap .info .t2.h_st{min-height:5em;} .person_list .wrap_in .info_wrap .info .t11 {vertical-align:baseline; font-family:'notokrM'; color:#222; font-size:1.375em; display:block; padding-top:5px} .person_list .wrap_in .info_wrap .info .t22 {vertical-align:baseline; font-size:1.063em; color:#555; font-family:'notokrR'; display:inline-block; background:#fcab08; border-radius:.3em; color:#fff; padding:.1em .6em; margin-bottom:5px;} .person_list .wrap_in .info_wrap .info .t3{ color:#555; font-size:.938em; padding-left:.2em; min-height:5em;} .person_list .wrap_in .info_wrap .info .t3 .t_w {display:block;} .person_list .wrap_in .info_wrap .info .t4{margin-top:.5em;} .person_list .wrap_in .info_wrap .info .t4:first-child {margin-top:.7em;} .person_list .wrap_in .info_wrap .info .t4 > i {vertical-align:baseline;} .person_list .wrap_in .info_wrap .info .t4 .num_tw {display:inline-block} .person_list .wrap_in .info_wrap .info .t4 .tt {color:#444; font-size:1em; font-family:'notokrR'; margin-left:2px;} .person_list .wrap_in .info_wrap .info .t4 .num_tw .tt {display:block;} .person_list .wrap_in .info_wrap .info .t4 .link_t {vertical-align:baseline;} .person_list .wrap_in .info_wrap .info .t4 .link_t:hover {text-decoration:underline;} .person_list .wrap_in .info_wrap .btn_wrap {} .person_list .wrap_in .info_wrap .btn{ flex:1 1 1%; text-align:center; padding:.6em; border:1px solid #ddd; margin:0 -1px -1px 0; background:#f5f5f5; font-size:.813em; color:#444; transition:.3s} .person_list .wrap_in .info_wrap .btn .icon{ margin-right:.25em} .person_list .wrap_in .info_wrap .btn .icon:before{content:"\e97b";} .person_list .wrap_in .info_wrap .btn:hover{ color:#fff; background:#003876} .person_list.sT2 .wrap_in .info_wrap{min-height:inherit !important} .person_list.sT3 .wrap_in .info_wrap .t3 {min-height:inherit !important;} .person_list.sT3 .wrap_in .info_wrap .t3.sT2 {min-height:5em !important; padding-top:.4em} .person_list.sT3 .wrap_in .info_wrap{min-height:inherit !important} /* @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;} * { -webkit-print-color-adjust: exact; print-color-adjust: exact;} } */ /*POPUP****************************/ body.pop .popAgree .popIn{ width:900px;} body.pop .popPrint .popIn{ width:657px;} body.pop .popWidth.st1 .popIn{ width:600px;} body.pop .popWidth.st2 .popIn{ width:680px;} body.pop .popWidth.st3 .popIn{ width:760px;} /*이수증 영수증 출력*/ .pop .printDiv{ border:1px solid #ccc; margin-top:.5em} .pop .pop_page_print{ position:relative; background:#fff; letter-spacing:0; width:210mm; max-width:100%; margin:0 auto; font-family:'맑은고딕','Malgun Gothic',sans-serif; height:825px} .pop .pop_page_print .bg{ text-align:center; position:relative; top:35%} .pop .pop_page_print .txt_wrap{ position:absolute; top:4.5%; bottom:9.5%; left:8%; right:8%;} .pop .pop_page_print .txt_wrap .mark{ text-align:left;} .pop .pop_page_print .txt_wrap .mark img{ width:30%;} .pop .pop_page_print .txt_wrap .year{ margin-top:1em; text-align:center; font-size:1.570em; font-weight:bold;} .pop .pop_page_print .txt_wrap .tit{ font-size:1.750em; font-weight:bold; text-align:center} .pop .pop_page_print .txt_wrap .tit.name{ margin-bottom:1em} .pop .pop_page_print .txt_wrap .info{ margin-top:3em; margin-left:2em} .pop .pop_page_print .txt_wrap .info > li{ padding:.2em 0; overflow:hidden;} .pop .pop_page_print .txt_wrap .info > li .tt{ display:block; font-size:1.250em;} .pop .pop_page_print .txt_wrap .info > li .t1{ float:left; position:relative; width:6em;} .pop .pop_page_print .txt_wrap .info > li .t2{ margin-left:7em;} .pop .pop_page_print .txt_wrap .info > li .ls2{ letter-spacing:2.45em;} .pop .pop_page_print .txt_wrap .info > li .ls3{ letter-spacing:.75em;} .pop .pop_page_print .txt_wrap .info > li .ls4{ letter-spacing:.2em;} .pop .pop_page_print .txt_wrap .info > li .dot{ position:absolute; top:0; right:0; letter-spacing:0;} .pop .pop_page_print .txt_wrap .txt{ line-height:1.6;} .pop .pop_page_print .txt_wrap .txt.t0{ margin-top:1.5em; font-size:1.570em; text-indent:1em; text-align:justify;} .pop .pop_page_print .txt_wrap .txt.t1.ac{ font-size:1.125em; margin-bottom:2em} .pop .pop_page_print .txt_wrap .txt.t2{ margin-top:2em; font-size:.688em;} .pop .pop_page_print .txt_wrap .sign{ position:absolute; left:0; right:0; bottom:0; padding-right:3em; text-align:center;} .pop .pop_page_print .txt_wrap .sign .tt.t1{ display:inline-block; position:relative; font-size:1.875em; font-weight:bold; letter-spacing:.1em; text-indent:.1em;} .pop .pop_page_print .txt_wrap .sign .tt.t2{ display:block; font-size:.750em; margin-top:3em} .pop .pop_page_print .txt_wrap .sign .tt .in{ position:relative; z-index:2;} .pop .pop_page_print .txt_wrap .sign .tt .in.ceo{ padding-left:1em; letter-spacing:.5em} .pop .pop_page_print .txt_wrap .sign .stamp{ position:absolute; z-index:1; left:90%; top:-14%;} .pop .pop_page_print .txt_wrap .sign .stamp img{ display:block; width:2em; max-width:none;} /*스팸방지*/ .pop .res_scroll{ overflow-x:auto;} .pop .g-recaptcha{ display:inline-block;} /*관리자 - 인력 POOL 출력*/ .pop .pop_adm_doc{ padding:2em;} .pop .pop_adm_doc .printDiv{ border:none;} /*PRINT*/ @page{ size:auto; margin:10mm -210mm; -webkit-margin-before:0; -webkit-margin-end:0; -webkit-margin-after:0; -webkit-margin-start:0;} @media print { * { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important;} html{ margin:0 210mm; -webkit-margin-end:0; -webkit-margin-start:0; background:#fff;} .noprint{ display:none;} .printBreak{ page-break-before:always;} .pop .pop_page_print .bg{ text-align:center; position:relative; top:50%} .pop .pop_page_print{ page-break-before:always; -webkit-margin-before:10mm; -webkit-margin-after:10mm; font-family:"바탕","Batang",serif; font-weight:bold !important; background:#fff } .pop .pop_page_print:first-child{ page-break-before:avoid;} .pop .pop_page_print .txt_wrap .tit{ font-size:2em;} .pop .pop_page_print .txt_wrap .year{ margin-top:2em;} .pop .pop_page_print .txt_wrap .tit.name{ margin-bottom:2em} .pop .pop_page_print .font_bt{ font-family:"바탕","Batang",serif;} .pop .pop_page_print .txt_wrap .info{ margin-top:3em; margin-bottom:4em; margin-left:4em;} .pop .pop_page_print .txt_wrap .info > li .tt{ font-size:1.375em} .pop .pop_page_print .txt_wrap .info > li .t2{ margin-left:7em;} .pop .pop_page_print .txt_wrap .info > li .ls2{ letter-spacing:2.5em;} .pop .pop_page_print .txt_wrap .info > li .ls4{ letter-spacing:.175em;} .pop .pop_page_print .txt_wrap .txt.t0{ margin-top:2em; letter-spacing:.025em; font-size:1.570em; padding:0 2em} .pop .pop_page_print .txt_wrap .txt.t1.ac{ font-size:1.125em;} .pop .pop_page_print .txt_wrap .txt.t2{ margin-top:2em; letter-spacing:-.05em;} .pop .pop_page_print .txt_wrap .sign{ bottom:-8em} .pop .pop_page_print .txt_wrap .sign .tt.t1{ font-weight:bold; letter-spacing:.01em; text-indent:.01em;} .pop .pop_page_print .txt_wrap .sign .tt .in.ceo{ font-weight:bold} /**/ .pop .pop_adm_print{ padding:1em; font-size:.813em;} .pop .pop_adm_print .board_table.form{} .pop .pop_adm_print .board_table.form th, .pop .pop_adm_print .board_table.form td, .pop .pop_adm_print .board_table.form .th, .pop .pop_adm_print .board_table.form .td{ color:#000;} .pop .pop_adm_print .board_table.form colgroup col{ width:auto;} .pop .pop_adm_print .board_table.form .w_plus{ width:1px !important;} .pop .pop_adm_print .board_table.form .w_photo{ width:8em;} .pop .pop_adm_print .board_table.form .w_code{ width:25%;} .pop .pop_adm_print .board_table.form .w_form_titB{ width:7em;} .pop .pop_adm_print .board_table.form .w_form_titS{ width:5em;} } /*========================================== 한국기본간호학회 메인페이지 ================================================*/ .main_section1{ position:relative; top:-70px} .main_section1 .list01{ margin-left:-1em} .main_section1 .list01 > li{ flex:1; height:100%;} .main_section1 .list01 > li.bg1 .inBox{ background:#f9f9f9;} .main_section1 .list01 > li.bg2 .inBox{ background:#fff9eb} .main_section1 .list01 > li.bg3 .inBox{ background:#e3f7ee;} .main_section1 .list01 > li.bg4 .inBox{ background:#3f9e73} .main_section1 .list01 > li.bg5 .inBox{ background:#a3104e} .main_section1 .list01 > li.bg6 .inBox{ background:#e3ede4} .main_section1 .list01 > li .inBox{ box-shadow:1px 5px 10px rgb(0,0,0,30%); margin-left:1em; border-radius:.5em; min-height:17.26em} .main_section1 .list01 > li .inBox > dl{ padding:2em 2.6em; position:relative; text-align:center} .main_section1 .list01 > li .inBox > dl .icon{ margin-bottom:.5em; width:112px; height:112px; text-align:center; line-height:112px; background:#fff; border-radius:50%; display:inline-block} .main_section1 .list01 > li .inBox > dl .tt{ font-size:1.375em; letter-spacing:-.5px; line-height:1.3; color:#544e51;} .main_section1 .list01 > li .inBox > dl .c1{ color:#fff !important} .main_section1 .list01 > li .inBox > dl .t1{ font-size:.938em; line-height:1.6; color:#252726; padding-top:.5em;} .main_section1 .list01 > li .inBox > dl .t1 .circle{ background:rgba(255,255,255,.3); display:block; border-radius:50%; margin:0 auto; width:100px; text-align:center;} .main_section1 .list01 > li .inBox > dl .t1 .xi{ font-size:60px; color:#e197b7} .main_btn_wrap{ margin-top:1.2em} .main_btn_wrap .mainBtn{ height:2.8em; line-height:2.8em; background:#fff; flex:1; font-size:.875em;} .main_btn_wrap .mainBtn:nth-child(2){ margin-left:-1px} .main_btn_wrap.st1 .mainBtn{ border:1px solid #20b371; box-sizing:border-box; padding:0 3em;} .main_btn_wrap.st2 .mainBtn{ border:1px solid #dabf7d; background:#fff; background:none; box-sizing:border-box; padding:0 4em} .main_btn_wrap.st3 .mainBtn{ border:1px solid #ccc; box-sizing:border-box; padding:0 4em; background:none; } .main_btn_wrap.st4 .mainBtn{ border:1px solid #8bc5ab; box-sizing:border-box; padding:0 4em; background:none} .main_partner{ text-align:center; border-top:1px solid #ddd; padding:2em;} /*.main_partner .con_wrap{ padding-top:2rem;} .main_partner .con_wrap .list{ text-align:left; padding:1px 0 0 1px; overflow:hidden;} .main_partner .con_wrap .list .resize{ padding-bottom:30%; margin:-1px 0 0 -1px; border:1px solid #ccc; background:#fff;} .main_partner .con_wrap .list .resize img{ max-width:90%; max-height:75%;} */ .main_partner .con_box{} .main_partner .con_wrap{ position:relative;} .main_partner .con_wrap .list_slide{ text-align:left; margin:-1px 0 0 -10px;} .main_partner .con_wrap .list_slide .resize{ padding-bottom:36%; margin:1px 0 0 10px; background:#fff; overflow:hidden; border:1px solid #dbdee2; box-sizing:border-box;} .main_partner .con_wrap .list_slide .resize img{ max-width:85%; max-height:75%;} .main_partner .con_wrap .list_slide .layer{ position:absolute; left:0; top:100%; width:100%; height:100%; background-color:rgba(31, 87, 170,.8); opacity:0; transition:all .3s;} .main_partner .con_wrap .list_slide .layer .tt{ color:#fff;} .main_partner .con_wrap .list_slide a:hover .layer{ top:0; opacity:1;} .main_partner .con_wrap .arrow_wrap{ position:absolute; top:45%; left:0; width:100%;} .main_partner .con_wrap .arrow_wrap > li{ position:absolute; top:0; margin-top:-1.5em; text-align:center;} .main_partner .con_wrap .arrow_wrap > li.prev{ left:-4em;} .main_partner .con_wrap .arrow_wrap > li.next{ right:-4em;} .main_partner .con_wrap .arrow_wrap > li .xi{ width:2.5em; line-height:2.5em; border:2px solid #dbdee2; background:#fff; border-radius:50%; color:#cdcdcd;; cursor:pointer;} .main_partner .con_wrap .arrow_wrap > li:hover .xi{ border-color:#cdcdcd; color:#888} /**/ .main_section2{ margin-top:-3em} .main_wrap .main_more{ display:inline-block; width:1.825em; line-height:1.825em; text-align:center; border-radius:100%;} .main_wrap .main_more .xi{ font-size:1.250em; transition:.2s;} .main_wrap .main_more .xi:before{ content:"\e913";} .main_wrap .main_more:hover .xi{ transform:rotate(180deg);} .main_con_col{ align-items:stretch; min-width:0;} .main_con_col .inner{} .main_con_col .inner.w1{ width:24.975em; display:flex; min-width:0;} .main_con_col .inner.w2{ flex:1;} .main_con_col .inner.w1 > .con_in{ margin-right:.6em; flex:1;} .main_con_col .inner.w2 > .con_in{ margin-left:.4em;} .main_con_col .box_st{ border:none;} .main_con_col .box_st.c1{ background:transparent;} .main_con_col .box_st.c2{ background:#fff;} .main_con_col .popZone_wrap{ position:relative;} .main_con_col .popZone_wrap .pop_slide .slick-track{ height:25em;} .main_con_col .popZone_wrap .pop_slide .item{ position:relative; overflow:hidden; float:left; border-radius:.6em;} .main_con_col .popZone_wrap .pop_slide .item .in{ display:block; height:100%;} .main_con_col .popZone_wrap .pop_slide .item .img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); min-width:100%; min-height:100%; max-width:none;} .main_con_col .popZone_wrap .control_box{ position:absolute; top:.75em; right:1em;} .main_con_col .popZone_wrap .control_box .btn{ display:inline-block; vertical-align:middle; margin:0 .3em; cursor:pointer;} .main_con_col .popZone_wrap .control_box .btn .xi{ font-size:1.250em; color:#fff;} .main_con_col .popZone_wrap .control_box .slick-dots{ display:inline-block; vertical-align:middle;} .main_con_col .popZone_wrap .control_box .slick-dots > ul > li{ display:inline-block; margin:0 .3em;} .main_con_col .popZone_wrap .control_box .slick-dots > ul > li button{ width:10px; height:10px; background:#0d2d4f; border:none; border-radius:50%; color:transparent;} .main_con_col .popZone_wrap .control_box .slick-dots > ul > li.slick-active button{ background:#fff;} .main_con_col .menu_wrap{ margin:0 -1em -1em 0;} .main_con_col .menu_wrap > li{ flex:1 0 45%; margin:0 1em 1em 0; height:12em; background:#fff; position:relative;} .main_con_col .menu_wrap > li:before{ content:""; position:absolute; right:-3.125em; bottom:-5.5em; width:14.5em; height:14.5em; background:#ecf0f4; border-radius:100%;} .main_con_col .menu_wrap .in{ padding:1.75em 1.875em .5em 1.875em;} .main_con_col .menu_wrap .tit{ position:relative; margin-bottom:1.25em;} .main_con_col .menu_wrap .tit .tt{ font-size:1.875em; color:#3c3c3d;} .main_con_col .menu_wrap .tit .more{ position:absolute; top:0; right:0; color:#3c3c3d;} .main_con_col .menu_wrap .tit .more .xi{ font-size:1.500em; transition:.2s;} .main_con_col .menu_wrap .tit .more .xi:before{ content:"\e913";} .main_con_col .menu_wrap .tit .more:hover{ color:#d82744;} .main_con_col .menu_wrap .tit .more:hover .xi{ transform:rotate(180deg);} .main_con_col .menu_wrap .icon{ position:absolute; right:1.5em; bottom:2em;} .main_con_col .menu_wrap .icon img{ max-height:3.75em;} .main_con_col .menu_wrap .menu{ position:relative; padding-right:3em;} .main_con_col .menu_wrap .menu > li{ flex:1 0 43%;} .main_con_col .menu_wrap .menu > li:nth-child(2n){ flex:1 0 57%;} .main_con_col .menu_wrap .menu > li .tt{ display:block; padding:.25em 0; padding-left:.6em; font-size:.938em; color:#72727d; position:relative;} .main_con_col .menu_wrap .menu > li .tt:before{ content:""; position:absolute; top:.688em; left:0; width:4px; height:4px; background:#108ad3; border-radius:50%;} .main_con_col .menu_wrap .menu > li:hover .tt{ color:#108ad3; text-decoration:underline;} .main_list_col{ margin-left:-1.25em;} .main_list_col .inner{ flex:1; min-width:0;} .main_list_col .inner .list_wrap{ flex:1; margin-left:1.25em; border-radius:.5em;} .main_list_col .box_st{ border-color:#d4d5d8; min-height:16.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 .tab{ align-items:stretch; position:relative; border-bottom:1px solid;} .main_list_col .tab.st1{ background:#f5f5f5; border-bottom-color:#d4d5d8; 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:1.75em; transform:translateY(-50%); background:#fff; color:#888; display:none;} .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:0 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;} .main_list_col .list_wrap.gallery .tab > li .main_more{ right:.75em;} .main_list_col .list_wrap.board{} .main_list_col .list_wrap.board .list{ padding:1.25em 2em;} .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:.8em 5.5em .8em .2em;} .main_list_col .list_wrap.board .list > li .in .tit { display:block; color:#3c3c3d;} .main_list_col .list_wrap.board .list > li .in .date{ display:block; font-size:.813em; color:#72727d;} .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-left:0; padding-right:0;} .main_list_col .list_wrap.board .list > li.big .in .img{ width:10.4em;} .main_list_col .list_wrap.board .list > li.big .in .img .bg{ background-repeat:no-repeat; background-position:50% 50%; background-size:cover;} .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:#99845a; text-decoration:underline;} .main_list_col .list_wrap.gallery{} .main_list_col .list_wrap.gallery .list{ padding:1.25em 2em;} /*.main_list_col .list_wrap.gallery .list .in{ display:block; position:relative; border:3px solid #e5eaef; overflow:hidden;}*/ .main_list_col .list_wrap.gallery .list .in .resize{ padding-bottom:66.66%;} .main_list_col .list_wrap.gallery .list .in .img img{ width:100%; min-height:100%;} .main_list_col .list_wrap.gallery .list .in .txt .tt{ text-align:left; font-size:.938em; color:#555; padding-top:1em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .main_list_col .list_wrap.gallery .list .in:hover .tt{ text-decoration:underline;} /*.main_list_col .list_wrap.gallery .list .in .txt{ position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; opacity:0; visibility:hidden; transition:.2s;} .main_list_col .list_wrap.gallery .list .in .txt:after{ content:""; z-index:1; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5;} .main_list_col .list_wrap.gallery .list .in .txt .tt{ z-index:2; position:relative; width:100%; padding:1em .5em; font-size:.875em; color:#fff; line-height:1.5;} .main_list_col .list_wrap.gallery .list .in:hover .txt{ opacity:1; visibility:visible;} */ .main_list_col .list_wrap.edu{} .main_list_col .list_wrap.edu .con_in{ padding:1.25em 1.25em; text-align:center;} .main_list_col .list_wrap.edu .list{ text-align:left;} .main_list_col .list_wrap.edu .list > li .in{ display:block; margin-top:.5em; color:#555;} .main_list_col .list_wrap.edu .list > li:first-child .in{ margin-top:0; border-bottom:1px dashed #ddd; padding-bottom:1em; margin-bottom:1em} .main_list_col .list_wrap.edu .list > li .in .tt{ display:inline-block; min-width:4em; padding:.25em .25em .375em .25em; border-radius:2em; text-align:center; font-size:.875em; line-height:1;} .main_list_col .list_wrap.edu .list > li .in .tt.c1{ background:#d82744; color:#fff;} .main_list_col .list_wrap.edu .list > li .in .tt.c2{ background:#e5eaef; color:#72727d;} .main_list_col .list_wrap.edu .list > li .in .tit{ display:block; padding:.4em 0; font-size:.938em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .main_list_col .list_wrap.edu .list > li .in .date{ font-size:.813em; color:#72727d} .main_list_col .list_wrap.edu .list > li:hover .in .tit{ text-decoration:underline;} .main_list_col .list_wrap.edu .con_in .btn{ display:inline-block; box-sizing:border-box; min-width:92%; margin-top:1.75em; padding:.4em .5em; background:#3f9e73; border-radius:6em; color:#fff; transition:.2s;} .main_list_col .list_wrap.edu .con_in .btn > *{ display:inline-block; padding:0 .4em;} .main_list_col .list_wrap.edu .con_in .btn .tt{ font-size:.938em;} .main_list_col .list_wrap.edu .con_in .btn .xi{ font-size:1.250em;} .main_list_col .list_wrap.edu .con_in .btn:hover{ background:#ef7c00;} .main_list_col .date_wrap{/* width:28%; */text-align:center;/* margin-left:-.5em; */padding: .3em;} .main_list_col .date_wrap .t1{ font-size:1.250em; font-family:'notokrB'; padding-bottom:3px} .main_list_col .date_wrap .t2{ font-size:.750em; color:#555;} .main_list_col .date_wrap .date_inner{ padding:0 .3em;} .main_list_col .txt_wrap{ width:72%; height:20px; padding-left:6px; text-align:left; word-break:break-all;} .main_list_col .txt_wrap .inner{width:100%;white-space:pre-wrap;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;/* height: 20px; *//* display: inline-block; */word-break: break-word; font-family:notokrR; padding-top:2px} .main_icon_col{ margin-left:-1.25em;} .main_icon_col .inner{ flex:1; margin:1.25em 0 0 1.25em;} .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:center; 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:11.875em;} .main_icon_col .inner .box_st.c1{ background:#44afd3;} .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 .in{ padding:1.563em .5em .5em .5em;} .main_icon_col .list.st1 > li .icon{ width:6.25em; height:6.25em; background:#ecf0f4; border-radius:100%;} .main_icon_col .list.st1 > li .icon img{ max-height:3.75em;} .main_icon_col .list.st1 > li .sbj{ margin-top:1em;} .main_icon_col .list.st1 > li .sbj .tt{ font-size:1.125em;} .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.st1 > li:hover{ background:#313851; transition:background .3s;} .main_icon_col .list.st2 > li:hover .main_more{ background:#313851; color:#fff;}