@charset "utf-8";
/* CSS Document */
body{ font-size:16px}
.box0{ margin:0 4%}
.box1{ width:1200px; margin:0 auto; max-width:96%;}
.box2{ width:1100px; margin:0 auto; max-width:96%;}

#header{ position:fixed; left:0; top:0; width:100%; z-index:1000}
#header:before{ content:""; position:absolute; left:0; top:0; width:100%; height:0; background:#fff; opacity:0;}
#header .top_wrap{ height:5em;}
#header .logo{ position:relative; height:100%; box-sizing:border-box}
#header .logo > a{ display:block; position:relative; background-image:url(../images/inc/logo_tit1.png); background-repeat:no-repeat; background-position:left center; background-size:contain; width:15em; height:95%; top:3%}
#header .logo > a img{ max-height:100%}

#header .gnb_wrap{ position:absolute; width:100%; left:0; top:0; box-sizing:border-box; padding:0 20em; text-align:center}
#header .gnb_wrap .gnb{ display:inline-flex; justify-content:center; margin:0 auto}
#header .gnb_wrap .gnb:before{ content:""; position:absolute; left:0; top:5em; width:100%; height:calc(100% - 5em); background:#fff; transform:scaleY(0); transform-origin:left top; transition:.5s; z-index:-1; box-sizing:border-box; box-shadow:0 1px 4px rgba(0,0,0,.2)}
#header .gnb_wrap .gnb > li{ position:relative}
#header .gnb_wrap .gnb > li.fSt,
#header .gnb_wrap .gnb > li.m_member,
#header .gnb_wrap .gnb > li.m_mypage,
#header .gnb_wrap .gnb > li.m_guide {display:none;}
#header .gnb_wrap .gnb > li .dp1{ position:relative; z-index:1; color:#fff; display:block; padding:0 1em; min-width:8em}
#header .gnb_wrap .gnb > li .dp1:after{content:""; position:absolute; bottom:0; width:0; margin-left:-1.5em; left:50%; height:3px; background:#043b89; transition:.3s;}
#header .gnb_wrap .gnb > li:hover .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after{ width:3em}
#header .gnb_wrap .gnb > li .dp1 .va{ padding-top:.25em; font-size:1.125em;}
#header .gnb_wrap .gnb > li:hover .dp1{ color:#043b89}
#header .gnb_wrap .gnb > li.on .dp1 {}
#header .gnb_wrap .gnb > li:hover .dp1:after{ transform:scaleX(1)}x
#header .gnb_wrap .gnb > li .dp1 .va{ font-size:1.25em; font-weight:500}
#header .gnb_wrap .gnb > li .dp2{ display:block; opacity:0; height:0; overflow:hidden}
#header .gnb_wrap .gnb > li .dp2 > li > a{ height:auto; padding:.75em 0; color:#5c5e5e}
#header .gnb_wrap .gnb > li .dp2 > li > a .va{font-size:.938em;}

#header .gnb_wrap .gnb > li .dp2 {border-right:1px solid #eee;}
#header .gnb_wrap .gnb > li:first-child .dp2 {border-left:1px solid #eee;}
#header .gnb_wrap .gnb > li .dp2 > li:hover > a,
#header .gnb_wrap .gnb > li .dp2 > li.on > a{ color:#043b89}
#header .gnb_wrap .gnb > li .dp3{ display:none}
#header .gnb_wrap:hover .gnb:before{transform:scaleY(1); transition:.3s; transition-delay:.1s}
#header .gnb_wrap:hover .gnb:after{ visibility:visible; transition-delay:.3s}
#header .gnb_wrap:hover .gnb > li .dp2{ opacity:1; height:calc(100% - 5em); overflow: visible; transition:.3s; transition-delay:.1s; padding:1em 0 2em 0}
#header .gnb_wrap  + .gnb_bg{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:-2; opacity:0; visibility:hidden}
#header .gnb_wrap:hover + .gnb_bg{opacity:1; visibility: visible; transition:.3s; transition-delay:.1s;}
#header .gnb_wrap .gnb > li:hover .dp1 .va{ color:#043b89}
#header .gnb_wrap .gnb > li:hover .dp2 {background:#f9f9f9}

#header .etc_wrap {z-index:999}
#header .etc_wrap .mem_wrap {}
#header .etc_wrap .mem_wrap .etc {}
#header .etc_wrap .mem_wrap .etc > li {}
#header .etc_wrap .mem_wrap .etc > li .in {color:#fff; display:block;}
#header .etc_wrap .mem_wrap .etc > li .in .xi {vertical-align:middle; display:inline-block; padding-right:3px; font-size:1em;}
#header .etc_wrap .mem_wrap .etc > li .in .tt {font-size:.938em; vertical-align:middle}
#header .etc_wrap .mem_wrap .etc > li .in .tt.st1 {border-radius:3em; border:1px solid #fff; padding:.2em 1.3em; font-size:.875em !important}
#header .etc_wrap .mem_wrap .etc > li:hover .in .tt {color:#043b89; transition:.3s;}

#header .etc_wrap .all_wrap{}
#header .etc_wrap .all_wrap .all_btn{ display:block; color:#fff; line-height:5em; width:5em; text-align:center; position:relative}
#header .etc_wrap .all_wrap .all_btn:before{ content:""; position:absolute; left:0; top:0; width:100%; height:0; background:#1f56a4; transition:.3s}
#header .etc_wrap .all_wrap .all_btn .xi{ font-size:3em; position:relative}

#header .etc_wrap .all_wrap:hover .all_btn,
#header .etc_wrap .all_wrap.on .all_btn{ color:#fff !important; }
#header .etc_wrap .all_wrap:hover .all_btn:before,
#header .etc_wrap .all_wrap.on .all_btn:before{ height:100%}
#header .etc_wrap .all_wrap.on .all_btn {line-height:4em;}
.scroll #header .etc_wrap .all_wrap .all_btn {line-height:4em;}

#header .etc_wrap .all_wrap .all{ position:fixed; left:0; top:0; width:100%; height:100%; background:#fff; visibility:hidden; opacity:0; overflow-y:auto; transition:.3s; transform:scale(.5); z-index:10000}
#header .etc_wrap .all_wrap.on .all{ visibility:visible; opacity:1; transform:scale(1)}
#header .etc_wrap .all_wrap .all .close_btn{ position:absolute; top:1em; right:2em; width:3em; line-height:3em; text-align:center; opacity:.5; transition:.3s}
#header .etc_wrap .all_wrap .all .close_btn .xi{ font-size:3em}
#header .etc_wrap .all_wrap .all .close_btn:hover{ transform:rotate(90deg); opacity:1}
#header .etc_wrap .all_wrap .all .all_logo{ text-align:center; padding:3em 0}
#header .etc_wrap .all_wrap .all .all_logo img {width:8em;}
#header .etc_wrap .all_wrap .all .gnb a{ height:auto}
#header .etc_wrap .all_wrap .all .gnb{ justify-content:space-between; padding-bottom:5em}
#header .etc_wrap .all_wrap .all .gnb > li{ flex:0 1 24%}
#header .etc_wrap .all_wrap .all .gnb > li.fSt,
#header .etc_wrap .all_wrap .all .gnb > li.m_member,
#header .etc_wrap .all_wrap .all .gnb > li.m_mypage,
#header .etc_wrap .all_wrap .all .gnb > li.m_guide {display:none;}
#header .etc_wrap .all_wrap .all .gnb > li .dp2,
#header .etc_wrap .all_wrap .all .gnb > li .dp3{ display:block}
#header .etc_wrap .all_wrap .all .gnb > li .dp1{ border-top:5px solid #ddd; border-bottom:1px solid #aaa; height:5em; position:relative}
#header .etc_wrap .all_wrap .all .gnb > li .dp1:after{ content:""; position:absolute; left:0; top:-5px; width:0; height:5px; background:#043b89; transition:.3s}
#header .etc_wrap .all_wrap .all .gnb > li .dp1 .va{ font-size:1.25em; font-weight:700}
#header .etc_wrap .all_wrap .all .gnb > li:hover .dp1{ color:#043b89}
#header .etc_wrap .all_wrap .all .gnb > li:hover .dp1:after{ width:100%}
#header .etc_wrap .all_wrap .all .gnb > li .dp2{}
#header .etc_wrap .all_wrap .all .gnb > li .dp2 > li > a{ padding:1em; border-bottom:1px solid #ddd; text-align:left; position:relative; padding-left:2em; font-size:.938em;}
#header .etc_wrap .all_wrap .all .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}
#header .etc_wrap .all_wrap .all .gnb > li .dp2 > li:hover > a{ background:#f5f5f5; color:#043b89}
#header .etc_wrap .all_wrap .all .gnb > li .dp2 > li:hover > a:after{ color:#043b89}
#header .etc_wrap .all_wrap .all .gnb > li .dp2 > li:hover > .dp3{ background:#f9f9f9}
#header .etc_wrap .all_wrap .all .gnb > li .dp3{ padding:.5em 0; border-bottom:1px solid #ddd}
#header .etc_wrap .all_wrap .all .gnb > li .dp3 > li > a{ padding:.25em .75em; text-align:left}
#header .etc_wrap .all_wrap .all .gnb > li .dp3 > li > a .va{ font-size:.875em; color:#666}
#header .etc_wrap .all_wrap .all .gnb > li .dp3 > li > a .va:before{ content:"- "; display:inline-block; padding-right:1em}
#header .etc_wrap .all_wrap .all .gnb > li .dp3 > li:hover > a .va{ text-decoration:underline; color:#333}
#header .etc_wrap .all_wrap .all .gnb > li .dp3 > li:hover > a .va:before{ text-decoration:none}

#header .mem_wrap .etc > li .in {color:#fff; display:inline-block; width:5em;}
#header .mem_wrap .etc > li .in > * {vertical-align:middle !important; display:inline-block}
#header .mem_wrap .etc > li .in .xi {font-size:1em; padding-right:3px; }
#header .mem_wrap .etc > li .in .tt {font-size:.875em; font-family:score,sans-serif;}

#header:hover {background:#fff;}
#header.hide{ transform:translateY(-6em)}
.headerH,
#header .va_wrap{ height:5em}
.headerT{ padding-top:5em}

#header:hover:before {opacity:1; transition:.3s;}
#header:hover .gnb_wrap .gnb > li .dp1 .va {color:#5c5e5e}
#header:hover .etc_wrap .mem_wrap .etc > li .in {color:#5c5e5e}
#header:hover .etc_wrap .all_wrap .all_btn .xi {transition:.3s; color:#5c5e5e}
#header:hover .etc_wrap .mem_wrap .etc > li .in .tt.st1 {border:1px solid #5c5e5e;}
#header .etc_wrap .all_wrap .all_btn:hover {background:#043b89; transition:.3s;}
#header .etc_wrap .all_wrap .all_btn:hover .xi {color:#fff !important;}
#header:hover .logo > a{ background-image:url(../images/inc/logo_tit1.png); z-index:111 !important; }

#header.hide{ transform:translateY(-6em)}
#header.on .etc_wrap .all_wrap .all_btn:before{ height:100%}
#header.on:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#fff; opacity:.2}
#header.on:before{ opacity:1; height:100%; box-shadow:0 1px 5px rgba(0,0,0,.3); z-index:-1;}
#header.on .gnb_wrap .gnb > li .dp1{ color:#333}
#header.on .etc_wrap .lang .lang_btn{ border-color:#ccc; color:#666}
#header.on .logo > a{ background-image:url(../images/inc/logo_tit1.png)}
#header.on .mem_wrap .etc > li .in{ color:#333}

.dp1_member #header .gnb_wrap .gnb > li .dp1 {color:#111;}
.dp1_member #header .etc_wrap .mem_wrap .etc > li .in {color:#222;}
.dp1_member #header .etc_wrap .all_wrap .all_btn {color:#222;}

.sub #header {background:#fff; box-shadow:0 1px 5px rgba(0,0,0,.3);}
.sub #header .gnb_wrap .gnb > li .dp1 {color:#111;}
.sub #header .etc_wrap .mem_wrap .etc > li .in {color:#111;}
.sub #header .etc_wrap .all_wrap .all_btn {color:#111;}

/**/
.mainSlider{ position:relative}
.mainSlider .el{ height:100vh; position:relative; overflow:hidden}
.mainSlider .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transform:scale(1.3,1.3); transition-delay:1s}
.mainSlider .el .box1{ position:relative}
.mainSlider .slogan{ position:relative; top:30vh; color:#fff; text-align:center}
.mainSlider .slogan .icon{ font-size:4em; transform:translateY(1em); opacity:0}
.mainSlider .slogan .t1{ font-size:1.750em; font-weight:700;letter-spacing:.3em; word-spacing:2px; transform:translateY(1em); opacity:0}
.mainSlider .slogan .t1 strong {display:block; font-size:1.8em; padding-top:.2em;}
.mainSlider .slogan .t2{ font-size:1.5em;  line-height:1.6; font-weight:500; word-spacing:2px;  transform:translateY(2em); opacity:0; margin-top:3em; letter-spacing:-1px;}
.mainSlider .slogan .line{ position:relative; margin:2em 0}
.mainSlider .slogan .line:before,
.mainSlider .slogan .line:after{ content:""; position:absolute; height:2px; background:#fff; width:0; opacity:0}
.mainSlider .slogan .line:before{ left:50%;}
.mainSlider .slogan .line:after{ right:50%;}
.mainSlider .el.swiper-slide-active .bg,
.mainSlider .el.swiper-slide-duplicate-active .bg{transform:scale(1,1); transition:3s; transition-delay:0; transition-timing-function:ease-in-out}
.mainSlider .el.swiper-slide-active .slogan .icon{ transform:translateY(0); opacity:1; transition:1s}
.mainSlider .el.swiper-slide-active .slogan .t1{ transform:translateY(0); opacity:1; transition:1s; transition-delay:.5s}
.mainSlider .el.swiper-slide-active .slogan .t2{ transform:translateY(0); opacity:1; transition:1s; transition-delay:1s}
.mainSlider .el.swiper-slide-active .slogan .line:before,
.mainSlider .el.swiper-slide-active .slogan .line:after{ width:2em; opacity:1; transition:2s; transition-delay:.5s}

.mainControl{ position:absolute; left:0; bottom:2em; width:100%; z-index:100}
.mainControl .box0{ position:relative}
.mainControl .mainSlider-btn{ width:3.25em; cursor:pointer; line-height:2.5em; color:#fff; outline:none; text-align:center}
.mainControl .mainSlider-btn .xi{ font-size:1.5em}
.mainControl .mainSlider-btn:hover{ color:#fff; opacity:1}
.mainControl .mainProgress{ text-align:center; margin-right:1em}
.mainControl .mainPauseWrap{ position:absolute; left:0; width:4.375em; text-align:center; top:0}
.mainControl .mainPauseWrap .mainSlider-btn{ line-height:3.25em}
.mainControl .mainPauseWrap .mainSlider-btn .xi{ font-size:1.5em;}
.mainControl .mainPauseWrap .mainSlider-play{ display:none}
.mainControl .mainPauseWrap.pause .mainSlider-pause{ display:none}
.mainControl .mainPauseWrap.pause .mainSlider-play{ display:block; opacity:1; color:#fff}
.mainControl .mainSlider-pagination{ margin-top:2em}
.mainControl .mainSlider-pagination span{ width:1em; height:1em; background:#fff; border-radius:0; font-size:.625em; opacity:.7; margin:0 .25em; transition:.3s}
.mainControl .mainSlider-pagination span.swiper-pagination-bullet-active{ width:7em; opacity:1;}

#scrollAni{ position: absolute; left:50%; width:6em; margin-left:-3em; text-align:center; bottom:2em; opacity:1; z-index:100; text-decoration:none; animation-name: downAni; animation-duration: 3s; animation-iteration-count: infinite}
#scrollAni .xi{ vertical-align:middle}
#scrollAni .xi-mouse{font-size:3em; color:#fff; margin-right:-7px}
#scrollAni .xi-scroll{font-size:2em; color:#fff; margin-left:-7px}
#scrollAni .tt{ display:block; color:#fff; font-size:.75em; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; letter-spacing:0}
#scrollAni.hide{ opacity:0; z-index:-1}

@keyframes downAni{
60% {margin-bottom:0}
80% {margin-bottom:-1em}
100% {margin-bottom:0}
}

.main_tit{ text-align:center; position:relative; z-index:999; padding-top:3em; display:none;}
.main_tit.st {padding-top:4em}
.main_tit .t1{ display:inline-block; font-weight:400; color:#777; letter-spacing:.125em; border:1px solid #777; border-top:none; border-bottom:none; padding:.075em 1.5em; margin-bottom:1.5em; font-size:.813em; font-family:'score'}

.mainNav_wrap{ position:fixed; z-index:999; right:0; top:0; height:100%}
#mainNav > li *{transition:.3s}
#mainNav > li > a{ display:block; text-align:right; margin:10px 0}
#mainNav > li > a .line,
#mainNav > li > a .tt{ display:inline-block; *display:inline; zoom:1; vertical-align:middle}
#mainNav > li > a .line{ height:4px; width:4px; border-radius:50%; background:#555; margin-left:.5em; margin-right:2em; opacity:.5}
#mainNav > li > a .line .xi {opacity:0;}
#mainNav > li > a .tt{ letter-spacing:1px; font-family: 'score'; color:#ccc; font-size:.6em; opacity:0; visibility:hidden; display:none}
#mainNav > li:hover> a .line,
#mainNav > li.on > a .line{ width:1.8em; line-height:1.8em; height:1.8em; border-radius:50%; opacity:1; text-align:center;}
#mainNav > li.on > a .line .xi {opacity:1; font-size:.938em; color:#fff;}
#mainNav > li:hover > a .tt,
#mainNav > li.on > a .tt{ opacity:1; visibility:visible; transition:.3s}
#mainNav > li:hover> a .line .xi {opacity:1; visibility:visible; font-size:.938em; color:#fff; text-align:center;}
#mainNav > li:hover:not(.on) > a .tt{ opacity:1}
.color #mainNav > li > a .line{ background:#333}
.color #mainNav > li > a .tt{ color:#333}

.main_service{width:100%; height:100%;}
.main_service > li{box-sizing:border-box; flex-basis:25%; position:relative; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.main_service > li > a{ text-align:center; box-sizing:border-box; position:relative; z-index:11; height:100%; transform: scale(1.0,1.0); transition:transform 1300ms ease-in-out; }
.main_service > li > a .t1{ display:block; font-weight:700; font-size:1.6em; color:#fff; letter-spacing:.15em;}
.main_service > li > a .t2{ display:block; margin-top:1em; font-weight: 300; opacity:.85; font-size:1.125em; color:#fff; font-size:1em; letter-spacing:-.2px; display:none}
.main_service > li > a .t3{ color:#fff; font-size:.875em; line-height:1.5; display:block}
.main_service > li > a .line {background:#fff; display:inline-block; width:30px; height:1px; margin:1.5em auto;}
.main_service > li.bg1 {background-image:url(../new/main2/images/temp/con4_bg1.jpg)}
.main_service > li.bg2 {background-image:url(../new/main2/images/temp/con4_bg2.jpg)}
.main_service > li.bg3 {background-image:url(../new/main2/images/temp/con4_bg3.jpg)}
.main_service > li.bg4 {background-image:url(../new/main2/images/temp/con4_bg4.jpg)}

.main_service > li:after{ content:''; width:100%; height:100%; position:absolute; top:0; bottom:0; left:0; background:#114a76; opacity:.2; transition:0.3s; z-index:10;}
.main_service > li:nth-child(2n+1):after{ background:#000; opacity:.2;}
.main_service > li:hover:after{opacity:.6; background:#043b89} 
.main_service > li:hover .info{transition:.3s;}
.main_service > li:hover .more{ opacity:1;}
.main_service > li:hover > a { transform: scale(1.15,1.15) rotate(0.01deg);}

/**/
.con2_In {margin-top:1em;}
.con2_In .con2_list {margin:2em 0 0 -1.5em;}
.con2_In .con2_list > li {flex:1; cursor:pointer;}
.con2_In .con2_list > li .inner {margin:0 0 0 1.5em; border:1px solid rgba(255,255,255,.4); text-align:center; color:#fff; padding:3em 2em; position:relative;}
.con2_In .con2_list > li .inner:after { content:""; position:absolute; z-index:2; left:0; right:0; top:0; bottom:0; background:#043b89; box-shadow:2px 2px .75em rgba(0,0,0,.4); transform:scale(1); opacity:0; visibility:hidden; transition:.2s;}
.con2_In .con2_list > li .inner .con {z-index:3; position:relative;}
.con2_In .con2_list > li .inner .icon {}
.con2_In .con2_list > li .inner .t1 {font-size:1.7em; font-weight:500; padding:1.3em 0;}
.con2_In .con2_list > li .inner .t2 {font-size:.938em; line-height:1.4; opacity:.9;}
.con2_In .con2_list > li .inner:hover:after{ transform:scale(1.12); opacity:1; visibility:visible;} 
.btn01{ color:#fff !important; font-size:0.938em; display:inline-block; margin-top:3em;}
.btn01.color{ color:#333 !important}
.btn01.color .xi{ border-color:#333 !important}
.btn01.color:hover .xi{ border-color:#043b89 !important}
.btn01 .xi{width:40px; height:40px; text-align:center; line-height:40px; border:1px solid #fff; border-radius:50%; margin-left:1.3em;  transition:0.3s;}
.btn01:hover{ color:#043b89}
.btn01:hover .xi{ margin-left:2em; background:#043b89; border-color:#043b89; color:#fff;}
.main3_main_tit{padding:0 0 2em 0; text-align:center; font-family:score,sans-serif;}
.main3_main_tit .t1{ font-weight:600; color:#333; font-size:2.5em; padding-bottom:.3em; letter-spacing:-.2px; }
.main3_main_tit .t2{ color:#666; font-size:1.125em}
.main3_main_tit .t1.st {color:#fff !important;}
.main3_main_tit .t2.st {color:#fff !important;}
.main_tit2.sec4St {text-align:center}

/**/
.main_brand{ }
.main_brand .prodBg{ position:absolute; top:0; left:0; width:40%; height:100%; background-image:url(../new/main2/images/temp/con5_bg.jpg); background-size:cover;}
.main_brand .left{width:35em; position:relative;}
.main_brand .right{ flex:1; min-width:0; margin:3% 4% 0 2%;}
.main_brand .left .in{ position:relative; padding-left:25%;}
.main_brand .left .in .p1{font-size:4em; font-weight:600; opacity:.2; color:#fff;}
.main_brand .left .in .p1 .st1{display:block; margin-top:-10px; color:#fff; font-weight:400;}
.main_brand .left .in .p11 {font-size:3.250em; font-weight:700; color:#fff; margin-top:-.9em;}
.main_brand .left .in .p2{color:#fff; font-size:1.125em; margin-top:1.8em; line-height:1.6; font-weight:300; letter-spacing:-.5px;}
.main_brand .left .in .in_btn {border:1px solid #fff; padding:.8em 1.5em; margin-top:2em; border-radius:2em; display:inline-block}
.main_brand .left .in .in_btn .tt {color:#fff; text-align:center; font-size:.938em;}
.main_brand .left .in .in_btn:hover {background:rgba(0,0,0,.8); transition:.3s; border:1px solid #333;}
.main_brand .right .in .p_tit{font-size:2.5em; font-weight:600; color:#000;}
.main_brand .right .in .tab_idx{margin-top:22px;}
.main_brand .right .in .tab_idx > li{display:inline-block; border:1px solid #ccc; border-radius:20px; padding:.7em 1.5em; color:#666; cursor:pointer;}
.main_brand .right .in .tab_idx > li.on{background:#c60e3b; border-color:#c60e3b; color:#fff;}

.sub_v_slide .in_s_list{ margin-right:-20px; padding-bottom:20px; margin-top:2em;}
.sub_v_slide .in_s_list > li{ width:50%;}
.sub_v_slide .in_s_list > li .in{ display:block; transition:.3s; box-shadow:0 0 15px rgba(0,0,0,0.15); margin:0 10px; transition:.3s; background:#fff; padding:2em 1.5em 3em 1.5em}
.sub_v_slide .in_s_list > li .in .type {width:180px; line-height:35px; text-align:center; background:#043c89; margin-bottom:30px; border-radius:30px;}
.sub_v_slide .in_s_list > li .in .type .tt {color:#fff; font-size:.938em;}
.sub_v_slide .in_s_list > li .in .date {font-size:.875em; color:#666;}
.sub_v_slide .in_s_list > li .in .t1 {color:#333; font-size:1.063em; font-weight:500; padding:.5em 0 2em 0;}
.sub_v_slide .in_s_list > li .in .t2 {color:#535353; font-size:.875em; line-height:1.5;}

.bus_control{padding-left:25%; padding-top:5em;}
.bus_control .paging{}
.bus_control .paging .swiper-pagination-bullet{ display:inline-block; width:30px; height:5px; background:#ccc; border-radius:0; opacity:1;}
.bus_control .paging .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#3c4968;}
.bus_control .btn{ text-align:right; margin-bottom:10px; margin-left:10px;}
.bus_control .btn .inn{ width:2em; line-height:2em; font-size:1.25em; border:1px solid #ddd; color:#888; text-align:center; margin:0 2px; cursor:pointer; transition:.3s;}
.bus_control .btn .inn:hover{ border-color:#0077c0; color:#0077c0;}

.btn02{ color:#333 !important; font-size:.8758em; display:inline-block; margin-top:2em; }
.btn02 .xi{width:23px; height:23px; text-align:center; line-height:23px; border:1px solid #ccc; border-radius:50%; margin-left:.5em;  transition:0.3s;}
.btn02:hover{ color:#1bc377}
.btn02:hover .xi{ margin-left:2em; background:#043c89; border-color:#043c89; color:#fff;}
.main_tit2.sec4St{ text-align:center}
.main_tit2.sec4St .t1{ font-weight:600; color:#333; font-size:2.5em; padding-bottom:.3em; }
.main_tit2.sec4St .t2{ color:#666; font-size:1.125em}

/**/
#footer{background:#1b2435; position:relative;}
#footer .gotop.top_st{ position:absolute; z-index:1;text-align:center; background:rgba(255,255,255,.6); color:#111; box-shadow:0 0 1em .125em rgba(0,0,0,.3); z-index:100; width:2em; line-height:2em; height:2em; bottom:2.5em; right:7.5em;}
#footer .gotop.top_st .xi{ font-size:1em}
#footer .gotop.top_st:hover{ background:#043b89; color:#fff; transition:.3s; border-radius:25px; transform:rotate(180deg);}
#footer .gotop.top_st:hover .xi {transform:rotate(180deg)!important}
#footer .gotop.top_st,
#footer .gotop.top_st:before{ transition: all .5s ease-out !important}

#footer .menu_wrap .box1{ position:relative}
#footer .menu_wrap .gnb_wrap{}
#footer .menu_wrap .gnb_wrap .gnb > li{ width:16.66%; position:relative}
#footer .menu_wrap .gnb_wrap .gnb > li.m_mypage,
#footer .menu_wrap .gnb_wrap .gnb > li.m_member {display:none;}
#footer .menu_wrap .gnb_wrap .gnb > li:after,
#footer .menu_wrap .gnb_wrap .gnb > li:first-child:before{ content:""; position:absolute; right:0; top:0; width:1px; height:100%; background:#fff; opacity:.1}
#footer .menu_wrap .gnb_wrap .gnb > li:first-child:before{ left:0; opacity:0;}
#footer .menu_wrap .gnb_wrap .gnb > li .dp1{ padding:2em 1em .5em 1em; color:#fff; text-align:left}
#footer .menu_wrap .gnb_wrap .gnb > li .dp1 .va {font-size:.813em;}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2{ padding-bottom:3rem; display:block}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li{ display:block}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a{ padding:.5em 1em; text-align:left; color:#fff; opacity:.6; transition:.3s; position:relative}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a:before {position:absolute; content:""; width:5px; height:1px; background:#fff; opacity:.6; left:13px; top:15px;}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a .va{ font-size:.688em; font-weight:300; padding-left:.5em;}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a:hover{ opacity:1}
#footer .menu_wrap .etc_wrap{ width:16.7%; position:absolute; right:0; top:0; height:100%}
#footer .menu_wrap .etc_wrap:before,
#footer .menu_wrap .etc_wrap:after{ content:""; position:absolute; top:0; width:1px; height:100%; background:#fff; opacity:.1}
#footer .menu_wrap .etc_wrap:after{ right:0}
#footer .menu_wrap .gnb_wrap .gnb > li.fSt {width:35% !important;}
#footer .menu_wrap .gnb_wrap .gnb > li.fSt .in {padding:1.250em}
#footer .menu_wrap .gnb_wrap .gnb > li.fSt .in .t1 {padding-bottom:1em;}
#footer .menu_wrap .gnb_wrap .gnb > li.fSt .in .info {}
#footer .menu_wrap .gnb_wrap .gnb > li.fSt .in .info > li {color:#fff;}
#footer .menu_wrap .gnb_wrap .gnb > li.fSt .in .info > li .tt {font-size:.813em; color:#fff; opacity:.6; font-weight:300;}
#footer .menu_wrap .gnb_wrap .gnb > li.fSt .in .info > li.copy {font-size:.625em; font-weight:300; padding-top:1em; opacity:.3; letter-spacing:1px;} 

/**/
#contents{}
#contents .doc{ padding:4em 0 9em 0}

#contents .subtop_wrap {position:relative; background:#000}
#contents .subtop_wrap .sub_visual{ height:25em; position:relative; overflow:hidden}
#contents .subtop_wrap .sub_visual .bg{ position:absolute; left:0; top:0; width:100%; height:100%}
#contents .subtop_wrap .sub_visual .wrap_in{ position:relative; height:100%}
#contents .subtop_wrap .sub_visual .wrap_in .sub_slogan{ flex:1 1 auto;}
#contents .subtop_wrap .sub_visual .wrap_in .sub_menu{ flex:0 0 auto; background:#f0f2f3; border-bottom:1px solid #ddd}

#contents .sub_slogan{ color:#fff; transform:translateY(2em); opacity:0}
#contents .sub_slogan .in{ width:100%; text-align:center}
#contents .sub_slogan .t1{ font-size:2em;}
#contents .sub_slogan .line {display:block; width:0; height:.1em; margin:1.25em auto; background:#fff; transition:1s; transition-delay:.5s}
#contents .sub_slogan .t2 {font-size:.938em; letter-spacing:7px;}

.load #contents .sub_slogan .line{ width:2.5em}
.load #contents .sub_slogan{ transform:translateY(0); opacity:1; transition:1s}

#contents .sub_menu{ padding-bottom:0}
#contents .sub_menu .gnb{ flex-wrap: wrap}
#contents .sub_menu .gnb > li{ width:100%}
#contents .sub_menu .gnb > li .dp2{justify-content:center;overflow:hidden;}
#contents .sub_menu .gnb > li .dp2 > li{ flex:1 1 50%; max-width:50%}
#contents .sub_menu .gnb > li .dp2 > li > a{ display:block; height:4.25em; color:#666; position:relative;}
#contents .sub_menu .gnb > li .dp2 > li > a:after{ content:""; position:absolute; left:-1px; top:25%; height:50%; width:1px; background:#ddd}
#contents .sub_menu .gnb > li .dp2 > li > a .va{font-size:1em}
#contents .sub_menu .gnb > li .dp2 > li:hover > a{ color:#043b89}
#contents .sub_menu .gnb > li .dp2 > li.on{ z-index:1;}
#contents .sub_menu .gnb > li .dp2 > li.on > a{ color:#043b89; border-bottom:1px solid #fff; background:#fff; border-bottom:2px solid #043b89;}
#contents .sub_menu .gnb > li .dp2 > li.on > a:after{ background:#fff; width:100%; height:3px; top:-3px; left:0}

#contents .con_page_top{ padding:2.250em 0; border-bottom:1px solid #eee;}
#contents .con_page_top .con_tit{ position:relative;}
#contents .con_page_top .con_tit .tit{ font-size:1.8em; color:#222; font-weight:500;}

#contents .con_page_top .con_nav{ padding-right:.25em;}
#contents .con_page_top .con_nav > li{ color:#888;}
#contents .con_page_top .con_nav > li:before{ content:"\e93e"; font-family:xeicon; display:inline-block; vertical-align:middle; padding:0 .5em; font-size:.750em; color:#999;}
#contents .con_page_top .con_nav > li:first-child:before{ visibility:hidden;}
#contents .con_page_top .con_nav > li:last-child{ color:#333;}
#contents .con_page_top .con_nav > li > *{ display:inline-block;}
#contents .con_page_top .con_nav > li .home{ font-size:.813em; color:#555;}
#contents .con_page_top .con_nav > li .tt{ font-size:.813em;}

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

/**/
.page_Sec1 {margin-top:1em !important;}
.page_Sec2 {margin-top:2em !important;}
.page_Sec3 {margin-top:3em !important;}
.page_Sec4 {margin-top:4em !important;}
.page_Sec5 {margin-top:5em !important;}
.page_Sec6 {margin-top:6em !important;}
.page_Sec7 {margin-top:7em !important;}
.page_Sec8 {margin-top:8em !important;}
.page_Sec9 {margin-top:9em !important;}





/*이념*/
strong{vertical-align:baseline;}
.sub_rb .wrap_in .img_wrap{padding-bottom:30%;}
.sub_rb .wrap_in .tit_wrap{ padding:3em 1.5em; box-sizing:border-box; width:800px; max-width:90%; margin:-8em auto 0 auto; background:#fff; border-bottom:1px solid #ddd; position:relative; text-align:center; line-height:1.3}
.sub_rb .wrap_in .tit_wrap:before{ content:""; position:absolute; left:50%; top:0; height:.5em; width:3em; background:#043b89; transform:translateX(-50%)}
.sub_rb .wrap_in .tit_wrap .t1{ font-size:1.875em; font-weight:700}
.sub_rb .wrap_in .tit_wrap .t2{ font-size:1.25em; margin-top:1em; color:#666}
.sub_rb .wrap_in .tit_wrap .t3{ font-size:1.125em; margin-top:1em; font-weight:300; color:#888}
.sub_rb .wrap_in .tit_wrap.w1{ width:90%; padding:3em}
.sub_rb .wrap_in .tit_wrap.m1{ padding-bottom:5em; margin-bottom:-1em}
.sub_rb .wrap_in .list_wrap{ margin:1em auto 0 auto}
.sub_rb .wrap_in .list_wrap.w1{ max-width:42em}	

.philosophy_div .div_ins .img_p img{width:5em;}
.div_ins{text-align:center; margin-top:5em}
.div_ins .t01{font-size:2em; font-weight:500;}
.div_ins .t01_line:after{content:''; display:inline-block; width:1px; height:50px; background:#ddd; margin:1em 0}
.div_ins strong{vertical-align:baseline; font-weight:500; color:#043b89}
.value01{padding:3em 0;}
.value01 .value_ul{background:url(../images/sub/img2.jpg) no-repeat; padding:0 10em 8em 10em; background-size:cover;}
.value01 .value_ul li{width:33.3333%; padding-top:5em; text-align:center;}
.value01 .value_ul li .p_title1{font-size:2em; color:#fff; font-weight:500;}
.value01 .value_ul li .p_title2{margin:3em 1em; padding:3em; background:rgba(0,0,0,0.3); color:#fff; line-height:2; box-sizing:border-box; height:200px;}



/*메인*/
.dwrap{ position:relative; width:2000px; left:50%; top:0; margin-left:-1000px}
.dwrap img{ display:block}
.box1{ width:75em; margin:0 auto}
.box2{ width:87.500em; margin:0 auto}
.box3{ width:113.750em; margin:0 auto}
.box4{ width:81.250em; margin:0 auto}
.section{ position:relative; overflow:hidden; background:#fff; background-repeat:no-repeat; background-position:center top;  background-size:cover}
.section .wrap_bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; background-size:cover}
.section .wrap_bg.st { opacity:0; transform:translateY(10em)}
.section.active .wrap_bg.st {opacity:1; transform:translateY(0); transition:1s; transition-delay:.25s}

.section .wrap_con{ position:relative; height:100%; display:flex; align-items:center; opacity:0; transform:translateY(10em)}
.section.active .wrap_con{opacity:1; transform:translateY(0); transition:1s; transition-delay:.25s}
.section.fix .wrap_con{ opacity:1; transform:translateY(0); transition:0; transition-delay:0}
.section.active .wrap_con .main_tit{opacity:1; transform:translateY(0); transition:1s; transition-delay:.25s}

.main_con {padding-top:180px;}
.main_con.st {padding-top:0;}






/*사훈*/








/*오시는 길*/
.page_map_info .map_info1{margin-bottom:20px; box-shadow:2px 3px 8px -1px #a4a4a4; padding:1.5em; margin-top:1em; overflow:hidden;}
.page_map_info .map_info1 .ttt1{float:left;}
.page_map_info .map_info1 .ttt1 span{color:#666; display:inline-block; margin-right:20px; line-height:38px; font-size:1em; font-weight:500;}








/*덴탈솔루션 - 치과교정사업부*/
.sub_rb .wrap_in .tit_wrap .t2{font-size:1em;}
.list_div{margin-top:3em;}
.prod_wrap01{margin-top:1.5rem;}
.prod_wrap01 .prod_01{ margin:0 -15px -15px 0}
.prod_wrap01 .prod_01 > li{ width:33.3333%}
.prod_wrap01 .prod_01 > li .in{ border:1px solid #ddd; margin:0 15px 15px 0; transition:.3s; position:relative; background:#fff; overflow:hidden;}
.prod_wrap01 .prod_01 > li .in .img_wrap{ position:relative; margin:0 1em;}
.prod_wrap01 .prod_01 > li .in .img_wrap .layer{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,.5); opacity:0; transition:.3s}
.prod_wrap01 .prod_01 > li .in .img_wrap .layer .xi{ position:absolute; width:40px; line-height:40px; left:50%; top:50%; margin:-20px 0 0 -20px; background:rgba(0,0,0,.8); text-align:center; border-radius:100%; color:#fff}
.prod_wrap01 .prod_01 > li .in .img_wrap .layer .xi:before{ content:"\e97a"; font-family:xeicon!important}
.prod_wrap01 .prod_01 > li .in .img_wrap:hover .layer{ opacity:1}
.prod_wrap01 .prod_01 > li .in .tit_wrap{ text-align:center; border-top:1px dashed #ccc; background:#f9f9f9; padding:.7em 0;} 
.prod_wrap01 .prod_01 > li .in .tit_wrap .tit{font-size:.938em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:0 0.5em;}
.prod_wrap01 .prod_01 > li .in:hover .tit_wrap{ background:#043b89; color:#fff;}
.input_st.w5.input_01{width:15em;}



/*퀵메뉴*/
.quick_tel{ position:fixed; z-index:999; right:1.5%; bottom:60px; text-align:center}
.quick_tel .cs{ background:#043b89; border-radius:8px 8px; width:180px; padding:3em 0 1em 0; position:relative}
.quick_tel .go_btn{ line-height:35px; padding:0 35px; font-size:.875em; transition:.3s;}
.quick_tel .go_btn.c1{ background:#1f57aa; border:1px solid #1f57aa; color:#ffffff;}
.quick_tel .icon{ width:3em; height:3em; line-height:3em; border-radius:100%; background:#292f35; font-size:1.125em; color:#fff; margin:0 auto 0.3em auto; position:absolute; top:-1em; left:35%; z-index:1}
.quick_tel .tt{ font-size:1.125em; color:#fff; font-weight:lighter;}
.quick_tel .b1{ font-weight:500;}
.quick_tel .line{ background:#fff; width:80%; margin:12px auto 0 auto; height:4px; display:block}
.quick_tel .tt.tel{ color:#fff6ad; font-size:1.750em; font-weight:600; margin:.5em 0; display:block; sans-serif;}
.quick_tel .xi-angle-right{ vertical-align:bottom; padding-left:.5em; font-size:.938em}
.quick_tel .kakao{ position:relative; margin-top:2em;}
.quick_tel .kakao .cs{ background:#FBE300;}
.quick_tel .kakao .tt{ color:#3B1E1E;}
.quick_tel .kakao .icon{ background:#3B1E1E;}
.quick_tel .kakao .go_btn{ margin-top:1em; background:#3B1E1E; border-color:#3B1E1E;}







/*고객지원센터 - 제품사용법*/
.useproduct .prod_wrap01 .prod_01 > li{width:20%}


/*고객지원센터 - 인재채용*/
.recruit .div_ins{margin-top:0;}
.recruit .div_ins .img_p img{width:5em;}
.recruit .t02{font-size:1.5em; margin-bottom:3em;}
strong{vertical-align:baseline;}
span{vertical-align:baseline;}
.recruit .span_01{font-weight:500; color:#6984c2}
.recruit .span_02{font-weight:500; color:#559a5a}
.recruit .span_03{font-weight:500; color:#ca3d44}



/**/
.page_tit .t4{font-weight:700; font-size:2.5em;}
.page_tit .t3{font-weight:700; font-size:2em;}
.login_wrap.login_wrap01{margin:3.5em;}
.login_wrap{margin:5em;}
.login_wrap .login{ width:28em; max-width:94%; margin:0 auto; }
.login_wrap .login .wrap_in{ margin:2em 0 0 0}

.login_wrap .link_wrap{ padding:0 .5em; margin:1em 0 3em 0}
.login_wrap .link_wrap .link{ font-size:.938em; margin:0 1em; color:#666}
.login_wrap .link_wrap .link .tt{ padding:0 .25em; display:inline-block}
.login_wrap .link_wrap .link:hover .tt{ text-decoration:underline; color:#111}

.login_wrap .check_wrap{ font-size:.938em; margin:.5em 0 0 0}
.login_wrap .btn_wrap{ margin-top:1em}
.login_wrap .btn_wrap .btn{ padding:0 2em; height:3.5em; box-shadow:1px 1px 2px rgba(0,0,0,.2); background:#043b89; color:#fff; border:none; width:100%; box-sizing:border-box; border:2px solid transparent; margin-bottom:.5em; font-size:1.063em; font-weight:500; border-radius:.25em}
.login_wrap .btn_wrap .btn.c1{ border-color:#333; color:#333; background:#fff}
.login_wrap .btn_wrap .btn.c2{ background:#fff; color:#0361ae; border-color:#0361ae}
.login_wrap .btn_wrap .btn.s1{ font-size:1.25em}
.login_wrap .btn_wrap .btn.s2{ font-size:.875em}
.login_wrap .btn_wrap .btn.w1{ width:49%}
.login_wrap .btn_wrap .btn:hover{ opacity:.8; transition:.3s}

.form_wrap{ border:1px solid #ddd; border-radius:1em; padding:3em}
.form_wrap .tit_wrap{ float:left; width:20%}
.form_wrap .tit_wrap .in{ border-top:2px solid #333; padding:1.125em}
.form_wrap .con_wrap{ float:right; width:75%}
.login_wrap .login.w1 .form_st{ width:46%}
.form_st > li{ margin-top:2.188em}
.form_st > li.form_li1{margin-top:1.188em;}
.login_wrap .btn_wrap.form_li2{margin-top:-10px;}
.form_st > li:first-child{ margin-top:0}
.form_st > li .in{ position:relative; padding:0 1em 0 4em; margin-top:.5em}
.form_st > li .in .icon{ position:absolute; left:0; top:50%; width:3em; line-height:3em; margin-top:-1.5em; text-align:center; color:#666}
.form_st > li .in .icon:before{ font-size:1.313em}
.form_st > li .in .lab{ position:absolute; left:4em; top:50%; line-height:1em; margin-top:-.5em; color:#999; background:#fff; padding:0 .25em}
.form_st > li .in .inp{ width:100%; box-sizing:border-box; padding:1em 0; height:4em; border:none; position:relative; z-index:1; background:none; font-weight:bold; color:#666}
.form_st > li .in .inp[type=file]{ padding:0 !important; height:3em}
.form_st > li .in textarea.inp{ height:10em; padding:1em !important}
.form_st > li .in .line{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #ddd; box-sizing:border-box; transition:.3s; border-radius:.25em}
.form_st > li .in .inp:focus ~ .lab,
.form_st > li .in .inp.on ~ .lab{ transform:scale(.9,.9); top:0; color:#0361ae; margin-left:-.5em; transition:.3s}
.form_st > li .in .inp:focus ~ .icon,
.form_st > li .in .inp.on ~ .icon{ color:#333}
.form_st > li .in .inp:focus ~ .line,
.form_st > li .in .inp.on ~ .line{ border-color:#0361ae}
.form_st > li .in .inp.c1{ background:#f1f1f1}

.form_st.st1 > li{ display:flex; flex-wrap:wrap; align-items:center}
.form_st.st1 > li.line{ margin-top:2em; padding-top:1.25em; border-top:1px solid #0361ae}
.form_st.st1 > li.line > ._st{ width:100%; margin-top:-1em}
.form_st.st1 > li.line2{ border-top:1px solid #ddd; padding-top:1em !important}
.form_st.st1 > li .in{ padding:0; flex:1 1 1%; min-width:0; word-break:break-all}
.form_st.st1 > li .in_sec{ width:1.5em; text-align:center; color:#999; display:inline-block}
.form_st.st1 > li .in_sec2{ width:.5em}
.form_st.st1 > li .in_br{ flex-basis:100%}
.form_st.st1 > li .in_tit{ font-weight:500; font-size:1.063em; color:#333; width:100%}
.form_st.st1 > li .in_tit .ess:before{ font-size:.875em; margin-left:.5em}
.form_st.st1 > li .in_tit.c1{ color:#777}
.form_st.st1 > li .in_tit.s1{ font-size:1.25em}
.form_st.st1 > li ._st{ font-size:.938em}
.form_st > li .in_tt{ width:100%; color:#777; font-size:.938em; margin-top:1em; line-height:1.5}
.form_st.st1 > li .in.fix{ flex:0 0 auto}
.form_st.st1 > li .in .inp{ padding:1em 1em; height:3.5em; font-size:.938em; font-weight:500}
.form_st.st1 > li .in .inp.s1{ font-size:1em}
.form_st.st1 > li .in .btn{ color:#fff}
.form_st.st1 > li .in .btn + .line{ background:#333; border-color:transparent}
.form_st.st1 > li .in .w100{ width:100%}
.form_st.st1 > li .in.w1{ max-width:26%}
.form_st.st1 > li .in.w50{ max-width:50%}
.form_st.st1 > li .in.w100{ flex-basis:100%}
.form_st.st1 > li .agree{ border:1px solid #ddd; width:100%; margin:1em 0}
.form_st.st1 > li .agree > li{ padding:.75em 3em .75em 1em; position:relative; transition:.3s}
.form_st.st1 > li .agree > li.all{ border-bottom:1px solid #ddd}
.form_st.st1 > li .agree > li .more{ position:absolute; right:1em; top:50%; transform:translateY(-50%); background:#aaa; color:#fff; padding:.25em 1em; font-size:.875em}
.form_st.st1 > li .agree > li .more:hover{ background:#666}
.form_st.st1 > li .agree > li:hover{ background:#f5f5f5}
.form_st.st1 > li.flex{ padding:0 .5em}
.form_st.st1 > li.flex .in_tit{ flex-basis:8em; font-size:.938em; padding-left:0; height:4em; display:flex; align-items:center}
.form_st.st1 > li.flex .in{ margin-top:0}
.form_st.st1 > li.flex .in.w100{ margin-left:8em}
.form_st.st1 > li.flex .in .inp{ font-size:.938em}

.form_st.text{ border-bottom:1px solid #ddd}
.form_st.text > li{ border-top:1px solid #ddd; margin-top:0}
.form_st.text > li .in .t1{ font-size:.938em; color:#666}
.form_st.text > li .in a:hover{ text-decoration:underline}

.fin_wrap{ border:1px solid #ddd; padding:2em 2em 3em 2em; text-align:center; box-sizing:border-box; margin:2em auto 0 auto}
.fin_wrap .fin_tit{ font-weight:300; font-size:2em;}
.fin_wrap .fin_tit:after{ content:""; display:block; margin:.75em auto; width:1em; height:1px; background:#aaa}
.fin_wrap .fin_tt{ color:#888; line-height:1.6}
.fin_wrap .fin_tt.t1{ color:#5c5e5e; font-size:1.188em; font-weight:500}

.fin_wrap.st1{ border:none; padding:0}

.msgWrap{ padding:1em; box-shadow:0 0 .5em rgba(0,0,0,.2); visibility:hidden; height:0; background:#fff; transform:translateY(2em); transition:.3s; position: absolute}
.msgWrap .t1{ font-weight:500; color: #0361ae; font-size:.938em; line-height:1.25em; display:block; position:relative; padding-left:1.5em}
.msgWrap .t1 .icon{ position:absolute; left:0; top:.063em}
.msgWrap .t1 .icon:before{ content:"\e9a7"}
.msgWrap.on{ visibility:visible; transform:translateY(0); height:100%; margin-bottom:2em; position:relative}




/*마이페이지*/
.t01{font-weight:800; font-size:1.2em}
.t02{margin-top:3em; font-weight:800; font-size:1.2em}
/*.input_st{width:30%; }*/
.st_th{text-align:left;}
.board_st tr th{}
.name_button{border:none; background:#888; color:#fff; padding:0.85em 1em; margin-left:10px;}
.name_button1{padding:0.75em 1em;}
.td_date{cursor:pointer}
.st_th0{margin-bottom:5px;}
.st_th1{width:100%;}
.st_th2{margin-bottom:5px;}
.bottom_button{text-align:center; margin-top:2em}
.bottom_button1{background:#043b89; border:1px solid #043b89; color:#fff; cursor:pointer; line-height:40px; padding:0 30px; font-size:0.875em; margin-right:10px}
.bottom_button2{background:#fff; border:1px solid #aaa; color:#666; cursor:pointer; line-height:40px; padding:0 30px; font-size:0.875em;}




.headerT02{margin-left:2em; padding-top:8em;}
.headerT02 p:first-child{font-size:1em; padding-bottom:1em; color:#888}
.headerT02 p:first-child:after{content:''; display:block; width:80px; height:2px; background:red;}
.headerT02 p:nth-child(2){font-size:2em; font-weight:800; padding-bottom:1em}
.headerT02 p:nth-child(3){line-height:2; color:#555}




/*회원가입*/
#register_group {margin-top:60px;width:500px;margin:100px auto 0;}
#register_group .site_name{text-align:center; font-size:50px;font-weight:bold; color:#404b5b;}

#register_group .register_box {margin-top:40px;  background:#fff; border:1px #dadada solid; border-radius:3px; padding:30px 20px;}
#register_group .register_box section{ margin-bottom:40px; display:block; overflow:hidden;}
#register_group .register_box section h2{font-size:17px; font-weight:600; color:#000}
#register_group .register_box section textarea{line-height:16px; font-size:11px; width:95%; height:100px; color:#949494; margin-top:10px; border:1px #f0f0f0 solid; padding:10px; background:#f7f7f7; }
.fregister_agree{border:none; margin-top:0.5em;}





/*guide*/
.agree_wrap{ padding:.5em; font-size:.938em; line-height:1.5; 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;}
.agree_wrap .agree.st p{font-size:.938em; letter-spacing:.5px; line-height:1.9; padding:1em 0; color:#222;}
.agree_wrap .agree.st p strong {font-size:1.3em; }

.page_email{ letter-spacing:-1px;}
.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; line-height:1.8;}


.agree_div{width:100%; height:200px; overflow:hidden; overflow:auto; background:#f7f7f7; font-size:0.8em}



.note-editor .note-editing-area .note-editable p{text-align:center}
.note-editor .note-editing-area .note-editable p img{border:1px solid #ddd;}