@charset "utf-8";

/* reset */
* { padding:0; margin:0 }
*, :after, :before { -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box; }
html { overflow-y:scroll; height:100% }
body { font-family: 'Pretendard';, dotum, sans-serif; color:#222; height:100%; font-weight:300; font-size:0.85em }
img { max-width:100% }

ul, ol { list-style:none }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { border:0 }
h1, h2, h3, h4, h5, h6 { font-weight:500; font-size:1em; font-family: 'Pretendard'; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block }

label, input, button, select, img { vertical-align:middle }
input, button, textarea, select { font-size:1em; font-family: 'Pretendard';, dotum, sans-serif }
input[type=text], input[type=password], input[type=date] { padding:0 5px; border:1px solid #ddd; color:#222; line-height:34px; height:36px; }
input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#bbb }
input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#bbb }
input[type=text]:-moz-placeholder, input[type=password]:-moz-placeholder, textarea:-moz-placeholder { color:#bbb }
input[type=text], input[type=password], input[type=submit], input[type=image], button {border-radius:3px;font-size:1em;-webkit-appearance:none}

input[type=text],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}
input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
-webkit-box-shadow:  0 0 5px #9ed4ff;
-moz-box-shadow:  0 0 5px #9ed4ff;
box-shadow: 0 0 5px #9ed4ff;
border: 1px solid #558ab7 !important;
}

button { cursor:pointer; outline:none }
select { border:1px solid #ddd; height:36px; padding:0 0 0 9px; cursor:pointer; color:#222; }
.styled_select { height:36px; overflow:hidden; border:1px solid #ddd; background:#fff; display:inline-block; border-radius:3px; vertical-align:middle; position:relative }
.styled_select i { position:absolute; right:10px; text-align:center; height:34px; line-height:32px; top:0; font-size:14px }
.styled_select select { background:transparent; height:34px; border:0; -webkit-appearance: none; outline:none; padding-right:40px; width:100%; vertical-align:top; position:relative; z-index:1 }
.styled_select select:disabled { cursor:default; background:#f0f0f0 }
.styled_select select::-ms-expand { display:none }
hr { display:none; background:#ddd; border:none; height:1px }
a, a:link, a:visited { text-decoration:none; color:#222; -webkit-tap-highlight-color : transparent }
a, .btn { transition:all .3s }
strong, b, th { font-weight:500; }
table { width:100%; border-collapse:collapse; border-spacing:0 }
caption { display:none; font-size:0; line-height:0 }
textarea {color:#222; font-size:1em; line-height:1.5; border:1px solid #ddd; padding:10px; width:100%; border-radius:3px; vertical-align:top }
address { font-style:normal }

/* global */
.txt_black { color:#222 !important }
.txt_white { color:#fff !important }
.txt_gray { color:#aaa !important }
.txt_red { color:#cc121d !important }
.txt_blue { color:#069be8 !important }
.txt_orange { color:#ffaa00 !important }
.txt_green { color:#8ecd09 !important }
.txt_brown { color:#9f5e15 !important }
.wrap:after { content:""; display:block; clear:both }
.clear:after { content:""; display:block; clear:both }
.center { text-align:center !important }
.left { text-align:left !important }
.right { text-align:right !important }
.f_left { float:left !important }
.f_right { float:right !important }
.skip { font-size:0; text-indent:-9000px; line-height:0; display:none }
.ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block }
input.short { width:70px; text-align:center }
input.long { width:100% }
input.half { width:49% }
ul:after { clear:both; content:""; display:block }
.overflow_y { overflow-x:hidden; overflow-y:scroll; border:1px solid #ddd }

.succession { margin-top:20px !important }
.paragraph { margin-bottom:40px !important }
span.space { display:inline-block; width:20px }
.prepare { width:500px; margin:50px auto; padding:50px; border:1px solid #eaeaea}
.prepare h2 { font-size:24px; text-align:center; margin:0 0 20px }
.prepare h2 i { font-size:50px; margin:0 0 20px; display:block; color:#ddd }
.prepare p { text-align:center; font-size:13px }

.pc_only { display:block !important }
.pc_no { display:none !important }
.mobile_only { display:none !important }
.s_mobile_only { display:none !important }
.ahref { position:absolute; text-indent:-9000px; background:red; display:inline-block; opacity:0; filter:alpha(opacity=0) }

.btn { padding:.8rem 1.4rem .9rem 1.4rem; line-height:1; font-weight:500; border:1px solid #ccc; transition:all .2s; display:inline-block; border-radius:0; outline:none; vertical-align:middle; border-radius:3px; font-size:1em; text-decoration:none !important }
a.btn, .btn { font-weight:500 }
.btn-primary { background:#2188d8; border-color:#2188d8; color:#fff !important }
.btn-primary-line { background:#fff; border-color:#2188d8; color:#2188d8 !important }
.btn-info { background:#3e444c; border-color:#2f343a; color:#fff !important }
.btn-green { background:#71c702; border-color:#71c702; color:#fff !important }
.btn-green-line { background:#fff; border-color:#71c702; color:#71c702 !important }
.btn-red { background:#e93c20; border-color:#e93c20; color:#fff !important }
.btn-red-line { background:#fff; border-color:#e93c20; color:#e93c20 !important }
.btn-default { background:#fff }
.btn-lg { padding:1.1rem 2.4rem; font-size:1.1rem; border-radius:5px }
.btn-ml { padding:10px 20px 12px 20px; font-size:14.5px; border-radius:5px }
.btn-ml i { font-size:14px }
.btn-sm { padding:0 15px; height:36px; line-height:32px; font-size:.95rem; border-radius:3px }
.btn-sm i { font-size:14px }
.btn-xs { padding:5px 7px 6px 7px; font-size:.95rem; border-radius:3px }
.btn-xs i { font-size:14px }

.btn_guide { position:fixed; z-index:100; right:0; top:40% }
.btn_guide a { display:block; background:red; color:#fff; width:100px; line-height:30px; text-align:center; margin:0 0 3px; font-weight:500 }

.tab_menu ul { font-size:0; margin:0 0 0 1px }
.tab_menu li { display:inline-block; }
.tab_menu li a { display:inline-block; border:1px solid #e0e0e0; padding:12px 25px; margin:0 0 0 -1px; color:#999; font-weight:400; font-size:.9rem }
.tab_menu li:hover a { background:#f0f0f0 }
.tab_menu li.on a { border-color:#000; color:#222; position:relative; z-index:1; background:#fff }
.tab_con > section { display:none }

/* pop layer */
#popLayerBg { position:fixed; z-index:99; width:100%; height:100%; background:#000; opacity:0.8; filter:alpha(opacity=80); display:none }
.pop_layer { z-index:100; display:none; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); background:#fff; border-radius:0; box-shadow:0 0 5px rgba(0,0,0,0.6); }
.pop_layer > header { background:#576f8d; height:46px; border-radius:0; }
.pop_layer > header h2 { text-align:center; font-family:nanumsquare; font-size:18px; font-weight:500; color:#fff; line-height:42px; }
.pop_layer .btn_close { position:absolute; top:12px; right:12px; display:block; font-size:20px; text-align:center; width:20px; height:20px; line-height:20px; text-indent:-9000px; background:url(../img/btn_close.png) no-repeat; background-size:100% }
.pop_layer > header + .con { padding:30px; padding-bottom:40px }
.pop_layer .btn_add i { font-size:19px }
.pop_layer .btn_area { text-align:center; margin:30px 0 0 0 }
.pop_layer .btn_area .btn { min-width:150px }

.wrap { width:1200px; margin:0 auto; position:relative }

#header {margin-top:-100px; height:100px; position:fixed; width:100%; z-index:100; color:#fff; background:#fff; transition:all .3s }
#header a {  }
#header h1 { float:left; margin-top:20px;}
#header .gnb { float:right; margin:28px 0px 0 30px; word-break: keep-all;}
#header .gnb .depth1 { float:left; padding:0 0px; width:100px; position:relative }
#header .gnb .depth1:nth-child(2) {width:125px; }
#header .gnb .depth1:nth-child(3) {width:160px; }
#header .gnb .depth1:nth-child(4) {width:190px; }
#header .gnb .depth1:nth-child(5) {width:160px; }
#header .gnb .depth1:nth-child(6) {width:160px; }
#header .gnb .depth1 > a {color:#1b1b1b; display:inline-block; height:45px; line-height:45px; font-size:20px; font-weight:600; letter-spacing:-1px;}
#header .gnb .depth1 ul { padding-top:0; transition:all .3s; height:0; overflow:hidden }
#header .gnb .depth2 > a { display:inline-block; font-weight:500; font-size:15px; line-height:1.4; padding:7px 0;letter-spacing:0px; }


#header .btn_user { float:right; background:#181433; border-radius:50px; padding:10px 20px; margin:30px 0 0 0; display:block; font-size:15px; color:#fff; font-weight:700; }

#header .user { position:absolute; right:-35px; top:80px; width:80px; opacity:0; transition:all .3s }
#header .user a { border:1px solid #ddd; display:block; height:0; line-height:37px; font-size:0.9em; padding:0 12px; text-transform:uppercase; letter-spacing:.5px; margin-left:-1px; text-align:center; margin-top:-1px; color:rgba(0,0,0,0.5); background:#fff }
#header .user a:hover { color:#222 }
#header .user.on { opacity:1 }
#header .user.on a { height:40px }
#header .gnb .depth1 > a:before { background:#5d377a; margin-top:50px; content:""; height:3px; left:0px; position: absolute; width:0%; transition:0.3s; }
#header .gnb .depth1:hover > a:before { width:50px; }

#header.down { background:#fff; height:360px }
#header.down a { color:rgba(0,0,0,0.7) }
#header.down .gnb .depth1 { overflow:hidden }
#header.down .gnb .depth1 > a { margin-bottom:25px }
#header.down .gnb .depth1:hover > a { color:rgba(0,0,0,1) }
#header.down .gnb .depth1 ul { height:auto; overflow:visible  }
#header.down .gnb .depth2 > a:hover { color:#5d377a }

#header.on { background:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.2) }
#header.on a { color:rgba(0,0,0,0.7) }
#header.on h1 a { background-position:0 -42px }

#header.down .btn_user { color:#fff;}
#header.on .btn_user { color:#fff;}

@media (max-width:1000px) {
     #header .btn_user { position:absolute; left:10px; top:15px; z-index:8; float:none; margin-top:0px; }
     #header .btn_user li {display:block;}
     #header .btn_user a { color:#fff;  font-size:16px;}
}


#footer { padding:0px 0 50px; margin:0px 0 0 0; background:#fff; border-top:1px solid #eaeaea;}
#footer h1 { float:left }
#footer h1 a { text-indent:-9000px; font-size:0; width:200px; height:29px; background-image:url(../img/ci.png); background-position:0 29px; display:block; overflow:hidden; background-size:100% }

#footer .foot_bn { position:absolute; right:0; top:40px }
#footer .foot_bn li {display:inline-block;}



#footer nav {  }
#footer nav h3 {font-size:13px;}
#footer nav li {display:inline-block; font-size:13px; padding:10px 20px; color:#fff; font-weight:400; background:#a4a4a4;}
#footer nav li a {color:#fff;}
#footer nav p {font-size:15px; font-weight:500; }

#footer .f_left { margin:20px 0 0 0px }
#footer dt, #footer dd { display:inline-block }
#footer dt {font-size:15px; color:#4c4c4c; line-height:1.7; font-weight:400; margin-right:10px;}
#footer dd { margin:0 20px 0 5px }
#footer .copyright { margin:5px 0 0 0; font-size:15px;color:#4c4c4c;}
#footer #top_btn { border:0; background:rgba(0,0,0,0.5); font-size:30px; color:#fff; right:30px; bottom:30px }
#footer #top_btn:hover { background:rgba(0,0,0,1) }
#footer #top_btn i { vertical-align:2px }

@media (max-width:1200px) {
	#footer .foot_bn li {width: calc(100% /3 - 20px);}
}

@media (max-width:1000px) {
     #footer .foot_bn li {width: calc(100% /3 - 20px);}
}

@media all and (max-width:800px){
	#footer .f_left {text-align:center; margin:20px 0 0 0px }
	#footer .foot_bn { position:relative; right:0; top:20px; text-align:center; }
	#footer .foot_bn li img {width:100px;}
}


#main_visual {margin-top:100px; height:calc(620px); text-align:center; color:#fff; position:relative; z-index:1 }
#main_visual .bx-wrapper { border:0; box-shadow:none; background:transparent; height:100%; margin-bottom:0 }
#main_visual .bx-viewport { height:100% !important }
#main_visual .bx-pager {  }
#main_visual .slider { height:100% }
#main_visual .roll { background-size:cover; height:100%; background-position:center; }
#main_visual .roll_txt {width:1200px; margin:0 auto; text-align:left;}
#main_visual .roll_txt3 {width:1200px; margin:0 auto; text-align:right;}

#main_visual .roll01 { background-image:url(../img/visual01.jpg) }
#main_visual .roll02 { background-image:url(../img/visual02.jpg) }
#main_visual .roll03 { background-image:url(../img/visual03.jpg) }

@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CookieRun';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/cookierun/CookieRunBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/cookierun/CookieRunBold.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/cookierun/CookieRunBold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/cookierun/CookieRunBold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/cookierun/CookieRunBold.ttf') format("truetype");
    font-display: swap;
} 

@font-face {
    font-family: 'RixXladywatermelonR';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-4@1.0/RixXladywatermelonR.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}


#main_visual i {position: relative; display:block; color:#2d3355; font-size:14px; font-style:normal; font-weight:700; padding-bottom:10px; margin-top:180px; line-height: 1.3;}
#main_visual h2 {font-family: 'RixXladywatermelonR'; position: relative; color:#2d3355; font-size:40px;  line-height: 1.3;}
#main_visual h2 span {color:#ec0064;}
#main_visual h2 span.po {color:#ffc000;}
#main_visual h3 {position: relative; margin-top:170px; margin-right:150px; line-height: 1;}
#main_visual hr { display:inline-block; width:59px; height:2px; background:#fff; margin:36px 0 0 0; animation:scale .5s 1s forwards; opacity:0 }
#main_visual p {font-family: 'CookieRun'; letter-spacing:-.5px; font-size:40px;  color:#f391bb; line-height:1.4; font-weight:700; }

#main_visual .wh {color:#fff;}

#main_visual .btn_more { display:inline-block; margin:36px 0 0 0; text-indent:-9000px; font-size:0; width:33px; height:33px; border:1px solid #fff; border-radius:50%; background:url(../img/btn_more.png) no-repeat center; opacity:0; animation:opacity .5s 1.8s forwards }
#main_visual .btn_more:hover { transform:rotate(-90deg); background-color:#000; border-color:#000 }
#main_visual .bx-controls {display:none; position:absolute; bottom:20px; width:100%; text-align:center; z-index:100 }
#main_visual .bx-controls-direction { display:none }
#main_visual .bx-pager { display:inline-block; vertical-align:middle }
#main_visual .bx-pager > div { display:inline-block; }
#main_visual .bx-pager a { text-indent:-9000px; font-size:0; display:inline-block; width:20px; height:20px; border:2px solid #fff; border-radius:50%; margin:0 3px }
#main_visual .bx-pager a.active { background:#fff }
#main_visual .bx-controls-auto { display:inline-block; vertical-align:middle }
#main_visual .bx-controls-auto > div { display:inline-block }
#main_visual .bx-controls-auto a { display:inline-block; height:20px; width:20px; color:#fff; text-indent:-9000px; font-size:0; background-position:center; background-repeat:no-repeat; margin:0 5px }
#main_visual .bx-controls-auto a.bx-start { background-image:url(../img/btn_play.png) }
#main_visual .bx-controls-auto a.bx-stop { background-image:url(../img/btn_pause.png) }
#main_visual .bx-controls-auto a.active { display:none }

@media all and (max-width:1200px){
	#main_visual .roll_txt {width:100%; padding:0 20px;}
	#main_visual .roll_txt3 {width:100%; padding:0 20px;}
}

@media all and (max-width:800px){
	#main_visual { height:calc(300px); }
	#main_visual i {margin-top:120px;}
	#main_visual h2 {font-size:18px; }
	#main_visual h3 {margin-right:0px; }
	#main_visual p {font-size:18px; }
	#main_visual .roll_txt {width:100%; padding:0 20px;}
	#main_visual .roll_txt3 {width:100%; padding:0 20px;}
}


      /* Scroll Animation (sa, 스크롤 애니메이션) */
      .sa {
        opacity: 0;
        transition: all .5s ease;
      }

      /* 아래에서 위로 페이드 인 */
      .sa-up {
        transform: translate(0, 100px);
      }
      /* 위에서 아래로 페이드 인 */
      .sa-down {
        transform: translate(0, -100px);
      }
      /* 왼쪽에서 오른쪽으로 페이드 인 */
      .sa-right {
        transform: translate(-100px, 0);
      }
      /* 오른쪽에서 왼쪽으로 페이드 인 */
      .sa-left {
        transform: translate(100px, 0);
      }
      /* 왼쪽으로 회전하면서 페이드 인 */
      .sa-rotateL {
        transform: rotate(180deg);
      }
      /* 오른쪽으로 회전하면서 페이드 인 */
      .sa-rotateR {
        transform: rotate(-180deg);
      }
      /* 작아진 상태에서 커지면서 페이드 인 */
      .sa-scaleUp {
        transform: scale(.5);
      }
      /* 커진 상태에서 작아지면서 페이드 인 */
      .sa-scaleDown {
        transform: scale(1.5);
      }

      .sa.show {
        opacity: 1;
        transform: none;
      }


.pc_ver { display:block !important }
.m_ver { display:none !important }

.pc_v { display:block !important }
.mo_v { display:none !important }

@media all and (max-width:1030px){
	.pc_v { display:none !important }
	.mo_v { display:block !important }
}

@media all and (max-width:800px){
	.pc_ver { display:none !important }
	.m_ver { display:block !important }
}

.clear_fix {width:100%; position:relative;}
.clear_fix:after {display:block;clear:both;content:''}


/*Who We Are*/
#mainWho {width:100%;  position:relative; padding:50px 0; overflow:hidden; }

#mainWho .mainWho_left {width:45%; float:left; }

#mainWho .mainWho_left_product {width:100%; position:relative; background:#683092; /*background: url('../img/left_bg.jpg') no-repeat center top;*/ background-size:cover; }
#mainWho .mainWho_left_product .mainWho_product_title {padding:70px 60px 40px; color:#fff;}
#mainWho .mainWho_left_product .mainWho_product_title h3 { font-weight:800; font-size:25px; margin-bottom:10px;}
#mainWho .mainWho_left_product .mainWho_product_title p {font-size:18px; font-weight:600; line-height:1.5;}

#mainWho .mainWho_left_product ul {margin:0px 0 60px;}
#mainWho .mainWho_left_product ul li {float:left; width:50%; text-align:center; color:#fff; font-weight:600; font-size:18px;}

#mainWho .mainWho_left_product ul li img {display:block; margin:auto;}
#mainWho .mainWho_left_product ul li span {display:block; color:#fff;  font-weight:600; font-size:18px; padding:5px 16px;}
#mainWho .mainWho_left_product ul li a {display:block;}
#mainWho .mainWho_left_product ul li a:hover span {background:#a1bc0b; border-radius:30px; transition: all 1s;}


.main_workshop {position:relative; padding:30px 60px; color:#fff;  }
.main_workshop h3 { font-weight:800; font-size:25px; margin-bottom:10px; color:#ffb5d3;}
.main_workshop span {font-size:18px; font-weight:600; line-height:1.5; display:block; padding-top:5px;}
.main_workshop p {font-size:18px; font-weight:600; line-height:1.5;}
.main_workshop h4 { position:absolute; right:0%; transform:translateX(-50%); top:50px;}

.main_cyber {position:relative; background:rgba(179,44,103,0.3); padding:31px 60px; color:#fff; }
.main_cyber h3 { font-weight:800; font-size:25px; margin-bottom:10px; color:#ffb5d3;}
.main_cyber p {font-size:18px; font-weight:600; line-height:1.5;}
.main_cyber span {font-size:18px; font-weight:600; line-height:1.5; display:block; padding-top:10px;}
.main_cyber h4 { position:absolute; right:0%; transform:translateX(-50%); top:50px;}

.main_work {position:relative; background:rgba(179,44,103,0.6); padding:31px 60px; color:#fff; }
.main_work h3 { font-weight:800; font-size:25px; margin-bottom:10px; color:#ffb5d3;}
.main_work p {font-size:18px; font-weight:600; line-height:1.5;}
.main_work span {font-size:18px; font-weight:600; line-height:1.5; display:block; padding-top:10px;}
.main_work h4 { position:absolute; right:0%; transform:translateX(-50%); top:50px;}


#mainWho .mainWho_right {width:50%; float:left; margin-left:5%; }
#mainWho .mainWho_right  ul li { border-bottom:0px solid #ddd; background:#f4f4f4; margin-bottom:0px; border-bottom:1px solid #fff;}

#mainWho .mainWho_right .mainWho_right_txt {position:relative;  padding-left:30px; padding-top:45px; padding-bottom:30px;}
#mainWho .mainWho_right .mainWho_right_txt .who_engtxt {color:#3a3939; font-size:17px; font-weight:500;}
#mainWho .mainWho_right .mainWho_right_txt > dl > dt {font-weight:600; color:#952d78; font-size:30px; margin-bottom:20px; letter-spacing:-1px;}
#mainWho .mainWho_right .mainWho_right_txt > dl > dd { display:inline-block; width: calc(100% /2 - 20px); font-size:16px; color:#fff; margin-top:3px; font-weight:500; letter-spacing:-.5px; background:#be87b5; padding:5px 20px;}
#mainWho .mainWho_right .mainWho_right_txt > dl > dd i { font-style:normal; font-size:13px; text-align:right; float:right; }
#mainWho .mainWho_right .mainWho_right_txt > h3 { position:absolute; right:0%; transform:translateX(-50%); top:50px;}
#mainWho .mainWho_right .mainWho_right_txt > dl > p {font-weight:600; color:#000; font-size:18px; margin-bottom:10px; letter-spacing:-1px;}


#mainWho .mainWho_right .mainWho_right_txt2 {position:relative;  padding-left:30px; padding-top:30px; padding-bottom:25px;}
#mainWho .mainWho_right .mainWho_right_txt2 .who_engtxt {color:#3a3939; font-size:17px; font-weight:500;}
#mainWho .mainWho_right .mainWho_right_txt2 > dl > dt {font-weight:600; color:#952d78; font-size:30px; margin-bottom:20px; letter-spacing:-1px;}
#mainWho .mainWho_right .mainWho_right_txt2 > dl > dd { width:260px; font-size:15px; color:#fff; margin-top:3px; font-weight:500; letter-spacing:-.5px; background:#be87b5; padding:5px 20px;}
#mainWho .mainWho_right .mainWho_right_txt2 > dl > dd i { font-style:normal; font-size:13px; text-align:right; float:right; }
#mainWho .mainWho_right .mainWho_right_txt2 > h3 { position:absolute; right:0%; transform:translateX(-50%); top:50px;}

#mainWho .mainWho_right .mainWho_right_txt3 {position:relative;  padding-left:30px; padding-top:48px; padding-bottom:48px;}
#mainWho .mainWho_right .mainWho_right_txt3 .who_engtxt {color:#3a3939; font-size:17px; font-weight:500;}
#mainWho .mainWho_right .mainWho_right_txt3 > dl > dt {font-weight:600; color:#952d78; font-size:30px; margin-bottom:20px; letter-spacing:-1px;}
#mainWho .mainWho_right .mainWho_right_txt3 > dl > dd {  font-size:17px; color:#000; font-weight:500; letter-spacing:-.5px; }
#mainWho .mainWho_right .mainWho_right_txt3 > h3 { position:absolute; right:0%; transform:translateX(-50%); top:50px;}

@media screen and (max-width:1600px){
	#mainWho .mainWho_right { padding-left:35px;}
}


@media screen and (max-width:1200px){
     #mainWho .mainWho_left {width:100%; float:none; margin:auto;  }
     #mainWho .mainWho_left_product {height:auto; }
     #mainWho .mainWho_left_product ul {margin-top:30px;}

     #mainWho .mainWho_left_number {}
     #mainWho .mainWho_left_number ul li {width:33%; padding-right:0;}
     #mainWho .mainWho_right {width:100%; float:none; margin:auto; padding-left:0px;padding-top:0;}
     #mainWho .mainWho_right  ul li  {padding:2.5rem 0rem;}
	 #mainWho .mainWho_right .mainWho_right_txt > dl > span.who_more {left:28%; transform:translateX(-50%); bottom:0;}
}


@media screen and (max-width:768px){

     #mainWho {padding:0px 0;}
     #mainWho .mainWho_right .mainWho_right_txt .who_engtxt {font-size:15px;}
     #mainWho .mainWho_right .mainWho_right_txt > dl > dt {font-size:25px; }
     #mainWho .mainWho_right .mainWho_right_txt > dl > dd {font-size:15px; }
	 #mainWho .mainWho_right .mainWho_right_txt > dl > dd { display:block; width: 90%;}

	 #mainWho .mainWho_right .mainWho_right_txt2 .who_engtxt {font-size:15px;}
     #mainWho .mainWho_right .mainWho_right_txt2 > dl > dt {font-size:25px; }
     #mainWho .mainWho_right .mainWho_right_txt2 > dl > dd {font-size:15px; }
	 #mainWho .mainWho_right .mainWho_right_txt2 > dl > dd { display:block; width: 90%;}

	 #mainWho .mainWho_right .mainWho_right_txt > h3 {  top:0px;}
	 #mainWho .mainWho_right .mainWho_right_txt2 > h3 {  top:0px;}
	 #mainWho .mainWho_right .mainWho_right_txt3 > h3 {  top:0px;}

     #mainWho .mainWho_left_product {padding:20px 0; margin-bottom:20px; height:auto;}
	 #mainWho .mainWho_left_product .mainWho_product_title {padding:30px 20px 0px; text-align:center; color:#fff;}
	 #mainWho .mainWho_left_product ul li {font-size:18px;}
	 #mainWho .mainWho_left_product ul li span {font-size:18px;}
     #mainWho .mainWho_left_product ul li img {width:50px;}

     #mainWho .mainWho_left  {text-align:right;}

	 .main_workshop { padding:50px 20px; color:#fff; text-align:left;}
	 .main_cyber { padding:40px 20px; color:#fff; text-align:left;}
	 .main_cyber h4 { top:45px;}
	 .main_work { padding:50px 20px; color:#fff; text-align:left;}
}

.youtube {background:#f8f8f8; padding:50px 0;}

@media screen and (max-width:768px){
     .youtube {padding:0px 0px; margin-bottom:20px;}
	 .youtube iframe {height:300px;}
}

@media screen and (max-width:500px){
     .youtube {padding:0px 0px; margin-bottom:20px;}
	 .youtube iframe {height:180px;}
}

.main_con02{position:relative; padding:70px 0; overflow:hidden; background:#f7f7f7;}
.main_con02 .notice{float:left; margin-right:10px;}
.main_con02 .notice:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.main_con02 .notice .tit{text-align:center;}
.main_con02 .notice .tit a{display:block;}
.main_con02 .notice .tit h2{font-size:30px; font-weight:800; color:#666; letter-spacing:-0.025em; padding-bottom:40px;}

.main_con02 .notice .content{width:100%;}
.main_con02 .notice .content .cont1{display:inline-block; margin-right:5px;}
.main_con02 .notice .content .cont1:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.main_con02 .notice .content .cont1 .right_cont{float:left; box-sizing:border-box; border:1px solid #ddd; background:#fff; padding:40px 20px; width: 260px; height:260px;}
.main_con02 .notice .content .cont1 .right_cont h2{font-size:18px; color:#2a2a2a; font-weight:500; letter-spacing:-0.05em; padding-bottom:20px;}
.main_con02 .notice .content .cont1 .right_cont p{font-size:15px; line-height:1.5; font-weight:400; color:#666; padding-bottom:5px; letter-spacing:-0.05em}
.main_con02 .notice .content .cont1 .right_cont span{display:block;font-size:13px; font-weight:400; color:#666; padding-top:30px; letter-spacing:-0.05em}


.main_con02 .news{width:50%; display:inline-block; }
.main_con02 .news .tit{text-align:center;}
.main_con02 .news .tit a{display:block;}
.main_con02 .news .tit h2{font-size:30px; font-weight:800; color:#666; letter-spacing:-0.025em; padding-bottom:40px;}

.pic_li_lt { float:none; padding:0; width:100%; position:static }
.pic_li_lt .lat_title { display:none }
.pic_li_lt li { position:relative; border:1px solid #ddd; border-left:5px solid #31dbc9; padding:0 3px; margin-bottom:5px; background:#fff;}
.pic_li_lt li:first-child .lt_img { display:none }
.pic_li_lt li .pic_li_tit { font-weight:500; font-size:18px; color:#666; vertical-align:top; width:calc(100% - 60px); padding:30px 15px; }
.pic_li_lt li .pic_li_tit:hover { padding-left:15px; color:#000 }
.pic_li_lt .lt_info .lt_nick { display:none }
.pic_li_lt .lt_info { display:inline-block }
.pic_li_lt .lt_info .lt_date { position:absolute; top:30px; right:13px; text-align:right }
.pic_li_lt .lt_more { position:absolute; top:8px; right:0; text-indent:-9000px;  font-size:0; background:url(../img/btn_more_b.png) no-repeat center; width:20px; height:20px; display:block }
.pic_li_lt .lt_more:hover { transform:rotate(-90deg) }
.pic_li_lt .empty_li { line-height:100px }


@media all and (max-width:1200px){
	.main_con02 .notice{float:none; margin-right:0px; margin-bottom:30px;}
}

@media all and (max-width:1000px){
	.main_con02{padding-top:20px; }
	.main_con02 .inner{width:97.5%}
	.main_con02 .notice{float:none; margin-right:0;}
	.main_con02 .notice .tit{width:100%; height:auto; margin-right:0;}
	.main_con02 .notice .tit p{padding-bottom:20px; text-align:right; padding-right:30px; }

	.main_con02 .notice .content{width:100%; text-align:center;}
	.main_con02 .notice .content .cont_hr{width:100%;}
	.main_con02 .notice .content .cont1{padding-left:0px; width: calc(100% /2 - 20px);}

	.main_con02 .notice .content .cont1 .right_cont{ width: 100%; height:auto;}

	.main_con02 .news{width:100%; display:block; }

	.pic_li_lt li .pic_li_tit { font-size:16px;}

}
@media all and (max-width:640px){
	.main_con02{padding-top:30px; }
	.main_con02 .notice .tit h2{font-size:25px;}
	.main_con02 .notice .tit p{font-size:2.1875vw; padding-bottom:3.125vw; padding-right:4.6875vw;}
	.main_con02 .notice .content .cont1{padding:10px 10px; width:100%; margin-right:0;}
	.main_con02 .notice .content .cont1 .left_h2{font-size:5vw;}
	.main_con02 .notice .content .cont1 .right_cont{float:none; padding:40px 20px; width: 100%; height:auto;}
	.main_con02 .notice .content .cont1 .right_cont h2{font-size:18px; padding-bottom:3.125vw;}
	.main_con02 .notice .content .cont1 .right_cont p{font-size:15px; padding-bottom:0.78125vw;}
	.main_con02 .notice .content .cont1 .right_cont span{font-size:12px; padding-top:5.5625vw;}
	.main_con02 .notice .content .cont_hr{margin-top:4.6875vw; margin-bottom:2.34375vw;}

}


@font-face {
    font-family: 'HealthsetLuckybag';
    font-weight: normal;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/Healthset/HealthsetLuckybag.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/Healthset/HealthsetLuckybag.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/Healthset/HealthsetLuckybag.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/Healthset/HealthsetLuckybag.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/Healthset/HealthsetLuckybag.ttf') format("truetype");
    font-display: swap;
} 

#etc_section {background: fixed url(../img/lab_bg.jpg) no-repeat; background-position: center; background-size: 150%;}
div.etc_title {text-align: center;color:#fff;position: relative;}
div.etc_title h4 {font-family: 'yg-jalnan'; text-align: center; font-size:20px; }
div.etc_title p {font-family: 'yg-jalnan'; font-size:35px;line-height:1.3;padding:0;color:#fff;margin:5px 0 30px 0;}

div.etcInner {position: relative;clear:both;width:100%;padding:70px 0 50px; font-size:0; margin:0 auto;overflow: hidden; text-align: center;}
div.etcInner div.etcBox {margin-left:-1px; display: inline-block;}
div.etcInner div.etcBox.last {margin-right:0;}
div.etcInner div.etcBox a {display: inline-block;padding:20px 40px;border:1px solid #ebeeef;background: transparent;position: relative;text-align: center;}
div.etcInner div.etcBox a span {color:#fff;font-size: 20px;font-weight: 500;}
div.etcInner div.etcBox a span.white_arrow {position: absolute;top:50%;right:30px;margin-top:-4px; display: inline-block;width:25px;height: 8px;background: url(../img/btn_white_arrow.png) no-repeat;}
div.etcInner div.etcBox a:hover {background: #31dbc9; }
div.etcInner div.etcBox a:hover span {color:#fff;}

@media( max-width:1024px ) {
	#etc_section {background: fixed url(../img/lab_bg.jpg) no-repeat; background-position: center; background-size: cover;}
	div.etcInner {padding:60px 0;}
	div.etc_title p {font-size: 30px;margin:10px 0 10px 0;}
	div.etc_content {width:100%;margin:0 auto;height:auto;background:none;}
	div.etc_content p {font-size:15px;padding:20px;}
	div.etc_title h4 { font-size:15px}
	div.etc_content p span {font-size:30px;}
	div.etc_title h4 img {width:50px;}

	div.etcInner div.etcBox {margin-right:0;margin-bottom:10px; width:100%; display:block;}
	div.etcInner div.etcBox a span {font-size: 15px}
	div.etcInner div.etcBox a {display: block;padding:20px 20px; width:80%; margin:0 auto;}
	div.etcInner div.etcBox.first a {width:80%;}

}


.main_con03{position:relative; padding:70px 0; overflow:hidden; background:#f6f4f8;}
.main_con03 .review .tit{text-align:center;  float:left; width:230px; margin-top:20px;}
.main_con03 .review .tit a{display:block;}
.main_con03 .review .tit h2{font-size:30px; background:#be87b5; font-weight:800; color:#fff; letter-spacing:-0.025em; padding:25px 20px;}
.main_con03 .review .tit p {font-size:15px; color:#666; font-weight:500; padding-top:20px; text-decoration: underline;}
.main_con03 .review .tit p a {color:#666;}
.main_con03 .review .content{width:83%; float:right;; }
.main_con03 .review .content .cont1{ float:left;margin-right:10px; width: 350px;}
.main_con03 .review .content .cont1 .right_cont{float:left; box-sizing:border-box;  background:#fff; padding:60px 40px; height:320px;}
.main_con03 .review .content .cont1 .right_cont h2{font-size:18px; color:#666; font-weight:600; letter-spacing:-0.05em; padding-bottom:20px;}
.main_con03 .review .content .cont1 .right_cont p{font-size:15px; line-height:1.5; font-weight:400; color:#666; padding-bottom:5px; letter-spacing:-0.05em}
.main_con03 .review .content .cont1 .right_cont span{display:block;font-size:15px; font-weight:400; color:#666; padding-top:30px; letter-spacing:-0.05em}

@media( max-width:1024px ) {
	.main_con03{padding:0px 0; }
	.main_con03 .review .tit{ float:none; width:100%; margin-bottom:30px;}
	.main_con03 .review .content{width:100%; float:none; margin:0 auto;}
	.main_con03 .review .content .cont1{ float:none;margin-right:0px; width: 100%; margin-bottom:10px;}
	.main_con03 .review .content .cont1 .right_cont{float:none; padding:60px 40px; height:auto;}

}


#main_contents { position:relative; margin-top:50px; margin-bottom:50px; z-index:1 }
.main_gallery { background:#fff; margin-top:0px; margin-bottom:10px }
.main_gallery h2 { text-align:center; line-height:1; font-size:2em; font-weight:700; text-transform:uppercase; letter-spacing:-1px; padding:45px 0 30px 0 }
.main_gallery .tab_menu { text-align:center }
.main_gallery .tab_con { margin-top:40px }
.main_gallery .lt_more { display:none }
.main_gallery .prd_slider > div { width:calc(100%/5) !important }
.main_gallery .tab_menu p { padding: 12px 25px; font-size: .9rem; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; display: inline-block}

.pic_lt { position:relative; margin:0; padding:0 10px }
.pic_lt #touchSlider { position:relative; overflow:hidden; min-height:302px !important }
.pic_lt li { padding:0; border:0px solid #e0e0e0; }
.pic_lt li:before { content:""; box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0); position:absolute; width:100%; height:100%; z-index:-1; transition:all .3s }
.pic_lt li:hover:before { box-shadow:0 5px 16px 0 rgba(0, 0, 0, 0.2) }
.pic_lt li .lt_img { position:relative; background:#ddd }
.pic_lt li .lt_img span { position:absolute; left:50%; top:50%; line-height:1; font-weight:500; color:#fff; background:none; transform:translate(-50%); text-transform:uppercase; font-size:1.2em }
.pic_lt .lat_title { display:none }
.pic_lt .ts-controls button { position:absolute; top:50%; margin-top:-29.5px; left:-80px; background:url(../img/slide_left_b.png); width:30px; height:59px; border:0; text-indent:-9000px; font-size:0 }
.pic_lt .ts-controls button.ts-next { left:auto; right:-80px; background:url(../img/slide_right_b.png) }
.pic_lt li .lt_name { font-size:1.43em; font-weight:700 ; border-top:1px solid #e0e0e0; padding:15px 18px; letter-spacing:-1px }
.pic_lt li .lt_name a { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; width:100% }
.pic_lt li .lt_img { margin:0; }
.pic_lt .lt_info { display:none }

.main_bbs { width:40%; float:left }
.main_bbs > section { position:relative; margin:40px 0 0 0 }
.main_bbs > section:first-child { margin:0 }
.main_bbs h2 { font-size:2em; font-weight:700; letter-spacing:-1px; line-height:1; border-bottom:1px solid #898989; padding:0 0 15px }


.w1000 {width:1000px; margin:0 auto;}

@media screen and (max-width:1000px) {
     .w1000 {width:100%;}
}

.inner {width:1200px; margin:0 auto;}

@media screen and (max-width:1200px) {
     .inner {width:100%;}
}


.w1400 {width:1400px; margin:0 auto;}

@media screen and (max-width:1400px) {
     .w1400 {width:100%;}
}



.pc_only { display:block !important }


/* 그누보드 수정 */
#bo_w #wr_2, #bo_w #wr_4, #bo_w #wr_6 { margin-left:1% }
#bo_list .td_name { width:150px; text-align:center }
#bo_list .td_datetime { width:120px }
.btn_bo_sch, .btn_more_opt { padding:0 10px; height:35px }
.tbl_head01 td, .tbl_head01 th { font-size:1.1em; padding:15px 10px !important; height:40px }
.bo_tit { font-weight:500 }
#bo_list .bo_tit .new_icon { background:#f39800; color:#fff; font-size:0.7em; font-weight:500; vertical-align:2px }
#bo_list .bo_tit .fa-lock { background:#54585d; color:#fff; width:16px; height:16px; font-size:14px; line-height:16px; border:0; vertical-align:1px }
.tbl_wrap table { border-top:2px solid #666 }
#bo_list .td_num2 { width:60px }
#bo_v_title .bo_v_tit { font-size:1.5em }
#bo_v_con { font-size:1.1em }
.bo_vc_w .btn_submit, .mbskin .btn_submit { font-weight:500 }
#bo_v .com_info { margin:10px 0 0 0 }
#bo_v .com_info dl:after { content:""; display:block; clear:both }
#bo_v .com_info dl {border-top:1px solid #e0e0e0 }
#bo_v .com_info dt, #bo_v .com_info dd { float:left; border-bottom:1px solid #e0e0e0; line-height:34px; height:36px; font-size:1.05em; padding-left:20px }
#bo_v .com_info dt { width:15%; font-weight:500; background:#f4f4f4; }
#bo_v .com_info dd { width:35%; font-weight:400 }
#bo_v .com_info dd.full { width:85% }
.btn_cke_sc { line-height:20px }
.btn_cke_sc_close { background:#fff; border:1px solid #ddd; border-radius:3px; padding:5px 15px 6px 15px }
#bo_list tbody tr:hover {border-left:0}
#bo_w .bo_w_tit #btn_autosave { top:3px; right:3px }
#bo_w .btn_cancel { color:#fff; font-weight:500 }
#fregister p { font-weight:500; background:#fff; color:#222; border:1px solid #ccc }
#fregister p:before { display:none }
.chk_li { padding-left:7px; display:inline-block; vertical-align:top; margin-top:-4px }
.chk_li + .tooltip_icon { vertical-align:top; margin-top:-8px}
.reg_btn_submit { color:#fff !important; font-weight:500 }
#sns_login .txt { font-weight:500 }
#bo_cate { font-size:0; margin-left:1px; text-align:center }
#bo_cate li { margin:0 0 0 -1px; padding:0 }
#bo_cate a { font-size:.95rem; border-radius:0; margin:0; min-width:150px; text-align:center; height:50px; line-height:46px; padding:0 20px; border:1px solid #e0e0e0; color:#aaa; font-weight:400 }
#bo_cate a:hover { background:#f4f4f4; color:#222 }
#bo_cate #bo_cate_on { background:#fff; color:#222; border-color:#222; position:relative; z-index:1; box-shadow:none; font-weight:500 }
#bo_w #wr_2, #bo_w #wr_4, #bo_w #wr_6 { margin-left:0 }
#bo_v_act { margin:30px 0 50px 0 }
.btn_bo_user .btn_admin, .btn_cm_opt { padding:0 10px; color:inherit }
#bo_v_info .sv_member, #bo_v_info .sv_guest, #bo_v_info .member, #bo_v_info .guest ,#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest{ font-weight:500; font-size:1.1em; margin:0 0 5px; display:inline-block }
.bo_tit .cnt_cmt { font-size:10px !important; font-family:arial; background:none !important; color:#999 !important; font-weight:normal !important }
.all_chk.chk_box input[type="checkbox"] + label span { top:3px }
#bo_v_desc { font-size:1.1em }
.new_win .btn_submit, .new_win .btn_close { font-weight:500; font-size:1em }
.new_win .win_desc { border:1px solid #666; background:#fff; color:#222; font-weight:500; text-align:center }
.new_win .win_desc:after { display:none }
.gall_row .box_clear { clear:none }
#bo_v_act { margin:60px 0 !important }
#bo_v_share { text-align:center; padding:40px 0 }
#bo_v_sns { text-align:center; float:none; display:inline-block }
#bo_v_sns li { width:auto; float:none; display:inline-block; text-align:center }
#bo_v_sns li a { width:60px; height:60px; line-height:60px; border-radius:50%; padding:0; text-align:center; display:inline-block !important }
#bo_v_sns li img { margin:0 }
#bo_v_sns li span { display:none }
#bo_v_share .btn { width:60px; height:60px; line-height:1.2; border-radius:50%; font-size:12px; padding:0; text-align:center; display:inline-block }
#bo_v_share .btn i { display:block; font-size:1.5em; margin:10px 0 3px }
#faq_sch .btn_submit { font-weight:500 }
#faq_sch { margin-bottom:30px }
.cmt_btn span.total { font-weight:400; font-size:0.9em; color:#999 }
.cmt_btn span.total b { font-size:1.5em }
.more_opt li button, .more_opt li a { font-weight:500 }

.new_win #win_title { text-align:center; border-bottom:1px solid #ccc; padding:0 20px; line-height:46px; height:48px }
.new_win .new_win_con { margin-top:10px }

#ctt { margin:0; padding:0 }
#ctt_con { padding:0; margin:0; line-height:1.5; font-size:1.16em }
#faq_wrap li { font-size:1.1em }
#bo_v iframe { max-width: 100%; }


#ctt_con.sub01_01 {text-align:center; margin-top:70px; background:url(../img/intro_bg.jpg) no-repeat top center;}
#ctt_con.sub01_01 .sec01:after { clear:both; content:""; display:block; }
#ctt_con.sub01_01 .sec01 > div {text-align:center;}
#ctt_con.sub01_01 .sec01 h2 {font-family: 'InkLipquid'; font-size:40px; color:#073f8b; line-height:1; font-weight:300; letter-spacing:-1px;}
#ctt_con.sub01_01 .sec01 h2 span {font-size:70px; display:block; line-height:0;}
#ctt_con.sub01_01 .sec01 h3 { font-size:20px; margin:30px 0 35px 0; font-weight:800; color:#073f8b; letter-spacing:-1px}
#ctt_con.sub01_01 .sec01 p {font-size:17px; font-weight:400; color:#494949; letter-spacing:-1px; line-height:1.7;}

@media all and (max-width:800px){
	#ctt_con.sub01_01 .sec01 h2 { font-size:35px;}
	#ctt_con.sub01_01 .sec01 h2 span {margin-top:30px; }
	#ctt_con.sub01_01 .sec01 h3 { font-size:17px;}
	#ctt_con.sub01_01 .sec01 p {font-size:15px;}
}

/* 서브 상단 이미지 */
#sub_visual.sub10 { background-image:url(../img/sub01_top.png) }
#sub_visual.sub20 { background-image:url(../img/sub02_top.png) }
#sub_visual.sub30 { background-image:url(../img/sub03_top.png) }
#sub_visual.sub40 { background-image:url(../img/sub04_top.png) }
#sub_visual.sub50 { background-image:url(../img/sub05_top.png) }
#sub_visual.sub60 { background-image:url(../img/sub06_top.png) }
#sub_visual.sub70 { background-image:url(../img/sub07_top.png) }

#sub_visual {margin-top:100px; height:300px; background-position:center; background-size:cover; background-color:#000; }
#sub_visual h2 { text-align:right; font-size:17px; font-weight:800; letter-spacing:0px; color:#fff; padding:110px 0 0 0; position:relative; line-height:1;  }
#sub_visual p { text-align:right; font-size:50px; font-weight:800; letter-spacing:1px; color:#fff; padding:13px 0 0 0;  position:relative; line-height:1;}

#contents { margin:0px 0 0 0 }
#contents p { word-break:keep-all }

.left_snb {max-width: 1400px;  width:100%;  height:140px; margin: 0 auto 0;  display: table; border-collapse: collapse; table-layout:fixed; border: none; }
.left_snb:after {display:block;clear:both;content:''}
.left_snb .subNavBar1st {border-bottom: solid 1px #e8e8e8; text-align:center; }
.left_snb .subNavBar1st li {position:relative; display: inline-block; text-align:center; padding: 50px 30px 0; letter-spacing:-0.025rem; }
.left_snb .subNavBar1st li:before{content:"";position:absolute;width:1px;left:0;bottom:45px; height:22px; background:#ccc; -webkit-transform: skew(-15deg); transform: skew(-15deg);}
.left_snb .subNavBar1st li:first-child:before {background:none;}
/*.left_snb .subNavBar1st li:last-child:after{content:"";position:absolute;width:1px;right:0;top:26px; height:18px; background:#ccc; }*/

.left_snb .subNavBar1st li{/*border-left:1px solid #c55033*/}
.left_snb .subNavBar1st li:last-child {/*border-right:1px solid #c55033*/}
/*.naviBar_dp1+.naviBar_dp1{border-left:1px solid #c55033}*/
/*.naviBar_dp1+.naviBar_dp1 a {color:#ffffff; }
.naviBar_dp1:hover,
.naviBar_dp1:focus {color:#b72400; background: #ffffff; }*/
.left_snb .subNavBar1st li.on {color:#7e5da2; position:relative;}
.left_snb .subNavBar1st li.on:after {content:""; width:36px; height:36px; background-image: url("../img/smenu_on.png"); position:absolute;  bottom:-20px;  left:50%;  transform: translateX( -50%);}
.left_snb .subNavBar1st li.on a {color:#7e5da2; }
.left_snb .subNavBar1st li a {color:#666; display:block; border:0px solid #ddd; font-size:20px; height: 70px;  font-weight:800;}
/*.left_snb .subNavBar1st li:hover {color:#b72400; background: #ffffff; }*/

@media screen and (max-width: 1400px){
     .left_snb {max-width: 100%;} 
	 .left_snb .subNavBar1st li { position:relative; display: inline-block; text-align:center; padding: 50px 30px 0; letter-spacing:-0.025rem; }
	 .left_snb .subNavBar1st li.on:after {background-size:100%; width:15px; height:15px; bottom:10px; }

}

@media screen and (max-width: 1000px){
	 .left_snb {height:auto;}
	 .left_snb .subNavBar1st {border-bottom: solid 0px #e8e8e8; padding-bottom:20px;}
	 .left_snb .subNavBar1st li {width: calc(100% /5 - 3px); padding: 10px 0px;}
	 .left_snb .subNavBar1st li a { font-size:11px; height: 20px; }
	 .left_snb .subNavBar1st li.on:after {background-size:100%; width:12px; height:12px; bottom:-1px; }
	 .left_snb .subNavBar1st li:before{background:none;}
}



.left_snb02 {max-width: 1400px;  width:100%;  height:140px; margin: 0 auto 50px;  display: table; border-collapse: collapse; table-layout:fixed; border: none; }
.left_snb02:after {display:block;clear:both;content:''}
.left_snb02 .subNavBar1st {border-bottom: solid 1px #e8e8e8; text-align:center; }
.left_snb02 .subNavBar1st li {position:relative; display: inline-block; text-align:center; padding: 50px 30px 0; letter-spacing:-0.025rem; }
.left_snb02 .subNavBar1st li:before{content:"";position:absolute;width:1px;left:0;bottom:45px; height:22px; background:#ccc; -webkit-transform: skew(-15deg); transform: skew(-15deg);}
.left_snb02 .subNavBar1st li:first-child:before {background:none;}
/*.left_snb02 .subNavBar1st li:last-child:after{content:"";position:absolute;width:1px;right:0;top:26px; height:18px; background:#ccc; }*/

.left_snb02 .subNavBar1st li{/*border-left:1px solid #c55033*/}
.left_snb02 .subNavBar1st li:last-child {/*border-right:1px solid #c55033*/}
/*.naviBar_dp1+.naviBar_dp1{border-left:1px solid #c55033}*/
/*.naviBar_dp1+.naviBar_dp1 a {color:#ffffff; }
.naviBar_dp1:hover,
.naviBar_dp1:focus {color:#b72400; background: #ffffff; }*/
.left_snb02 .subNavBar1st li.on {color:#7e5da2; position:relative;}
.left_snb02 .subNavBar1st li.on:after {content:""; width:36px; height:36px; background-image: url("../img/smenu_on.png"); position:absolute;  bottom:-20px;  left:50%;  transform: translateX( -50%);}
.left_snb02 .subNavBar1st li.on a {color:#7e5da2; }
.left_snb02 .subNavBar1st li a {color:#666; display:block; border:0px solid #ddd; font-size:20px; height: 70px;  font-weight:800;}
/*.left_snb02 .subNavBar1st li:hover {color:#b72400; background: #ffffff; }*/

@media screen and (max-width: 1400px){
     .left_snb02 {max-width: 100%;} 
	 .left_snb02 .subNavBar1st li { position:relative; display: inline-block; text-align:center; padding: 50px 30px 0; letter-spacing:-0.025rem; }
	 .left_snb02 .subNavBar1st li.on:after {background-size:100%; width:15px; height:15px; bottom:10px; }

}

@media screen and (max-width: 1000px){
	 .left_snb02 {height:auto;}
	 .left_snb02 .subNavBar1st {border-bottom: solid 0px #e8e8e8; padding-bottom:20px;}
	 .left_snb02 .subNavBar1st li {width: calc(100% /5 - 3px); padding: 10px 0px;}
	 .left_snb02 .subNavBar1st li a { font-size:11px; height: 20px; }
	 .left_snb02 .subNavBar1st li.on:after {background-size:100%; width:12px; height:12px; bottom:-1px; }
	 .left_snb02 .subNavBar1st li:before{background:none;}
}


.left_cs { margin-top:28px }
.left_cs h2 {letter-spacing:-1px; font-weight:700; font-size:1.8em; line-height:1; margin:0 0 15px; border-bottom:1px solid #666; padding-bottom:15px }
.left_cs .tel {font-family: 'GmarketSansBold'; font-weight:700; color:#2d3691; font-size:1.5em; padding-left:3px }
.left_cs .time { font-weight:500; padding-left:3px }
.left_cs .info { padding-left:3px; line-height:1; margin-top:7px }
.left_cs dl { margin-top:13px; padding-left:3px }
.left_cs dt, .left_cs dd { font-family: 'GmarketSansMedium'; color:#686868; display:inline-block; margin:2px 0 }
.left_cs dt { width:18px }
.left_cs dd { width:calc(100% - 23px); font-weight:400; color:#666 }
.left_cs .banner { margin-top:15px }
.left_cs .banner li { float:left; width:50%; margin-left:-1px }
.left_cs .banner li a { display:block; padding:20px 0; line-height:1.3; font-weight:400; font-size:1.1em; text-align:center; border:1px solid #e0e0e0;  }
.left_cs .banner li a i { display:block; font-size:1.36em; margin:0 0 8px }
.left_cs .banner li a:hover { background:#54585d; color:#fff; border-color:#54585d; position:relative; z-index:1 }


#right_area { float:none; width:100%; margin-top:50px; }
.container_title {text-align:center; color:#151515;  font-size:30px; line-height:1.5; letter-spacing:-1px; font-weight:700;}

@media screen and (max-width: 1000px){
	 #right_area {margin-top:0px; }
}

#right_area2 { float:none; width:100%; margin-top:0px; }

@media screen and (max-width: 1000px){
	 #right_area2 {margin-top:0px; }
}

.ceo_message {width:100%; max-width:1920px; margin:auto; position:relative; padding-bottom:50px; overflow:hidden;}
.ceo_message_bg {width:100%; max-height:1880px; height:77%; background: url('../img/message_bg.gif') no-repeat center center; position:absolute; bottom:0; z-index:-1; }

.ceo_message .message_txt {float:left; width:100%; max-width:800px; word-break: keep-all;}
.ceo_message .message_txt .message_txt_title { font-size:22px; color:#7e5da2; font-weight:800; position:relative;}
.ceo_message .message_txt .message_txt_title:after {display:block;content:""; position:absolute; left:0; top:100px; width:2px; height:70px; background:#7e5da2;}
.ceo_message .message_txt .message_txt_title span {display:block; }
.ceo_message .message_txt .message_txt_con {margin-top:135px;}
.ceo_message .message_txt .message_txt_con p {font-size:18px; color:#404040; margin-bottom:4.0rem; line-height:1.5; font-weight:400; letter-spacing:-.5px;}


@media screen and (max-width: 1400px){
     .ceo_message_bg {width:130%;  left:-20px; }
	 
}

@media screen and (max-width: 1100px){

     .ceo_message_bg {background:none; }
	 .ceo_message .message_img {float:none; padding-left:0px; width:100%; text-align:center;}
     .ceo_message .message_txt {float:none; width:100%; max-width:100%; margin-top:.0rem;}
     .ceo_message .message_txt .message_txt_title:after {display:none;}
     .ceo_message .message_txt .message_txt_con {margin-top:3.0rem;}

}


@media screen and (max-width: 800px){

     .ceo_message .message_img {float:none; padding-left:0px; width:100%; text-align:center;}
     .ceo_message .message_txt {float:none; width:100%; max-width:100%; margin-top:30px; }
	 .ceo_message .message_txt .message_txt_title {font-size:20px;padding:0 20px;  }
     .ceo_message .message_txt .message_txt_title:after {display:none;}
     .ceo_message .message_txt .message_txt_con {margin-top:3.0rem;}
	 .ceo_message .message_txt .message_txt_con p {font-size:16px; padding:0 20px; }


}

.recommend_con01{ padding:0px 0 50px;}
.recommend_con01 .top_area ul{font-size:0; letter-spacing:-4px;  margin-top:60px;}
.recommend_con01 .top_area ul li{display:inline-block; vertical-align:top; width: calc(100% /4 - 17px); margin:5px; }
.recommend_con01 .top_area ul li dl{position:relative;}
.recommend_con01 .top_area ul li dl dt{display:block; border-radius:80px; width:80px; height:80px; line-height:80px; font-size:18px; color:#fff; letter-spacing:-0.045em; font-weight:700; text-align:center; background:#d5aece; position:absolute; top:-30px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); z-index:1;}
.recommend_con01 .top_area ul li dl dd{border-radius:20px; background:#fff; min-height:240px; }
.recommend_con01 .top_area ul li dl dd p{display:block; font-size:17px; color:#404040; letter-spacing:-0.045em; font-weight:500; line-height:1.3; position:absolute; width:100%; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); padding:0 20px;}
.recommend_con01 .bottom_area{border-bottom:0;}


@media screen and (max-width: 800px){
     .recommend_con01 .top_area ul li{width: calc(100% /2 - 17px); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
	 .recommend_con01 .top_area ul li dl dd p{ font-size:15px;}
}

@media screen and (max-width: 600px){
     .recommend_con01{ padding:0px 0 50px;}
	 .recommend_con01 .top_area ul li{width:100%;  }
	 .recommend_con01 .top_area ul li dl dt{width:60px; height:60px; line-height:60px; font-size:16px;}
	 .recommend_con01 .top_area ul li dl dd{min-height:160px; }
	 .recommend_con01 .top_area ul li dl dd p{ font-size:15px;}
}



/*연혁*/



.history_title {width:100%; position:relative;}
.history_title > h2 {font-size:5.5rem; text-transform:capitalize;}
.history_title > span {font-size:3.2rem; display:block; margin-top:3.0rem;}

.history {margin-top:3.0rem; }

.hisTab {width:50%; padding: 2.2rem 0rem; z-index: 1;  padding-right:0px;   }
.hisTabnav {font-size:0; width: 100%; margin: 0 auto; }
.hisTabnav:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.hisTabnav li {display: block; text-align: center; position: relative; float: left; width: 50%; }

/*.hisTabnav li:before {content:""; position:absolute; left:0; top:calc(50% - 5px); width:100%; height:1px; background:#9e9e9e;}
.hisTabnav li a:after {content:""; position:absolute; left:calc(50% - 3px); top:calc(50% - 8px); width:8px; height:8px; background:#000; border-radius:100%;}
.hisTabnav li a.active:before {content:""; position:absolute; left:calc(50% - 7px); top:calc(50% - 12px); width:16px; height:16px; border:solid 1px #134fda; border-radius:100%;}
.hisTabnav li a.active:after {content:""; position:absolute; left:calc(50% - 3px); top:calc(50% - 8px); width:8px; height:8px; background:#0d3887; border-radius:100%;}*/
.hisTabnav li a.active{}
.hisTabnav li a{ position:relative; display:block; color: #fff; padding:0 0px; line-height:46px; text-decoration:none; font-size:16px;}
.hisTabnav li a:hover,
.hisTabnav li a {border:1px solid #b0b0b0;}
.hisTabnav li a.active {border:1px solid #7e5da2; z-index:1; background:#7e5da2;}
/*.hisTabnav li a .txt1 {display: block; font-size: 1.7rem; color:#000;  padding-bottom: 0.2rem;}
.hisTabnav li a .txt2 {display: block; font-size:1.7rem; color:#000 ;padding-top: 1.0rem;}
.hisTabnav li a.active .txt1,.hisTabnav li a.active .txt2 {color:#0d3887;}*/


@media screen and (max-width: 1024px){
     .hisTab {width:100%; max-width:100%;padding: 0rem 0rem;}
     .history_title > h2 {font-size:3.2rem; text-transform:uppercase;}
}

.title_eng {color:#7f589e; font-size:30px; font-weight:500; vertical-align:top; border-top:2px solid #7f589e; width:200px; padding-top:15px;}

/*텍스트만 있는경우*/
.his_ul1 {margin-bottom:30px;}
.his_ul1 .his_li1 > dt {border-bottom:1px solid #ddd; padding-bottom:20px;}
.his_ul1 .his_li1 .his_year {display:inline-block; font-size:20px; color:#000; font-weight:500;position: relative;}
.his_ul1 .his_li1 .his_month {display:inline-block; font-size:20px; color:#000; font-weight:500; margin-left:0.1rem }
.his_ul1 .his_li1 > dd {padding-top:1.5rem;}


/**/
.his_ul2 {width:100%;}
.his_li2 {font-size:16px; color:#666; font-weight: 400; position: relative; line-height: 1.5; margin-left:10px;}
.his_li2:before {content: ""; position:absolute; width:4px; height:4px; background:#7e665a; text-align:left; margin-left:-10px; border-radius:5px; margin-top:10px;}



@media screen and (max-width: 1024px){

	 .his_ul1 {padding:0 10px;}
	 .his_ul1 .his_li1 .his_year {font-size:25px;}
     .his_ul1_img .his_li1 .his_year {font-size:2.6rem;}

     .hisTabContent .hisLeft {padding-right:0; margin-bottom:5.0rem;}

     .hisTabContent .hisLeft > .title_eng {font-size:3.4rem;}
     .hisTabContent .hisLeft > .title_eng br {display:none;}

}

@media screen and (max-width: 768px){
     .title_eng { font-size:50px; margin-left:10px;}
	 
	 .his_ul1_img > .his_li1 {width:calc(100% - 190px); padding-right:30px;}
     .his_ul1_img > .his_ul1_right {width:180px; padding:0; }
     .his_ul1_img > .his_ul1_right img {width:100%; }
	 .his_li2 {font-size:15px; }

}

.sidebar2 {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
}

.history_con { position:relative; overflow:hidden; margin-bottom:70px; border-bottom:1px solid #ddd; }

#tab01, #tab2 {width:100%; max-width:1400px; }
.detailPageLeft {float:left; padding-right: 2.5rem; width:200px; vertical-align:top;  } 
.detailPageRight {float:right; width:900px; position: relative;}
/*.detailPageRight:before {content : ""; position: absolute; left: 0; top: 0; height: 100%; width: 1px; border-left:1px solid #e1e1e1;}
.detailPageRight:after {content : ""; position: absolute; left: 0; top: 0; height: 69px; width: 1px; border-left:1px solid #0d2686;}*/

.locTabContent #tab1{width:100%}
.detailPage .map1{width:100%;height:670px;}


@media screen and (max-width: 1024px){

     .sidebar2 {position:relative !important; top:auto;}
     .main_content {flex-wrap: wrap;}

     .detailPageLeft {  width:100%;  padding-right: 0rem;  } 
     .detailPageRight {float:none; width:100%;  margin-top:5.0rem;}

}




.intro_con{padding-bottom: 0px;overflow:hidden; background:#f8f5fa; }
.intro_con ul{margin:50px 0;}
.intro_con li{margin-top: 0px;position:relative;}
.intro_con li:after{content:'';display: block;clear:both;}
.intro_con li > div{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.intro_con li .img{float:left; width: 160px; }
.intro_con li .txt{float:right; width:786px; padding-top: 0px;}
.intro_con li dl {margin-bottom:60px;}
.intro_con li dl h4{margin: 0;font-size: 22px;line-height: 1.4;color: #7e5da2; letter-spacing:-.5px; font-weight: 800;-ms-word-break: keep-all;word-break: keep-all;transform: rotate(-0.03deg);}
.intro_con li dl p{margin-top: 20px;font-size: 17px;line-height: 1.6;color: #6d6d6d; letter-spacing:-.5px; font-weight: 400;-ms-word-break: keep-all;word-break: keep-all;}
.intro_con li dl i {float:right; margin-top:40px; font-style:normal;}

@media all and (max-width:1000px){
	.intro_con li > div{width: 100%;}
	.intro_con li:nth-of-type(odd) > div,
	.intro_con li:nth-of-type(even) > div{float: none;padding: 0;}
	.intro_con li .img {text-align:center; width:100%;}
	.intro_con li .img:after{display: none;}
	.intro_con li .txt{margin-top: 0px; width:100%;}
}

@media all and (max-width:640px){
	.intro_con{}
	.intro_con ul{margin: 0px 0 0;}
	.intro_con li dl {padding: 20px;}
	.intro_con li dl h4{font-size:22px;line-height: 1.3; padding-bottom:20px;}
	.intro_con li dl p{margin-top: 2.34375vw;font-size: 17px;line-height: 1.5;}
	.intro_con li dl i{display:block; font-style:normal; padding-right:0px; text-align:right; margin-top: 60px;font-size: 18px;line-height: 1.7;color: #333; letter-spacing:-.5px; font-weight: 600;-ms-word-break: keep-all;word-break: keep-all;}
}


.intro_con02 {padding:30px 0 50px; }
.intro_con02 ul {margin-top:0px; font-size:0; letter-spacing:-4px;  }
.intro_con02 ul li {padding:50px;background:rgba(255,255,255,0.5); vertical-align:top;  margin:10px 0; box-sizing:border-box; letter-spacing:-0.025em; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius:30px;}
.intro_con02 ul li img {width:200px; }
.intro_con02 ul li h5 { font-size:20px; font-weight:700; color:#000; margin-bottom:20px;}
.intro_con02 ul li dl dd { display:inline-block;  width: calc(100% /2 - 20px); font-size:16px; font-weight:400; color:#666666; line-height:1.7; letter-spacing:-.5px; word-break:keep-all;  box-sizing:border-box; margin-left:10px;}
.intro_con02 ul li dl dd:before {content: ""; position:absolute; width:4px; height:4px; background:#7e665a; text-align:left; margin-left:-10px; border-radius:5px; margin-top:10px;}

@media all and (max-width:1000px){
	.intro_con02 ul li {min-height:auto;  margin:5px; padding:0 30px}
	.intro_con02 ul li h5 {font-size:23px; }
	.intro_con02 ul li dl dd {  font-size:15px;}
}

@media all and (max-width:800px){
	.intro_con02 ul li { width: 100%;  margin:5px 0; min-height:auto; padding:30px 20px; }
	.intro_con02 ul li h5 {font-size:20px; min-height:30px;}
	.intro_con02 ul li dl dd { display:block; width: 100%;}
}



.vision_con01 {padding:30px 0 50px; text-align:center;}
.vision_con01 ul {margin-top:0px; font-size:0; letter-spacing:-4px; }
.vision_con01 ul li {display:inline-block; padding:20px;width: calc(100% /3 - 10px); min-height:170px; background:rgba(255,255,255,0.5); vertical-align:top;  margin:10px 0; box-sizing:border-box; letter-spacing:-0.025em; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius:30px;}
.vision_con01 ul li img {width:200px; }
.vision_con01 ul li h5 { font-size:20px; font-weight:700; color:#000; margin-bottom:20px;}
.vision_con01 ul li dl dd {  font-size:16px; font-weight:400; color:#666666; line-height:1.7; letter-spacing:-.5px; word-break:keep-all;  box-sizing:border-box; margin-left:10px;}
.vision_con01 ul li dl dd:before {content: ""; position:absolute; width:4px; height:4px; background:#7e665a; text-align:left; margin-left:-10px; border-radius:5px; margin-top:10px;}

@media all and (max-width:1000px){
	.intro_con02 {padding:0px 0 50px; }
	.vision_con01 ul li {min-height:550px;  margin:5px; padding:0 30px}
	.vision_con01 ul li h5 {font-size:23px; }
}

@media all and (max-width:800px){
	.vision_con01 ul li { width: 100%;  margin:5px 0; min-height:auto; padding:20px 0; }
	.vision_con01 ul li h5 {font-size:20px; min-height:30px;}
}



.couple_con01 {padding:30px 0 50px; text-align:center;}
.couple_con01 h3 {font-size:30px; margin-bottom:20px; font-weight:800;}
.couple_con01 h4 {font-size:25px; margin-bottom:20px; font-weight:800; color:#7e5da2; }
.couple_con01 ul {margin-top:0px; font-size:0; letter-spacing:-4px; }
.couple_con01 ul li {display:inline-block; padding:20px;width: calc(100% /3 - 10px); min-height:170px; background:rgba(255,255,255,0.5); border-top:3px solid #d5aece; vertical-align:top;  margin:10px 0; box-sizing:border-box; letter-spacing:-0.025em; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius:30px; min-height:220px;}
.couple_con01 ul li h5 { font-size:20px; font-weight:700; color:#000; margin-bottom:20px;}
.couple_con01 ul li dl dd {display:inline-block;  font-size:16px; font-weight:400; color:#666666; line-height:1.7; letter-spacing:-.5px; word-break:keep-all;  box-sizing:border-box; margin-left:20px;}
.couple_con01 ul li dl dd:before {content: ""; position:absolute; width:4px; height:4px; background:#7e665a; text-align:left; margin-left:-10px; border-radius:5px; margin-top:10px;}

@media all and (max-width:1000px){
	.couple_con01 ul li {min-height:550px;  margin:5px; padding:0 30px}
	.couple_con01 ul li h5 {font-size:23px; }
}

@media all and (max-width:800px){
	.couple_con01 ul li { width: 100%;  margin:5px 0; min-height:auto; padding:20px 0; }
	.couple_con01 ul li h5 {font-size:20px; min-height:30px;}
}



.bb_con01 {padding:50px 0 50px; }
.bb_con01 ul {text-align:center; margin-top:0px; font-size:0; letter-spacing:-4px; }
.bb_con01 ul li {display:inline-block; padding:20px;width: calc(100% /2 - 10px); min-height:250px; background:rgba(255,255,255,0.5); border-top:3px solid #d5aece; vertical-align:top;  margin:10px 0; box-sizing:border-box; letter-spacing:-0.025em; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius:30px; }
.bb_con01 ul li h5 { font-size:20px; font-weight:700; color:#000; margin-bottom:20px;}
.bb_con01 ul li p {display:inline-block;  font-size:16px; font-weight:400; color:#666666; line-height:1.7; letter-spacing:-.5px; word-break:keep-all;  box-sizing:border-box; margin-left:20px;}

@media all and (max-width:1000px){
	.bb_con01 ul li {min-height:550px;  margin:5px; padding:0 30px}
	.bb_con01 ul li h5 {font-size:23px; }
}

@media all and (max-width:800px){
	.bb_con01 ul li { width: 100%;  margin:5px 0; min-height:auto; padding:20px 0; }
	.bb_con01 ul li h5 {font-size:20px; min-height:30px;}
}

.bb_con02 {text-align:center; padding:30px 0; background:#f8f5fa; font-size:17px; color:#555; line-height:1.5; font-weight:500;}


.method_con01 {padding:30px 0 50px; text-align:center;}
.method_con01 ul {margin-top:0px; font-size:0; letter-spacing:-4px; }
.method_con01 ul li {display:inline-block; padding:20px;width: calc(100% /3 - 10px); background:rgba(255,255,255,0.5); vertical-align:top;  margin:10px 0; box-sizing:border-box; border-radius:100px; letter-spacing:-0.025em; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.method_con01 ul li img {width:200px; }
.method_con01 ul li h5 { font-size:20px; font-weight:700; color:#000; margin-bottom:20px;}
.method_con01 ul li p {  font-size:16px; font-weight:400; color:#666666; line-height:1.7; letter-spacing:-.5px; word-break:keep-all;  box-sizing:border-box; margin-left:10px;}

@media all and (max-width:1000px){
	.method_con01 ul li {min-height:550px;  margin:5px; padding:0 30px}
	.method_con01 ul li h5 {font-size:23px; }
}

@media all and (max-width:800px){
	.method_con01 ul li { width: 100%;  margin:5px 0; min-height:auto; padding:30px 0; }
	.method_con01 ul li h5 {font-size:20px; min-height:30px;}
}

.tab-menu {position:relative; text-align:center; margin-bottom:50px; font-size:0; }
.tab-menu li {vertical-align:top;  position:relative; color:#797979;  text-align:center; display:inline-block;  margin-left:-1px; margin-top:-1px; width:230px; height:50px; line-height:50px; padding:0px 20px;  cursor:pointer;  z-index:0;  border:1px solid #ddd;  font-size:16px;  font-weight:500;  letter-spacing:-.5px; }
.tab-menu li:after {content: ""; position:absolute; width:20px; height:20px; /*background:url("../img/tab_arr_off.png") center top no-repeat;*/ text-align:right; left:85%; margin-top:-35px;}
.tab-menu li span {float:left;}
.tab-menu li i {float:right; vertical-align:top;}
.tab-menu li:hover {  color:#8551bc;}
.tab-menu li.active {  color:#8551bc;  border:1px solid #8551bc; line-height:49px; z-index:10;}
.tab-menu li.active:after {content: ""; position:absolute; width:20px; height:20px; /*background:url("../img/tab_arr_on.png") center top no-repeat;*/ text-align:right; left:85%; margin-top:-30px;}
.tab-menu li.active:hover {  color:#8551bc;  border:1px solid #8551bc;}

.tab-menu li a {color:#797979;}
.tab-menu li a:hover {  color:#8551bc;}
.tab-menu li.active a{  color:#8551bc; line-height:45px; z-index:10;}
.tab-menu li.active a:after {content: ""; position:absolute; width:20px; height:20px; /*background:url("../img/tab_arr_on.png") center top no-repeat;*/ text-align:right; left:85%; margin-top:-30px;}
.tab-menu li.active a:hover {  color:#8551bc;  }

.tab-content>div {  width: 100%;  padding: 0px;     min-height:80px;}

@media all and (max-width:1000px){
     .tab-menu {margin-top:30px;}
	 .tab-menu li { padding: 0px 15px; font-size:16px;  width: calc(100% /2 - 3px);}
}

@media all and (max-width:800px){
     .tab-menu li { font-size:12px;  padding: 0px 7px; font-weight:800;}
	 .tab-menu li:after {width:15px; height:15px; background-size:100%; left:85%; margin-top:-32px;}
	 .tab-menu li.active:after {width:15px; height:15px; background-size:100%;  left:85%; margin-top:-31px;}
}

.tab-menu_2 {text-align:center; margin-bottom:50px; font-size:0; }
.tab-menu_2 li {vertical-align:top;  position:relative; color:#797979;  text-align:left; display:inline-block;  margin-left:-1px; margin-top:-1px; width:230px; height:50px; line-height:50px; padding:0px 20px;  cursor:pointer;  z-index:0;  border:1px solid #666;  font-size:16px;  font-weight:500;  letter-spacing:-.5px; }
.tab-menu_2 li:after {content: ""; position:absolute; width:20px; height:20px; background:url("../img/tab_arr_off.png") center top no-repeat; text-align:right; left:85%; margin-top:-35px;}
.tab-menu_2 li span {float:left;}
.tab-menu_2 li i {float:right; vertical-align:top;}
.tab-menu_2 li:hover {  color:#8551bc;}
.tab-menu_2 li.active {  color:#8551bc;  border:3px solid #8551bc; line-height:45px; }
.tab-menu_2 li.active:after {content: ""; position:absolute; width:20px; height:20px; background:url("../img/tab_arr_on.png") center top no-repeat; text-align:right; left:85%; margin-top:-33px;}
.tab-menu_2 li.active:hover {  color:#8551bc;  border:3px solid #8551bc;}
.tab-content>div {  width: 100%;  padding: 0px;     min-height:80px;}

@media all and (max-width:1000px){
     .tab-menu_2 {margin-top:30px;}
	 .tab-menu_2 li { padding: 0px 15px; font-size:16px;  width: calc(100% /2 - 3px);}
}

@media all and (max-width:800px){
     .tab-menu_2 li { font-size:12px;  padding: 0px 7px; font-weight:800;}
	 .tab-menu_2 li:after {width:15px; height:15px; background-size:100%; left:85%; margin-top:-32px;}
	 .tab-menu_2 li.active:after {width:15px; height:15px; background-size:100%;  left:85%; margin-top:-31px;}
}

.tab_con h3 {font-size:20px; font-weight:600; letter-spacing:-.5px; color:#8551bc; margin-left:20px;}
.tab_con h3 span {color:#3a3a3a;}
.tab_con h3:before {content: ""; position:absolute; width:20px; height:20px; background:url("../img/tab_arr_on.png") center top no-repeat; margin-left:-25px; margin-top:5px;}


.table_con {margin-bottom:50px;}
.table_con h3 {margin-left:55px; font-weight:800; color:#8551bc; font-size:22px;}
.table_con h3:before {content: ""; position:absolute; width:50px; height:44px; background:url("../img/sub_title_talk.png") center top no-repeat; text-align:left; margin-left:-50px; margin-top:0px;}

.table_con h4 {margin-left:55px; font-weight:800; color:#8551bc; font-size:22px;}
.table_con h4:before {content: ""; position:absolute; width:50px; height:44px; background:url("../img/sub_title_mem.png") center top no-repeat; text-align:left; margin-left:-50px; margin-top:0px;}

.table_con h5 {margin-left:10px; font-weight:800; color:#8551bc; font-size:18px; margin-top:30px;}
.table_con h5:before {content: ""; position:absolute; width:5px; height:5px; background:#8551bc; text-align:left; margin-left:-10px; margin-top:8px;}

@media all and (max-width:800px){
     .table_con {margin-top:30px;}
	 .table_con h3 {font-size:20px;}
	 .table_con h4 {font-size:20px;}
}

.subtable { width:100%; margin:20px auto; border-top:2px solid #8551bc; border-collapse: collapse;}
.subtable tr th {border:1px solid #dbdbdb; text-align:center; background:#f6f6f6; color:#333;  font-size:16px; font-weight:500; padding:10px 0; }
.subtable tr td {border:1px solid #dbdbdb; padding:5px; color:#666;line-height:1.5; text-align:center;font-size:16px; font-weight:400; letter-spacing:-0.03em;}
.subtable tr td:nth-child(3) {text-align:left; padding:10px 20px;}

@media all and (max-width:800px){
     .subtable tr td { font-size:14px; }
}

.subtable02 { width:100%; margin:20px auto; border-top:2px solid #8551bc; border-collapse: collapse;}
.subtable02 tr th {border:1px solid #dbdbdb; text-align:center; background:#f6f6f6; color:#333;  font-size:16px; font-weight:500; padding:10px 0; }
.subtable02 tr td {border:1px solid #dbdbdb; padding:10px; line-height:22px; color:#666;line-height:1.5; text-align:center;font-size:16px; font-weight:400; letter-spacing:-0.03em;}

.subtable02 tr td li {margin-bottom:5px;}
.subtable02 tr td li dt {float:left; font-weight:600; color:#000;}
.subtable02 tr td li dd {display:inline-block; padding-left:5px;}
.subtable02 tr td li span {display:block; line-height:1.5;}

@media all and (max-width:800px){
     .subtable02 tr td { font-size:13px;padding:5px 2px;  }
}

.subtable03 { width:100%; margin:20px auto; border-top:2px solid #8551bc; border-collapse: collapse;}
.subtable03 tr th {border:1px solid #dbdbdb; text-align:center; background:#f4eff5; color:#333;  font-size:16px; font-weight:500; padding:10px 0; }
.subtable03 tr td {border:1px solid #dbdbdb; padding:10px 20px; line-height:22px; color:#666;line-height:1.5; text-align:center;font-size:16px; font-weight:400; letter-spacing:-0.03em;}
.subtable03 tr td.left { text-align:left;}
.subtable03 tr td.bg { background:#f9f9f9; }

.subtable03 tr td li {margin-bottom:5px;}
.subtable03 tr td li dt {float:left; font-weight:600; color:#000;}
.subtable03 tr td li dd {display:inline-block; padding-left:5px;}
.subtable03 tr td li span {display:block; line-height:1.5;}

@media all and (max-width:800px){
     .subtable03 tr td { font-size:13px;padding:5px 2px;  }
}

.method_con02 { margin:0px 0 50px; overflow:hidden;}
.method_con02 .method_sec {padding:30px 0; min-height:150px; }
.method_con02 .vision_sec:after {display:block;visibility:hidden;clear:both;content:""}
.method_con02 .method_sec .me_left {float:left; width:300px; }
.method_con02 .method_sec .me_left .thumb {background:#8551bc; border-radius:200px; font-size:20px; font-weight:800; color:#ffffff; padding:30px; text-align: center;}
.method_con02 .method_sec .me_left p {font-size:15px; padding-top:20px; font-weight:400; text-align:center;}
.method_con02 .method_sec .me_right {float:left; width:800px; padding-top:10px; padding-left:50px;}
.method_con02 .method_sec .me_right p {font-size:16px; color:#666; font-weight:400;}
.method_con02 .method_sec .me_right dl {margin-bottom:20px;}
.method_con02 .method_sec .me_right dl dd {font-size:16px; font-weight:400; color:#666; line-height:1.5; margin-left:10px;}
.method_con02 .method_sec .me_right dl dd:before {content: ""; position:absolute; width:4px; height:4px; background:#7e665a; text-align:left; margin-left:-10px; border-radius:5px; margin-top:10px;}

@media all and (max-width:1000px){
     .method_con02 { margin:0px 0 0px;}
	 .method_con02 .method_sec .me_left {float:none; margin:0 auto; }
	 .method_con02 .method_sec .me_left .thumb {padding:20px 20px; margin-bottom:10px; text-align: center;}
	 .method_con02 .method_sec .me_right {float:left; width:100%; padding-left:20px;  padding-bottom:30px;}
}


.bg_purple {background:#faf8fc;}


.contact_con01{margin:0px 0;}
.contact_con01 .inner:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.contact_con01 .inner .left{box-sizing:border-box;}
.contact_con01 .inner .left .top{position:relative; text-align:right;}
.contact_con01 .inner .left .top:before{content:""; display:block; height:1px; width:100%; background:#dddddd; position:absolute; left:0; bottom:1px;}
.contact_con01 .inner .left .top span{position:relative; display:inline-block; vertical-align:top; background:#fff; padding:0 10px; box-sizing:border-box; font-size:18px; color:#aaaaaa; letter-spacing:0em; font-weight:400;}
.contact_con01 .inner .left ul{margin:60px 0;}
.contact_con01 .inner .left ul:after{clear:both; content:""; display:block; height:0; visibility:hidden;}
.contact_con01 .inner .left ul li{float:left; max-width:50%;}
.contact_con01 .inner .left ul li + li{margin-left:140px;}
.contact_con01 .inner .left ul li h4{font-size:25px; color:#444444; letter-spacing:-0.035em; font-weight:800; margin:0 0 10px;}
.contact_con01 .inner .left ul li h5{font-size:50px; color:#7e5da2; letter-spacing:-0.025em; font-weight:800; margin:0; line-height:1;}
.contact_con01 .inner .left ul li h4 i{display:inline-block; vertical-align:middle; position:relative; top:-2px; margin-right:5px;}
.contact_con01 .inner .left ul li dl{margin:10px 0;}
.contact_con01 .inner .left ul li dl:after{clear:both; content:""; display:block; height:0; visibility:hidden;}
.contact_con01 .inner .left ul li dl dt{width:75px; float:left; position:relative; font-size:20px; color:#666666; letter-spacing:-0.025em; font-weight:500;}
.contact_con01 .inner .left ul li dl dt:before{content:""; position:absolute; right:0; top:50%; width:11px; height:1px; background:#e4e4e4; transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -moz-transform:rotate(-45deg);}
.contact_con01 .inner .left ul li dl dd{width:calc(100% - 75px); padding-left:25px; box-sizing:border-box; float:left; position:relative; font-size:20px; color:#666666; letter-spacing:-0.025em; font-weight:300;}
.contact_con01 .inner .left ul li p{margin-top:20px; font-size:16px; color:#e26b6b; letter-spacing:-0.025em; font-weight:300;}

.subimg {text-align:center; background:#f5f5f5; padding:30px 0; margin-bottom:50px;}
.subimg h3 {font-size:17px; letter-spacing:-.5px; line-height:1.5; font-weight:500; }
.subimg h3 i {display:block;}

@media all and (max-width:1400px){
	.contact_con01 .inner .left{width:calc(100% - 300px);}
	.contact_con01 .inner .left ul li + li{margin-left:30px;}
	.contact_con01 .inner .left ul li h5{font-size:40px;}
	.contact_con01 .inner .right{width:300px;}
}
@media all and (max-width:1000px){
	.contact_con01 .inner .left{float:none; width:100%; padding:0 20px;}
	.contact_con01 .inner .left .top span{ padding:0 0px; box-sizing:border-box; font-size:13px; color:#aaaaaa; letter-spacing:0em; font-weight:400;}
	.contact_con01 .inner .left ul li{display:block; width:100%; max-width:100%; margin:10px 0 !important;}
	.contact_con01 .inner .right{float:none; width:100%;}
	.contact_con01 .inner .left ul li h4{font-size:20px;}
	.contact_con01 .inner .left ul li h5{font-size:30px;}
}



.root_daum_roughmap { width:100% !important; border:0 !important; padding:0 !important }
.root_daum_roughmap .wrap_map { width:100%; height:500px !important }

.map_area{position:relative; margin:50px 0 0;}
.map_area .map{width:100%; height:500px; position:relative;}
.map_area .map img{/*opacity:0; visibility:hidden; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);*/}
.map_area .add_area{position:absolute; left:0; top:0; z-index:50; width:100%; height:100%;}
.map_area .add_area .size{height:100%; position:relative;}
.map_area .add_box{position:absolute; right:4%; bottom:120px; z-index:30; width:100%; max-width:420px; padding:40px 50px 35px; box-sizing:border-box; background-color:#7e5da2;}
.map_area .add_box .top span{display:block; font-size:14px; font-weight:600; color:#fff; letter-spacing:-0.3px; line-height:1;}
.map_area .add_box .top h3{display:block; margin-top:7px; font-size:17px; font-weight:300; color:#fff; letter-spacing:-0.3px; line-height:1.3;}
.map_area .add_box .btm{margin-top:20px;}
.map_area .add_box .btm p{margin-top:10px; padding-left:60px; box-sizing:border-box; font-size:15px; font-weight:300; color:#fff; letter-spacing:0; line-height:1; position:relative;}
.map_area .add_box .btm p:first-child{margin-top:0;}
.map_area .add_box .btm p span{font-size:15px; font-weight:600; position:absolute; left:0; top:0;}

.map_area .map .root_daum_roughmap{width:100%; height:500px;}
.map_area .map .root_daum_roughmap .wrap_map{width:100%; height:100%;}

@media screen and (max-width: 768px){
	 .map_area{position:relative; margin:0px 0 0;}
	 .map_area .add_box{left:20px; right:auto; bottom:60px;}
}

@media screen and (max-width: 540px){
	 .map_area .add_box{max-width:100%; left:0; padding:27px 25px 30px;}
	 .map_area .add_box .top h3{font-size:15px;}
	 .map_area .add_box .btm{margin-top:12px;}
	 .map_area .add_box .btm p{margin-top:5px; font-size:13px;}
	 .map_area .add_box .btm p span{font-size:13px;}
}



.sub_tit02{text-align:center; border-top:1px solid #e1e1e1; margin-bottom:0px;}
.sub_tit02 i{display:block; font-size:15px; font-weight:700; letter-spacing:0.2em; color:#fff; width:200px; padding:5px; margin:0 auto 20px; background:#7e5da2; font-style:normal; transform: rotate(-0.03deg);}
.sub_tit02 p{font-size:30px; font-weight:700; letter-spacing:-.5px; color:#000000; line-height:1.2; word-break:keep-all;}
.sub_tit02 p strong{position:relative; font-weight:400; z-index:2;}
.sub_tit02 p strong:before{content:''; position:absolute; bottom:4px; left:0; display:block; width:100%; height:28%; background:#f1ece8; z-index:-1;}
.sub_tit02 span{display:block; font-size:22px; font-weight:300; letter-spacing:-0.045em; color:#666666; margin-top:20px;}

@media all and (max-width:1000px){
	.sub_tit02 p{font-size:28px;}
}

@media all and (max-width:800px){
	.sub_tit02{text-align:center; border-top:1px solid #e1e1e1; margin-bottom:20px;}
	.sub_tit02 p{font-size:23px;}
}


.program_con01 {padding:50px 0;}
.program_con01 h4 {text-align:center; font-weight:800; color:#8551bc; font-size:22px; margin-bottom:30px;}
.program_con01 h3 {margin-left:55px; font-weight:800; color:#8551bc; font-size:22px; margin-bottom:30px;}
.program_con01 h3:before {content: ""; position:absolute; width:50px; height:44px; background:url("../img/sub_title_talk.png") center top no-repeat; text-align:left; margin-left:-50px; margin-top:0px;}

.program_con01 h5 {margin-left:10px; margin-bottom:10px; font-weight:800; color:#8551bc; font-size:18px; margin-top:30px;}
.program_con01 h5:before {content: ""; position:absolute; width:5px; height:5px; background:#8551bc; text-align:left; margin-left:-10px; margin-top:8px;}


.program_con01 p {font-weight:400; color:#666; font-size:17px; line-height:1.5;}
.program_con01 p span {font-weight:400; color:#fff; font-size:17px; line-height:1.5; background:#dcabd4; display:inline-block; padding:1px 5px; border-radius:5px;}

.program_con01 p.num {font-weight:700; color:#8551bc; font-size:25px; line-height:1.5;}

.program_con01 dl {margin-bottom:20px;}
.program_con01 dl dt {font-weight:800; color:#8551bc; font-size:19px; line-height:1.5; margin-bottom:10px;}
.program_con01 dl dd {font-weight:400; color:#666; font-size:17px; line-height:1.5; margin-left:10px;}
.program_con01 dl dd:before {content: ""; position:absolute; width:4px; height:4px; background:#7e665a; text-align:left; margin-left:-10px; border-radius:5px; margin-top:10px;}

@media all and (max-width:800px){
	.program_con01 .inner {padding:0 10px;}
	.program_con01 h4 {font-size:17px; }
	.program_con01 p { font-size:15px; padding:0 10px;}
	.program_con01 dl dd {font-size:15px;}
}


.pa50 {padding:50px 0;}

.program_con02 {padding:0px 0 50px; font-size:0;}
.program_con02 ul li {vertical-align:top; display:inline-block; margin-right:20px; width: calc(100% /3 - 20px); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius:20px; padding:30px;}
.program_con02 ul li:last-child {margin-right:0;}
.program_con02 h3 {margin-left:55px; font-weight:800; color:#8551bc; font-size:22px; margin-bottom:30px;}
.program_con02 h3:before {content: ""; position:absolute; width:50px; height:44px; background:url("../img/sub_title_talk.png") center top no-repeat; text-align:left; margin-left:-50px; margin-top:0px;}
.program_con02 p {font-weight:400; color:#666; font-size:17px; line-height:1.5; min-height:100px;}

@media all and (max-width:800px){
	.program_con02 ul li {margin-right:0px; width: 100%; margin-bottom:10px;} 
	.program_con02 h3 {margin-left:35px; font-size:20px;  }
	.program_con02 h3:before { margin-top:-5px;}
	.program_con02 p { font-size:15px;}
}

.program_con01_2 {padding:50px 0;}
.program_con01_2 h3 {margin-left:55px; font-weight:800; color:#8551bc; font-size:22px; margin-bottom:30px;}
.program_con01_2 h3:before {content: ""; position:absolute; width:50px; height:44px; background:url("../img/sub_title_talk.png") center top no-repeat; text-align:left; margin-left:-50px; margin-top:0px;}
.program_con01_2 p {font-weight:400; color:#666; font-size:17px; line-height:1.5; min-height:100px;}

.program_con03 {padding:0px 0 50px; font-size:0;}
.program_con03 ul li {vertical-align:top; margin-bottom:10px;}
.program_con03 dl dt {float:left; text-align:center;width:200px; height:100px; padding-top:35px;margin-right:10px; font-size:20px; font-weight:800; background:#dcabd4; color:#fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius:20px; }
.program_con03 dl dt.he1 {height:130px; padding-top:50px;}
.program_con03 dl dd {display:inline-block;text-align:center; margin-right:10px; height:100px;padding-top:25px; letter-spacing:-.5px; width:200px; background:#fff; font-weight:400; color:#666; font-size:17px; line-height:1.5; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius:20px; }
.program_con03 dl dd.he1 {vertical-align:top; display:inline-block;text-align:center; margin-right:10px; height:130px;padding-top:25px; letter-spacing:-.5px; width:200px; background:#fff; font-weight:400; color:#666; font-size:17px; line-height:1.5; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius:20px; }

@media all and (max-width:1000px){
	.program_con03 dl dt {width:20%; font-size:14px;} 
	.program_con03 dl dd {width:23%; font-size:13px; vertical-align:top;} 
	.program_con03 dl dd.he1 {width:23%; font-size:13px; vertical-align:top;} 
}

@media all and (max-width:600px){
	.program_con03 dl dt {width:20%; font-size:14px;} 
	.program_con03 dl dd {width:22%; font-size:13px; vertical-align:top;padding-top:15px;} 
	.program_con03 dl dd.he1 {width:22%; font-size:13px; vertical-align:top;padding-top:15px;} 
}

.program_con03_2 {padding:0px 0 30px; font-size:0;}
.program_con03_2 ul li {vertical-align:top; margin-bottom:10px;}
.program_con03_2 dl dt {float:left; text-align:center;width:200px; height:100px; padding-top:35px;margin-right:10px; font-size:20px; font-weight:800; background:#dcabd4; color:#fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius:20px; }
.program_con03_2 dl dd {display:inline-block;text-align:center; margin-right:10px; height:100px;padding-top:25px; letter-spacing:-.5px; width:400px; background:#fff; font-weight:400; color:#666; font-size:17px; line-height:1.5; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); border-radius:20px; }
.program_con03_2 dl dd.bg {display:inline-block;text-align:center; margin-right:10px; height:100px;padding-top:25px; letter-spacing:-.5px; width:300px; background:#e4e4e4; font-weight:400; color:#333; font-size:17px; line-height:1.5; box-shadow:0; border-radius:20px; }

@media all and (max-width:800px){
	.program_con03_2 dl dt {width:20%; font-size:14px;} 
	.program_con03_2 dl dd {width:40%; font-size:13px; vertical-align:top;} 
	.program_con03_2 dl dd.bg {width:30%; font-size:13px; vertical-align:top;} 
}

.btnbox {text-align:center}
.pagenation {padding:40px; text-align:center; }
.pagenation a {display:inline-block; min-width:25px; height:25px;margin:0 2px; border:1px solid #ddd; color:#999; font-family:Arial; font-size:10px; line-height:23px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pagenation a:hover {font-weight:bold; color:#000; }
.pagenation a.on {font-weight:bold; color:#000; }
.pagenation strong {color:#000; }
.pagenation .arrow {display:inline-block; padding:0 20px}


#tabwrap2 {
    background: #fff;
    overflow: hidden;

    min-height: 300px;
    margin: 0px auto 20px;
    /*box-shadow: 0 0 20px #ddd;*/
    border: 1px solid #e8e8e8;
}
#tabwrap2 .tabs { overflow: hidden; background: #fafafa; }
#tabwrap2 .tabs li { list-style: none; }
#tabwrap2 .tabs li a {
    float: left;
    display: block;
    line-height:60px;
    color: #777;
	width: calc(100% /4 - 0px);
    text-decoration: none;
    text-align: center;
    border-left: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
    font-size: 15px;
	font-weight:800;
}

#tabwrap2 .tabs li:first-child a { border-left: 0; }
#tabwrap2 .tabs li:last-child a { border-right: 0; }

#tabwrap2 .tabs li.current2 a {
    background: #c9abdc;
    color: #fff;
    font-weight:bold;
}

#tabwrap2 .tab_content2 > div {
    clear: both;
    padding: 20px;
    line-height: 19px;
    color: #666;
    display: none;
}
#tabwrap2 .tab_content2 {padding:30px 0; }
#tabwrap2 .tab_content2 .current2 { display: block; }
#tabwrap2 .tab_content2 #home.first { display: block; }
#tabwrap2 .tab_content2 input[type="checkbox"] { margin-right:10px; }
#tabwrap2 .tab_content2 label {cursor: pointer; }

#submit_btn {margin-top:20px; margin-bottom:50px; text-align:center; margin:0 auto;}
#submit_btn .reqgo {background:#7e5da2; padding:15px 30px; color:#fff; font-size:15px; font-weight:800;}
#submit_btn .reqok {background:#7e5da2; padding:15px 30px; color:#fff; font-size:15px; font-weight:800;}
#submit_btn .reqexit {background:#333; padding:15px 30px; color:#fff; font-size:15px; font-weight:800;}

table.req {width:100%; border-collapse:collapse; border-spacing:0; }
table.req tbody tr {display:none; }
table.req tbody tr td {background:#fff; text-align:left;  padding:10px; }
table.req tbody tr td.txtc {text-align:center; }
table.req tbody tr.tr_visible {display:table-row; }
table.req tbody tr.tr_visible td {background:#fff; font-size:15px;}
table.req .tr_visible a {color:#666; }
table.req td {background:#fff; color:#666; font-weight:normal; text-align:center;border-bottom:solid 0px #eaeaea; vertical-align:top; }
table.req td.tdcon {font-size:14px; line-height:1.5; background:#f6f3f9; padding:20px;}

.reqform {text-align:center }
.reqform a {width:97px; height:40px; margin:0 auto; }
.reqform a.reqok {display:none; }
.reqform a.reqexit {display:none; }
table.request {display:none; width:100%; border-collapse:collapse; border-spacing:0; margin:20px 0 50px 0; }
table.request th {color:#7e5da2; background:#f9f9f9; vertical-align:middle; border-bottom:solid 1px #fff; text-align:center; font-size:15px; font-weight:800; }
table.request td {background:#fff; color:#666; font-weight:normal; text-align:left; border-bottom:solid 1px #eaeaea; padding:15px 40px; vertical-align:middle; }
table.request th.first {border-top:solid 2px #7e5da2; }
table.request td.first {border-top:solid 2px #7e5da2; }
table.request th.last {border-bottom:solid 2px #7e5da2; }
table.request td.last {border-bottom:solid 2px #7e5da2; }
table.request td input[type="text"] {width:270px; height:32px; line-height:32px; border:solid 1px #ddd; padding:0 10px; }
table.request td input[type="radio"] {margin-right:5px; }
table.request td label {margin-right:15px; }

.information_box {background:#7e5da2; padding:30px; margin-bottom:30px;}
.information_txt {font-size:0px; letter-spacing: -4px; background:#ffffff; border-radius:10px; width:100%; padding: 42px 60px; box-sizing: border-box;}
.information_txt .bottom_logo {display:inline-block; vertical-align:top; text-align: center; margin-right:40px;}

.information_txt .bottom_txt { display:inline-block; }
.information_txt .bottom_txt p {font-size:17px; font-weight: 400; letter-spacing: -.5px; color:#666; line-height:1.5; margin-bottom:20px;}
.information_txt .bottom_txt p span {font-size:20px; color:#7e5da2; font-weight:800;}
.information_txt .bottom_txt dl {}
.information_txt .bottom_txt dl dt {font-size:20px; font-weight:800; letter-spacing: -.5px; color:#7e5da2; }
.information_txt .bottom_txt dl dd {font-size:17px; font-weight: 400; letter-spacing: -.5px; color:#666; padding-top:10px; padding-bottom:20px;}

@media all and (max-width:1300px){
	.information_box {padding:20px; }
	.information_txt {padding: 22px 20px;}
}

@media all and (max-width:1000px){
	.information_txt .bottom_logo {text-align:center; display:block; margin-right:0px;}
}

.information_txt .bottom_txt02 { display:inline-block; }
.information_txt .bottom_txt02 p {font-size:17px; font-weight: 400; letter-spacing: -.5px; color:#666; line-height:1.5; margin-bottom:20px;}
.information_txt .bottom_txt02 p span {font-size:20px; color:#7e5da2; font-weight:800;}
.information_txt .bottom_txt02 p i {font-style:normal; font-size:20px; color:#333; font-weight:800;}
.information_txt .bottom_txt02 dl {display:inline-block; width: calc(100% /2 - 0px); margin-bottom:20px;}
.information_txt .bottom_txt02 dl dt {font-size:20px; font-weight:800; letter-spacing: -.5px; color:#7e5da2; }
.information_txt .bottom_txt02 dl dd {font-size:17px; font-weight: 400; letter-spacing: -.5px; color:#666; padding-top:10px; }

.information_txt .bottom_txt02 dl.no {display:block; width: 100%; margin-bottom:20px;}
.information_txt .bottom_txt02 dl.no dt {font-size:20px; font-weight:800; letter-spacing: -.5px; color:#7e5da2; }
.information_txt .bottom_txt02 dl.no dd {font-size:17px; font-weight: 400; letter-spacing: -.5px; color:#666; padding-top:10px; }


.one_ul {margin-bottom:50px;}
.one_ul ul{font-size:0; letter-spacing:-4px;}
.one_ul ul li{background:#f2f2f2; position:relative; width:300px; min-height:230px; border-radius:5px;  display:inline-block; vertical-align:top; margin-right:50px;}
.one_ul ul li:before{content:""; width:1px; height:100%; display:inline-block; vertical-align:middle;}
.one_ul ul li:after{content:""; width:13px; height:28px; background:url('../img/one_ul_arrow.png')no-repeat center / cover; position:absolute; right:-31px; top:calc(50% - 14px);}
.one_ul ul li:last-child{margin-right:0;}
.one_ul ul li:last-child:after{display:none}
.one_ul ul li img {margin-bottom:20px;}
.one_ul ul li h3{ text-align:center;width:100%; font-weight:700; font-size:20px; color:#fff; letter-spacing:-0.025em; padding:20px 0;}
.one_ul ul li dl {margin-top:10px; padding: 0 20px;}
.one_ul ul li dl dd{text-align:left; font-size:16px; color:#666666; letter-spacing:-0.5px; line-height:1.6; font-weight:500; margin-left:10px;}
.one_ul ul li dl dd:before {content: ""; position:absolute; width:4px; height:4px; background:#7e5da2; text-align:left; margin-left:-10px; border-radius:5px; margin-top:10px;}

.one_ul ul li.num01 h3 {background:#c99cc2;}
.one_ul ul li.num02 h3 {background:#c090b9;}
.one_ul ul li.num03 h3 {background:#ba88b3;}

@media all and (max-width:1300px){
	.one_ul ul li{width:40%; min-height:170px; margin-right:30px; margin-bottom:20px; }
	.one_ul ul li:nth-of-type(2n):after{display:none}
	.one_ul ul li:after{content:""; width:13px; height:28px; background:url('../img/one_ul_arrow.png')no-repeat center / cover; position:absolute; right:-21px; top:calc(50% - 14px);}
}

@media all and (max-width:1000px){
	.one_ul {margin-bottom:0px;}
	.one_ul ul li{width:100%; margin-right:0px; margin-bottom:20px; min-height:auto;}
	.one_ul ul li h3{ padding-bottom:10px; display:block;}
	.one_ul ul li:after{display:none}
	.one_ul ul li dl {padding: 20px 20px 30px;}
	.one_ul ul li dl dd{ font-size:15px;}
}


.two_ul {margin-bottom:0px;}
.two_ul h5 {font-size:18px; padding-bottom:20px; letter-spacing:-0.5px; font-weight:800; }
.two_ul ul{font-size:0; letter-spacing:-4px;}
.two_ul ul li{background:#f2f2f2; position:relative; width:300px; min-height:230px; border-radius:5px;  display:inline-block; vertical-align:top; margin-right:50px;}
.two_ul ul li:before{content:""; width:1px; height:100%; display:inline-block; vertical-align:middle;}
.two_ul ul li:after{content:""; width:13px; height:28px; background:url('../img/one_ul_arrow.png')no-repeat center / cover; position:absolute; right:-31px; top:calc(50% - 14px);}
.two_ul ul li:last-child{margin-right:0;}
.two_ul ul li:last-child:after{display:none}
.two_ul ul li img {margin-bottom:20px;}
.two_ul ul li h6{ text-align:center;width:100%; font-weight:700; font-size:20px; color:#fff; letter-spacing:-0.025em; padding:20px 0;}
.two_ul ul li dl {margin-top:10px; padding: 0 20px 20px;}
.two_ul ul li dl dd{text-align:left; font-size:16px; color:#666666; letter-spacing:-0.5px; line-height:1.6; font-weight:500; margin-left:10px; margin-bottom:10px;}
.two_ul ul li dl dd:before {content: ""; position:absolute; width:4px; height:4px; background:#7e5da2; text-align:left; margin-left:-10px; border-radius:5px; margin-top:10px;}
.two_ul ul li dl dd span {display:block; font-size:14px; padding-top:5px; color:#8d8d8d;}

.two_ul ul li.num01 h6 {background:#c99cc2;}
.two_ul ul li.num02 h6 {background:#c090b9;}
.two_ul ul li.num03 h6 {background:#ba88b3;}



@media all and (max-width:1300px){
	.two_ul ul li{width:40%; min-height:170px; margin-right:30px; margin-bottom:20px; }
	.two_ul ul li:nth-of-type(2n):after{display:none}
	.two_ul ul li:after{content:""; width:13px; height:28px; background:url('../img/one_ul_arrow.png')no-repeat center / cover; position:absolute; right:-21px; top:calc(50% - 14px);}
}

@media all and (max-width:1000px){
	.two_ul ul li{width:100%; margin-right:0px; margin-bottom:0px; min-height:auto;}
	.two_ul ul li h3{ padding-bottom:10px; display:block;}
	.two_ul ul li:after{display:none}
	.two_ul ul li dl dd{ font-size:15px;}
}

.three_ul {margin-bottom:0px;}
.three_ul h5 {font-size:18px; padding-bottom:20px; letter-spacing:-0.5px; font-weight:800; }
.three_ul ul{font-size:0; letter-spacing:-4px;}
.three_ul ul li{background:#f2f2f2; position:relative; width:260px; min-height:280px; border-radius:5px;  display:inline-block; vertical-align:top; margin-right:50px;}
.three_ul ul li:before{content:""; width:1px; height:100%; display:inline-block; vertical-align:middle;}
.three_ul ul li:after{content:""; width:13px; height:28px; background:url('../img/one_ul_arrow.png')no-repeat center / cover; position:absolute; right:-31px; top:calc(50% - 14px);}
.three_ul ul li:last-child{margin-right:0;}
.three_ul ul li:last-child:after{display:none}
.three_ul ul li img {margin-bottom:20px;}
.three_ul ul li h6{ text-align:center;width:100%; font-weight:700; font-size:20px; color:#fff; letter-spacing:-0.025em; padding:20px 0;}
.three_ul ul li dl {margin-top:10px; padding: 0 20px 20px;}
.three_ul ul li dl dd{text-align:left; font-size:16px; color:#666666; letter-spacing:-0.5px; line-height:1.6; font-weight:500; margin-left:10px; margin-bottom:10px;}
.three_ul ul li dl dd:before {content: ""; position:absolute; width:4px; height:4px; background:#7e5da2; text-align:left; margin-left:-10px; border-radius:5px; margin-top:10px;}
.three_ul ul li dl dd span {display:block; font-size:14px; padding-top:5px; color:#8d8d8d;}

.three_ul ul li.num01 h6 {background:#c99cc2;}
.three_ul ul li.num02 h6 {background:#c090b9;}
.three_ul ul li.num03 h6 {background:#ba88b3;}


@media all and (max-width:1300px){
	.three_ul ul li{width:40%; min-height:170px; margin-right:30px; margin-bottom:20px; }
	.three_ul ul li:nth-of-type(2n):after{display:none}
	.three_ul ul li:after{content:""; width:13px; height:28px; background:url('../img/one_ul_arrow.png')no-repeat center / cover; position:absolute; right:-21px; top:calc(50% - 14px);}
}

@media all and (max-width:1000px){
	.three_ul ul li{width:100%; margin-right:0px; margin-bottom:0px; min-height:auto;}
	.three_ul ul li h3{ padding-bottom:10px; display:block;}
	.three_ul ul li:after{display:none}
	.three_ul ul li dl dd{ font-size:15px;}
}

.he01 {min-height:380px;}
.he02 {min-height:210px;}
.he03 {min-height:400px;}


@media all and (max-width:1000px){
	.he01 {min-height:auto;}
	.he02 {min-height:auto;}
	.he03 {min-height:auto;}
}

.text_ul h5 {font-size:18px; padding-bottom:10px; letter-spacing:-0.5px; font-weight:800; }
.text_ul p {font-size:17px; padding-bottom:20px; letter-spacing:-0.5px; font-weight:400; }
.text_ul ul li dl dd {text-align:left; font-size:16px; color:#666666; letter-spacing:-0.5px; line-height:1.6; font-weight:500; margin-left:10px; margin-bottom:10px;}
.text_ul ul li dl dd:before {content: ""; position:absolute; width:4px; height:4px; background:#7e5da2; text-align:left; margin-left:-10px; border-radius:5px; margin-top:10px;}

.marbo20 {margin-bottom:20px;}



.button_c {margin-top:20px;  display: flex;  justify-content: center;  align-items: center;  flex-wrap: wrap;  text-align: center; }
.button_c span{  list-style: none;  cursor: pointer;  letter-spacing:-.5px; border: 1px solid #7e5da2;  white-space: nowrap;  position: relative;  width: 220px;  height:60px;  line-height: 60px;  font-size: 18px;  font-weight: 800;}
.button_c span:hover{  color: #7e5da2;}
.button_c span a{  position: relative;  color: #7e5da2;  display: block;  width: 220px;  height: 60px;	}
.button_c span:after,  .button_c span:before, .button_c span a:before,  .button_c span a:after{  content: "";   display: block;  position: absolute;   background: #7e5da2;  transition: 0.2s all ease;}

.button_c span:after, span:before {width: 0%; height: 3px}
.button_c span a:before,span a:after{ width:3px; height: 0%; }
.button_c span a:before {left: -1px;bottom: 1px;}
.button_c span a:after {right: 0;top: -1px;}
.button_c span:after {top: -1px;}
.button_c span:before { bottom: -1px; right: 0;}

.button_c span:hover:after,span:hover:before {width: 100%;}
.button_c span:hover a:before,span:hover a:after {height: 100%;}
.button_c span:hover a:after {transition-delay: 0.2s}
.button_c span:hover:before {transition-delay: 0.4s}
.button_c span:hover a:before {transition-delay: 0.6s}

@media screen and (max-width:800px) {
     .button_c span{width: 140px; font-size: 17px; height:50px;  line-height: 50px; }
	 .button_c span a{width: 140px; height:50px;  }
}



.box_con01 {padding:50px 0;}
.box_con01 h3 {margin-left:55px; font-weight:800; color:#8551bc; font-size:22px; margin-bottom:30px;}
.box_con01 h3:before {content: ""; position:absolute; width:50px; height:44px; background:url("../img/sub_title_talk.png") center top no-repeat; text-align:left; margin-left:-50px; margin-top:0px;}
.box_con01 h4 {margin-left:55px; font-weight:800; color:#8551bc; font-size:22px; margin-bottom:30px;}
.box_con01 h4:before {content: ""; position:absolute; width:50px; height:44px; background:url("../img/sub_title_sv.png") center top no-repeat; text-align:left; margin-left:-50px; margin-top:0px;}
.box_con01 ul li {box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); background:#fff; border-radius:20px; padding:0 20px 20px; margin-bottom:10px;}
.box_con01 ul li dl dt {font-weight:400; color:#666; font-size:17px; line-height:1.5; background:#d5aece; margin-bottom:10px; display:inline-block; color:#fff; border-bottom-left-radius:10px; border-bottom-right-radius:10px; padding:5px 10px;}
.box_con01 ul li dl dd {font-weight:400; color:#666; font-size:16px; line-height:1.5; letter-spacing:-.5px;}

@media screen and (max-width:800px) {
     .box_con01 ul li dl dd { font-size:15px; }
}



.box_con02 {position:relative; padding:20px 0; font-size:0;}
.box_con02 ul li {display:inline-block; width:calc(100% /2 - 20px); margin-right:20px; vertical-align:top; min-height:150px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); background:#fff; border-radius:20px; padding:0 20px 20px; margin-bottom:10px;}
.box_con02 ul li dl dt {font-weight:400; color:#666; font-size:17px; line-height:1.5; background:#d5aece; margin-bottom:10px; display:inline-block; color:#fff; border-bottom-left-radius:10px; border-bottom-right-radius:10px; padding:5px 10px;}
.box_con02 ul li dl dd {font-weight:400; color:#666; font-size:16px; line-height:1.5; letter-spacing:-.5px; margin-left:10px;}
.box_con02 ul li dl dd:before {content: ""; position:absolute; width:3px; height:3px; background:#d5aece; text-align:left; margin-left:-10px; margin-top:10px;}

@media screen and (max-width:800px) {
     .box_con02 ul li {display:block; width:100%; margin-right:0px; min-height:auto; }
	 .box_con02 ul li dl dd { font-size:15px; }
}

.box_con03 {position:relative; padding:20px 0; font-size:0;}
.box_con03 ul li { margin-bottom:10px;}
.box_con03 ul li dl dd {display:inline-block; width:calc(100% /2 - 10px); margin-right:10px; vertical-align:top; margin-bottom:10px; padding:20px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); background:#fff; border-radius:20px; font-weight:400; color:#666; font-size:16px; line-height:1.5; letter-spacing:-.5px; }

@media screen and (max-width:800px) {
	 .box_con03 ul li dl dd { font-size:15px; display:block; width:100%; margin-right:0px;}
	 .box_con03 ul li dl dd span { font-size:14px; display:block;}
}

.qna_con01 {padding:50px 0;}
.qna_con01 h3 {margin-left:55px; font-weight:800; color:#8551bc; font-size:22px; margin-bottom:30px;}
.qna_con01 h3:before {content: ""; position:absolute; width:50px; height:44px; background:url("../img/sub_title_talk.png") center top no-repeat; text-align:left; margin-left:-50px; margin-top:0px;}


.balloon {
 position:relative;
 margin: 50px;
  background:#f7f4f8;
  border-radius: 10px;
  padding:40px;
  -webkit-box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.15);
}
.balloon:after {
 border-top:35px solid #f7f4f8;
 border-left: 35px solid transparent;
 border-right: 0px solid transparent;
 border-bottom: 0px solid transparent;
 content:"";
 position:absolute;
 top:30px;
 left:-35px;
}
 
.balloon h4 {font-size:20px; padding-bottom:20px;  border-bottom:1px solid #ddd; letter-spacing:-.5px; font-weight:800; line-height:40px;}
.balloon p {font-size:17px; padding-top:20px; font-weight:400; line-height:1.5; color:#545454; letter-spacing:-.5px;}
.balloon p span {font-weight:600; }
.balloon p i{font-style:normal; display:block; font-size:18px; font-weight:800; padding-bottom:10px; color:#cb8bc0;}
.balloon p i.big{font-style:normal; display:block; font-size:22px; font-weight:800; padding-bottom:10px; padding-top:10px; color:#cb8bc0;}

@media all and (max-width:767px){
	.step_consection04 {padding:60px 0 40px;}
	.balloon {padding:30px 20px; margin:20px;}
	.balloon h4 {font-size:17px;line-height:1.5;}
	.balloon p {font-size:15px; line-height:1.5;}
	.balloon p i.big{ font-size:18px; }
}

.title_talk {margin-left:55px; font-weight:800; color:#8551bc; font-size:22px; margin-bottom:30px;}
.title_talk:before {content: ""; position:absolute; width:50px; height:44px; background:url("../img/sub_title_talk.png") center top no-repeat; text-align:left; margin-left:-50px; margin-top:0px;}

.title_couple {margin-left:55px; font-weight:800; color:#8551bc; font-size:22px; margin-bottom:30px;}
.title_couple:before {content: ""; position:absolute; width:50px; height:44px; background:url("../img/sub_title_couple.png") center top no-repeat; text-align:left; margin-left:-50px; margin-top:0px;}

.title_fa {margin-left:55px; font-weight:800; color:#8551bc; font-size:22px; margin-bottom:30px;}
.title_fa:before {content: ""; position:absolute; width:50px; height:44px; background:url("../img/sub_title_fa.png") center top no-repeat; text-align:left; margin-left:-50px; margin-top:0px;}
.title_fa span {display:inline-block; margin-left:20px; font-size:17px; }

.title_sv {margin-left:55px; font-weight:800; color:#8551bc; font-size:22px; margin-bottom:30px;}
.title_sv:before {content: ""; position:absolute; width:50px; height:44px; background:url("../img/sub_title_sv.png") center top no-repeat; text-align:left; margin-left:-50px; margin-top:0px;}

.title_txt {text-align:center; font-weight:600; color:#000; font-size:18px; margin-bottom:30px; line-height:1.5;}

@media all and (max-width:767px){
	.title_talk { font-size:20px;}
	.title_couple { font-size:20px;}
	.title_fa { font-size:20px;}
	.title_sv { font-size:20px;}
	.title_fa span {display:block; margin-top:20px; margin-left:0px; font-size:14px; }
	.title_txt {padding:0 10px; font-size:15px; }
}


.bt_more {margin-top:25px;}
.bt_more a {color: #fff; font-weight:600;}
.effect {text-align: center; display: inline-block;  position: relative;  text-decoration: none;  color: #fff; font-weight:300; font-size: 15px;  padding: 10px 0px;  width: 200px;  overflow: hidden;}

/* effect-1 styles */
.effect.effect-1 {  transition: all 0.2s linear 0s;  background:#dcabd4;}
.effect.effect-1:before {  content: "→";  font-family: FontAwesome;  font-size: 13px;  position: absolute;  display: flex;  align-items: center;  justify-content: center;  right: 0;  top: 0;  opacity: 0;  height: 100%;  width: 40px;  transition: all 0.2s linear 0s;}
.effect.effect-1:hover {  text-indent: -20px;}
.effect.effect-1:hover:before {  opacity: 1;  text-indent: 0px;}




.card_layout {background:#f8f8f8; padding: 80px 100px;}
.card_layout .wrap {background:#fff; padding: 20px 100px; margin-bottom:50px;}
.card_layout .flex_row{display: flex; align-items: center; justify-content: space-between;}
.card_layout .left_box{width: 10%; box-sizing: border-box;}
.card_layout .right_box{width: 90%; box-sizing: border-box;}
.card_layout .left_box .img_box img{filter: drop-shadow(0px 30px 20px rgba(168,168,168,.21)); width: 100%; max-width: fit-content;}

.card_layout .left_box h3{font-family: 'TTLaundryGothicB'; font-size: 30px; color: #7e5da2; letter-spacing: -0.025px; line-height: 1.5; font-weight: 700;}
.card_layout .tit_alt_box .line {    width: 50px;    height: 1px;    margin: 15px 0 25px;    background-color: #000;}
.card_layout .tit_alt_box p{font-size: 22px; color: #222222; font-weight: 600; letter-spacing: -0.025px; line-height: 1.5; margin-top: 10px;}
.card_layout .txt_check_box{margin-top: 20px; }
.card_layout .txt_check_box ul li{position: relative; font-size: 18px; color: #666666; letter-spacing: -0.025em; font-weight: 300; line-height: 1.555em; padding-left: 25px;}
.card_layout .txt_check_box.no_check ul li {padding-left: unset;}
.card_layout .txt_check_box.no_check ul li::before {display: none;}
.card_layout .txt_check_box ul li h6{font-size: 25px; font-weight: 600; color: #222222; margin-bottom: 20px}
.card_layout .txt_check_box ul li dl dd {font-size: 18px; font-weight: 400; color: #222222; margin-bottom: 10px; margin-left:10px;}
.card_layout .txt_check_box ul li dl dd:before {content: ""; position:absolute; width:4px; height:4px; background:#a486f2; text-align:left; margin-left:-10px; border-radius:5px; margin-top:12px;}
.card_layout .txt_check_box ul li b {position: relative; z-index: 1; color: #111111; font-weight: 700;}
.card_layout .txt_check_box ul li span{position: relative; z-index: 1; color: #111111; font-weight: 700;}
.card_layout .txt_check_box ul li span:before{background: var(--main-color); position: absolute; left: 50%; bottom:-3px; transform: translateX(-50%); width: calc(100% + 6px); height: 12px; content: ''; z-index: -1;}
.card_layout .txt_check_box ul li + li{margin-top: 30px;}
.card_layout .txt_check_box ul li:before{position: absolute; width: 16px; height: 15px; content: ''; background: url(../img/sub/check.png)no-repeat center center /cover;left: 0; top: 5px;}
.card_layout .img_alt_box{margin-top: 50px;}
.card_layout .img_alt_box img{width: 100%; max-width: fit-content;}

@media all and (max-width:1400px){
    .card_layout .smile_box:before{right:auto; left: -6.25%; width: 180px;}
    .card_layout .right_box.pl-120,
    .card_layout .right_box.pl-75{padding-left: 20px;}
}

@media all and (max-width:1200px){
    .card_layout {padding: 80px 20px;}
	.card_layout .wrap {padding: 20px 20px; }
	.card_layout .flex_row{flex-direction: column; gap: 0px;}
    .card_layout .smile_box:before{width: 120px;}
    .card_layout .left_box,
    .card_layout .right_box{width: 100%;}
    .card_layout .right_box{ max-width: 774px;}
    .card_layout .right_box.pl-120,
    .card_layout .right_box.pl-75{padding-left: 0px;}
    .card_layout .left_box .img_box{text-align: center;}
	.card_layout .txt_check_box ul li h6{font-size: 20px; }
	.card_layout .txt_check_box ul li dl dd {font-size: 15px; }

    .card_layout .txt_check_box ul li span:before{content: none;}
    .card_layout .txt_check_box ul li span{background: linear-gradient(0deg, rgba(254,229,0,1) 0%, rgba(255,255,255,0) 65%);}
}

@media all and (max-width:768px){
    .card_layout .img_alt_box{text-align: center;}
}

@media all and (max-width:650px){
    .card_layout .left_box h3{ font-size: 25px; }
    .card_layout .txt_check_box ul li{font-size: 16px;}
    .card_layout .img_alt_box{margin-top: 20px;}

}

.basic_con {width:1200px; margin:0 auto; }
.basic_con ul {text-align:center; margin-top:0px; font-size:0; letter-spacing:-4px; }
.basic_con ul li {word-break: keep-all; display:inline-block; padding:20px;width: calc(100% /2 - 10px); min-height:250px; background:rgba(255,255,255,0.5); border-top:3px solid #d5aece; vertical-align:top;  margin:10px 0; box-sizing:border-box; letter-spacing:-0.025em; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius:30px; }
.basic_con ul li h5 { font-size:20px; font-weight:700; color:#000; margin-bottom:20px;}
.basic_con ul li p {display:inline-block;  font-size:16px; font-weight:400; color:#666666; line-height:1.7; letter-spacing:-.5px; word-break:keep-all;  box-sizing:border-box; margin-left:20px;}
.basic_con ul li dl {margin-bottom:20px;}
.basic_con ul li dl dt {font-size:16px; font-weight:600; color:#fff; background:#7e5da2; padding:5px 0; width:120px; margin:0 auto 20px; border-radius:20px; }
.basic_con ul li .box {margin-top:20px; background:#f3f3f3; padding:20px; font-size:15px; font-weight:500; color:#666; border-radius:20px; line-height:1.5; }
.basic_con ul li .box2 {margin-top:20px; background:#7e5da2; padding:20px; font-size:15px; font-weight:500; color:#fff; border-radius:20px; line-height:1.5; }

@media all and (max-width:1200px){
	.basic_con {width:100%;}
}

@media all and (max-width:1000px){
	.basic_con ul li { margin:5px; padding:0 30px}
	.basic_con ul li h5 {font-size:23px; }
}

@media all and (max-width:800px){
	.basic_con ul li { width: 100%;  margin:5px 0; min-height:auto; padding:20px 0; }
	.basic_con ul li h5 {font-size:20px; min-height:30px;}
}


.basic2_con {width:1200px; margin:0 auto; }
.basic2_con ul {text-align:center; margin-top:0px; font-size:0; letter-spacing:-4px; }
.basic2_con ul li {word-break: keep-all; display:inline-block; padding:20px; min-height:250px; width:100%; background:rgba(255,255,255,0.5); border-top:3px solid #d5aece; vertical-align:top;  margin:10px 0; box-sizing:border-box; letter-spacing:-0.025em; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius:30px; }
.basic2_con ul li h5 { font-size:20px; font-weight:700; color:#000; margin-bottom:20px;}
.basic2_con ul li p {display:inline-block;  font-size:16px; font-weight:400; color:#666666; line-height:1.7; letter-spacing:-.5px; word-break:keep-all;  box-sizing:border-box; margin-left:20px;}
.basic2_con ul li dl {margin-bottom:20px;}
.basic2_con ul li dl dt {font-size:16px; font-weight:600; color:#fff; background:#7e5da2; padding:5px 0; width:120px; margin:0 auto 20px; border-radius:20px; }
.basic2_con ul li dl dd {font-size:18px; font-weight:800;}
.basic2_con ul li .box {margin-top:20px; background:#f3f3f3; padding:20px; font-size:15px; font-weight:500; color:#666; border-radius:20px; line-height:1.5; }
.basic2_con ul li .box2 {margin-top:20px; background:#7e5da2; padding:20px; font-size:16px; font-weight:800; color:#fff; border-radius:20px; line-height:1.5; }

@media all and (max-width:1200px){
	.basic2_con {width:100%;}
}

@media all and (max-width:1000px){
	.basic2_con ul li {min-height:550px;  margin:5px; padding:0 30px}
	.basic2_con ul li h5 {font-size:23px; }
}

@media all and (max-width:800px){
	.basic2_con ul li { width: 100%;  margin:5px 0; min-height:auto; padding:20px 0; }
	.basic2_con ul li h5 {font-size:20px; min-height:30px;}
	.basic2_con ul li dl dd {font-size:16px; }
}


.pat50 {padding-top:50px;}




.step_con_list{margin-top:30px; text-align:center;}
.step_con_item{display:inline-block; width: calc(100% /4 - 20px); min-height:150px;padding:40px 20px 20px;border:1px solid #eee;}
.step_con_list h4 {background:#c99cc2; color:#fff; font-weight:800;text-align: center; font-size:15px; line-height: 1.4; margin-bottom:20px; padding:5px; }
.step_con_list h5 {color:#000; font-weight:600;text-align: center; font-size:20px; line-height: 1.2; margin-bottom:20px;}
.step_con_list p {font-weight:400;text-align: center; color:#666; font-size:15px; line-height: 1.4;}


@media(max-width:640px){
	.step_con_list h4 { font-size:18px; }
	.step_con_list h5 { font-size:15px; }
}



.img_info_wrap{padding:60px 0; }
.img_info_wrap h3 {color:#7e5da2; font-weight:800;text-align: center; font-size:25px; line-height: 1.4; margin-bottom:20px; padding:5px; }
.img_info_wrap h4 {color:#15a147; font-weight:800;text-align: center; font-size:25px; line-height: 1.4; margin-bottom:20px; padding:5px; }
.img_info_wrap ul{display: flex; flex-wrap: wrap;}

.img_info_wrap ul.column {    flex-direction: column;}

.img_info_wrap ul.border10 li {    border-radius: 10px;    overflow: hidden;    width: 100%;}
.img_info_wrap ul.border10.w750 li {    max-width: 750px;}
.img_info_wrap ul.border10.w620 li {    max-width: 620px;}
.img_info_wrap ul.border10 li .info_alt_box .tit h5 {    font-size: 18px;    font-weight: 500;    color: #000; word-break: keep-all;}

.img_info_wrap ul.gap0{gap: 0;}
.img_info_wrap ul.gap15{gap: 15px;}
.img_info_wrap ul.gap20{gap: 20px;}
.img_info_wrap ul.gap40 {gap: 40px;}
.img_info_wrap ul.gap120{gap: 120px;}
.img_info_wrap ul.item01.gap15 li{width:100%;}
.img_info_wrap ul.item02.gap20 li{width: calc(50% - 10px);}
.img_info_wrap ul.item02.gap120 li{width: calc(50% - 60px);}
.img_info_wrap ul.item03.gap0 li{width: 33.333%;}
.img_info_wrap ul.item03.gap20 li{width: calc(33.333% - 13.3333px);}
.img_info_wrap ul.item03.gap40 li {
    width: calc(33.3333% - 27px);
}
.img_info_wrap ul.item03.center {
    justify-content: center;
}

.img_info_wrap ul.item04 li{width: 25%;}
.img_info_wrap ul.item04.gap15 li{width: calc(25% - 11.25px);}
.img_info_wrap ul.item04.gap40 li{width: calc(25% - 30px);}
.img_info_wrap ul.item05 li{width: 20%;}

.img_info_wrap ul.border-left li + li{border-left: 1px solid #e5e5e5;}
.img_info_wrap ul.border li{border: 1px solid #e5e5e5;}
.img_info_wrap ul.back-white li{background-color: #fff; padding: 30px 0;}
.img_info_wrap ul.pd0 li{padding: 0;}
.img_info_wrap ul.pd20 li {padding: 20px;}
.img_info_wrap ul.radius-10 li{border-radius: 10px;}
.img_info_wrap ul.shadow li{box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1);}

.img_info_wrap ul li{display: flex; flex-direction: column; box-sizing: border-box;}
.img_info_wrap ul li .img_alt_box{text-align: center;}
.img_info_wrap ul li .img_alt_box img{width: 100%; max-width: fit-content;}
.img_info_wrap ul li .img_alt_box img.mw-100{max-width: 100%;}
.img_info_wrap ul li .info_alt_box{padding:30px; text-align: center;}
.img_info_wrap ul li .info_alt_box.t_left {text-align: left;}
.img_info_wrap ul li .info_alt_box.pd0{padding:0;}
.img_info_wrap ul li .info_alt_box.py60{padding: 60px 30px;}
.img_info_wrap ul li .info_alt_box.yellow_check{text-align: left; padding: 20px; display: flex; align-items: center; gap:10px;}

.img_info_wrap ul li .info_alt_box .tit.tit-border{width: fit-content; margin: 0 auto; padding: 8px 23px; border-radius: 26px; border: 1px solid #898989;}
.img_info_wrap ul li .info_alt_box .tit.tit-back{background-color: #f6f6f6;}

.img_info_wrap ul li .info_alt_box .tit h5{font-size: 20px; font-weight: 700; color: #222222; letter-spacing: -0.025em; line-height: 1.4166em;}
.img_info_wrap ul li .info_alt_box .txt p{font-size: 20px; font-weight: 300; color: #444444; letter-spacing: -0.025em; line-height: 1.7em; margin-top: 20px;}

@media all and (max-width:1024px){
    .img_info_wrap ul{justify-content: center;}
    .img_info_wrap ul.gap15,
    .img_info_wrap ul.gap120{gap: 20px;}

    .img_info_wrap ul.item03.gap0 li,
    .img_info_wrap ul.item05 li{width: 50%;}

    .img_info_wrap ul.item02.gap120 li,
    .img_info_wrap ul.item03.gap20 li,
    .img_info_wrap ul.item04.gap15 li{width: calc(50% - 10px);}
    .img_info_wrap ul.item03.gap40 li ,
    .img_info_wrap ul.item04.gap40 li{        width: calc(50% - 20px);    }

    .img_info_wrap ul.border-left li + li{border-left: none;}

}

@media all and (max-width:768px){
    .img_info_wrap h3 {font-size:20px; }
    .img_info_wrap h4 {font-size:20px; }
	.img_info_wrap ul.item02.gap120,
    .img_info_wrap ul.item02.gap20,
    .img_info_wrap ul.item03.gap0,
    .img_info_wrap ul.item03.gap20,
    .img_info_wrap ul.item03.gap40,
    .img_info_wrap ul.item04.gap15,
    .img_info_wrap ul.item04.gap40,
    .img_info_wrap ul.item05{gap: 10px;}
    
    .img_info_wrap ul.item02.gap120 li,
    .img_info_wrap ul.item02.gap20 li,
    .img_info_wrap ul.item04.gap40 li,
    .img_info_wrap ul.item05 li{width: calc(50% - 5px);}

    
    .img_info_wrap ul.item03.gap40 li,
    .img_info_wrap ul.item03.gap20 li,
    .img_info_wrap ul.item03.gap0 li,
    .img_info_wrap ul.item04.gap15 li{width: 100%;}
}

@media all and (max-width:650px){
    .img_info_wrap ul li .info_alt_box .tit h5,
    .img_info_wrap ul li .info_alt_box .txt p{font-size: 15px;}
    .img_info_wrap ul li .info_alt_box .tit.tit-border{padding: 8px 12px;}

	.img_info_wrap ul.border10 li .info_alt_box .tit h5 {    font-size: 16px;  }

    .img_info_wrap ul li .info_alt_box{padding: 15px;}
    .img_info_wrap ul li .info_alt_box.py60{padding: 30px 15px;}
    .img_info_wrap ul.back-white li{padding: 0;}
    .img_info_wrap ul.m-pd li .img_alt_box{padding: 20px 10px 0 10px;}
    .img_info_wrap ul li .info_alt_box.yellow_check{flex-direction: column; text-align: center;}

    .img_info_wrap ul.item02.m_w100 li{width: 100%;}
    .yellow_arrow_alt ul.item02.m_w100 li{width: 100%;}
    .yellow_arrow_alt ul.item02.m_w100 li + li::before{top:0; left: 50%; transform: translate(-50%,-50%) rotate(90deg);}
}

.purpose {width:100%; max-width:1920px; margin:auto; position:relative; padding-bottom:50px; overflow:hidden;}
.purpose_bg {width:100%; max-height:1880px; height:88%; background: url('../img/message_bg.gif') no-repeat center center; position:absolute; bottom:0; z-index:-1; }

.purpose .message_txt {float:left; width:100%; max-width:800px; word-break: keep-all;}
.purpose .message_txt .message_txt_title {margin-top:30px; font-size:27px; color:#7e5da2; font-weight:800; position:relative;}
.purpose .message_txt .message_txt_title:after {display:block;content:""; position:absolute; left:0; top:80px; width:2px; height:70px; background:#7e5da2;}
.purpose .message_txt .message_txt_title span {display:block; }
.purpose .message_txt .message_txt_con {margin-top:105px;}
.purpose .message_txt .message_txt_con p {font-size:18px; color:#404040; margin-bottom:4.0rem; line-height:1.5; font-weight:400; letter-spacing:-.5px;}


@media screen and (max-width: 1400px){
     .purpose_bg {width:130%;  left:-20px; }
	 
}

@media screen and (max-width: 1100px){

     .purpose_bg {background:none; }
	 .purpose .message_img {float:none; padding-left:0px; width:100%; text-align:center;}
     .purpose .message_txt {float:none; width:100%; max-width:100%; margin-top:.0rem;}
     .purpose .message_txt .message_txt_title:after {display:none;}
     .purpose .message_txt .message_txt_con {margin-top:3.0rem;}

}


@media screen and (max-width: 800px){

     .purpose .message_img {float:none; padding-left:0px; width:100%; text-align:center;}
     .purpose .message_txt {float:none; width:100%; max-width:100%; margin-top:30px; }
	 .purpose .message_txt .message_txt_title {font-size:18px;padding:0 20px;  }
     .purpose .message_txt .message_txt_title:after {display:none;}
     .purpose .message_txt .message_txt_con {margin-top:3.0rem;}
	 .purpose .message_txt .message_txt_con p {font-size:16px; padding:0 20px; }
	 .purpose img {padding:0 20px;  }


}



.video-main {width:1200px; margin:0 auto 50px;}
.embed-container {
 position: relative; 
padding-bottom: 56.25%; 
height: 0; 
margin-top:0px;
overflow: hidden; 
max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { border:0;
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; }

@media all and (max-width:1200px){
     .video-main {width:100%;}
	 .embed-container {margin-top:0px;}
}