@charset "utf-8";
/* CSS Document */

.box0{ width:95%; margin:0 auto;}
.box1{ width:100%; max-width:1280px; margin:0 auto;}
.pc_hide{ display:none !important;}
.PC{display:block;}
.PHONE{display:none;}

.no600{vertical-align:baseline;}

.txt_big{font-size:1.125em; vertical-align:baseline;}
.txt_bold{font-weight:bold; vertical-align:baseline;}

.PC1200{display:block;}
.PHONE1200{display:none;}
.PC1024{display:none;}
.PHONE1024{display:block;}
.PC768{display:block;}
.PHONE768{display:none;}
.PC360{display:block;}
.PHONE360{display:none;}

/*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:#4b5765; height:50px}
#header .top_wrap .tt{ display:block; line-height:20px; color:#fff; text-transform:uppercase;}
#header .top_wrap .mem_wrap{ float:left;}
#header .top_wrap .mem_wrap .tt > i,
#header .top_wrap .link_wrap .tt > i{ line-height:45px; padding:0 3px; font-size:1.375em}
#header .top_wrap .mem_wrap .tt,
#header .top_wrap .link_wrap .tt{ padding:0 10px; font-size:.875em; vertical-align:baseline; line-height:50px}
#header .top_wrap .mem_wrap .mem_ti{ color:#fff; line-height:50px; font-size:.875em; padding:0 10px}
#header .top_wrap .mem_wrap .mem_ti .name{ vertical-align:baseline}
#header .top_wrap .mem_wrap .mem_ti .pBox{ margin:0 .5em; border-radius:.3em; color:#fff; padding:.3em .5em}
#header .top_wrap .mem_wrap .mem_ti .pBox.p1{ background:#e10035}
#header .top_wrap .mem_wrap .mem_ti .pBox.p2{ background:#89919a}
#header .top_wrap .mem_wrap .mem_ti .pBox.p3{ background:#738cc2}
#header .top_wrap .mem_wrap .mem_ti .pBox.p4{ background:#ebbc54}
#header .top_wrap .mem_wrap .mem_ti .pBox.p5{ background:#50ac6d}
#header .top_wrap .mem_wrap .mem_ti .pBox.p6{ background:#7bc9d6}
#header .top_wrap .mem_wrap .mem_ti .pBox.p7{ background:#9524c3}
#header .top_wrap .mem_wrap .mem_ti .xi{ padding-right:2px; font-size:1.375em; vertical-align:sub}
#header .top_wrap .link_wrap > li:first-child{ margin-left:-10px}
#header .top_wrap .lang_wrap{ float:left; padding-left:10px;}
#header .top_wrap .lang_wrap .tt{ height:18px; line-height:18px; padding:0 10px; margin-left:-1px; border:1px solid #fff; font-family:'LatoB',sans-serif; font-size:.688em; letter-spacing:1px;}
#header .top_wrap .lang_wrap > li:hover .tt{ background:#000;}
#header .top_wrap .lang_wrap > li.on .tt{ background:#247bd2;}

#header .header_wrap{ z-index:10; background:#fff; border-bottom:1px solid #ccc;}
#header .header_wrap .vm_wrap{ height:90px;}
#header .header_wrap .logo{ position:relative; z-index:10001; text-align:left; height:90px;}
#header .header_wrap .logo a .tt{font-size:1.5em; font-weight:bold;}
#header .header_wrap .logo .mark{ /*height:46px;*/ vertical-align:middle; text-align:left}
#header .header_wrap .logo .txt{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding-left:25px;}
#header .header_wrap .logo .txt .tt{ display:block;}
#header .header_wrap .logo .txt .tt1{ font-size:1.250em; color:#111; font-weight:500;}
#header .header_wrap .logo .txt .tt2{ font-family:'LatoR',sans-serif; font-size:.625em; color:#aaa; letter-spacing:0.3px; padding:6px 0 0 2px;}
#header .header_wrap .btn_wrap{ float:left;}
#header .header_wrap .btn_wrap > li{ float:left; margin-left:2px;}
#header .header_wrap .btn_wrap .btn{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:40px; height:40px; line-height:40px; border:1px solid #ccc; border-radius:3px; text-align:center; transition:.3s; cursor:pointer;}
#header .header_wrap .btn_wrap .btn_search .search_inp{ background:#e9eef2; width:190px;}
#header .header_wrap .btn_wrap .btn_search .wait_on{display:none;}
#header .header_wrap .btn_wrap .inp_wrap{ margin-left:1.5em; margin-right:3px}



#header .header_wrap .btn_wrap .btn_all{ font-size:0;}
#header .header_wrap .btn_wrap .btn_all .btn{ background:#247bd2; border-color:#247bd2}
#header .header_wrap .btn_wrap .btn_all .btn .icon,
#header .header_wrap .btn_wrap .btn_all .btn .icon:before,
#header .header_wrap .btn_wrap .btn_all .btn .icon:after{ content:""; position:relative; display:block; width:22px; height:2px; background:#fff; transition-duration:.4s;}
#header .header_wrap .btn_wrap .btn_all .btn .icon{ top:50%; margin:0 auto; margin-top:-2px;}
#header .header_wrap .btn_wrap .btn_all .btn .icon:before,
#header .header_wrap .btn_wrap .btn_all .btn .icon:after{ position:absolute; right:0;}
#header .header_wrap .btn_wrap .btn_all .btn .icon:before{ top:-7px;}
#header .header_wrap .btn_wrap .btn_all .btn .icon:after{ bottom:-7px; width:13px; background:#fff;}
#header .header_wrap .btn_wrap .btn_all .btn:hover .icon:before{ width:13px;}
#header .header_wrap .btn_wrap .btn_all .btn:hover .icon:after{ width:22px;}

#header .header_wrap .btn_wrap .btn_all .btn.on{}
#header .header_wrap .btn_wrap .btn_all .btn.on .icon{ margin-top:0; width:25px; background-color:transparent;}
#header .header_wrap .btn_wrap .btn_all .btn.on .icon:before,
#header .header_wrap .btn_wrap .btn_all .btn.on .icon:after{ width:25px; top:0; bottom:inherit; background:#fff;}
#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; margin-right:3.5rem;}
#header .gnb_wrap .gnb .m_member,
#header .gnb_wrap .gnb .m_guide,
#header .gnb_wrap .gnb .dp2{ display:none;}
#header .gnb_wrap .gnb{ *zoom:1;}
#header .gnb_wrap .gnb:after{ content:""; display:block; clear:both;}
#header .gnb_wrap .gnb > li{ float:left; position:relative;}
#header .gnb_wrap .gnb > li.m_mypage{ display:none}
#header .gnb_wrap .gnb .dp1{ display:block; padding:0 25px; height:90px; line-height:90px; font-size:1.125em; color:#111; font-weight:500; letter-spacing:-1px; transition:.3s;}
#header .gnb_wrap .gnb > li:hover .dp1,
#header .gnb_wrap .gnb > li.on .dp1{ color:#247bd2;}
#header .gnb_wrap .gnb .dp2{ position:absolute; top:88%; left:0; width:160px; padding:10px 15px; background:#fff; border:1px solid #ddd; box-shadow:0 5px 10px rgba(0,0,0,.2);}
#header .gnb_wrap .gnb .dp2:before { content:""; display:block; position:absolute; top:-9px; left:35px; width:15px; height:15px; background:#fff; border-top:1px solid #ddd; border-left:1px solid #ddd;
-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
#header .gnb_wrap .gnb .dp2 > li{ padding:0 5px; transition:.3s;}
#header .gnb_wrap .gnb .dp2 > li > a{ display:block; padding:10px 0; border-top:1px solid #eee; font-size:.938em; color:#444; letter-spacing:-1px;}
#header .gnb_wrap .gnb .dp2 > li:first-child > a{ border-top:none;}
#header .gnb_wrap .gnb .dp2 > li:hover{ background:#f2f2f2;}
#header .gnb_wrap .gnb .dp2 > li:hover > a{ color:#000;}

#header .searchSection{ position:absolute; z-index:1001; top:-100%; left:0; width:100%; height:100%; background:#fff; display:table; text-align:center; filter:alpha(opacity=0); opacity:0; transition:.3s;}
#header .searchSection .searchClose{ position:absolute; top:50%; right:0; margin-top:-15px; width:30px; height:30px;}
#header .searchSection .searchClose .icon,
#header .searchSection .searchClose .icon:before,
#header .searchSection .searchClose .icon:after{ position:relative; display:block; width:25px; height:2px; background:#000; transition-duration:.4s;}
#header .searchSection .searchClose .icon{ margin:0 auto; margin-top:4px; background-color:transparent; font-size:0;}
#header .searchSection .searchClose .icon:before,
#header .searchSection .searchClose .icon:after{ content:""; position:absolute; top:10px; left:0;}
#header .searchSection .searchClose .icon:before{-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
#header .searchSection .searchClose .icon:after{-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
#header .searchSection .searchClose:hover .icon:before,
#header .searchSection .searchClose:hover .icon:after{ background:#247bd2;}
#header .searchSection .inp_wrap{ display:table-cell; vertical-align:middle; padding-left:200px; background:#fff;}
#header .searchSection .inp_wrap .inp{ display:inline-block *display:inline;zoom:1; vertical-align:top; box-sizing:border-box; height:40px; line-height:40px; border:1px solid #444; background-color:transparent; font-size:.938em;}
#header .searchSection .inp_wrap .inp_sel{ width:15%; padding-left:15px; background-color:#f9f9f9;}
#header .searchSection .inp_wrap .inp_txt{ width:35%; padding:0 15px;}
#header .searchSection .inp_wrap .inp_btn{ width:50px; border-color:transparent; font-size:0;}
#header .searchSection .inp_wrap .inp_btn .xi{ font-size:1.750rem; color:#247bd2;}

#header .searchSection.on{ top:0; filter:alpha(opacity=100); opacity:1;}

#header .siteMap_wrap{ position:absolute; z-index:10; top:100%; left:0; width:100%; height:0; overflow:hidden; background:#fff; filter:alpha(opacity=0); opacity:0; visibility:hidden;
-webkit-transition:opacity.35s,visibility.35s,height.35s;
		transition:opacity.35s,visibility.35s,height.35s;}
#header .siteMap_wrap.on{ filter:alpha(opacity=100); opacity:1; visibility:visible; height:auto;}
#header .siteMap_wrap .gnb{ border-left:1px solid #ddd; overflow:hidden;}
#header .siteMap_wrap .gnb > li,
#header .siteMap_wrap .gnb > li *{ transition:.3s;}
#header .siteMap_wrap .gnb > li{ float:left; width:20%; position:relative; border-top:1px solid #ddd; margin-top:-1px;}
#header .siteMap_wrap .gnb > li.m_mypage{ display:none}
#header .siteMap_wrap .gnb > li.m_mypage,
#header .siteMap_wrap .gnb > li.m_guide{ display:none}
#header .siteMap_wrap .gnb .dp1 .icon{ position:absolute; top:0; right:0; width:1px; height:100%; background:#ddd;}
#header .siteMap_wrap .gnb .dp1,
#header .siteMap_wrap .gnb .dp2{ margin:0 30px;}
#header .siteMap_wrap .gnb .dp1{ display:inline-block; *display:inline; zoom:1; margin-top:25px; padding:6px 20px; min-width:80px; background:#76829d; border-radius:15px; text-align:center; color:#fff;}
#header .siteMap_wrap .gnb .dp2{ padding:15px 8px;}
#header .siteMap_wrap .gnb .dp2 li{ padding:3px 0;}
#header .siteMap_wrap .gnb .dp2 > li > a{ display:block; font-size:.938em; color:#000;}
#header .siteMap_wrap .gnb > li:hover{ background:#f2f2f2;}
#header .siteMap_wrap .gnb .dp2 a:hover{ color:#247bd2; text-decoration:underline;}

#header .siteMap_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 .menu_wrap{ background:#4b5765;}
#footer .menu_wrap .pr{ border-bottom:1px solid rgba(255,255,255,.1)}
#footer .menu_wrap *{ transition:.3s;}
#footer .menu_wrap .vm_wrap{ height:80px;}
#footer .menu_wrap .menu{ overflow:hidden;}
#footer .menu_wrap .menu > li{ float:left;}
#footer .menu_wrap .menu > li > a{ display:inline-block; padding:0 20px; color:#fff; font-weight:300;}
#footer .menu_wrap .menu > li:first-child > a{ padding-left:0;}
#footer .menu_wrap .menu > li > a:hover{ color:#55aaff;}
#footer .menu_wrap .top{ position:absolute; top:15px; right:0; width:65px; background:#353e48;}
#footer .menu_wrap .top.vm_wrap{ height:3.125em;}
#footer .menu_wrap .top > a{ width:100%;}
#footer .menu_wrap .top .xi{ font-size:1.438em; color:#fff; vertical-align:middle;}
#footer .menu_wrap .top:hover{ background:#1e83d0;}
#footer .footer_logo{ position:absolute; right:0; top:0}



#footer .info_wrap{ padding:40px 0 50px 0; background:#4b5765;}
#footer .info_wrap .f_equal{ position:relative;}
#footer .info_wrap .info{ position:relative;}
#footer .info_wrap .info .logo{ position:absolute; top:0; left:0;}
#footer .info_wrap .info .logo img{ width:70px;}
#footer .info_wrap .con_wrap > li,
#footer .info_wrap .con_wrap a{ color:#fff; font-weight:300;}
#footer .info_wrap .con_wrap a:hover{ text-decoration:underline;}
#footer .info_wrap .con_wrap > li{ line-height:1.7;}
#footer .info_wrap .info .con_wrap{ padding:0 60px 0 0; overflow:hidden}
#footer .info_wrap .info .con_wrap > li{ float:left; padding-right:20px; font-size:.875em; filter:alpha(opacity=90); opacity:0.9;}
#footer .info_wrap .info .con_wrap > li.c1{ font-family:'NanumBarunGothicBold'; opacity:.8}
#footer .info_wrap .info .con_wrap .copy{ display:block; padding:0; margin-top:15px; font-size:.750em; filter:alpha(opacity=40); opacity:0.4; text-transform:uppercase}
#footer .info_wrap .cs{ float:left; width:46%;}
#footer .info_wrap .cs .f_equal{ border-left:1px solid rgba(255,255,255,.2);}
#footer .info_wrap .cs .con_wrap{ padding:0 150px 0 50px;}
#footer .info_wrap .cs .con_wrap > dd{ font-size:.938em;}
#footer .info_wrap .cs .con_wrap .t1{ font-size:1.625em; color:#eecb07; font-weight:500;}
#footer .info_wrap .cs .con_wrap .time{ margin-top:10px; font-size:.875em; filter:alpha(opacity=70); opacity:0.7;}
#footer .info_wrap .cs .sns_wrap{ position:absolute; top:0; right:0;}
#footer .info_wrap .cs .sns_wrap > li{ margin-left:5px;}
#footer .info_wrap .cs .sns_wrap > li:first-child{ margin-left:0;}
#footer .info_wrap .cs .sns_wrap > a{ display:block;}
#footer .info_wrap .cs .sns_wrap .xi{ width:50px; height:50px; line-height:50px; background:#181a1d; border-radius:50%; text-align:center; font-size:1.375em; color:#fff; transition:.3s;}
#footer .info_wrap .cs .sns_wrap .c1 a:hover .xi{ background:#3b5997;}
#footer .info_wrap .cs .sns_wrap .c2 a:hover .xi{ background:#e12462;}


#footer .logo_wrap .family{ position:absolute; top:.2em; right:0; text-align:left;}
#footer .logo_wrap .family .sel{ position:relative; box-sizing:border-box; width:13em; padding:1em 1.8em; background:none; border:1px solid rgba(255,255,255,.3); text-align:left;}
#footer .logo_wrap .family .sel .tt{ font-size:.813em; color:#fff;}
#footer .logo_wrap .family .sel .xi{ position:absolute; right:.8em; top:50%; margin-top:-.6em; color:#fff; transition:.3s;}
#footer .logo_wrap .family .sel .xi:before{ content:"\e930";}
#footer .logo_wrap .family .list{ position:absolute; left:0; right:0; bottom:100%; padding:.6em 1em; background:#111; opacity:0; visibility:hidden; transition:.2s;}
#footer .logo_wrap .family .list > li > a{ display:block; padding:.6em .2em; border-top:1px solid rgba(255,255,255,.3); font-size:.813em; color:#999;}
#footer .logo_wrap .family .list > li:first-child > a{ border-top:none;}
#footer .logo_wrap .family .list > li:hover > a{ color:#fff;}
#footer .logo_wrap .family.on .list{ opacity:1; visibility:visible;}
#footer .logo_wrap .family:hover .sel,
#footer .logo_wrap .family.on .sel{ background:#111;}
#footer .logo_wrap .family.on .sel .xi{ transform:rotate(180deg);}



/*MAIN PAGE*******************/
.main_visual{ position:relative;}
.main_visual .visual .slick-track{ height:450px;}
.main_visual .visual .item{ background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.main_visual .slogan{ position:absolute; top:3em; left:0; width:100%;}
.main_visual .slogan .slogan_area{ padding-left:2em; width:75%}
.main_visual .slogan .slogan_area .t1{ font-size:2.5em; letter-spacing:-1px; font-family:'notokrM'; letter-spacing:-1.5px; color:#fff; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
.main_visual .slogan .slogan_area .t2{ font-size:2.0em; padding-top:0em; font-family:'notokrM'; color:#fff; letter-spacing:-1px; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
.main_visual .slogan .slogan_area .t2 > i{ font-family:'notokrM'; vertical-align:baseline}
.main_visual .slogan .slogan_area .t3{ font-size:1.55em; padding-top: 0.25em; font-family:'notokrM'; color:#fff; line-height:1.6; letter-spacing:-1px; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
.main_visual .slogan .slogan_area .t3:not(:last-of-type){margin-bottom:1.5rem;}
.main_visual .arrow_wrap{ position:absolute; left:1.5%; right:1.5%; top:50%;}
.main_visual .arrow_wrap > li{ position:absolute; top:-2.5em; text-align:center;}
.main_visual .arrow_wrap > li.prev{ left:0;}
.main_visual .arrow_wrap > li.next{ right:0;}
.main_visual .arrow_wrap > li .xi{ width:1.8em; line-height:1.8em; background:rgba(0,0,0,.15); border-radius:100%; font-size:2.500em; color:#fff; cursor:pointer;}


.main_section{ position: relative; z-index:inherit; left:50%; top:0; width:2000px; margin-left:-1000px}

.main_section1{ position:relative; top:-50px; margin-bottom:4em}
.main_section1 .list01{ box-shadow:1px 5px 10px rgba(0,0,0,0.3)}
.main_section1 .list01 > li{}
.main_section1 .list01 > li.list_w1{ width:23%}
.main_section1 .list01 > li.list_w2{ width:31%}
.main_section1 .list01 > li.bg1{ background:#f5f5f7}
.main_section1 .list01 > li.bg2{ background:#e9eef2}
.main_section1 .list01 > li.bg3{ background:#d7e2ea}
.main_section1 .list01 > li.bg4{ background:#76829d}
.main_section1 .list01 > li.bg5{ background:#1e83d0}
.main_section1 .list01 > li.bg6{ background:#4e84d6}
.main_section1 .list01 > li.bg7{ background:rgba(30, 131, 208,1);}
/*.main_section1 .list01 > li.bg7:after{ background:rgba(30, 131, 208,.7); width:100%; height:100%; position:absolute; top:0; left:0; content:""; z-index:8;}*/
.main_section1 .list01 > li.bg8{ position:relative}
.main_section1 .list01 > li.bg8 .logo_bg:after{ position:absolute; right:2em; bottom:2em; content:url(../images/main/logo_bg.png);}
.main_section1 .list01 > li .inB{ min-height:245px; height:100%}
.main_section1 .list01 > li .inB > dl{ text-align:left; padding:2.5em 2em; position:relative;}
.main_section1 .list01 > li .inB > dl .icon{ position:absolute; right:2em; bottom:1em}
.main_section1 .list01 > li .inB > dl .icon .xi{font-size:5.5em; color:#fff; opacity:.6;}
.main_section1 .list01 > li .inB > dl .tt{ border-radius:50%; width:85px; height:85px; background:#4b5765; margin:0 auto 2em auto; position:relative}
.main_section1 .list01 > li .inB > dl .ti{ font-size:1.375em; font-family:'NanumBarunGothicBold'; color:#fff; margin-bottom:1em}
.main_section1 .list01 > li .inB > dl .txt{ color:#fff; line-height:1.5; margin-bottom:1.5em}
.main_section1 .list01 > li .inB > dl .tt .xi{ color:#fff; font-size:2.5em; text-align:center; display:block; position:relative; top:16px}
.main_section1 .list01 > li .inB > dl .tt .band:before{ content:url(../images/main/band.png)}
.main_section1 .list01 > li .inB > dl .tt .kakao:before{ content:url(../images/main/kakao.png)}
.main_section1 .list01 > li .inB > dl .tt .instagram:before{ content:url(../images/main/instagram.png?v=1)}
.main_section1 .list01 > li .inB > dl .btn{ text-align:center; display:block}
.main_section1 .list01 > li .inB > dl .btn.st{ text-align:left}
.main_section1 .list01 > li .inB > dl .btn .t1{ color:#3b1e1e; font-size:.875em; margin-top:-15px; margin-bottom:10px; text-align:center; font-family:'NanumBarunGothicBold';}
.main_section1 .list01 > li .inB > dl .btn .t2{ color:#111; text-align:center; font-size:1em; font-family:'NanumBarunGothicBold'; min-width:160px; background:#fff; padding:.5em 0; border-radius:.4em;}
.main_section1 .list01 > li .inB > dl .btn .t2.st{ width:120px !important; margin:0 auto}
.main_section1 .list01 > li .inB > dl .btn .btn_in{ background:#fff; display:inline-block; margin:0 auto; min-width:160px; height:45px; line-height:45px; box-sizing:border-box; cursor:pointer; transition:.3s; font-size:.875em; text-align:center}
.main_section1 .list01 > li .inB > dl .btn .btn_in .xi{ padding-left:.5em}
.main_section1 .list01 > li .inB > dl .btn.c1 .btn_in{ border:1px solid #1e83d0;}
.main_section1 .list01 > li .inB > dl .btn.c1 .btn_in .btn_tt,
.main_section1 .list01 > li .inB > dl .btn.c1 .btn_in .xi{ color:#1e83d0;}
.main_section1 .list01 > li .inB > dl .btn.c2 .btn_in{ border:1px solid #4e84d6;}
.main_section1 .list01 > li .inB > dl .btn.c2 .btn_in .btn_tt,
.main_section1 .list01 > li .inB > dl .btn.c2 .btn_in .xi{ color:#4e84d6;}
.main_section1 .list01 > li .inB > dl .btn.c5 .btn_in{ border:1px solid rgba(30, 131, 208,1);}
.main_section1 .list01 > li .inB > dl .btn.c5 .btn_in .btn_tt,
.main_section1 .list01 > li .inB > dl .btn.c5 .btn_in .xi{ color:rgba(30, 131, 208,1);}
.main_section1 .list01 > li .inB > dl .btn2 .btn_in{ border:1px solid #fff; min-width:98px; height:45px; line-height:45px; box-sizing:border-box; color:#fff; text-align:center; padding:0 15px; transition:.3s; font-size:.875em}
.main_section1 .list01 > li .inB > dl .btn2 .btn_in.st{ margin-left:-1px}
.main_section1 .list01 > li .inB > dl .btn2 .btn_in:hover{ background:#fff; color:#333}
.main_section1 .list01 > li .play_bg{ background-position:center center}
.main_section1 .list01 > li .play_bg .inner{ position:absolute; color:#fff; text-align:center; top:3.5em; left:25%; z-index:9;}
.main_section1 .list01 > li .play_bg .inner .play_tt{ font-size:1.125em; line-height:1.6; text-align:center;}
.main_section1 .list01 > li .play_bg .inner .play_icon .xi{ text-align:center; font-size:3.5em}





/**/
.main_section4{ border-top:1px solid #ccc; background:#fff}
.client_dv{}
#client{ font-size:0; }
#client .client_tit{display:inline-block; *display:inline; zoom:1; width:11%; vertical-align:middle; font-size:1.15rem; color:#222; font-family:ng, sans-serif; font-weight:600;}
#client .btn{display:inline-block; *display:inline; zoom:1; width:20%; /*height: 51px; */  border-right: 1px solid #CCC; box-sizing: border-box; vertical-align:middle; text-align:left}

#client ul.btn{ position:relative; font-size:0;}
#client ul.btn li{  display:inline-block; *display:inline; zoom:1; margin-right:3px; width:28px; line-height:28px; background:#fff; border:1px solid #ccc; cursor:pointer; text-align:center; color:#888; font-size:.75rem;}
#client ul.btn .client_tt{ border:0; width:60px; margin-left:0; margin-right:2em}
#client ul.btn .client_tt:hover{ border:0; cursor:inherit}
#client ul.btn .client_tt .tt{ font-size:1.250em; color:#222}
#client ul.btn li.btn_stop{ color:#00a3dd}
#client ul.btn li.btn_stop:hover{ color:#00a3dd}
#client ul.btn li:hover{border:1px solid #999; color:#888;}

#client .ptn_wrap {display:inline-block; *display:inline; zoom:1; width:80%; vertical-align:middle;}
#client ul.ptn_photo:after { content:""; clear:both; display:block; height:0; visibility:hidden; }

#client ul.ptn_photo li a { display:block; height:69px; cursor:default; box-sizing:border-box; text-align:center;  background:#fff; overflow:hidden; cursor:pointer}
#client ul.ptn_photo li a img{ /*width:80%; */position:absolute; left:25%; top:20%; height:50%; z-index:99}

.cus_center_dv{ overflow:hidden; min-height:194px;}
.cus_center_dv .txt_dv{float:left; width:57%; margin-top:58px}
.cus_center_dv .txt_dv .tit01{font-size:1.76em; font-family:notokrB; color:#222; margin-bottom:8px;}
.cus_center_dv .txt_dv .tit01 .st1{font-size:1em;}
.cus_center_dv .txt_dv .txt01{position:relative; padding-left:10px; font-size:0.92em; font-family:ng, sans-serif; line-height:1.5; color:#333;}
.cus_center_dv .txt_dv .txt01 .st1{font-weight:600;}
.cus_center_dv .txt_dv .txt01::before{content:''; position:absolute; left:0; top:0; width:5px; height:100%; background:#003a6a;}
.cus_center_dv .cs_dv{float:left; width:43%; margin-top:45px;}
.cus_center_dv .cs_dv .dv01{padding-left:60px; position:relative; margin-bottom:26px;}
.cus_center_dv .cs_dv .dv01::before{content:'\e9d4'; font-family:xeicon; color:#fff; font-size:1.625em; width:52px; height:52px; text-align:center; line-height:52px; background:#003a6a; border-radius:50%; display:block; position:absolute; left:0; top:50%; margin-top:-26px;}
.cus_center_dv .cs_dv .dv01 .p1{font-size:1.6em; font-family:notokrB; color:#003a6a;}
.cus_center_dv .cs_dv .dv01 .p2{font-size:0.92em; font-family:ng,sans-serif; color:#444;}

.cus_center_dv .cs_dv .dv02{padding-left:60px; position:relative;}
.cus_center_dv .cs_dv .dv02::before{content:'\ea06'; font-family:xeicon; color:#fff; font-size:1.500em; width:52px; height:52px; text-align:center; line-height:52px; background:#003a6a; border-radius:50%; display:block; position:absolute; left:0; top:50%; margin-top:-26px;}
.cus_center_dv .cs_dv .dv02 .p1{font-size:1.67em; font-family:notokrB; color:#003a6a; cursor:pointer;}






/*contents*/
#contents{}
#contents .subVisual_wrap{ position:relative; z-index:10; height:260px;}
#contents .subVisual_wrap .subVisual{ position:absolute; z-index:inherit; top:0; left:0; width:100%; height:100%; padding-left:100px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transition:.5s;}
#contents .subVisual_wrap .subVisual.bg_1{ background-image:url(../images/sub/sub_visual_1.jpg);}
#contents .subVisual_wrap .subVisual.bg_2{ background-image:url(../images/sub/sub_visual_2.jpg);}
#contents .subVisual_wrap .subVisual.bg_3{ background-image:url(../images/sub/sub_visual_3.jpg);}
#contents .subVisual_wrap .subVisual.bg_4{ background-image:url(../images/sub/sub_visual_4.jpg);}
#contents .subVisual_wrap .subVisual.bg_5{ background-image:url(../images/sub/sub_visual_5.jpg);}
#contents .subVisual_wrap .subVisual.bg_6{ background-image:url(../images/sub/sub_visual_6.jpg);}
#contents .subVisual_wrap .subVisual.bg_7{ background-image:url(../images/sub/sub_visual_7.jpg);}
#contents .subVisual_wrap .subVisual.bg_8{ background-image:url(../images/sub/sub_visual_8.jpg);}
#contents .subVisual_wrap .subVisual.bg_member{ background-image:url(../images/sub/sub_v_guide.jpg);}
#contents .subVisual_wrap .subVisual.bg_mypage{ background-image:url(../images/sub/sub_v_guide.jpg);}
#contents .subVisual_wrap .subVisual.bg_guide{ background-image:url(../images/sub/sub_v_guide.jpg);}
#contents .subVisual_wrap .subVisual.bg_search{ background-image:url(../images/sub/sub_v_guide.jpg);}
#contents .subVisual_wrap .subVisual.on{ padding-left:0;}

#contents .subTitle{ position:relative; z-index:inherit; display:table; top:6rem;}
#contents .subTitle .tit_area{ display:table-cell; vertical-align:middle; text-align:center; filter:alpha(opacity=0); opacity:0; transition:1s;}
#contents .subTitle .tit_area .tit{ color:#fff; transition:1s;}
#contents .subTitle .tit_area .tit1{ font-family:'LatoR',sans-serif; font-size:.750em; text-transform:uppercase; margin-bottom:15px; transform:translateX(-60px);}
#contents .subTitle .tit_area .tit2{ font-size:2.188em; font-weight:500; text-shadow:1px 1px 1px rgba(0,0,0,.5); transform:translateX(60px);}
#contents .subTitle.on .tit_area{ filter:alpha(opacity=100); opacity:1;}
#contents .subTitle.on .tit_area .tit{ transform:translateX(0);}

#contents .sub_visual_wrap{ position:relative}
#contents .sub_visual_wrap .va_wrap{ position:relative; height:20em; overflow:hidden}
#contents .sub_visual_wrap .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-color:#aaa; transform:scale(1,1); transition:2s}
#contents .sub_visual_wrap .slogan{ position:relative; margin-top:-2em;}
#contents .sub_visual_wrap .slogan .tit{ font-size:2.5em; font-weight:500; color:#fff; margin-right:5em; opacity:0; transition:1s;}
#contents .sub_visual_wrap .slogan .sec{ display:block; width:0; height:.1em; margin:1.25em auto; background:#fff; transition:1s; transition-delay:.5s}
.load #contents .sub_visual_wrap .slogan .tit{ margin-right:0; opacity:1}
.load #contents .sub_visual_wrap .slogan .sec{ width:2.5em}
#contents .sub_visual_wrap .sub_gnb_wrap{ position:absolute; left:0; bottom:0; width:100%;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb{ text-align:center; margin-top:-1em;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li,
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp1{ display:none}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li.on,
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li.on .dp2{ display:block}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li{max-width:20%; }
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a{ height:4.5em; color:#fefefe; position:relative;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a .va{ font-size:1.125em; letter-spacing:.3px;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li:hover > a{}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.on > a:after{ content:''; display:block; width:100%; height:5px; background:#fff; position:absolute; top:0; left:0;}
#contents .sub_visual_wrap .sub_gnb_wrap .line{ width:100%; height:1px; background:rgba(255,255,255,.5); position:absolute; top:2px;}

.sub_tit .t1{ text-align:center; font-size:2.5em; color:#000; margin:1em 0 1.5em 0; font-weight:500;}
.sub_tit .line{ display:block; width:1px; height:.75em; background:#000; margin-bottom:.25em; margin-left:10px;}
.sub_tit .t1 .line{ margin-left:auto; margin-right:auto}
.load .sub_tit .line{transform: scaleY(1); visibility: visible;}

#contents .subNav_wrap{ position:absolute; z-index:inherit; left:0; bottom:0; width:100%;}
#contents .subNav_wrap .box1{ max-width:1200px}
#contents .subNav_wrap .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#f3f6f8; filter:alpha(opacity=60);/* opacity:.6; */ border-bottom:1px solid #ddd}
#contents .subNav_wrap .tt{display:block;height:55px;line-height:55px;color: #001224;transition:.2s;}
#contents .subNav_wrap .nav{ float:left; border-right:1px solid #000; border-left:1px solid rgba(255,255,255,.25);}
#contents .subNav_wrap .nav > div{ float:left; position:relative;}
#contents .subNav_wrap .nav .tt{ border-right:1px solid #ddd}
#contents .subNav_wrap .nav .home .tt{width:60px;text-align:center;background: #4b5765;color: #fff;}
#contents .subNav_wrap .nav .home .tt .xi{ font-size:1.438em;}
#contents .subNav_wrap .nav .home:hover .tt{background:#247bd2;}
#contents .subNav_wrap .nav div[class^="depth"]{}
#contents .subNav_wrap .nav div[class^="depth"] .tt{ min-width:130px; padding:0 60px 0 30px; cursor:pointer;}
#contents .subNav_wrap .nav div[class^="depth"] .tt:after{content:"\e942";font-family:xeicon !important;font-style:normal;font-size:1.438em;color: #555;position:absolute;top:0;right:20px;}
/*#contents .subNav_wrap .nav div[class^="depth"] .tt.on{ color:#3fd4ff;}
#contents .subNav_wrap .nav div[class^="depth"] .tt.on:after{ color:#3fd4ff;}*/
#contents .subNav_wrap .nav div[class^="depth"]:hover .tt{ color:#044ea3}
#contents .subNav_wrap .nav .gnb,
#contents .subNav_wrap .nav .depth_1 .gnb .m_member,
#contents .subNav_wrap .nav .depth_1 .gnb .m_mypage,
#contents .subNav_wrap .nav .depth_1 .gnb .m_guide{ display:none;}
#contents .subNav_wrap .nav .gnb{ position:absolute; top:100%; left:0; right:0; background:#fff; box-shadow:0 7px 7px rgba(0,0,0,0.2); border:1px solid #ccc; box-sizing:border-box; padding:.5em}
#contents .subNav_wrap .nav .gnb li > a{ display:block; border-top:1px solid rgba(255,255,255,.15); padding:10px 15px 10px 30px; font-size:.938em; color:#858c94; font-weight:300; transition:.3s;}
#contents .subNav_wrap .nav .gnb li:hover > a{ background:#f3f6f8; color:#001224}
#contents .subNav_wrap .nav .gnb li.on > a{ background-color:#247bd2; color:#fff;}

#contents .subNav_wrap .sns{ float:right; position:relative;}
#contents .subNav_wrap .sns .tt{ position:relative; padding-left:12px; margin-left:12px;}
#contents .subNav_wrap .sns .tt:before{ content:""; position:absolute; left:0; top:50%; margin-top:-10px; width:1px; height:20px; background:#fff; filter:alpha(opacity=20); opacity:.2;}
#contents .subNav_wrap .sns > li:first-child .tt{ padding-left:0; margin-left:0;}
#contents .subNav_wrap .sns > li:first-child .tt:before{ display:none;}
#contents .subNav_wrap .sns .tt:hover .xi{ color:#3fd4ff; transition:.3s;}

#contents .subCon{ position:relative; }
#contents .subCon .box1{ max-width:1200px}
#contents .subCon .subPage_Tit{ border-bottom:1px solid #ccc; text-align:center;}
#contents .subCon .subPage_Tit .in{ position:relative; display:inline-block; *display:inline; zoom:1; padding:40px 50px 20px 50px; font-size:1.875em; color:#000; text-transform:uppercase;}
/*#contents .subCon .subPage_Tit .in:after{ content:""; position:absolute; left:0; bottom:-1px; width:100%; height:2px; background:#4b5765;}*/

#contents .subCon .doc{ padding:40px 0 160px 0;}
#contents .subCon .doc > img{ margin:0 auto; display:block} /*�ӽ�*/

#contents.member_c .subVisual_wrap{display:none;}
#contents.member_c .subPage_Tit{display:none;}


/*SUB PAGE*******************/
/*sub style inc*/
.page_sec1{ margin-top:20px !important;}
.page_sec2{ margin-top:40px !important;}
.page_sec3{ margin-top:60px !important;}
.page_sec4{ margin-top:80px !important;}

/*��*/
.page_tab{ margin-bottom:2.5em; text-align:center;}
.page_tab .tab{ display:flex;}
.page_tab .tab > li > a{ position:relative; z-index:1; display:block; min-width:12em; margin-left:-1px; padding:.8em 1em; background:#f0f0f0; border:1px solid #ccc; border-bottom-color:#313851; color:#777; transition:.2s;}
.page_tab .tab > li:first-child > a{ margin-left:0;}
.page_tab .tab > li > a .tt{ font-size:1em}
.page_tab .tab > li:hover > a,
.page_tab .tab > li.on > a{ z-index:2; background:#fff; border-color:#004a98; border-bottom-color:#fff; color:#004a98;}

.page_tab2{ margin-bottom:2.5em; text-align:center;}
.page_tab2 .tab{ display:inline-block; margin:0 auto}
.page_tab2 .tab > li > a{ position:relative; z-index:1; display:block; min-width:12em; margin-left:-1px; padding:.8em 1em; background:#f0f0f0; border:1px solid #313851; color:#777; transition:.2s; box-sizing:border-box}
.page_tab2 .tab > li:first-child > a{ margin-left:0;}
.page_tab2 .tab > li > a .tt{ font-size:1em}
.page_tab2 .tab > li:hover > a,
.page_tab2 .tab > li.on > a{ z-index:2; background:#111; color:#fff; border:1px solid #111}

.page_tab3{ margin-bottom:2.5em; margin-top:.5em}
.page_tab3 .tab{ display:inline-block; margin:0 auto; overflow:hidden}
.page_tab3 .tab > li{ float:left; margin:0 .5em 0 0}
.page_tab3 .tab > li > a{ position:relative; z-index:1; display:block; min-width:12em; margin-left:-1px; padding:.6em 1em; background:#fff; border:1px solid #313851; color:#777; transition:.2s; box-sizing:border-box; border-radius:5px; text-align:center}
.page_tab3.st1 .tab > li > a{ min-width:auto}
.page_tab3 .tab > li:first-child > a{ margin-left:0;}
.page_tab3 .tab > li > a .tt{ font-size:1em}
.page_tab3 .tab > li:hover > a, .page_tab3 .tab > li.on > a{ z-index:2; background:#d82744; color:#fff; border:1px solid #d82744}



/*��������ó����ħ*/
.tbl_priv{ float:right;}
.tbl_priv { border:1px solid #ccc; border-left:2px solid #00397f; padding:0px; font-size:0.875em; margin-bottom:10px; text-align:center; font-weight:200;}
.tbl_priv thead th { background:#0059ad; color:#fff; border-bottom:1px solid #aaaaaa; line-height:18px; padding:10px 20px; font-weight:400;}
.tbl_priv tbody th { color:#444444; background:#f2f2f2; border-bottom:1px solid #ccc; border-right:1px solid #ccc; line-height:18px; padding:10px 20px; vertical-align:middle; font-weight:400; }
.tbl_priv tbody td { color:#444; font-weight:400; border-bottom:1px solid #ccc; border-right:1px solid #ccc; line-height:18px; padding:10px 20px; vertical-align:middle; }

.tbl_priv2 { border:1px solid #ccc; padding:0px; font-size:0.875em; margin-bottom:10px; text-align:center;}
.tbl_priv2 thead th { background:#0059ad; color:#fff; border-bottom:1px solid #aaaaaa; line-height:18px; padding:10px 20px; font-weight:400;}
.tbl_priv2 tbody th { color:#444444; background:#f2f2f2; border-bottom:1px solid #ccc; border-right:1px solid #ccc; line-height:18px; padding:10px 20px; vertical-align:middle; font-weight:400; }
.tbl_priv2 tbody td { color:#444; font-weight:400; border-bottom:1px solid #ccc; border-right:1px solid #ccc; line-height:18px; padding:10px 20px; vertical-align:middle; font-weight:300; text-align:left;}
.tbl_priv2 tbody td a{ color:#00397f;}

.priv_con1{ margin-top:30px;}
.priv_con1 p.tit1{ background:url(../images/inc/page_tit2_bg.png) no-repeat left center; padding-left:20px; margin:25px 0 10px; color:#00397f;}
.priv_con1 p.txt1{ margin-bottom:15px; font-size:0.875em; line-height:1.6em; font-weight:300; color:#666;}
.priv_con1 p.txt2{ margin-left:10px; margin-bottom:15px; font-size:0.875em; line-height:1.6em; font-weight:300; color:#666;}
.priv_con1 p.txt2 span{ font-weight:400; color:#333; display:block;}
.priv_con1 p.txt3{ background:url(../images/sub/li_tit1.jpg) no-repeat left center; padding-left:10px; color:#666; margin-left:10px; font-size:0.875em; font-weight:300; line-height:1.6;}

.priv_con1 p.ex{ font-size:0.875em; line-height:1.6em; font-weight:300; color:#666;}
.priv_con1 p.ex a{ color:#00397f;}


/*�̸��Ϲ��ܼ����ź�*/
.top_box{ border:1px solid #ccc; border-radius:10px; padding:40px 50px; text-align:center;}
.top_box p{ font-size:1.125em; color:#333; line-height:1.6; font-weight:300;}
.email_line{ width:100%; height:1px; background:#ccc; margin:40px 0;}
.email_w1{}
.email_w1 .tit1{ font-size:1.25em; text-align:center; color:#111; text-align:center; margin-bottom:30px;}
.email_w1 .txt1{ background:url(../images/inc/mid_tit1.png) no-repeat left center; color:#333; padding-left:15px; margin-bottom:10px;}
.email_w1 .txt2{ margin-left:10px; font-size:0.875em; color:#666; font-weight:300; line-height:1.8;}


/*�˻�������*/
.search_wrap .search_w{ border:1px solid #ccc; padding:30px; margin-bottom:30px; text-align:center;}
.search_wrap .search_w .search_selec{ border:1px solid #ccc; line-height:32px; height:35px; padding:0 10px; width:140px;}
.search_wrap .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_wrap .search_w .search_inp:focus{ color:#111}
.search_wrap .search_w .search_bt{ line-height:30px; background:#444; color:#fff; border:none; padding:0 30px; border-radius:5px;}
.search_wrap .search_w .tip1{ font-size:0.875em; color:#666; margin-top:20px; line-height:1.6;}

.search_wrap .search_w .result{ border-top:1px solid #ccc; margin-top:20px; padding-top:20px;}
.search_wrap .search_w .result .tit1{ font-size:1.5em;margin-bottom:10px; color:#333;}
.search_wrap .search_w .result .tit1 .dot{ color:#aaa; margin:0 3px;}
.search_wrap .search_w .result .tit1 .green{ color:#37499d;}
.search_wrap .search_w .result .tit2{ font-size:1em; color:#333;}
.search_wrap .search_w .result .tit2 .big{ font-size:1.5em; color:#37499d;}

.search_wrap .search_w .search_select{ width:140px; padding-left:15px; color:#111;}
.search_wrap .search_result { margin-top:30px;}
.search_wrap .search_tit{ width:100%; line-height:35px; border-bottom:1px solid #ddd; font-family:'NanumBarunGothicBold'; font-size:1.125em;}
.search_wrap .search_tit span{ float:right; font-weight:normal; font-size:12px;}
.search_wrap .search_cont{ margin-top:20px; line-height:24px;}
.search_wrap .search_txt{ color:#408ad9 !important; text-decoration:underline !important; margin-top:10px;}



/*inc*********************************/
.page_mg { margin-top:3em !important;}
.page_mg1{ margin-top:1em !important;}
.page_mg2{ margin-top:6em !important;}
.page_mg3{ margin-top:5em !important}


.page_basic_tit{ margin-bottom:1em; padding-left:1.2em;}
.page_basic_tit > *[class^="t"] *{ vertical-align:baseline;}
.page_basic_tit > *[class^="t"] strong{ font-weight:500;}
.page_basic_tit > *[class^="t"] span  { font-weight:300;}
.page_basic_tit > .t1{ position:relative; font-size:1.375em; color:#3c3c3d; line-height:1.4; letter-spacing:-1px;}
.page_basic_tit > .t1:before{ content:""; position:absolute; top:.25em; left:-.8em; width:.3em; height:1em; background:#108ad3; 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;}



.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; text-align:justify; word-break:break-all}
.page_box .list1{}
.page_box .list1 > li{ line-height:1.6; position:relative; padding-left:1.5em;}
.page_box .list1 > li:before{ content:"\e91b"; position:absolute; left:0; color:#555; top:0; font-family:xeicon!important}
.page_box .list2 > li{ line-height:1.6; padding-bottom:.5em; word-break:break-all}
.page_box .list2 > li:last-child(){ padding-bottom:0}
.page_box .list2 > li > b{ font-family:'NanumBarunGothicBold';}
.page_box.st2{ padding:1.2em 1.5em; border:1px solid #ccc; border-radius:.4em; box-shadow:.25em .25em 0 rgba(0,0,0,.08);}
.page_box.st3{ background:#f9f9f9}

.page_box2{}

.page_img_box{ position:relative; padding:2.5em 0;}
.page_img_box .tB{ padding-left:3em; width:50%}
.page_img_box.bg{ border-radius:0 1em 0 1em; width:100%; top:0; left:0; background-color:#f5f5f5; background-position:center !important; background-repeat:no-repeat !important; background-size:cover !important}
.page_img_box .t1{ font-size:1.375em; color:#333; letter-spacing:-1px; position:relative; border-bottom:1px dotted #333; font-family:'NanumBarunGothicBold'; padding-bottom:.5em}
.page_img_box .t1:after{ position:absolute; content:""; width:.3em; height:.3em; right:0; bottom:-.2em; background:#222; border-radius:100%;}
.page_img_box .t2{ padding:1em 0 .5em 0; color:#555; letter-spacing:-1px; line-height:1.6; width:95%}
.page_img_box.bg1{ background:url(../images/sub/2_1bg1.jpg);}



.page_txt_wrap{ margin-top:2.5em;}
.page_txt_wrap:first-of-type{ margin-top:0;}

.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:#247bd2;}
/*.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_ti.dp1{ margin-bottom:.6em; font-size:1.375em; color:#333; line-height:1.4em; letter-spacing:-1px;}
.page_ti.dp1 > *{ display:inline-block;}
.page_ti.dp1 .tt > *{ display:inline-block;}
.page_ti.dp1 .tt:first-child{ margin-left:0 !important;}
.page_ti.dp1 .tt.t1{ margin-left:2em; font-size:.813em; color:#3c3c3d; letter-spacing:-.5px;}
.page_ti.dp1 a:hover{ text-decoration:underline;}

.page_ti.dp2{ margin-bottom:.8em; padding-left:1.5em;}
.page_ti.dp2 > .tt{ position:relative; display:block; color:#00479e;}
.page_ti.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:1em; color:#3c3c3d;}
.page_list.dp2 > li:before{ top:.8em; width:.35em; height:1px; background:#3c3c3d;}

.page_list.dp3{ margin-top:.8em;}
.page_list.dp3 > *{ margin-top:.3em; padding-left:.7em;}
.page_list.dp3 > * > .tt{ font-size:.938em; color:#555;}
.page_list.dp3 > li:before{ top:.55em; width:.25em; height:.25em; background:#d82744; border-radius:100%;}

.page_list.dp4{ margin-top:1em}
.page_list.dp4 > *{ margin-top:.5em;}
.page_list.dp4 > * > .tt{ font-size:1em; color:#3c3c3d; line-height:1.6; word-break:break-all}
.page_list.dp4 > li:before{}


.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;}



.page_num_list > li{ position:relative; padding:.5em 0 .5em 3em;}
.page_num_list > li .num{ position:absolute; top:.3em; left:0; width:2em; line-height:2em; display:inline-block; text-align:center; background:#247bd2; border-radius:100%; color:#fff; font-weight:600; font-size:.938em}
.page_num_list > li .tt_bg{ background:#f5f5f5; padding:1.5em 2em; margin-top:.5em; line-height:1.6; color:#333; word-break:break-all; margin-left:-3em; margin-bottom:1em}
.page_num_list > li:last-child .tt_bg{ margin-bottom:0}


/*MEMBER***************************/
.member_wrap{ letter-spacing:-.5px;}
.member_wrap .login_box{ width:580px; max-width:100%; margin:0 auto;}
.member_wrap .join_box { width:780px; max-width:100%; margin:0 auto;}
.member_wrap .confirm_box{ width:45%; margin:0 auto}

.member_wrap .member_tit{ padding:0 0 2em 0; text-align:center;}
.member_wrap .member_tit .tit{ font-size:2.500em; color:#3c3c3d; letter-spacing:0; text-transform:uppercase; margin-bottom:.3em}
.member_wrap .member_tit .txt{ color:#69696b; line-height:1.5}

.member_wrap .member_form{ padding:2.5em 2em; border:1px solid #ccc; border-top-width:2px; border-top-color:#247bd2;}

.member_wrap .form > li:first-child{ margin-top:0;}
.member_wrap .form .inp_wrap{ position:relative; margin-top:.4em;}
.member_wrap .form .inp_wrap .xi{ position:absolute; top:0; left:0; width:2em; line-height:55px; text-align:center; font-size:1.750em; color:#3c3c3d;}
.member_wrap .form .inp_wrap .tt{ position:absolute; top:0; left:0; width:6em; line-height:55px; text-align:center; border-right:1px solid #ddd; color:#3c3c3d;}
.member_wrap .form .inp_wrap .inp{ box-sizing:border-box; width:100%; height:55px; padding:0 1em 0 4em; background:#fff; border:1px solid #ddd; border-radius:5px;}
.member_wrap .form .save_wrap{ margin-top:1.2em;}
.member_wrap .form .save_wrap .find{ padding-top:.3em; text-align:right;}
.member_wrap .form .save_wrap .find .link{ position:relative; display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-left:.8em; padding-left:.8em; font-weight:300;}
.member_wrap .form .save_wrap .find .link:before{ content:""; position:absolute; top:10%; left:0; width:1px; height:80%; background:#ccc;}
.member_wrap .form .save_wrap .find .link:first-child{ margin-left:0; padding-left:0;}
.member_wrap .form .save_wrap .find .link:first-child:before{ display:none;}
.member_wrap .form .btn_wrap{ margin-top:.6em;}
.member_wrap .form .btn_wrap .btn{ display:block; box-sizing:border-box; text-align:center; width:100%; margin:.4em 0; padding:1em 1em; border:1px solid transparent; font-size:1.125em; border-radius:.3em}
.member_wrap .form .btn_wrap .btn.c1{ background:#247bd2; color:#fff;}
.member_wrap .form .btn_wrap .btn.c2{ background:#ffffff; border-color:#247bd2; color:#247bd2;}
.member_wrap .form .btn_wrap .btn.c3{ background:#3e3e49; color:#fff;}
.member_wrap .form .msg_wrap{ margin-top:2em;}
.member_wrap .form .msg_wrap .tt{ margin:.4em 0; font-size:.938em; color:#3c3c3d; font-weight:300;}
.member_wrap .form .msg_wrap .tt.icon{ position:relative; padding-left:1.6em;}
.member_wrap .form .msg_wrap .tt.icon .xi{ position:absolute; top:0; left:0; line-height:1;}
.member_wrap .form .id_wrap{ padding:3em 1em; background:#f5f5f5; border:1px solid #e5e5e5; text-align:center; font-size:1.125em;}
.member_wrap .form .id_wrap strong{ vertical-align:baseline; color:#3f3f9f; letter-spacing:0;}

.member_wrap .form .sns_wrap{ margin-top:2em;}
.member_wrap .form .sns_wrap .btn{ position:relative; display:block; margin-top:.4em; border:1px solid #ccc; border-radius:5px;}
.member_wrap .form .sns_wrap .btn:first-child{ margin-top:0;}
.member_wrap .form .sns_wrap .btn .tt{ display:block; box-sizing:border-box; line-height:55px; padding:0 1em 0 6em; color:#3c3c3d;}
.member_wrap .form .sns_wrap .btn .icon{ position:absolute; top:-1px; left:-1px; bottom:-1px; width:2em; line-height:57px; border-radius:5px 0 0 5px; text-align:center; font-size:2.000em; color:#fff;}
.member_wrap .form .sns_wrap .btn .icon.naver{ background:#2CB400;}
.member_wrap .form .sns_wrap .btn .icon.daum{ background:linear-gradient(-225deg, #6e9cfc 0%, #fb676a 70%, #ffe001 100%); font-family:'Ms','NotoSans',sans-serif; font-weight:600;}
.member_wrap .form .sns_wrap .btn .icon.google{ background:#1A73E8;}
.member_wrap .form .sns_wrap .btn .icon.kakao{ background:#FAE100; color:#3C1E1E;}
.member_wrap .form .sns_wrap .btn:hover{}

.member_wrap .form2{ margin-top:1.5em; padding-top:1.5em; border-top:1px dashed #ccc;}
.member_wrap .form2:first-child{ margin-top:0; padding-top:0; border-top:none;}
.member_wrap .form2 > li{ margin-top:.4em; font-weight:300;}
.member_wrap .form2 > li:first-child{ margin-top:0;}
.member_wrap .form2 .inp_wrap{ color:#3c3c3d;}
.member_wrap .form2 .inp_wrap select.input_st,
.member_wrap .form2 .inp_wrap input[type=text].input_st,
.member_wrap .form2 .inp_wrap input[type=password].input_st{ background-color:transparent;}
.member_wrap .form2 .inp_wrap input[disabled=disabled].input_st{ background-color:#f5f5f5;}
.member_wrap .form2 .check_wrap > *{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.member_wrap .form2 .check_wrap .label_wrap{ width:100%;}
.member_wrap .form2 .check_wrap .label_wrap > *{ width:33.33%; margin:.2em 0;}
.member_wrap .form2 .check_wrap .tit{ display:block; font-size:1.125em; padding-bottom:1em}
.member_wrap .form2 .check_wrap .check_ul{ background:#f9f9f9; padding:1em}
.member_wrap .form2 .check_wrap .check_ul.st{ background:#fff}
.member_wrap .form2 .check_wrap .check_ul.st > li{ padding:0}
.member_wrap .form2 .check_wrap .check_ul > li{ width:33.33%; padding:.3em 0}
.member_wrap .form2 .ess{ display:none;}
.member_wrap .form2 .required .ess{ display:inline-block;}
.member_wrap .form2 .field{ position:relative;}
.member_wrap .form2 .field .txt{ position:absolute; z-index:-1; top:50%; left:1.2em; transform:translate(0, -50%); transition:transform .2s ease-out; transform-origin:0 0;}
.member_wrap .form2 .field.on .txt{ color:#69696b; transform:translate(0, -110%) scale(.7,.7);}
.member_wrap .form2 .col .col_w1{ width:65.68%; margin-left:1%;}
.member_wrap .form2 .col .col_w1:first-child{ width:66.66%; margin-left:0;}
.member_wrap .form2 .col .col_w2{ width:32.34%; margin-left:1%;}
.member_wrap .form2 .col .col_w2:first-child{ width:33.32%; margin-left:0;}

.member_wrap .form2 .tit.input_st{ background:#f5f5f5;}
.member_wrap .form2 .check_st{ position:relative; text-align:center; border-color:transparent; cursor:pointer;}
.member_wrap .form2 .check_st .on{ position:absolute; top:-1px; bottom:-1px; left:-1px; right:-1px; background:#fff; border:1px solid #095282; border-radius:5px;}
.member_wrap .form2 .check_st .on ~ span{ position:relative; color:#095282;}
.member_wrap .form2 .check_st:hover input ~ .on,
.member_wrap .form2 .check_st input:checked ~ .on{ background:#095282;}
.member_wrap .form2 .check_st:hover input ~ .on ~ span,
.member_wrap .form2 .check_st input:checked ~ .on ~ span{ color:#fff;}
.member_wrap .form2 .check_st input[type=checkbox],
.member_wrap .form2 .check_st input[type=radio]{ width:0; height:0; overflow:hidden; opacity:0;}

.member_wrap .type_wrap{}
.member_wrap .type_wrap > li{ width:50%;}
.member_wrap .type_wrap > li .inner{ border-left:1px solid #ddd; padding:0 2em; text-align:center;}
.member_wrap .type_wrap > li:first-child .inner{ border-left:none;}
.member_wrap .type_wrap .icon{ height:8em;}
.member_wrap .type_wrap .txt{ margin-top:1em; min-height:5em;}
.member_wrap .type_wrap .txt .t1{ font-size:1.500em; color:#3f3f9f;}
.member_wrap .type_wrap .txt .t2{ font-size:.938em; color:#69696b; padding-top:.4em;}
.member_wrap .type_wrap .btn{ display:inline-block; *display:inline; zoom:1; margin-top:1em; padding:.6em 2.5em; background:#fff; border:1px solid #3f3f9f; border-radius:5px; color:#3f3f9f; transition:.2s;}
.member_wrap .type_wrap .btn:hover{ background:#3f3f9f; color:#fff;}

.member_wrap .terms_wrap .all_check{ padding:1em 0; border-bottom:1px dashed #bbb;}
.member_wrap .terms_wrap > li{ padding-top:1.5em;}
.member_wrap .terms_wrap > li:first-child{ padding-top:0;}
.member_wrap .terms_wrap .tit{ margin-bottom:.6em; font-size:1.125em; color:#3c3c3d; font-weight:400;}
.member_wrap .terms_wrap .c1{ color:#d31717;}


.member_wrap .finish_wrap{ text-align:center;}
.member_wrap .finish_wrap .tit{ font-size:1.500em; color:#3c3c3d; letter-spacing:-1px;}
.member_wrap .finish_wrap .txt{ padding:.4em 0; color:#69696b; font-weight:300;}
.member_wrap .finish_wrap .join_fin{ font-size:.938em; color:#3c3c3d;}
.member_wrap .finish_wrap .join_fin .th,
.member_wrap .finish_wrap .join_fin .td{ padding:.8em 1.5em; border:1px solid #ddd; text-align:left;}
.member_wrap .finish_wrap .join_fin .th{ width:10em; background:#f5f5f5;}
.member_wrap .finish_wrap .join_fin .td{ width:auto; letter-spacing:0;}

.member_btn_wrap{ margin:1.5em 0 0 -.4em;}
.member_btn_wrap > *{ width:50%;}
.member_btn_wrap .in{ margin-left:.4em;}

.member_agree .agree{ padding:3em; border:1px solid #ddd; border-top:2px solid #3c3c3d; font-size:.938em; color:#69696b; font-weight:300; line-height:1.4em;}
.member_agree .agree.H{ padding:1.5em; border-top-width:1px; height:10em; overflow-y:scroll;}
.member_agree .agree p{ padding:.5em 0;}
.member_agree .agree *{ vertical-align:baseline;}
.member_agree .agree strong{ color:#3c3c3d;}
.member_agree .check{ padding:1em 2em; border:1px solid #ddd; border-top:none; border-radius:0 0 5px 5px; text-align:right;}
.member_agree h1{ color:#111; font-weight:500}

.page_step_wrap{ text-align:center; margin-bottom:2em}
.page_step_wrap .step{ display:inline-block; *display:inline; zoom:1;}
.page_step_wrap .step > li .in{ position:relative; padding:0 1em; min-width:8em;}
.page_step_wrap .step > li .in:before{ content:"\e940"; font-family:xeicon; position:absolute; font-size:2.000em; color:#ddd; top:.2em; left:-.5em;}
.page_step_wrap .step > li:first-child .in:before{ display:none;}
.page_step_wrap .step > li .in > *{ position:relative; display:block;}
.page_step_wrap .step > li .in .xi{ margin:.2em 0; font-size:2.500em; color:#ddd;}
.page_step_wrap .step > li .in .xi:before{ position:relative; z-index:2;}
.page_step_wrap .step > li .in .xi:after{ content:""; position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%, -50%); width:1.4em; height:1.4em; background:#f5f5f5; border-radius:100%;}
.page_step_wrap .step > li .in .tt{ font-size:1.125em; color:#aaa; font-weight:300;}
.page_step_wrap .step > li.on .in .xi{ color:#fff;}
.page_step_wrap .step > li.on .in .xi:after{ background:#1e83d0;}
.page_step_wrap .step > li.on .in .tt{ color:#3c3c3d;}


.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:8em; height:8em; background:#fff; border-radius:100%;}
.join_cer_wrap .icon .in img{ max-height:4em;}
.join_cer_wrap .tit{ padding:1em 0; font-size:1.375em;}
.join_cer_wrap .txt{ min-height:4em; font-size:.938em; color:#72727d; line-height:1.4em;}
.join_cer_wrap .btn{ margin-top:.4em;}
.join_cer_wrap .inner_line{ border-top:1px dashed #ccc; text-align:left; padding:2em 1.5em}
.join_cer_wrap .inner_line .t1{ padding-bottom:.3em; font-family:'NanumBarunGothicBold'; color:#333; font-size:1em}
.join_cer_wrap .inner_line .t2{ line-height:1.6; font-size:.875em; padding:.3em 0; color:#555; text-align:justify; word-break:break-all}

.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:#108ad3; vertical-align:baseline;}
.join_finish .join_table{ width:80%; margin:2em auto 0 auto;}


/**/
.label_st.ml{ margin-left:30px}
.label_st.mr{ margin-right:30px}



/*SUB*****************************************************************************/

/*����*/

.page_basic_tit{ margin-bottom:1em; padding-left:1.2em;}
.page_basic_tit > *[class^="t"] *{ vertical-align:baseline;}
.page_basic_tit > *[class^="t"] strong{ font-weight:500;}
.page_basic_tit > *[class^="t"] span  { font-weight:300;}
.page_basic_tit > .t1{ position:relative; font-size:1.375em; color:#3c3c3d; font-family:'notokrM'; line-height:1.4; letter-spacing:-1px;}
.page_basic_tit > .t1:before{ content:""; position:absolute; top:.21em; left:-.8em; width:.3em; height:1em; background:#1e83d0; 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;}


.page_tit{ margin-bottom:3em; text-align:center; border-bottom:1px solid #ccc; margin-top:-2em}
.page_tit .tit{ font-size:1.570em; position:relative; padding-left:28px; display:inline-block; padding:1em;}
/*.page_tit .tit:after{position:absolute;top: 1px;left:0;width:11px;height:11px;background:#042b6f;display:block;content:"";}
.page_tit .tit:before{position:absolute;top:12px;left:11px;width:11px;height:11px;background:#eb6100; display:block;content:"";}*/

.page_tit2{ padding:0 0 1em 0; position:relative}
.page_tit2 .tit{ font-size:1.250em; padding-left:1.5em}
.page_tit2 .tit:before{ content:""; position:absolute; border:.2em solid #004da6; width:.4em; height:.4em; left:0; top:.1em; border-radius:50%}

.page_tit3{ position:relative; margin-bottom:.5em}
.page_tit3 .tit{ padding-left:1em; font-size:1.063em}
.page_tit3 .tit:before{ content:""; position:absolute; width:.3em; height:1em; left:0; top:.05em; background:#0074c1;}
.page_tit3 .tit:after{ content:""; position:absolute; width:.3em; height:.5em; left:0; top:.7em; background:#bbb;}

.page_tit3.st{ margin-bottom:1.5em}
.page_tit3.st .tit{ font-size:1.375em}

.page_tit5{ font-size:1.125em; margin-bottom:10px}

.page_tit4 .tit{ font-family:'NanumBarunGothicBold'; font-size:1.125em; color:#333}
.page_tit4 .tit .xi{ width:2em; line-height:2em; height:2em; text-align:center; border-radius:100%; border:1px solid #ddd; font-size:1em; margin-right:.313em; margin-top:-.188em}
.page_tit4 .tit .xi:before{ font-size:1.063em}

/**/
.page_tit6{ margin-bottom:2em; text-align:left; margin-top:0;}
.page_tit6 .tit{ font-size:1.250em; position:relative; padding-left:28px; display:inline-block;}
.page_tit6 .tit:after{ position:absolute; top:1px; left:0; width:11px; height:11px; background:#042b6f; display:block; content:"";}
.page_tit6 .tit:before{ position:absolute; top:12px; left:11px; width:11px; height:11px; background:#eb6100; display:block; content:"";}

/*�λ縻*/
.page_greetings{ overflow:hidden;}
.page_greetings .right > img{ padding-left:1em}
.page_greetings .top_wrap{ position:relative; overflow:hidden}
.page_greetings .top_wrap .tB{ float:left; width:50%; padding:2em 0 0 1.5em}
.page_greetings .top_wrap .iB{ float:right; padding:1em 1.5em 0 0}
.page_greetings .top_wrap .iB > img{ box-shadow:.25em .25em 0 rgba(0,0,0,.08);}
.page_greetings .top_wrap .t1{ font-size:1.570em; font-family:'NanumBarunGothicBold'; color:#004da6; position:relative; padding-bottom:.5em; width:30%; /*padding-left:2.5em;*/ }
/*.page_greetings .top_wrap .t1:before{ content:url(../images/sub/ddot1.png); position:absolute; left:0; top:0;}
.page_greetings .top_wrap .t1:after{ content:url(../images/sub/ddot2.png); position:absolute; right:0; top:0;}*/
.page_greetings .top_wrap .t2{ line-height:1.8; color:#333; padding-top:1em; word-break:break-all}
.page_greetings .tt_wrap{ padding:0 2em;}
.page_greetings .tt_wrap .t1{ position:relative; margin-top:1.3em; padding-left:2em; font-size:1.125em; line-height:1.5; color:#004da6; font-family:'NanumBarunGothicBold';}
.page_greetings .tt_wrap .t1:before,
.page_greetings .tt_wrap .t1:after{ content:""; position:absolute; top:.1em; left:0; width:1.3em; height:1.3em; line-height:1.3em; text-align:center; font-family:xeicon; color:#fff;}
.page_greetings .tt_wrap .t1:before{ background:#004da6; border-radius:100%;}
.page_greetings .tt_wrap .t1:after{ content:"\e928";}
.page_greetings .tt_wrap .t2{ font-size:.938em; padding:2em; margin:.5em 0 1em 0; background:#f5f5f5; border:1px solid #ccc; border-radius:.4em; box-shadow:.25em .25em 0 rgba(0,0,0,.08);}
.page_greetings .bottom_wrap{ margin-top:1em}
.page_greetings .bottom_wrap .t1{ line-height:1.6; padding-top:1em}

/*������*/
.group_wrap{ border:1px solid #ccc; border-radius:.3em; padding:2.5em 0; text-align:center;}
.group_wrap .line{ border-bottom:1px dotted #ccc; width:90%; height:1px; background:none; margin:2em auto}


/*�����*/
.page_cont_top{ position:relative; padding:80px 0; text-align:left; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.page_cont_top.bg1{ background-image:url(../images/sub/1_1bg1.jpg);}
.page_cont_top.bg2{ background-image:url(../images/sub/1_4bg1.jpg); padding:60px 0;}
.page_cont_top.bg3{ background-image:url(../images/sub/3_1bg1.jpg);}
.page_cont_top.bg4{ background-image:url(../images/sub/1_2bg1.jpg); padding:100px 0;}
.page_cont_top strong{ font-weight:700;}
.page_cont_top .c1{ color:#e2293a;}
.page_cont_top .c2{ color:#0081c4;}
.page_cont_top .c3{ color:#269e5c;}
.page_cont_top.st3 .line{ position:absolute; top:0; left:50%; width:1px; height:160px; background:#fff;}
.page_cont_top.st3 .line:after{ content:""; position:absolute; left:0; bottom:0; margin-left:-3px; width:7px; height:7px; background:#fff; border-radius:100%;}
.page_cont_top.st3 .con_wrap{ width:1000px; margin:0 auto;}
.page_cont_top.st3 .con_wrap .inner{ padding:4em 3em 5em 3em; background-color:rgba(0,0,0,.7); border:10px solid rgba(255,255,255,.5);}
.page_cont_top.st3 .con_wrap .inner > *{ color:#fff;}
.page_cont_top.st3 .name{ font-size:1em; font-family:'NanumBarunGothicBold'; margin-top:2em; text-align:center;}

.page_txt{}
.page_txt .tt_wrap{ margin-top:.5em;}
.page_txt .tt_wrap:first-child{ margin-top:0;}
.page_txt .tt_wrap > dd:first-child{ margin-top:0;}
.page_txt .tt_wrap .tit1{ font-size:1.250em; color:#0081c4; letter-spacing:-1px; margin-bottom:2em; text-align:center; padding-bottom:1.5em; border-bottom:1px dotted #f5f5f5;}
.page_txt .tt_wrap .tit2{ font-size:1em; color:#29323d; letter-spacing:-1px; font-family:'NanumBarunGothicBold'; margin-bottom:.5em}
.page_txt .tt_wrap .txt1{ position:relative; margin-top:1.3em; padding-left:2em; font-size:1em; color:#29323d; line-height:1.5;}
.page_txt .tt_wrap .txt1:before,
.page_txt .tt_wrap .txt1:after{ content:""; position:absolute; top:.1em; left:0; width:1.3em; height:1.3em; line-height:1.3em; text-align:center; font-family:xeicon; color:#fff;}
.page_txt .tt_wrap .txt1:before{ background:#919aa6; border-radius:100%;}
.page_txt .tt_wrap .txt1:after{ content:"\e928";}
.page_txt .tt_wrap .txt2{ padding:1.5em 2em; background:#f0f0f0; border:1px solid #fff; font-size:.938em; color:#424a53; line-height:1.5;}
.page_txt .tt_wrap .txt3{ margin-top:1em; font-size:.938em; color:#424a53; line-height:1.5; padding:2em; background:rgba(255,255,255,.1)}
.page_txt .tt_wrap .txt3 .page_num > li > .num{ background:#247bd2}
.page_txt .tt_wrap .round_tt{ display:inline-block; *display:inline; zoom:1; padding:.3em 1.5em; background:#fff; border:1px solid #0081c4; border-radius:40px;}

/*���ô±�*/
.location_wrap .map_info1 { overflow:hidden; margin-bottom:20px; box-shadow:2px 3px 8px -1px #a4a4a4; padding:1.5em; margin-top:2em; font-weight:300}
.location_wrap .map_info1 .t1 { float:left;}
.location_wrap .map_info1 .t1 span { color:#666; display:inline-block; margin-right:20px; line-height:38px; }
.location_wrap .map_info1 .t1 span:last-child { margin-right:0;}
.location_wrap .map_info1 .t1 .xi { font-size: 1.250em; vertical-align:middle; color:#fff; margin-right:5px; background: #247bd2; border-radius:50px; width:1.7em; height:1.7em; line-height:1.7em; text-align:center;}
.location_wrap .map_info1 .map_btn { float:right; display:inline-block; padding:11px 45px 10px 45px; color:#fff; background:#003f87; border:1px solid #ddd; }
.location_wrap .map_info1 .map_btn .tx{ font-size:.875em; color:#fff; vertical-align:middle}

/*����*/
.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-weight:500}
.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;}
.sub_history_wrap .sub_history_line{ position:absolute; z-index:inherit; width:1px; background:#ddd; left:81px; height:100%; margin-left:1px; top:-40px}
.sub_history_wrap .sub_history > li{ position:relative; z-index:inherit; width:100%; margin-top:40px}
.sub_history_wrap .sub_history > li .history{ padding:0 20px; border-bottom: 1px dotted #ccc;}
.sub_history_wrap .sub_history > li .history:before{content:''; position:absolute; top:20px;  left:-42px; width:10px; height:10px; background:#003f87; border-radius:100%;}
.sub_history_wrap .sub_history > li .history .year{ font-family:ns, sans-serif; font-size:1.9em; font-weight:600; 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;}
.sub_history_wrap .sub_history > li .history .list .tt{ display:block; font-size:1em; color:#222; line-height:1.4; margin-bottom:15px; vertical-align:middle;}
.sub_history_wrap .sub_history > li .history .list .txt {position:relative; padding-left:10px;}
.sub_history_wrap .sub_history > li .history .list .txt:before {position:absolute; content:""; width:5px; height:2px; background:#888; left:0; top:10px;}
.sub_history_wrap .sub_history > li .history .list .month{ min-width:100px; display:inline-block; color:#003f87;}

/*�Ƿ����Ұ�
.profile_wrap{ overflow:hidden; vertical-align:top; margin-bottom:20px;}
.profile_wrap .in_wrap{ margin:25px 0 3em 0; border-bottom:1px solid #ccc; overflow:hidden; width:100%; position:relative;}
.profile_wrap .in_wrap .img_wrap{ float:left; width:16%; border:1px solid #ddd; margin:0 0 2.5em 0; background:#fff; box-shadow:2px 3px 9px rgba(0,0,0,.2);}
.profile_wrap .in_wrap .img_wrap .resize {padding-bottom:115% !important;}
.profile_wrap .in_wrap .img_wrap .resize img {width:100%!important;}
.profile_wrap .in_wrap .info_wrap{ float:left; width:80%}
.profile_wrap .in_wrap .info_wrap .in{ margin:25px 0 70px 70px; width:80%}
.profile_wrap .in_wrap .info_wrap .in .top_w{ margin-bottom:2em;}
.profile_wrap .in_wrap .info_wrap .in .top_w .t1{ font-size:1em; padding-bottom:5px; padding-left:1px; letter-spacing:.2px; color:#4a3a23;}
.profile_wrap .in_wrap .info_wrap .in .top_w .t2{ font-size:1.250em;}
.profile_wrap .in_wrap .info_wrap .in .bot_w{ width:45%}
.profile_wrap .in_wrap .info_wrap .in .bot_w .tx{ color:#555; line-height:1.8; position:relative; padding-left:10px;}
.profile_wrap .in_wrap .info_wrap .in .bot_w .tx:before{ position:absolute; content:""; left:5px; top:10px; width:2px; height:2px; background:#666;}
.profile_wrap .in_wrap .info_wrap2 .plus{ position:absolute; right:0; bottom:0; display:block; width:40px; height:40px; border:1px solid #cbd4dd; border-bottom:none; cursor:pointer; font-size:1em; color:#555}
.profile_wrap .in_wrap .info_wrap2 .plus .xi{ text-align:center; display:block; position:relative; top:25%}
.profile_wrap .in_wrap .info_wrap2 .plus:hover,
.profile_wrap .in_wrap .info_wrap2.on:hover .plus{ background:#247bd2; color:#fff}
.profile_wrap .in_wrap .info_wrap2.on .plus{ border:1px solid #247bd2; color: #fff; border-bottom:none; background:#247bd2; transform: rotate(180deg);}
.profile_wrap .in_wrap .info_wrap2 .plus:hover{ border:1px solid #247bd2; border-bottom:none; color:#fff}
.profile_wrap .in_wrap .info_bw{ float:left; width:100%; display:none; border-top:1px solid #247bd2;}
.profile_wrap .in_wrap .info_bw > dl{ overflow:hidden; border-bottom:1px solid #cbd4dd; padding:25px 0;}
.profile_wrap .in_wrap .info_bw > dl:last-child{ border-bottom:none;}
.profile_wrap .in_wrap .info_bw > dl > dt{ float:left; width:24%;}
.profile_wrap .in_wrap .info_bw > dl > dt .tit:before{ content:""; position:absolute; left:0px; top:0; width:4px; height:20px; background:#247bd2}
.profile_wrap .in_wrap .info_bw > dl > dt .tit{ position:relative; padding:0 0 0 10px; background:url(../images/inc/s_dot3.gif) no-repeat left 5px; font-size:1.250em; color:#222; line-height:20px;}
.profile_wrap .in_wrap .info_bw > dl > dd{ float:left; width:50%; padding-right:10px;}
.profile_wrap .in_wrap .info_bw > dl > dd .txt { color:#555; line-height:1.8;}
*/


/*�Ƿ����Ұ� ����*/
.profile_wrap{ overflow:hidden;}
.profile_wrap .in_wrap2{ margin:1em 0 1em 0; overflow:hidden; width:50%; position:relative; float:left;}
.profile_wrap .in_wrap2 .img_wrap .img_w{ width:33.33%; border:1px solid #ddd; margin:0 0 2.5em 0; background:#fff; box-shadow:2px 3px 9px rgba(0,0,0,.2);}
.profile_wrap .in_wrap2 .img_wrap .resize { padding-bottom:115% !important;}
.profile_wrap .in_wrap2 .img_wrap .resize img { width:100%!important;}
.profile_wrap .in_wrap2 .img_wrap .top_w{ margin:2em 2em 0 2em; width:51%;}
.profile_wrap .in_wrap2 .img_wrap .top_w .t1{ font-size:1em; padding-bottom:5px; padding-left:1px; letter-spacing:.2px; color:#4a3a23;}
.profile_wrap .in_wrap2 .img_wrap .top_w .t2{ font-size:1.250em;}
.profile_wrap .in_wrap2 .img_wrap .top_w .t3{ font-size:.938em; margin-top:.5em; line-height:1.6}
.profile_wrap .in_wrap2 .info_wrap{ width:100%}
.profile_wrap .in_wrap2 .info_wrap .in .bot_w{ margin:1em 0 2em 0}
.profile_wrap .in_wrap2 .info_wrap .in .bot_w .tx{ color:#555; line-height:1.7; position:relative; /*padding-left:1em; */width:95%}
/*.profile_wrap .in_wrap2 .info_wrap .in .bot_w .tx:before{ position:absolute; content:""; left:5px; top:10px; width:2px; height:2px; background:#666;}*/
.profile_wrap .in_wrap2 .info_wrap2 .plus{ position:absolute; right:0; bottom:0; display:block; width:40px; height:40px; border:1px solid #cbd4dd; border-bottom:none; cursor:pointer; font-size:1em; color:#555}
.profile_wrap .in_wrap2 .info_wrap2 .plus .xi{ text-align:center; display:block; position:relative; top:25%}
.profile_wrap .in_wrap2 .info_wrap2 .plus:hover,
.profile_wrap .in_wrap2 .info_wrap2.on:hover .plus{ background:#247bd2; color:#fff}
.profile_wrap .in_wrap2 .info_wrap2.on .plus{ border:1px solid #247bd2; color: #fff; border-bottom:none; background:#247bd2; transform: rotate(180deg);}
.profile_wrap .in_wrap2 .info_wrap2 .plus:hover{ border:1px solid #247bd2; border-bottom:none; color:#fff}
.profile_wrap .in_wrap2 .info_bw{ float:left; width:100%; display:none; border-top:1px solid #247bd2;}
.profile_wrap .in_wrap2 .info_bw > dl{ overflow:hidden; border-bottom:1px solid #cbd4dd; padding:25px 0;}
.profile_wrap .in_wrap2 .info_bw > dl:last-child{ border-bottom:none;}
.profile_wrap .in_wrap2 .info_bw > dl > dt{ float:left; width:24%;}
.profile_wrap .in_wrap2 .info_bw > dl > dt .tit:before{ content:""; position:absolute; left:0px; top:0; width:4px; height:20px; background:#247bd2}
.profile_wrap .in_wrap2 .info_bw > dl > dt .tit{ position:relative; padding:0 0 0 10px; background:url(../images/inc/s_dot3.gif) no-repeat left 5px; font-size:1.250em; color:#222; line-height:20px;}
.profile_wrap .in_wrap2 .info_bw > dl > dd{ float:left; width:50%; padding-right:10px;}
.profile_wrap .in_wrap2 .info_bw > dl > dd .txt { color:#555; line-height:1.8;}

/*�Խ��� �ٷΰ���*/
.intro_wrap .intro_con{ padding:2em 0; /*border:2px solid #797f86; border-left:none; border-right:none; background-color:rgba(199,201,206,.4); */text-align:center;}
.intro_wrap .intro_con .con_wrap{ margin:0 -25px 0 0;}
.intro_wrap .intro_con .con_wrap > li{ width:50%;}
.intro_wrap .intro_con .con_wrap .inner{ margin:0 25px 0 0; padding:2em 2em; color:#fff; line-height:1.4; box-shadow:3px 3px 10px rgba(0,0,0,.3); transition:.2s;}
.intro_wrap .intro_con .con_wrap .bg1{ background:#3a485f;}
.intro_wrap .intro_con .con_wrap .bg2{ background:#375890;}
.intro_wrap .intro_con .con_wrap .bg3{ background:#29323d;}
.intro_wrap .intro_con .con_wrap .tit{ font-size:1.375em; font-weight:500; height:2.3em; border-bottom:1px solid #fff; text-shadow:1px 1px 1px rgba(0,0,0,.2);}
.intro_wrap .intro_con .con_wrap .txt{ font-size:.938em; height:5.5em; margin-top:1.6em; padding:0 .5em;}
.intro_wrap .intro_con .con_wrap .btn{ display:block; padding:.5em 1em; border:1px solid rgba(255,255,255,.4); color:#fff; transition:.2s;}
.intro_wrap .intro_con .con_wrap .btn .tt{ display:inline-block; vertical-align:middle; font-size:.875em;}
.intro_wrap .intro_con .con_wrap .btn .xi{ display:inline-block; vertical-align:middle; padding-left:1em; position:relative; left:0; transition:.2s;}
.intro_wrap .intro_con .con_wrap .btn .xi:before{ content:"\e90b";}
.intro_wrap .intro_con .con_wrap .btn:hover{ background:#fff; border-color:#fff;}
.intro_wrap .intro_con .con_wrap .btn:hover .tt{ color:#3a485f}
.intro_wrap .intro_con .con_wrap .btn:hover .xi{ left:1em; color:#3a485f}
/*.intro_wrap .intro_con .con_wrap .inner:hover{ background:#247bd2;}
*/


/*�Ŀ��ȳ�*/
.sub7_1wrap{ padding:0 1em}
.sub7_1wrap .topBox{ overflow:hidden; position:relative}
.sub7_1wrap .topBox .tBox{ width:55%; float:left; padding-left:1em;}
.sub7_1wrap .topBox .imgBox{ width:35%; float:right; position:absolute; bottom:1.5em; right:1em}
.sub7_1wrap .topBox .tt{ font-size:1.570em; color:#004da6; font-family:'NanumBarunGothicBold'; margin-bottom:1em}
.sub7_1wrap .topBox .t1{ line-height:1.6; margin-bottom:1em; word-break:break-all}
.sub7_1wrap .topBox .name{ font-family:'NanumBarunGothicBold';}
.sub7_1wrap .bottomBox{ overflow:hidden}
.sub7_1wrap .bottomBox .leftB{ border:1px solid #ccc; width:43%; border-radius:3px; background:#f5f5f5; padding:2em; float:left}
.sub7_1wrap .bottomBox .tit{ font-family:'NanumBarunGothicBold'; margin-bottom:1em; font-size:1.125em; display:block}
.sub7_1wrap .bottomBox ul li{ margin:.3em 0}
.sub7_1wrap .bottomBox ul li .c1{ border-radius:.5em; background:#4b5765; color:#fff; width:80px; padding:.3em 0; display:inline-block; font-size:.938em; text-align:center; margin-rgiht:.5em}
.sub7_1wrap .bottomBox ul li .c_result{ padding-left:.5em; color:#333; display:inline-block}
.sub7_1wrap .bottomBox .rightB{ border:1px solid #ccc; width:43%; border-radius:3px; background:#738cc2; padding:2em; float:right}
.sub7_1wrap .bottomBox .rightB .tit{ font-size:1.375em; font-weight:600; height:2.3em; border-bottom:1px solid #fff; text-shadow:1px 1px 1px rgba(0,0,0,.2); color:#fff; text-align:center}
.sub7_1wrap .bottomBox .rightB .txt{ font-size:.938em; height:5.3em; margin-top:1.6em; padding:0 .5em; color:#fff; display:block; text-align:center; line-height:1.6}
.sub7_1wrap .bottomBox .rightB .btn{ display:block; padding:.5em 1em; border:1px solid rgba(255,255,255,.4); color:#fff; transition:.2s; text-align:center}
.sub7_1wrap .bottomBox .rightB .btn .tt{ display:inline-block; vertical-align:middle; font-size:.875em;}
.sub7_1wrap .bottomBox .rightB .btn .xi{ display:inline-block; vertical-align:middle; padding-left:1em; position:relative; left:0; transition:.2s;}
.sub7_1wrap .bottomBox .rightB .btn .xi:before{ content:"\e90b";}
.sub7_1wrap .bottomBox .rightB .btn:hover{ background:#fff; border-color:#fff;}
.sub7_1wrap .bottomBox .rightB .btn:hover .tt{ color:#3a485f}
.sub7_1wrap .bottomBox .rightB .btn:hover .xi{ left:1em; color:#3a485f}



/*ȸ��Ż�� �����ȳ�*/
.memo_wrap{ border:1px solid #ddd; border-radius:.5em; padding:2em 3em; margin-bottom:2em}
.memo_wrap.st{ background:#f9f9f9}
.memo_wrap *{ vertical-align: top}
.memo_wrap .t1{ color:#555; line-height:1.5}
.memo_wrap .t2{ font-size:.813em; color:#111; line-height:1.5}
.memo_wrap .c1{ color:#FF3333}
.memo_wrap .tel{ font-family:tahoma,sans-serif; font-weight:bold; color:#111; font-family:1.25em}
.memo_wrap .tel .xi{ margin-right:.25em}
.memo_wrap .li_st > li{ list-style:disc outside; margin-left:1em; margin-top:.5em}
.memo_wrap .li_st:first-child > li:first-child{ margin-top:0}


/*��������ó����ħ*/
.privacy_area{ border-top:2px solid #333; border-bottom:1px solid #666; position:relative; /*height:800px; overflow-y:scroll;*/ }
.privacy_area .privacy_tt{ position:absolute; left:0; top:0; width:178px; height:100%; border-left:1px solid #ccc; border-right:1px solid #ccc; background:url(../images/member/agree_bg.png) no-repeat left top; text-align:right;}
.privacy_area .privacy_tt strong{ display:inline-block; *display:inline; zoom:1; font-size:1.308em; font-family:'NanumBarunGothicBold'; color:#fff; padding:20px 15px 0;}
.privacy_area .privacy_box{  background-color:#f9f9f9; padding:30px;}
.privacy_area .privacy_box .txt{ font-weight:600; color:#444; line-height:20px; margin-bottom:15px;}
.privacy_area .privacy_box .privacy_in{ height:140px; padding:30px; border:1px solid #ccc; background:#fff; line-height:18px; overflow-y:scroll;}
.privacy_area .privacy_box .privacy_in p{ line-height:1.4; margin-bottom:10px; color:#555;}
.privacy_area .privacy_box .privacy_in.h_st{ overflow-y:hidden; height:auto;}
.privacy_area .privacy_box .privacy_inp{ margin-top:25px; text-align:right;}
.privacy_area .privacy_box .privacy_inp input,
.privacy_area .privacy_box .privacy_inp label{ vertical-align:middle; cursor:pointer;}
.privacy_area .privacy_box .privacy_inp input{ margin-left:15px;}
.privacy_area .privacy_box .privacy_inp label{ margin-left:8px;}
.privacy_area .privacy_box .privacy_inp label:hover{ color:#3992ed;}

.privacy_area.st .privacy_box{ margin-left:0; padding:30px;}
.privacy_area.st .privacy_box .privacy_in{ padding:30px; font-size:0.875em; line-height:1.6}

.privacy_area .privacy_box .privacy_in .privacy_tit{border:1px solid #ccc; padding:20px; background:#f1f1f1; text-align:center;}
.privacy_area.st .privacy_box .privacy_in p{color:#666;  line-height:21px; padding-left:5px;}
.privacy_area.st .privacy_box .privacy_in p >strong{ font-size:1.154em; color:#333; margin-left:-5px; font-family:'NanumBarunGothicBold';}


/*�̸��Ϲ��ܼ���*/
.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;}

/*�Խ����̿��Ģ*/
.page_email .email_con .tit.st{ text-align:left; font-size:1em; color:#333}
.page_email .email_con .con_wrap2{ margin-top:2em}
.page_email .email_con .t2{ font-size:1em; color:#333; padding:1em 0}
.page_email .email_con .t2 .c1{ vertical-align:baseline; color:#da281f}

/*ȸ����������*/
.modify_wrap .mem_wrap li{ margin:.5em 0}
.modify_wrap .mem_wrap .mem_ti .pBox{ margin:0 .5em; border-radius:.3em; color:#fff; padding:.3em .5em;}
.modify_wrap .mem_wrap .mem_ti .pBox.p1{ background:#e10035}
.modify_wrap .mem_wrap .mem_ti .pBox.p2{ background:#89919a}
.modify_wrap .mem_wrap .mem_ti .pBox.p3{ background:#738cc2}
.modify_wrap .mem_wrap .mem_ti .pBox.p4{ background:#ebbc54}
.modify_wrap .mem_wrap .mem_ti .pBox.p5{ background:#50ac6d}
.modify_wrap .mem_wrap .mem_ti .pBox.p6{ background:#7bc9d6}
.modify_wrap .mem_wrap .mem_ti .pBox.p7{ background:#9524c3}


.map_info { overflow:hidden; margin-bottom:20px; box-shadow:2px 3px 8px -1px #a4a4a4; padding:1.5em; margin-top:2em; font-weight:300}
.map_info .t1 { float:left;}
.map_info .t1 span { color:#666; display:inline-block; margin-right:20px; line-height:38px; }
.map_info .t1 span:last-child { margin-right:0;}
.map_info .t1 .xi { font-size: 1.250em; vertical-align:middle; color:#fff; margin-right:5px; background: #247bd2; border-radius:50px; width:1.7em; height:1.7em; line-height:1.7em; text-align:center;}
.map_info .map_btn { float:right; display:inline-block; padding:11px 45px 10px 45px; color:#fff; background:#003f87; border:1px solid #ddd; }
.map_info .map_btn .tx{ font-size:.875em; color:#fff; vertical-align:middle}

.grt_wrap{}
.grt_wrap .txt_wrap{line-height:1.6;}

.sub_page_wrap{}
.sub_page_wrap .sub_page_title{font-size:1.25em; padding-left:24px; position:relative; font-weight:bold; margin-bottom:2rem;}
.sub_page_wrap .sub_page_title:not(:first-of-type){margin-top:5rem;}
.sub_page_wrap .sub_page_title:before{content:'\eb66'; display:block; font-family:'xeicon'; font-size:1.125em; color:#247bd2; position:absolute; left:0; top:43%; transform:translateY(-50%);}
.sub_page_wrap .sub_page_in{border:1px solid #ddd; border-radius:8px; padding:1.25em 1.5em; box-sizing:border-box; background:#fcfcfc; margin:0 4px;}
.sub_page_wrap .sub_page_in .t1{line-height:1.8; font-size:.9375em;}
.sub_page_wrap .sub_page_in .t1.num_st{padding-left:24px; position:relative;}
.sub_page_wrap .sub_page_in .t1.num_st:before{display:block; font-size:1em; position:absolute; left:0; top:0;}
.sub_page_wrap .sub_page_in .t1.num_st:nth-of-type(1):before{content:'1.';}
.sub_page_wrap .sub_page_in .t1.num_st:nth-of-type(2):before{content:'2.';}
.sub_page_wrap .sub_page_in .t1.num_st:nth-of-type(3):before{content:'3.';}
.sub_page_wrap .sub_page_in .t1.num_st:nth-of-type(4):before{content:'4.';}
.sub_page_wrap .sub_page_in .t1.num_st:nth-of-type(5):before{content:'5.';}
.sub_page_wrap .sub_page_in .t1.num_st:nth-of-type(6):before{content:'6.';}
.sub_page_wrap .sub_page_in .t1.num_st:nth-of-type(7):before{content:'7.';}
.sub_page_wrap .sub_page_in .t1.num_st:nth-of-type(8):before{content:'8.';}
.sub_page_wrap .sub_page_in .t1.num_st:nth-of-type(9):before{content:'9.';}
.sub_page_wrap .sub_page_in .t1.num_st:nth-of-type(10):before{content:'10.';}
/*.sub_page_wrap .sub_page_in p.icon_st{padding-left:20px; position:relative; box-sizing:border-box;}
.sub_page_wrap .sub_page_in p.icon_st:before{content:'\e92e'; display:block; font-size:1.125em; font-family:'xeicon'; position:absolute; left:0; top:46%; transform:translateY(-50%);}*/
.sub_page_wrap .sub_page_in table td{background:#fff;}

.sub_page_wrap .sub_page_in .sub_page_in2{background:#fff; border:1px solid #ddd; margin:.875rem 0; padding:1.5em; box-sizing:border-box;}

.table_notice{display:none;}

.table_sm_horType{border-top:2px solid #247bd2;}
.table_sm_horType th{padding:1.125em 0; background:#f5f5f5; border-bottom:1px solid #ddd;}
.table_sm_horType td{padding:1.125em 0; border-bottom:1px solid #ddd; padding-left:1em; padding-right:1em; box-sizing:border-box; line-height:1.4;}

.table_sm_verType{border-top:2px solid #247bd2;}
.table_sm_verType th{padding:1.125em 0; background:#f5f5f5; border-bottom:1px solid #ddd;}
.table_sm_verType td{padding:1.125em 0; border-bottom:1px solid #ddd; padding-left:1em; padding-right:1em; box-sizing:border-box; line-height:1.4; text-align:center;}
.table_sm_verType td:not(:first-of-type){border-left:1px solid #ddd;}

a.app_view_btn{}
a.app_view_btn:hover{text-decoration:underline; color:#24456d;}

.map_box{}
.map_box .root_daum_roughmap_landing{width:100% !important;}

#LeftNavigation .m_guide{display:none;}

.sel_notice{font-size:.875em; color:#777; margin-top:.5rem;}

.input_sec_line{width:98%; height:1px; background:#aaa; margin:1rem auto;}

.flex .label_st{margin-right:20px;}