@charset "UTF-8"; 

/*구글폰트 import*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

/*모바일 웹 폰트 크기 자동조정 문제*/
html {
-webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
-moz-text-size-adjust: none; /*Firefox*/
-ms-text-size-adjust: none;  /*Ie*/
-o-text-size-adjust: none; /*old versions of Opera*/
}
/*html,body{width: 100%; height:100%; } 가로스크롤 짤림방지 위해 미디어쿼리에 나눔*/

body { font-family: "Noto Sans KR", "Noto Sans", sans-serif;  color:#000000; line-height:1.5; letter-spacing:-0.05em;   }
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, img, ins, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, 
caption, tbody, tfoot, thead, tr, th, td 
{ margin:0; padding:0; border:0;   }

/*>>default style */
html,body{ /*overflow-y:scroll;*/  } /*y스크롤 안보이게 처리*/
html { overflow-y:scroll }
table {border-spacing:0; border-collapse:collapse; }
td,th {}
input { }
textarea {border:1px solid #d3d3d3; border-radius:5px;}
dd,dt,ol,dl,ul,li {list-style:none;margin:0;padding:0;}
form {display:inline; width: 100%;}
label {display:none; }
label.show {display:inline; margin-right:5px;  }
label.show1 {display:inline; margin-right:0px;  }
label.show2 {display:inline; margin-right:12px; padding:0px 0px 0px 3px;position:relative;top:2px; }
label.show3 {display:inline; margin-left:-3px; margin-right:0px;   }
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;}
legend,caption, .hide {display:none; height:0; width:0; font-size:0;}
img,fieldset {vertical-align:top; border:0;}
p {margin:0;}
button {margin:0; padding:0; border-spacing:0; cursor:pointer; border:0; background:none;}
blockquote, q {quotes: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
hr {display: none;}
a	{ color:#000000; text-decoration: none; }
a, a:hover, a:focus, a:active{text-decoration: none;color: inherit}
a:hover		{  /* text-decoration: underline;*/  }
/*table.nowrap th, table.nowrap td		{ white-space:nowrap; }*/
.clear, .clear:after, .clear:before	{ clear:both; }
.skip, .blind, caption, legend  { position:absolute; width:0; height:0; margin:0 !important; padding:0 !important; font-size:0; line-height:0; text-indent:-3000px; border:none; overflow:hidden;  }
/*.hidden {position:absolute;left:-1000%;top:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;}*/
.hidden { display:none}

 /*박스 크기 고정(패딩값 영향없음)*/
*, *:before, *:after {-moz-box-sizing: border-box;box-sizing: border-box;}
:after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/* 폰트정의*/
.t_300 { font-weight:300 !important; }
.t_400 { font-weight:400 !important; }
.t_500 { font-weight:500 !important; }
.t_600 { font-weight:600 !important; }
.t_700 { font-weight:700 !important; }
.t_800 { font-weight:800 !important; }
.t_900 { font-weight:800 !important; }

.f10				    {  font-size:10px; }
.f11				    {  font-size:11px; }
.f12				    {  font-size:12px; }
.f13				    {  font-size:13px; }
.f14				    {  font-size:14px; }
.f15				    {  font-size:15px; }
.f16				    {  font-size:16px; }
.f17				    {  font-size:17px; }
.f18				    {  font-size:18px; }
.f20				    {  font-size:20px; }
.f22				    {  font-size:22px; }
.f24				    {  font-size:24px; }
.f26				    {  font-size:26px; }
.f28				    {  font-size:28px; }
.f30				    {  font-size:30px; }
.f32				    {  font-size:32px; }
.f34				    {  font-size:34px; }
.f42				    {  font-size:42px; }
.f44				    {  font-size:44px; }
.f46				    {  font-size:46px; }

/*폰트 굵기 및 색상*/
.t_white { color:#ffffff !important; }
.t_deepblue { color:#0070C3 !important; }
.t_deepgreen { color:#0389a5 !important; }
.t_blue { color:#0066ff !important; }
.t_red { color:#EB1729 !important; }
.t_green { color:#009556 !important; }
.t_emerald { color:#16b6c6 !important; }
.t_deepemerald { color:#118f9d !important; }
.t_orange { color:#ff8800 !important; }
.t_pink { color:#D94F96 !important; }
.t_brown { color:#c85c1b !important; }
.t_purple  { color:#330099 !important; }
.t_gray {  color:#8f8f8f !important; }
.t_deepgray {  color:#808080 !important; }
.t_yellow {  color:#ffdf00 !important; }
.t_main {  color:#0070C3 !important; }

.t_bold { font-weight:600; }
.t_normal { font-weight:400; }


/********** INPUT,SELECT 및 가로사이즈 지정 **********/
.w5 { width:5% !important;  }
.w10 { width:10% !important;  }
.w15 { width:15% !important;  }
.w20 { width:20% !important;  }
.w25 { width:25% !important;  }
.w30 { width:30% !important;  }
.w31 { width:31% !important;  }
.w32 { width:32% !important;  }
.w33 { width:33% !important;  }
.w34 { width:34% !important;  }
.w35 { width:35% !important;  }
.w40 { width:40% !important;  }
.w45 { width:45% !important;  }
.w50 { width:50% !important;  }
.w55 { width:55% !important;  }
.w60 { width:60% !important;  }
.w65 { width:65% !important;  }
.w70 { width:70% !important;  }
.w75 { width:75% !important;  }
.w80 { width:80% !important;  }
.w85 { width:85% !important;  }
.w90 { width:90% !important;  }
.w95 { width:95% !important;  }
.w100 { clear:both;width:100% !important;  }

/*테이블 width값(col속성 웹접근성위해 추가)*/
.tbl_w1 {width:1%;}
.tbl_w2 {width:2%;}
.tbl_w3 {width:3%;}
.tbl_w4 {width:4%;}
.tbl_w5 {width:5%;}
.tbl_w6 {width:6%;}
.tbl_w7 {width:7%;}
.tbl_w8 {width:8%;}
.tbl_w9 {width:9%;}
.tbl_w10 {width:10%;}
.tbl_w11 {width:11%;}
.tbl_w12 {width:12%;}
.tbl_w13 {width:13%;}
.tbl_w14 {width:14%;}
.tbl_w15 {width:15%;}
.tbl_w16 {width:16%;}
.tbl_w17 {width:17%;}
.tbl_w18 {width:18%;}
.tbl_w19 {width:19%;}
.tbl_w20 {width:20%;}
.tbl_w21 {width:21%;}
.tbl_w22 {width:22%;}
.tbl_w23 {width:23%;}
.tbl_w24 {width:24%;}
.tbl_w25 {width:25%;}
.tbl_w26 {width:26%;}
.tbl_w27 {width:27%;}
.tbl_w28 {width:28%;}
.tbl_w29 {width:29%;}
.tbl_w30 {width:30%;}
.tbl_w31 {width:31%;}
.tbl_w32 {width:32%;}
.tbl_w33 {width:33%;}
.tbl_w34 {width:34%;}
.tbl_w35 {width:35%;}
.tbl_w36 {width:36%;}
.tbl_w37 {width:37%;}
.tbl_w38 {width:38%;}
.tbl_w39 {width:39%;}
.tbl_w40 {width:40%;}
.tbl_w41 {width:41%;}
.tbl_w42 {width:42%;}
.tbl_w43 {width:43%;}
.tbl_w44 {width:44%;}
.tbl_w45 {width:45%;}
.tbl_w46 {width:46%;}
.tbl_w47 {width:47%;}
.tbl_w48 {width:48%;}
.tbl_w49 {width:49%;}
.tbl_w50 {width:50%;}
.tbl_w51 {width:51%;}
.tbl_w52 {width:52%;}
.tbl_w53 {width:53%;}
.tbl_w54 {width:54%;}
.tbl_w55 {width:55%;}
.tbl_w56 {width:56%;}
.tbl_w57 {width:57%;}
.tbl_w58 {width:58%;}
.tbl_w59 {width:59%;}
.tbl_w60 {width:60%;}
.tbl_w61 {width:61%;}
.tbl_w62 {width:62%;}
.tbl_w63 {width:63%;}
.tbl_w64 {width:64%;}
.tbl_w65 {width:65%;}
.tbl_w66 {width:66%;}
.tbl_w67 {width:67%;}
.tbl_w68 {width:68%;}
.tbl_w69 {width:69%;}
.tbl_w70 {width:70%;}
.tbl_w71 {width:71%;}
.tbl_w72 {width:72%;}
.tbl_w73 {width:73%;}
.tbl_w74 {width:74%;}
.tbl_w75 {width:75%;}
.tbl_w76 {width:76%;}
.tbl_w77 {width:77%;}
.tbl_w78 {width:78%;}
.tbl_w79 {width:79%;}
.tbl_w80 {width:80%;}
.tbl_w81 {width:81%;}
.tbl_w82 {width:82%;}
.tbl_w83 {width:83%;}
.tbl_w84 {width:84%;}
.tbl_w85 {width:85%;}
.tbl_w86 {width:86%;}
.tbl_w87 {width:87%;}
.tbl_w88 {width:88%;}
.tbl_w89 {width:89%;}
.tbl_w90 {width:90%;}
.tbl_w91 {width:91%;}
.tbl_w92 {width:92%;}
.tbl_w93 {width:93%;}
.tbl_w94 {width:94%;}
.tbl_w95 {width:95%;}
.tbl_w96 {width:96%;}
.tbl_w97 {width:97%;}
.tbl_w98 {width:98%;}
.tbl_w99 {width:99%;}
.tbl_w100 {width:100%;}

.space5 {float:left; width:100%; height:5px;}
.space10 {float:left; width:100%; height:10px;}
.space20 {float:left; width:100%; height:20px;}
.space30 {float:left; width:100%; height:30px;}
.space40 {float:left; width:100%; height:40px;}
.space50 {float:left; width:100%; height:50px;}
.space60 {float:left; width:100%; height:60px;}
.space70 {float:left; width:100%; height:70px;}
.space80 {float:left; width:100%; height:80px;}
.space90 {float:left; width:100%; height:90px;}
.space100 {float:left; width:100%; height:100px;}
.space110 {float:left; width:100%; height:110px;}
.space120 {float:left; width:100%; height:120px;}
.space130 {float:left; width:100%; height:130px;}
.space140 {float:left; width:100%; height:140px;}
.space150 {float:left; width:100%; height:150px;}
.space160 {float:left; width:100%; height:160px;}
.space170 {float:left; width:100%; height:170px;}
.space180 {float:left; width:100%; height:180px;}
.space190 {float:left; width:100%; height:190px;}
.space200 {float:left; width:100%; height:200px;}
.space210 {float:left; width:100%; height:210px;}
.space220 {float:left; width:100%; height:220px;}
.space230 {float:left; width:100%; height:230px;}
.space240 {float:left; width:100%; height:240px;}
.space250 {float:left; width:100%; height:250px;}

.mg10 { margin-bottom:10px !important }
.mg20 { margin-bottom:20px !important }
.mg30 { margin-bottom:30px !important }
.mg40 { margin-bottom:40px !important }
.mg50 { margin-bottom:50px !important }
.mg60 { margin-bottom:60px !important }
.mg70 { margin-bottom:70px !important }
.mg80 { margin-bottom:80px !important }
.mg90 { margin-bottom:90px !important }
.mg100 { margin-bottom:100px !important }


/*:::::::::::::::::::::::::::콤보박스 setting::::::::::::::::::::::::: */
input[type='text'],input[type='password'],input[type='image'],input[type='search'] {-webkit-appearance:none;-webkit-border-radius:0}
input[type='radio'], input[type='checkbox']  { position:relative;top:6px; /*left:-4px;*/  }

input[type="checkbox"]{width: 15px;  height: 15px; margin-right: 4px; }
input[type="radio"]{width:15px; height:15px; margin-right:4px;  }
input[type="radio"].top{position:relative;top:5px;  }

 /*크롬 input, select 색상지우기*/
input:-webkit-autofill { box-shadow: 0 0 0 1000px white inset !important; }
input {outline:none !important; }
select:-webkit-autofill { box-shadow: 0 0 0 1000px white inset !important; }
select {outline:none !important; }

input:focus, select:focus, option:focus, textarea:focus, button:focus{ outline: none; }

input, select  { background:#ffffff !important;  }
input {/* outline: none;-webkit-appearance:none;*/}
input[type="submit"], input[type="button"] {cursor: pointer !important;}
textarea{outline: none;resize:none; }

/*placeholder 색상변경*/
input[type=text]{ime-mode:active;}
input[type=text]::-webkit-input-placeholder{color: rgb(0,0,0,.7);}
input[type=text]::-moz-placeholder{color: rgb(0,0,0,.7);}
input[type=text]:-ms-input-placeholder{color: rgb(0,0,0,.7);}

/*메인탑검색용*/
input.black[type=text]::-webkit-input-placeholder{color: rgb(0,0,0,.7);}
input.black[type=text]::-moz-placeholder{color: rgb(0,0,0,.7);}
input.black[type=text]:-ms-input-placeholder{color: rgb(0,0,0,.7);}

input[type=password]{}
input[type=password]::-webkit-input-placeholder{color: rgb(0,0,0,.7);}
input[type=password]::-moz-placeholder{color: rgb(0,0,0,.7);}
input[type=password]:-ms-input-placeholder{color: rgb(0,0,0,.7);}

/*disabled 색상변경*/
input[type=radio]:disabled {background: none;}
/*input:read-only { color:rgb(0,0,0,.7); background: #f9f9f9  !important; cursor: default !important;}*/
input:disabled { color:rgb(0,0,0,.7); background: #f9f9f9  !important; cursor: default !important;}

select:readonly { color:rgb(0,0,0,.7); background:#f9f9f9  !important; cursor: default !important;}
select:disabled { color:rgb(0,0,0,.7); background: #f9f9f9  !important; cursor: default !important;}

button:disabled { color:rgb(0,0,0,.7); background: #f9f9f9  !important; cursor: default !important;}

/********** INPUT **********/
input, select  {  font-size:15px; height:35px; padding:0px 5px; border:1px #d3d3d3 solid; background:#ffffff; letter-spacing:-0.04em; border-radius:5px !important; }
select {  position:relative;top:0px;  }

input.none_brd {padding:0px 5px 0px 8px;  border:0px !important; letter-spacing:-0.04em;} /*헤더용*/

input.base_readonly { background: #f9f9f9; }
input.right { text-align:right}
input.center { text-align:center}

input.w5 { width:5%  }
input.w10 { width:10%  }
input.w15 { width:15%  }
input.w20 { width:20%  }
input.w30 { width:30%  }
input.w40 { width:40%  }
input.w50 { width:50%  }
input.w60 { width:60%  }
input.w70 { width:70%  }
input.w80 { width:80%  }
input.w90 { width:90%  }
input.w100 { width:100%  }

input.wp50_wm100 { width:50%  }
input.wp50_wm50 { width:50%  }
input.wp50_wm70 { width:50%  }
input.wp25_wm100 { width:25%  }

select.wp50_wm100 { width:50%  }
select.wp50_wm50 { width:50%  }
select.wp50_wm70 { width:50%  }

/********** select **********/


select.none_brd   { border:0px !important; letter-spacing:-0.04em;} /*헤더용*/

select.w5 { width:5%  }
select.w10 { width:10%  }
select.w20 { width:20%  }
select.w30 { width:30%  }
select.w40 { width:40%  }
select.w50 { width:50%  }
select.w60 { width:60%  }
select.w70 { width:70%  }
select.w80 { width:80%  }
select.w90 { width:90%  }
select.w100 { width:100%  }

.left10 { float:left; width:10%}
.left20 { float:left; width:20%}
.left30 { float:left; width:30%}
.left40 { float:left; width:40%}
.left50 { float:left; width:50%}

/********** textarea **********/
textarea { font-family: "Noto Sans KR", "Noto Sans", sans-serif;  color:#101010;  font-size:15px; width:100%; border:1px solid #d3d3d3; padding:3px;}




/*:::::::::::::::::::::::::::여기부터 작업:::::::::::::::::::::::::::*/
body  { font-size:16px;  }

#wrap>#ft {display: none}
#ct {padding-top: 0}
/*메인에 따로 넣음(서브화면에서 안겹치게)*/
/*body:not(.is-scroll):not(.nav-open) #hd:not(.open) {background: none;box-shadow: none;color: #fff}
body:not(.is-scroll):not(.nav-open) #hd:not(.open) .hd-logo>a { background-image: url('/images/include/logo.svg'); }*/
body:not(.is-scroll):not(.nav-open) #hd:not(.open) .util {color: #fff}
.main-visual>.btn {position: absolute;right: 30px;bottom: 7.222rem;z-index: 10}

/*섹션*/
#section1 {  /*background:url('/images/main/section1_bg1.png') no-repeat center; background-size:cover;*/ color:#ffffff; text-align:center; }
#section2 {  background:url('/images/main/section2_bg.png') no-repeat center; background-size:cover; }
#section3 {  background:url('/images/main/section3_bg.png') no-repeat center; background-size:cover; }
#section4 {  background:#ffffff; }
#section5 {  color:#ffffff; text-align:center; }

.direction_wrap { display: flex; justify-content: center; align-items: center; width:100%; margin-top:30px; }
img.direction_p {  }
img.direction_m { display:none; }

.direction_wrap2 { display:flex; flex-direction: column; align-items: center;  justify-content: center; width:100%; padding:4%; background:#ffffff; border-radius:20px; box-shadow: 0px 0px 10px 0px rgb(0, 0, 0, .2); }

/*섹션타이틀*/
.section_title {  display:flex; flex-direction: column; align-items: center;  width:100%; /*margin-bottom:60px;*/ margin:25px 0px 25px 0px; text-align:center; }
.section_title h1 {  font-size:17px; color:#0084E9;  }
.section_title h2 {   font-size:55px;   }

/*home*/
/*메인비주얼*/
.section-title { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 35px; }
.section-title h3 { margin-bottom: -18px; line-height: 1.45;font-size: 56px; color: #111; font-weight: bold; letter-spacing: -0.0625em; }
.section-title h3 + .text { margin-top: 34px; font-size: 20px; }

.section-main-visual { height:100vh !important; } 
.section-main-visual .swiper { height: 100%; }
.section-main-visual .background {  height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover  !important; transform: scale(1.5); } /*animation.asp에서 gsap.set 값이 동일해야함 현재:1.5 */
/*pc용이미지*/
.section-main-visual .background.bg1 {  background: url('/images/main/section1_bg1.jpg') no-repeat center;  }
.section-main-visual .background.bg2 {  background: url('/images/main/section1_bg2.jpg') no-repeat center;  }

.section-main-visual .inner { display:flex; flex-direction: column; align-items: center; position: absolute; top: 30%;  left: 0; right: 0; margin:auto; padding:0px 0px; max-width:1280px;  text-align: center; border:0px solid red }

.section-main-visual .text-wrap { display: inline-block; /*max-width: 530px; */ text-align: center;  }
.section-main-visual .text-wrap .title { margin-bottom: 40px; font-size: 70px; color: #ffffff; font-weight: 500; /*letter-spacing: -0.0375em;*/ }
.section-main-visual .text-wrap .text { margin-bottom: 120px; font-size: 28px; color: #ffffff; font-weight: 500; }
.section-main-visual .text-wrap .view { display:flex; justify-content: center; }

.section-main-visual .control { z-index: 2;
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 140px;
    left: 0;
    right: 0;
    margin: auto;
    /* max-width: 1500px; */
    width: 100%;
    align-items: center;
    /*background: blue;*/ }


.section-main-visual .control-wrap { display: flex;
/* align-items: center; */
/* max-width: 100%; */
width: 100%;
justify-content: center; }
.section-main-visual .control .toggle { display: block; position: relative; margin-right: 0px; width: 35px; height: 35px; border-radius: 100%; }
.section-main-visual .control .toggle::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 16px; height: 16px; background: url('/images/main/icon-pause.svg') no-repeat center / auto 100%; pointer-events: none; }
.section-main-visual .control .toggle[data-state="pause"]::before { background-image: url('/images/main/icon-play.svg'); }
.section-main-visual .control .toggle svg { display: block; width: 100%; height: auto; pointer-events: none; }
.section-main-visual .control .toggle .path { display: block; transform: rotateZ(-90deg); transform-origin: center; stroke-dasharray: 250; }
.section-main-visual .pager-container { display: flex; align-items: center; }

.swiper_arrow_wrap {  width: 1280px; position: absolute; top: 50%; margin:auto; left: 0; right: 0;  }

.section-main-visual .swiper-button-prev { position: absolute; left:0%; top:0; margin: 0; width: 55px; height: 55px;  }
.section-main-visual .swiper-button-next { position: absolute; right:0%; top:0;  margin: 0; width: 55px; height: 55px; }

.section-main-visual .swiper-button-next::after,
.section-main-visual .swiper-button-prev::after { content: none; }

.section-main-visual .swiper-button-next { background:rgb(0,0,0,.2) url('/images/main/arrow_next.svg') no-repeat center; border-radius:100%; background-size:30%; }
.section-main-visual .swiper-button-prev { background:rgb(0,0,0,.2) url('/images/main/arrow_prev.svg') no-repeat center; border-radius:100%; background-size:30%;}

.section-main-visual .swiper-pagination { position: static; margin: 0 6px; width: 64px; text-align: center; font-size: 18px; color: rgba(255,255,255, 0.6); font-weight: 600; }
.section-main-visual .swiper-pagination-current { color: rgba(255,255,255, 1); }

/*스크롤애니 아이콘*/
.scroll-icon { position: absolute; bottom: 50px; right: 0; left:0; margin:auto;  width: 20px; height: 35px;	z-index:1;}
.scroll-icon span { display: block; }
.scroll-icon > span {	width: 20px;   height: 35px;    border-radius: 100px;    border: 2px solid rgba(255, 255, 255, 0.8);    margin: 0px;}
.scroll-icon > span > span { width: 2px;    height: 6px;    border-radius: 100px; margin: 6px auto 0;    background: rgba(255, 255, 255, 0.7);    animation: scroll-on 2s infinite;}
@keyframes scroll-on {
0% { transform: translateY(0px); }
50% {	transform: translateY(8px); }
100% { transform: translateY(0px); }
}

a.more {  display:flex; width:120px; font-size:18px; font-weight:500; background: url('/images/main/ar_more.svg') no-repeat right 13px; z-index:1; transition:all 0.2s;  }
a.more:hover { width:126px;  }

/*Strategic Direction*/
.round_box_title { display:flex; flex-direction:column; margin-bottom: 5vh; }
.round_box_title h3 {  display:flex; justify-content: center; align-items: center; width:400px; height:45px; margin-bottom:1vh; padding-bottom: 2px; font-size:32px; font-weight:400; color:#ffffff;  text-align:center; background: linear-gradient(to right, #0789E9, #1DB7FD); border-radius:100px; }
.round_box_title p {  display:flex; justify-content: center; align-items: center; font-size:25px; color:#474747; text-align:center; }

ul.hi_five1 {  display:flex; justify-content: space-between; width:100%;  }
ul.hi_five1 li {  display:flex; justify-content: center; align-items: flex-start; width:18.5%; height: 330px; padding-top:25vh; font-size:30px; font-weight:500; color:#ffffff; line-height:1.3; text-align:center; border-radius:15px; box-shadow: 6px 6px rgb(0,0,0,.1);  }
ul.hi_five1 li:nth-child(1) {  background: url('/images/main/section2_bg1.png') no-repeat center; background-size:cover;  }
ul.hi_five1 li:nth-child(2) {  background: url('/images/main/section2_bg2.png') no-repeat center; background-size:cover;  }
ul.hi_five1 li:nth-child(3) {  background: url('/images/main/section2_bg3.png') no-repeat center; background-size:cover;  }
ul.hi_five1 li:nth-child(4) {  background: url('/images/main/section2_bg4.png') no-repeat center; background-size:cover;  }
ul.hi_five1 li:nth-child(5) {  background: url('/images/main/section2_bg5.png') no-repeat center; background-size:cover;  }

ul.hi_five2 {  display:flex; justify-content: space-between; width:100%;  }
ul.hi_five2 li {  display:flex; flex-direction:column; align-items: center;width:18.5%; font-size:30px; font-weight:500;  line-height:1.3; text-align:center;  }
ul.hi_five2 li .icon {  width:180px; height:180px; border-radius:180px; margin-bottom:3vh; box-shadow: 0px 5px 5px rgb(0,0,0,.1);  }
ul.hi_five2 li .bg1 {  background:#18B6F7 url('/images/main/hi_five1.svg') no-repeat center;  }
ul.hi_five2 li .bg2 {  background:#09C97F url('/images/main/hi_five2.svg') no-repeat center;  }
ul.hi_five2 li .bg3 {  background:#FF6885 url('/images/main/hi_five3.svg') no-repeat center;  }
ul.hi_five2 li .bg4 {  background:#9D55F7 url('/images/main/hi_five4.svg') no-repeat center;  }
ul.hi_five2 li .bg5 {  background:#F96627 url('/images/main/hi_five5.svg') no-repeat center;  }

.hi_five_wrap {  display:flex;  }
ul.hi_five3 {  display:flex; flex-direction: column; width:20%;  }
ul.hi_five3 li {  display:flex; flex-direction: column; align-items: center; width:100%; margin: 1vh 0px; font-size:30px; text-align: center;  }
ul.hi_five3 li .icon {  width:180px; height:180px; border-radius:180px; margin-bottom:3vh;   }
ul.hi_five3 li p { width:100%  }
ul.hi_five3 li .bg1 {  background:#18B6F7 url('/images/main/hi_five1.svg') no-repeat center; }

ul.hi_five3_1 {  float:left; width:80%; }
ul.hi_five3_1 li {  float:left; display:flex; flex-direction: column; align-items: center; width:25%; margin: 1vh 0px; font-size:30px;   }
ul.hi_five3_1 li .icon {  width:180px; height:180px; border-radius:180px; margin-bottom:3vh;   }
ul.hi_five3_1 li .bg2 {  background:#09C97F url('/images/main/hi_five2.svg') no-repeat center;  }
ul.hi_five3_1 li .bg3 {  background:#FF6885 url('/images/main/hi_five3.svg') no-repeat center;  }
ul.hi_five3_1 li .bg4 {  background:#9D55F7 url('/images/main/hi_five4.svg') no-repeat center;  }
ul.hi_five3_1 li .bg5 {  background:#F96627 url('/images/main/hi_five5.svg') no-repeat center;  }

/*Our Service*/
.section3_con {  display:flex;  justify-content: space-between; /*border:1px solid red;*/ }

.section3_con ul {float:left; width:100%; /*border:1px solid orange*/ }
.section3_con ul li { float:left; display:inline; width:25%; padding:0px 20px; vertical-align:top; text-align:center; position:relative; }
.section3_con ul li a {display:block; padding:2vh 0px 0px 0px; color:#ffffff; /*border:1px solid blue*/}

.service_icon {display:block; display:flex; justify-content: center; align-items: center; margin:0 auto; width:160px; height:160px; /*margin-bottom: 20px;*/ margin-bottom: 1.5vh; background:rgb(0,0,0,.2); border-radius:160px; }
.service_icon img{ display:block; margin:0px auto;}
.service_tit{ font-size: 32px; font-weight: 500; line-height:1.4; /*padding-bottom:20px;*/ padding-bottom:2vh; }
.service_text { display:block; width:100%; height:120px; padding-bottom:0px; font-size: 18px; font-weight: 300; line-height:1.4; word-break:keep-all; /*border:1px solid black*/}

.more_brd {  position: relative; display:flex; align-items: center; justify-content: space-between; width:82px; height:30px; padding:0px 12px;  border:1px solid #ffffff; border-radius:100px; }
.more_brd span.more {  position: relative; top:-2px; font-size:16px; color:#ffffff; }
.more_brd img { width:15px }

.section3_con ul li:hover .service_icon,
.section3_con ul li:hover .service_tit,
.section3_con ul li:hover .service_text
{-ms-transform:translateY(-30px); -webkit-transform:translateY(-30px); -moz-transform:translateY(-30px); -o-transform:translateY(-30px); transform:translateY(-30px);}
.section3_con ul li:hover .service_more { opacity:1.0;filter:Alpha(opacity=100); -ms-transform:translateY(-30px); -webkit-transform:translateY(-30px); -moz-transform:translateY(-30px); -o-transform:translateY(-30px); transform:translateY(-30px); visibility:visible; cursor:pointer;}

.service_icon, .service_tit, .service_text {position:relative; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s;}

button.service_more { 
visibility:hidden; margin:0: auto;
-ms-transform:translateY(0px);
-webkit-transform:translateY(0px);
-moz-transform:translateY(0px);
-o-transform:translateY(0px);
transform:translateY(0px);
-webkit-transition:all 0.4s;
-moz-transition:all 0.4s;
-o-transition:all 0.4s;
-ms-transition:all 0.4s;
transition:all 0.4s;
opacity:0;filter:Alpha(opacity=0);
}

.m_ar2 {  display:none; }

/*News & Insight*/
.section4_con {  display:flex;  justify-content: space-between; /*border:1px solid red;*/  }
.section4_con .item { position: relative; width: 30%; /*height:450px;*/  height:45vh; border-radius:15px; box-shadow: 15px 15px #E5E9F2;  }
.img_area img {  width:100%; /*height:450px;*/  height:45vh; object-fit: cover; border-radius:15px; }
.section4_con .item .text {  display: flex;  flex-direction: column;  justify-content: flex-end; position: absolute;  top: 50%;  left: 50%; padding: 0px 40px 40px 40px;  width: 100%;  height: 100%;transform: translate(-50%, -50%); }
.section4_con .item .text::before {content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: -1; opacity: 0; transition: all 0.4s;  transform: translate(-50%, -50%); border-radius:15px;}
.section4_con .item .text * { color: #ffffff; }
.section4_con .item h5 { font-size: 32px; font-weight: 600; line-height: 1.4; margin-bottom: 10px;}
.section4_con .item p { font-size: 18px; height: 80px; font-weight: 300; line-height: 1.4; word-break:keep-all; }
.section4_con .arrow { flex-shrink: 0;margin: 0px 0px 0px 0px;opacity: 0;transition: all 0.4s; }
.section4_con .item:hover .text::before { opacity: 1;  }
.section4_con .item:hover .arrow { margin: 35px 0 0;opacity: 1; }

.more_color {  position: relative; display:flex; align-items: center; justify-content: space-between; width:80px; height:30px; padding:0px 12px; background:#18B6F7; border-radius:100px;  }
.more_color span.more {  position: relative; top:-2px; font-size:16px; }
.more_color img { width:15px }

/*Client&Location*/
.Client_Location_wrap {  display: flex; justify-content: center; align-items: center;  float:left; width:100%; height:100%;  }
.client_wrap {  display: flex;  justify-content: flex-end; align-items: center; width:100%; height:100%; padding-top: 10vh; background: url('/images/include/section5_client_bg.png') no-repeat center; background-size:cover;  }
.location_wrap {  display: flex; justify-content: flex-start; align-items: center; width:100%; height:100%; padding-top: 10vh; background: url('/images/include/section5_location_bg.png') no-repeat center; background-size:cover;  }

.client_area {  width:580px; margin-right:60px; margin-left: 15px; }
.location_area {  width:580px; margin-left:60px; margin-right: 15px; }

.line_title {  width:100%; margin-bottom:5vh; }
.wh_top_line {  width:65px; height:1px; margin-bottom:1vh;  background:#ffffff  }
.line_title h3 {  font-size:50px; color:#ffffff; font-weight: 500; text-align: left; }

.client_box {  width:100%; height:32vh; margin-bottom:10px; background:#ffffff; border-radius:20px  }

ul.box_bot_txt {  display:flex; flex-direction: column; width:100%;  }
ul.box_bot_txt li {  display:flex; width:100%;  text-align:left;  }
ul.box_bot_txt li span {  display: flex; align-items: center; margin-top:0px; line-height: 1.5;  }
ul.box_bot_txt li span.space {  width:100%; height:24px  }
ul.box_bot_txt li a span.client { padding-right: 45px; font-size:20px; font-weight:500; color:#ffffff; background:url('/images/main/wh_ar_long.svg') no-repeat right 13px; }
ul.box_bot_txt li span.txt1 {  width:110px; font-weight:500;  }
ul.box_bot_txt li span.txt2 {  width:calc(100% - 110px); font-weight:300;  }

/*주요고객사*/
ul.customer_wrap {  display:flex; flex-wrap: wrap; width:100%;   }
ul.customer_wrap li {  float:left; display:flex;  width:calc(100% / 3); height: calc(32vh / 5);   }
ul.customer_wrap li a { display: flex; justify-content: center; align-items: center; width: 100%; }
ul.customer_wrap li a img {  max-width:70%; object-fit:fill }
ul.customer_wrap li p { display: flex; justify-content: center; align-items: center; width: 100%; }
ul.customer_wrap li p img {  max-width:70%; object-fit:fill }

.roughmap_maker_label .roughmap_lebel_text {  padding:5px 10px 7px 10px !important; font-size:12px !important; border-radius: 100px !important; color:#ffffff !important; background: #0084E9 !important;  }
.roughmap_maker_label:after {  background:none !important;  }

/*메인찾아오시는길*/
.map_wrap {  float:left; width:100%; height: 32vh !important; margin-bottom:10px;   }/*카카오맵 외부CSS속성 강제로 height:32vh 설정(상하반응형)*/
.root_daum_roughmap { width: 100% !important;  height: 100% !important; border-radius:20px; } /*카카오맵 외부CSS속성 강제로 height:32vh 설정(상하반응형)*/

/*사이드SNS*/
.side_btn_wrap { position:fixed; right:20px; bottom:30px; display: flex; flex-direction: column; z-index:20}
a.side_btn {  display: flex; justify-content: center; align-items: center;  width:60px; height:60px;  margin-top:10px; cursor:pointer; }
a.sns1 {  background:#1877F2 url('/images/include/facebook.svg') no-repeat center;  border-radius:100%;  }
a.sns2 {  background:transparent url('/images/include/naver.svg') no-repeat center;  }
a.sns3 {  background:#f7a225 url('/images/include/inquiry.svg') no-repeat center; background-size:34px;border-radius:100%;   }
a.top_btn {  background:#ffffff url('/images/include/top_arrow.svg') no-repeat center; background-size:24px;border-radius:100%; border:1px solid rgb(0,0,0,.2)  }

/*푸터*/
footer { display: flex; justify-content: center; align-items: center; width:100%; padding:30px 0px; color: #ffffff;  background:#202020;  }

/*푸터링크*/
footer .center { display:flex; flex-direction: column; width:1280px; font-size:15px; letter-spacing:-0.03em; }
footer .link {  display:flex;  width:100%; margin-bottom:20px;  }
footer .link ul {  display:flex; width:100%;   }
footer .link ul li {  margin-right:45px;   }
footer .link ul li a {  width:100%; color:rgb(255,255,255,.8);  font-weight:500; }
footer .link ul li a.last { color:#0084E9;   }

/*푸터내용*/
footer .content {  display:flex; justify-content: space-between; align-items: flex-end; }
footer .content .info_wrap {  display:flex; }
footer .content .info_wrap .info_area ul {  display:flex; flex-direction: column; margin-right:45px; }
footer .content .info_wrap .info_area ul li {  display:flex; margin:8px 0px }
footer .content .info_wrap .info_area ul li span { margin:0px !important; line-height:15px; }
footer .content .info_wrap .info_area ul li span.ctit1 {  width:100px; text-align: left; color:rgb(255,255,255,.8); font-weight:500;}
footer .content .info_wrap .info_area ul li span.ctit2 {  width:auto; text-align: left; color:rgb(255,255,255,.5);  }

footer .logo_copy {  display:flex; flex-direction: column; align-items: flex-end;margin-bottom:5px; }
footer .logo_copy img {  margin-bottom:20px;   }
footer .logo_copy p {  color:rgb(255,255,255,.5);   }

/*반응형 wrap*/
.res_wrap {  width:1280px; border:0px solid red  }
.res_wrap100 {  width:100%;  }

/*사이드파랄렉스네비*/
.is-wheel {overflow: hidden}
#lnb {position: fixed; top: 50%; right: 45px; z-index: 99; transform: translateY(-50%)}
#lnb .nav-link {position: relative;display: block; width: 12px; height: 12px; margin: 10px 0; padding: 0; border-radius: 100%; border: 2px solid #bdbdbd; background: none; font-size: 20px; outline: 0}
#lnb .nav-link.active { height: 20px; background: #18B6F7; border-radius: 20px; border: 2px solid #18B6F7; }
#lnb span {position:absolute;top: 45%; right: 100%; margin-right: 10px; white-space: nowrap; line-height: 1; transform: translateY(-50%);opacity: 0;transition: opacity .4s; font-size:13px; font-weight: 700; color: #18B6F7}
#lnb .active span {opacity: 1}
/*구역별로 색깔 다르게 입히기
[data-theme="primary"] #lnb .nav-link {border-color: #0070C3}
[data-theme="primary"] #lnb .nav-link.active {background: #0070C3}
[data-theme="primary"] #lnb span {color: #0070C3}
[data-target="#ft"] {width: 0;height: 0;visibility: hidden;margin: 0}*/

.swiper_vh  { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; height: 100vh;  transition-duration: 0ms;  }

/*기본화면*/
.con_wrap {  display:flex; flex-direction: column; justify-content: center; align-items: center; width:100%; margin-top:100px  }
.con_area { display: flex;  flex-direction: column; align-items: center; width:1280px; padding:50px 0px; }
.con_area_small { display: flex;  flex-direction: column; align-items: center; width:1000px; padding:50px 0px; border:0px solid red}
.sub_area_small { display: flex;  flex-direction: column; align-items: center; width:1000px; margin:auto; padding:0px 0px; }
.distinction_wrap { width:100%; padding:50px 0px; }

/*서브상단비주얼*/
.sub_common {  display:flex; align-items: center;  justify-content: center; justify-content: space-between;  width:100%; height:180px; padding:0px 30px;  }
.sub_common a { /*display: flex; width:170px;*/ }
.sub_visual_01 { background: url('/images/include/sub_visual_01.png') no-repeat center; background-size:cover;  }/*교육*/
.sub_visual_02 { background: url('/images/include/sub_visual_02.png') no-repeat center; background-size:cover;  }/*컨설팅*/
.sub_visual_03 { background: url('/images/include/sub_visual_03.png') no-repeat center; background-size:cover;  }/*리더십진단*/
.sub_visual_04 { background: url('/images/include/sub_visual_04.png') no-repeat center; background-size:cover;  }/*커뮤니티*/
.sub_visual_05 { background: url('/images/include/sub_visual_05.png') no-repeat center; background-size:cover;  }/*회사소개*/
.sub_visual_06 { background: url('/images/include/sub_visual_06.png') no-repeat center; background-size:cover;  }/*회원메뉴*/

.sub_visual_txt { display:flex; align-items: center;  justify-content: center; width:100%;}
.visual_tit_wrap {  display:flex; flex-direction: column;  }
h1.visual_tit { margin:0 auto; font-size:44px; color:#ffffff; font-weight:normal; text-align:center }


/*서브네이게이션 양쪽 화살표*/
a span.black_one_prev { float:left; width:54px; height:54px; background:rgba(0,0,0,.15) url('/images/include/sv_ar_prev.svg') no-repeat center; border-radius:100%; transition:all 0.4s; }
a:hover span.black_one_prev { background:rgba(0,0,0,.3) url('/images/include/sv_ar_prev.svg') no-repeat center;  }

a span.black_one_next { float:right; width:54px; height:54px; background:rgba(0,0,0,.15) url('/images/include/sv_ar_next.svg') no-repeat center; border-radius:100%; transition:all 0.4s;  }
a:hover span.black_one_next { background:rgba(0,0,0,.3) url('/images/include/sv_ar_next.svg') no-repeat center;  }

span.s_nav_txt_left { float:left; padding:0px 15px;  font-size:18px; font-weight:500; color:#ffffff; line-height:54px;   }
span.s_nav_txt_right { float:right; padding:0px 15px;  font-size:18px; font-weight:500; color:#ffffff; line-height:54px; }

/*페이지타이틀*/
.page_title_wrap {  display: flex; justify-content: center;  width: 100%; padding:0px 0px; }
.page_title_area {  display: flex; justify-content: center;  flex-direction: column;  align-items: center; width: 100%; padding:70px 10px 0px 10px; text-align: center; word-break: keep-all; }
.page_title_area h1.title { padding-top: 15px; font-size:50px; line-height:1.3; font-weight:500; text-align:center; background:url('/images/sub/page_line.svg') no-repeat center top;}

.page_title_wrap4 {  display: flex; justify-content: center;  width: 100%; padding:0px 0px; }
.page_title_area4 {  display: flex; justify-content: center;  flex-direction: column;  align-items: center; width: 100%; padding:20px 10px 0px 10px; text-align: center; word-break: keep-all; }
.page_title_area4 h1.title { padding-top: 15px; font-size:50px; line-height:1.3; font-weight:500; text-align:center; background:url('/images/sub/page_line.svg') no-repeat center top;}

.page_title_wrap3 {  display: flex; justify-content: center;  width: 100%; padding:0px 0px; }
.page_title_wrap3 .page_title_area {  display: flex; justify-content: center;  flex-direction: column;  align-items: center; width: 100%; padding:20px 10px 0px 10px;  text-align: center; word-break: keep-all; }
.page_title_wrap3 .page_title_area h1.title { padding-top: 15px; font-size:50px; line-height:1.3; font-weight:500; text-align:center; background:url('/images/sub/page_line.svg') no-repeat center top;}


/*서브찾아오시는길*/
.sub_map_wrap {  display: flex; align-items: flex-end; justify-content: center; position:relative; float:left; width:100%; height: 400px; margin-bottom:50px; }
.address_txt {  position:absolute; top:370px; width:95%; padding:15px; font-size:20px; font-weight:500; color:#ffffff; text-align:center; background:#0084E9; border-radius:5px; word-break:keep-all; z-index:1;  }

.contact_wrap {  float:left; display:flex; justify-content: space-between; width:100%; margin-bottom:40px;   }
.contact_wrap .box {  display:flex; justify-content: center;  flex-direction: column; align-items: center;width:32.5%; padding:20px 10px; font-size:18px; border:1px solid #d3d3d3; border-radius:5px; text-align: center;  }

.contact_wrap .box p.icon {  width:65px; height:65px; margin-bottom:0px;   }
.contact_wrap .box p.bg1 {   background: url('/images/sub/tel.svg') no-repeat center; background-size:100%;   }
.contact_wrap .box p.bg2 {  background: url('/images/sub/fax.svg') no-repeat center; background-size:100%;   }
.contact_wrap .box p.bg3 {  background: url('/images/sub/mail.svg') no-repeat center; background-size:100%;   }

/*인사말*/
.ceo_wrap {  position:relative; float:left; width:100%; margin-bottom:0px;   }

.ceo_text {  /*position:absolute; top:0px; left:0px;*/ display:flex; flex-direction: column;  }
.ceo_text p {  /*font-size: 42px;*/ line-height:56px; text-align:center}
.ceo_text p.t1 { font-size: 36px; font-weight:400;   }
.ceo_text p.t2 { font-size: 42px; color:#0070c3; font-weight:500;   }

.ceo_bar { display:none; /*display: flex; align-items: center;  position:absolute; bottom:0px; width:100%; height:180px; color:#ffffff; background: linear-gradient(to right, #F676A6, #D94F96);*/  }
.ceo_pic {  position:absolute; bottom:0px; right:0px; z-index:1   }
.ceo_prstext_bg img {  position:absolute; bottom:200px; right:0px; width:80%   }
.ceo_pic img {  width:480px  }

.int1 { display: flex;width:100%; padding:0px 0px 0px 40px; margin:30px 0px; font-size: 18px;word-break: keep-all;  }
.int2 {  display: flex; justify-content: flex-end;  align-items: center;  margin:30px 0px; font-size: 18px;  }
.int2 img {  width:120px; margin-left:10px;  }

.ceo_word p {display: block;  margin: 0px 0px 30px 0px; }
.ceo_word p.position { display: flex; justify-content: flex-end;  text-align:right}
.ceo_word p.position img { width:auto;}

/*현재연혁*/
.history_view {  float:left; width:100%;  }
.history_detail {  float:left; width:100%; background: url('/images/sub/history_line.svg') repeat-y 9px top ;  }
.year_number {     display: flex; justify-content: flex-start; align-items: center;  float: left;  width: 260px;  line-height: 26px; padding-left:45px; font-size: 32px;  font-weight: 600;  color: #0070C3; background: url('/images/sub/history_circle.svg') no-repeat 0px 5px; }

.history_info { float:left;width:calc(100% - 260px);  margin:2px 0px 35px 0px; }
.history_info dl {  float:left; width:100%; margin:0px 0px 0px 0px; font-size:18px; }
.history_info dl.last { margin:0px 0px 50px 0px;}
.history_info dl dt { float:left; width:60px;  font-weight:600; padding-left:0px;   }
.history_info dl dd { float:left; width:calc(100% - 60px);  }

/*연혁문단*/
ul.history {  display:inline-block; width:100%; padding:0px 0px 0px 0px; }
ul.history li  { float:left; width:100%; margin-bottom:5px;padding:0px 0px 0px 11px; background: url('/images/sub/dot3.svg') no-repeat left 11px;  word-break:keep-all;}

/*이전연혁*/
.history_left {  display:flex; flex-direction: column; width:100%;  }
.history_left .year {  display:flex; flex-direction: column; justify-content: center; align-items: center; }
.history_left .year p {  display:flex; flex-direction: column; justify-content: center; align-items: center; width: 140px; padding:0px 0px 5px; font-size:26px; font-weight:500; color:#1A1F6B;   }
.history_left .year span { width:18px; height:18px; margin-top: 3px; background:#0070C3; border-radius:18px; } 
/*.history_left .year span { width:20px; height:20px; margin-top: 3px; background: url('/images/sub/his_circle.svg') no-repeat; background-size: 100%; }*/
.history_left .area { display:flex; justify-content: space-between; }
.history_left .area .txt { width:45%; padding:5px 0px;  }
.history_left .area .txt ul { display:flex; flex-direction: column; align-items: flex-end; }
.history_left .area .txt ul li {  line-height:1.7; text-align:right; word-break:keep-all; }
.history_left .area .line { display:flex; justify-content: center; align-items: center; width:10%; padding:5px 0px;  }
.history_left .area .line .gr { width:10px; height:100%; background:rgb(0,0,0,.13); border-radius:10px; }
.history_left .area .space { width:45%;  }

.history_right {  display:flex; flex-direction: column; width:100%;  }
.history_right .year {  display:flex; flex-direction: column; justify-content: center; align-items: center; }
.history_right .year p {  display:flex; flex-direction: column; justify-content: center; align-items: center; width: 140px; padding:0px 0px 5px; font-size:26px; font-weight:500; color:#1A1F6B;   }
.history_right .year span { width:18px; height:18px; margin-top: 3px; background:#0070C3; border-radius:18px; }
/*.history_right .year span { width:20px; height:20px; margin-top: 3px; background: url('/images/sub/his_circle.svg') no-repeat; background-size: 100%; }*/
.history_right .area { display:flex; justify-content: space-between; }
.history_right .area .txt { width:45%; padding:5px 0px;  }
.history_right .area .txt ul { display:flex; flex-direction: column; align-items: flex-start; }
.history_right .area .txt ul li {  line-height:1.4; text-align:left; word-break:keep-all; }
.history_right .area .line { display:flex; justify-content: center; align-items: center; width:10%; padding:5px 0px;  }
.history_right .area .line .gr { width:10px; height:100%; background:rgb(0,0,0,.13); border-radius:10px; }
.history_right .area .space { width:45%;  }

h3.subtop_copy { /*display:flex;  justify-content: center;*/ display:inline-block; width:100%; padding:0px 10px; font-size:28px; font-weight:300; line-height:1.4; text-align:center; word-break:keep-all; }
h3.subtop_copy p {  padding:1.2vw 0px  }
h3.subtop_copy .line_wrap {  display:flex;  justify-content: center; padding:20px 0px 30px;  }
h3.subtop_copy .line_wrap .line { display:inline-block; width:1px; height:50px; background:rgb(0,0,0,.7); }

h3.subtop_copy2 { /*display:flex;  justify-content: center;*/ display:inline-block; width:100%; padding:0px 10px; font-size:36px; font-weight:300; line-height:1.4; text-align:center; word-break:keep-all; }
h3.subtop_copy2 p {  padding:1.2vw 0px  }
h3.subtop_copy2 .line_wrap {  display:flex;  justify-content: center; padding:20px 0px 30px;  }
h3.subtop_copy2 .line_wrap .line { display:inline-block; width:1px; height:50px; background:rgb(0,0,0,.7); }

h3.subtop_copy3 { /*display:flex;  justify-content: center;*/ display:inline-block; width:100%; margin-bottom:20px; padding:0px 5%; font-size:20px; font-weight:400; line-height:1.4; text-align:center; word-break:keep-all; }
h3.subtop_copy3 p {  padding:15px 0px  }

/*서브*/
.lv_name { display:flex; flex-direction: column; width:100%;}
.lv_name h5 { font-size:20px; font-weight:600; }
.lv { float:left; width:100%; padding:12px 0px 0px 0px; margin:0px 0px 15px 0px; }
.lv_line { float:left; width:35px; border-bottom:1px solid #222222; }

/*타이틀*/
.tit_big_nbrd  {  float:left;  width:100%; margin:0px 0px 0px 0px; border-bottom:0px solid #d3d3d3;}
.tit_big_nbrd h3 { float: left; width: 100%; padding: 0px 0px 10px 10px;  font-size: 20px; font-weight: 500; background: url('/images/sub/tit_arrow.svg') no-repeat 0px 3px; background-size: 5px; letter-spacing:-0.05em}

.tit_big_brd  {  float:left;  width:100%; margin:0px 0px 20px 0px; border-bottom:1px solid #d3d3d3;}
.tit_big_brd h3 { float: left; width: 100%; padding: 0px 0px 10px 10px;  font-size: 20px; font-weight: 500; background: url('/images/sub/tit_arrow.svg') no-repeat 0px 3px; background-size: 5px; letter-spacing:-0.05em}

.tit_big_client  {  float:left;  width:100%; margin:0px 0px 20px 0px; font-size: 36px; font-weight: 500; text-align:center;}


/*주요고객목록*/
ul.client {  display: flex ; flex-wrap: wrap; width: 100%; margin-bottom:40px; padding-bottom:0px; border-bottom:0px solid #d3d3d3; }
ul.client li {display: flex; width: calc(96% / 5); margin:0px 1% 8px 0px; padding:0px 0%;}
ul.client li:nth-child(5n) {margin:0px 0% 8px 0px;}
ul.client li a { display: flex; justify-content: center; align-items: center; width:100%; padding:5%; border:1px solid #d3d3d3; border-radius:5px;  }
ul.client li a img {  width: 90%; }
ul.client li p { display: flex; justify-content: center; align-items: center; width:100%; padding:5%; border:1px solid #d3d3d3; border-radius:5px;  }
ul.client li p img {  width: 90%; }

/*버튼 모음*/
a.btn_black_login {display:inline-block;width:100%; height:40px;  line-height:38px;margin-bottom:5px; padding:0px 0px;  background:#404040 !important; font-size:16px; color:#ffffff; text-align:center; border-radius:5px; }
a.btn_white_left { float:left; width:49.5%; height:40px;  line-height:38px; padding:0px 0px;  border:1px solid #b8b8b8; background:#ffffff; font-size:16px; text-align:center; border-radius:5px; }
a.btn_white_right { float:right; width:49.5%; height:40px;  line-height:38px;padding:0px 0px;  border:1px solid #b8b8b8; background:#ffffff; font-size:16px; text-align:center; border-radius:5px; }

.btn_group {display: flex;  justify-content: center; float:left; width:100%; margin:20px 0px 20px 0px; text-align:center;}
a.btn_color {display:inline-block; min-width:80px; height:40px; margin: 0px 2px;line-height:38px; padding:0px 0px;  background:#0070C3; font-size:16px; color:#ffffff; border-radius:5px; }
a.btn_color2 {display:inline-block;width:80px; height:30px; padding:2px 0px;  background:#0070C3; font-size:16px; color:#ffffff; border-radius:5px; }
a.btn_color_free {display:inline-block; height:40px; line-height:38px; padding:0px 10px 0px 10px;  background:#0070C3; font-size:16px; color:#ffffff; border-radius:5px; }
a.btn_gray {display:inline-block; min-width:80px; height:40px; margin: 0px 2px; line-height:38px;  padding:0px 0px;  background:#979BA4; font-size:16px; color:#ffffff; border-radius:5px; }
a.btn_black {display:inline-block;width:50%; height:50px; padding:13px 0px;  background:#414141; font-size:18px; color:#ffffff; border-radius:5px; }
a.btn_check {position:relative;top:1px; display:inline-block; width:70px; height:35px; margin-left:3px; padding:4px 0px;  border:1px solid #b8b8b8; background:#f5f5f5;  text-align:center; border-radius:5px; }
a.btn_distinction {display: inline-block; height: 32px; width: 190px; margin-top: 5px; line-height: 28px; padding: 0px 10px; border: 1px solid #b8b8b8;  background: #ffffff;  text-align: center;   font-size: 15px; border-radius:5px; }
a.btn_print {display:inline-block;width:50px; height:23px; line-height:22px;  padding:0px 0px;  background:#8c8c8c; font-size:15px; color:#ffffff; text-align:cente; border-radius:5px; }

/*게시판*/
/*게시판 검색*/
.board_search_box{text-align:center; background-color:#f9f9f9; padding:10px 0px 7px 0px; margin-bottom:20px; border:1px solid #d3d3d3; }
.board_search_con {  margin:0 auto; width:510px;  }
.board_search_box select{ float:left; width:20%; max-width:100px; height:38px; border:1px solid #ccc;  }
.board_search_box .search_word_con { position:relative;top:0px; display:inline-block; height:38px; width:400px; border:1px solid #ccc; background:#ffffff; }
.board_search_box .search_word { float:left; width:85%; height:36px; border:0; padding:0; text-indent:10px; }
.board_search_box .search_word:focus {color:#333;}
.board_search_box .bbs-search-btn {float:right; margin:0px; border:0; width:36px; height:36px;  background:#4d4d4d url('/images/sub/btn_confirm_bg.svg') no-repeat center; color:#fff; cursor:pointer;  }

.coupon_top { display: flex; justify-content: space-between; align-items: flex-end; width: 100%;  margin-bottom: 11px;  }
.coupon_top p { float:left; position:relative;top:0px;  } 

.total_wrap {  float: left; position: relative; top: 0px;  width: 100%;  margin-bottom: 10px;   }
.total_wrap2 {  display: flex; align-items: center;  justify-content: space-between; width:100%; margin-bottom:5px;   }
.total_wrap2 p {  float:left; position:relative;top:3px !important;   }
p.total_txt { float:left;  width:200px; position:relative;top:11px;  letter-spacing:-0.06em; } 

/*게시판 검색 수정*/

.board_search2_box{ text-align:right;  padding:0px; margin-bottom:0px; border:0px solid #d3d3d3;  }
.board_search2_con {   float:right; width:410px;  }
.board_search2_box select{ float:left; width:105px; height:35px; border:1px solid #d3d3d3; background:#ffffff;  }
.board_search2_box .search_word_con { position:relative;top:0px; display:inline-block; height:36px; width:300px; /*border:1px solid #d3d3d3;*/  }
.board_search2_box .search_word { float: left; width: calc(100% - 40px);height: 35px;border: 0; padding: 0px 8px; border: 1px solid #d3d3d3; }
.board_search2_box .search_word:focus {color:#333;}
.board_search2_box .bbs-search-btn {float:right; margin:0px; border-radius:5px; width:35px; height:35px;  background:#4d4d4d url('/images/sub/btn_confirm_bg.svg') no-repeat center; color:#fff; cursor:pointer;  }

/*전문의검색*/
.board_search3_box{ display: flex; align-items: center;  justify-content: center;width:100%; background-color:#f9f9f9; padding:6px; margin-bottom:20px; border:1px solid #d3d3d3; }
.board_search3_box select{ height:38px; border:1px solid #d3d3d3; background:#ffffff;  }
.board_search3_box .select_1 { width:24%; margin:0px 0.5%; }
.board_search3_box .select_2 { width:24%;  margin:0px 0.5%; }
.board_search3_box .search_word_con1 { position:relative;top:0px; display:inline-block; height:38px; margin:0px 0.5%; width:40%; border:1px solid #ccc; background:#ffffff; } /*전문의 이름검색*/
.board_search3_box .search_word_con2 { position:relative;top:0px; display:inline-block; height:38px; margin:0px 0.5%; width:50%; border:1px solid #ccc; background:#ffffff; }  /*전문의 주소검색*/
.board_search3_box .search_word { width:70%; height:36px; border:0; padding:0; text-indent:10px;  }
.board_search3_box .search_word:focus {color:#333;}
.board_search3_box .bbs-search-btn {float:right; margin:0px; border:0; width:36px; height:36px;  background:#4d4d4d url('/images/sub/btn_confirm_bg.svg') no-repeat center; color:#fff; cursor:pointer;  }

/*게시판유형1*/
.bbs-list-tbl{display:table; width:100%; table-layout:fixed; margin:0px 0px 0px 0px;}
.bbs-list-head{display:table-header-group; }
.bbs-list-head span{display:table-cell; text-align:center; background:#fff; color:#222222; font-weight:600; letter-spacing:-0.05em; padding:12px 0; border-top:1px solid #3e3e3e;  border-bottom:1px solid #d3d3d3; background:#f9f9f9;}
.bbs-list-row{display:table-row; width:100%;}
.bbs-list-row .column{display:table-cell; vertical-align:middle; padding:10px 0px; letter-spacing:-0.05em; text-align:center; border-bottom:1px solid #d3d3d3; }

/*.bbs-list-row.notice-row .column,.bbs-list-row.notice-row .bbs-subject-con .bbs-subject-txt{font-weight:500 !important;}*/
.bbs-list-row .bbs-title{text-align:left;}
.bbs-list-row .bbs-title a{display:block; position:relative; padding:0 0px 0 0; overflow:hidden;}	
/*.bbs-list-row .bbs-title a:hover{color:#19a5ee; }*/
.bbs-subject-con{display:inline-block; position:relative; max-width:100%;}
.bbs-subject-con .bbs-subject-txt{display: inline-block; padding-right: 0px;  padding-bottom: 3px; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap;  vertical-align:middle; }

/*게시판리스트링크(반응형말줄임적용)*/
a.bor_link {  display: flex; justify-content: space-between; width: 100%;  } 
div.tword_wrap { float: left;width: 100%; font-size: 16px; }
span.tword_area { float: left; max-width: 93%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
span.re_nom { position:relative;top:2px; margin-left: 0px; font-size: 14px; font-weight: 500; color: #0389a5 }
img.new { margin-right: 3px; }

/*게시판 상세보기*/
.bbs-view-top{width: 100%; padding:15px;border-top:1px solid #3e3e3e;  border-bottom:1px solid #d3d3d3; background:#f9f9f9;}
.bbs-view-top .bbs-tit{color:#222222; font-size:18px; font-weight:600; margin-bottom:10px; }
.bwi1 {  width:110px;  }
.bwi2 {  width:235px;  }
.bwi3 {  width:110px;  }
 dl.bbs-write-info { display: flex; }
 .mo_bwi {  display: flex; }
.bbs-view-top .bbs-write-info dt { width:50px; margin-right:3px }
.bbs-view-top .bbs-write-info dt,.bbs-view-top .bbs-write-info dd{display:inline-block; vertical-align:middle; font-weight:500; color:#aaaaaa;}
.bbs-view-top .bbs-write-info dt i{ font-size:20px; color:#808080; vertical-align:middle;}
.bbs-view-top .bbs-write-info dd{ margin:0 2% 0 0.5%; font-weight:400;color:#222222; }
.bbs-view-content {display:inline-block;width:100%; padding:15px; border-bottom:1px solid #d3d3d3; }
.bbs-view-content img {max-width:100% !important; margin-bottom:10px; }
.bbs-view-content_photo {display:inline-block;width:100%; padding:30px 0px 30px 10px; border-bottom:1px solid #d3d3d3; }
.bbs-view-content_photo img {max-width:100%; margin-bottom:10px; }

/*게시판 첨부파일*/
.bbs-view-file-info-box{line-height:20px; border-bottom:1px solid #d3d3d3; background-color:#f9f9f9; padding:10px 3%; margin-bottom:10px;}
.bbs-view-file-info-box .bbs-file-list{overflow:hidden; padding-top:5px;}
.bbs-view-file-info-box .bbs-file-list:first-child{padding-top:0;}
.bbs-view-file-info-box .bbs-file-list dt{float:left; width:25%; font-weight:600; color:#222222; }
.bbs-view-file-info-box .bbs-file-list dd{float:left; width:75%; text-align:left }
.bbs-view-file-info-box .bbs-file-list dd a:hover{text-decoration:underline;}
.bbs-view-file-info-box .bbs-file-list dd i{vertical-align:middle; font-size:15px;}

/*첨부파일*/
.file_txt { float:left; width:100%; padding:15px;border-bottom:1px solid #d3d3d3; }
.file_txt1 { float:left; width:80px;   }
.file_txt2 {  float:left; width:calc(100% - 80px);   }
.file_viw {  display:inline-block;width:100%; }
.file_viw img {  position:relative; top:-2px; margin-right:5px; }


/*갤러리*/
.gallery_sub_wrap {float:left; width:100%; padding:0px;  }
.gallery_sub_wrap ul.pic_list {   float:left; width:100%; }
.gallery_sub_wrap ul.pic_list li {   float:left; width:22%;  margin-right:4%; margin-bottom:30px;  }
.gallery_sub_wrap ul.pic_list li:last-child {   margin-right:0%;  }
.gallery_sub_wrap ul.pic_list li:nth-child(4n) {   margin-right:0%;  }
.pic_wrap {  position:relative; width:100%; height:180px; border: 1px solid #d3d3d3;}
.pic_tit { width:100%; position:absolute; bottom:0; padding:2px 5px 4px 5px;  color:#ffffff; text-align:center; background:rgba(0,0,0,0.4);overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.gallery_sub_wrap p { color:#ffffff; line-height:16px; }

/*모바일용 항목*/
.mtit_info {   display:none; }

/*게시판 공지아이콘*/
span.not_w {  display:inline-block;margin:0 auto; color:#ffffff; width:40px; padding:0px 0px 0px 0px; background:#18B6F7; text-align:center; border-radius:5px; font-size:15px; line-height:22px;}
span.not_m {  display:none }

/* 페이징 */
.paging{ float:left;  width:100%; text-align:center; margin:20px 0px 0px 0px;}
.paging a {display:inline-block; vertical-align:middle; width:30px; height:30px; line-height: 28px;margin:0px 1px 0px 1px; /*padding:4px 0px 6px 0px;*/ border:1px solid #d3d3d3; text-align:center; font-size:13px; border-radius:5px; }
.paging strong {position:relative;top:1px; display:inline-block; width:30px; height:30px; line-height: 28px;margin:0px 1px 0px 1px;  /*padding:4px 0px 6px 0px;*/  border:1px solid #4d4d4d; background-color:#4d4d4d; color:#fff; font-size:13px; font-weight:normal; border-radius:5px; }
.paging img {position:relative;top:3px; }

/*정보입력폼*/
table.type_info  {  float:left;  width:100%; margin:0px 0px 0px 0px; border-top:1px solid #3e3e3e; border-bottom:1px solid #3e3e3e; }

table.type_info th  {  padding:8px 10px; border-bottom:1px solid #d3d3d3; background: url('../images/sub/board_line.png') right bottom no-repeat; }
table.type_info td  {  padding:8px 10px; border-bottom:1px solid #d3d3d3;  }
table.type_info td:first-child  {  border-left:0;  }
table.type_info td:last-child  {  border-right:0;  }

/*파일업로드*/
.file_input_textbox { float: left; position: relative; left:-1px; height:28px; padding:8px 5px; border:1px solid #d3d3d3; }
.file_input_div { float: left; position: relative;top:0px; width: 100px; height:35px; overflow: hidden; }
.file_input_button { width: 80px; position: absolute; top: 0px; height:35px; background:#f5f5f5 !important; border: 1px solid #d3d3d3 ; cursor:pointer !important; }
.file_input_hidden { position: absolute; right: 0px; top: 0px; cursor:pointer; opacity: 0;
 filter: alpha(opacity=0);
-ms-filter: "alpha(opacity=0)";
-khtml-opacity: 0;
-moz-opacity: 0;
}

/*파일업로드 버튼*/
.evfile_wrap {  float:left; width:50%; position:relative;  }
.evfile_input_textbox { float: left; position: absolute; left:0px; top:0px; width:100%;height:35px; border:1px solid #B8B8B8; }
.evfile_input_div { float: left; position: relative;top:0px; width:100%;  height:35px; overflow: hidden;  }
.evfile_input_button {  width: 80px; position: absolute; top: 0px; right:0px; height:35px; background:#f5f5f5 !important; border: 1px solid #b8b8b8; cursor:pointer; }
.evfile_input_hidden { position: absolute; right: 0px; top: 0px; cursor:pointer; opacity: 0;
 filter: alpha(opacity=0);
-ms-filter: "alpha(opacity=0)";
-khtml-opacity: 0;
-moz-opacity: 0;
}

/*테이블*/
.necessary:before { display:inline-block; content:"*"; position:relative;top:2px; right:4px; margin:0px 0px 0px 14px;  color:red;  }
.necessary2:before { display:inline-block; content:"*"; position:relative;top:2px; right:4px; margin:0px 0px 0px 0px;  color:red;  }
.not_necessary:before { display:inline-block; content:""; position:relative;top:2px; right:4px; margin:0px 0px 0px 20px;  color:none; }
.not_necessary2:before { display:inline-block; content:""; position:relative;top:2px; right:4px; margin:0px 0px 0px 10px;  color:none; }

.necessary_back:after { display:inline-block; content:"*"; position:relative;top:2px; right:0px; margin:0px 0px 0px 2px;  color:red;  }

table th.text_center  {   text-align:center; }
table th.text_left  {   text-align:left; }
table th.text_right  {   text-align:right; }

table td.text_center  {   text-align:center; }
table td.text_left  {   text-align:left; }
table td.text_right  {   text-align:right; }

/*게시판유형2*/
.program_list_line {  float:left; width:100%; border-top:1px solid #3e3e3e; }
a.hos_link {text-decoration:underline }
a.hos_link:hover {color:#1869b2; }

/*데이터없음*/
ul.program_no_list { float:left; width:100%;  }
ul.program_no_list li { float:left; width:100%; text-align:center !important; border-bottom:1px solid #d3d3d3; line-height:43px;  }

.form_ul {  float:left; width:100%; margin-bottom:0px }
.form_ul_title {  width: 90%; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis;  }

/*항목8개*/
ul.board_h8 {  float:left; width:100%;  border-top:0;  border-bottom:1px solid #d3d3d3; background:#f9f9f9;}
ul.board_h8 li {  float:left; text-align:center; font-weight:600;  padding-top:0px; padding: 12px 0px; }
ul.board_h8 li:last-child {  background: none; }
ul.board_h8 li:nth-child(1) { width:12%; }
ul.board_h8 li:nth-child(2) { width:25%; }
ul.board_h8 li:nth-child(3) { width:10%; }
ul.board_h8 li:nth-child(4) { width:8%; }
ul.board_h8 li:nth-child(5) { width:17%; }
ul.board_h8 li:nth-child(6) { width:10%; }
ul.board_h8 li:nth-child(7) { width:8%; }
ul.board_h8 li:nth-child(8) { width:10%; }

ul.board_h8_list { margin:0 auto; display:table; width:100%; border-bottom:1px solid #d3d3d3; cursor:pointer !important; }
ul.board_h8_list li {  display:table-cell; text-align:center; vertical-align:middle; padding:10px 0px 10px 0px; position:relative; }
ul.board_h8_list li:nth-child(1) { width:12%; }
ul.board_h8_list li:nth-child(2) { width:25%; }
ul.board_h8_list li:nth-child(3) { width:10%; }
ul.board_h8_list li:nth-child(4) { width:8%; }
ul.board_h8_list li:nth-child(5) { width:17%; }
ul.board_h8_list li:nth-child(6) { width:10%; }
ul.board_h8_list li:nth-child(7) { width:8%; }
ul.board_h8_list li:nth-child(8) { width:10%; }

.name_left { display:none;  }
.name_center { display:none; }
.name_right {  }
.name_left2 { display:none;  }
.name_right2 {  }

.rap90 {  float: left;  width: 90%; overflow: hidden; white-space: nowrap;   text-overflow: ellipsis;  }
img.re {  margin-top:3px;  }
.comment_no {  margin-left:4px; font-size:14px;  font-weight:500;  }

/*로그인페이지*/
/****로그인,아이디,비밀번호찾기****/
.programCon { width:700px; margin:30px auto 30px; }
.programCon:after{content:''; display:table; clear:both;}
.programCon .urlFile {text-align:left;vertical-align:middle;}
.programCon .urlFile img {vertical-align:middle; margin-right:3px;}
.programCon .urlFile p {padding:15px 0 15px 20px; border-top:1px solid #e5e5e5;}
.programCon .urlFile p a {font-size:13px; color:#000;}
.programCon .faq_table .urlFile {margin-top:15px;}
.programCon .faq_table .urlFile p:last-of-type {border-bottom:1px solid #e5e5e5;}
.readEditSubs {padding:15px 0 15px 20px; font-size:13px; color:#000; border-top:1px solid #e5e5e5;}
.readEditSubs a {font-size:13px; color:#000;}
.mt60{margin-top:60px;}
.save_check {  position:relative; display:flex; align-items: center; justify-content: flex-start; width: 100%; height: 16px; margin-bottom:15px;  }

/*탭디자인*/
.tab_layout{font-size:0;  margin-bottom:40px;} 
.tab_layout ul li{display:inline-block; vertical-align:top; width:100%;}
.tab_layout ul li a { display: flex;   justify-content: center;align-items: center; width: 100%; padding-bottom:3px; height: 52px; text-align:center; background: rgb(0, 0, 0, .05); font-size:16px; font-weight:500; color: rgb(0,0,0,.5); border-radius:5px; }
.tab_layout ul li.on a{ background:#0070C3; color:#fff; /*box-shadow:5px 5px 10px rgba(36,64,112,0.3)*/}

.tab_layout ul.grid02 li{width:calc(50% - 6px); margin-right:12px;}
.tab_layout ul.grid02 li:nth-of-type(2n){margin-right:0;}
.tab_layout ul.grid02 li:nth-of-type(n+3){margin-top:12px;}

.tab_layout ul.grid03 li{width:calc(33.33% - 8px); margin-right:12px;}
.tab_layout ul.grid03 li:nth-of-type(3n){margin-right:0;}
.tab_layout ul.grid03 li:nth-of-type(n+4){margin-top:12px;}

.tab_layout ul.grid04 li{width:calc(25% - 9px); margin-right:12px;}
.tab_layout ul.grid04 li:nth-of-type(4n){margin-right:0;}
.tab_layout ul.grid04 li:nth-of-type(n+5){margin-top:12px;}

.tab_layout ul.grid05 li{width:calc(20% - 9.6px); margin-right:12px;}
.tab_layout ul.grid05 li:nth-of-type(5n){margin-right:0;}
.tab_layout ul.grid05 li:nth-of-type(n+6){margin-top:12px;}

.tab_contents > div{display:none;}
.tab_contents > div:first-of-type{display:block;}

/* 로그인,아이디,비밀번호 찾기 */
.inner_wrap .login_wrap{max-width:100%; padding:0; border:0;}
.inner_wrap .login_wrap .cont_box{padding:60px 20px; border:1px solid #d3d3d3; margin-top:0px;  text-align:center; border-radius:5px;}
.inner_wrap .login_wrap .cont_box h5{ font-size:20px;  font-weight:500; line-height:1.5; margin:0; word-break:keep-all;}
.inner_wrap .login_wrap .cont_box p{ color:#444;  line-height:1.5; margin-top:10px; word-break:keep-all; }
.inner_wrap .login_wrap .cont_box .minfo_area{width:100%; max-width:500px; margin:40px auto 10px;}
.inner_wrap .login_wrap .cont_box .minfo_area dl{ margin-bottom: 10px; font-size:0;  overflow:hidden;}
.inner_wrap .login_wrap .cont_box .minfo_area dl + dl{ margin-top:0px;}
.inner_wrap .login_wrap .cont_box .minfo_area dl dt{display:inline-block; vertical-align:top; width:50px; height: 50px; background:#0070C3; text-align:center; padding:12px 0; border-radius: 5px 0px 0px 5px;}
.inner_wrap .login_wrap .cont_box .minfo_area dl dt img {  position:relative;top:2px; }
.inner_wrap .login_wrap .cont_box .minfo_area dl dd{display:inline-block; vertical-align:top; width:calc(100% - 50px); border: 1px solid #d3d3d3; border-left: 0; border-radius:0px 5px 5px 0px; }
.inner_wrap .login_wrap .cont_box .minfo_area dl dd input{width:100%; font-size:16px; border:0; height: 48px; padding:0px 10px; }
.inner_wrap .login_wrap .cont_box .btns {font-size:0; }
.inner_wrap .login_wrap .cont_box .btns a {display:inline-block; vertical-align:top; width:100%; height:52px; line-height: 50px; font-size:16px; color:#6d7788;  font-weight:500; background:#fff; border:1px solid #d7dce5;}
.inner_wrap .login_wrap .cont_box .btns a.confirm{ color:#ffffff;   background:#0070C3; border-color:#0070C3; cursor:pointer;}
/*.inner_wrap .login_wrap .cont_box .btns a.confirm{ color:#0070C3;   background:#ffffff; border:1px solid #0070C3; cursor:pointer;}*/

/*아이디찾기*/
.year_fixed { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 48px; padding:0px 0px 0px 0px; }
.year_fixed select { width:30%; border:0px !important; font-size: 16px; background:rgb(0,0,0,.0) !important }
.year_fixed span { margin:0px 5px; font-size:15px; color: rgb(0,0,0,.5);}

input.confirm {font-family: "Noto Sans KR", "Noto Sans", sans-serif; display:inline-block; vertical-align:top; width:100%; height:52px; line-height: 50px;color:#ffffff;   font-size:16px; font-weight:600 !important; background:#0070C3 !important;cursor:pointer !important; border: 0 }

.ok_box { display: flex; flex-direction: column;   max-width: 800px;  margin:30px auto 100px; padding: 60px 20px;border: 1px solid #d3d3d3; text-align: center;  }

/*로그인하단 버튼그룹박스*/
.join_btn_group { width:100%; /*padding:30px 20px; border:1px solid #ddd;*/ margin-top:20px; }
.join_btn_group ul {  display:flex; width:100%;   }
.join_btn_group ul li { width:100%; padding:0px 5px 0px 0px;   }
.join_btn_group ul li:last-child { padding:0px 0px 0px 5px; letter-spacing:-0.05em  }
.join_btn_group ul li a { display:inline-block;  width:100%; line-height:52px; text-align:center; font-weight: 500; color: rgb(0, 0, 0, .7); background: rgb(0, 0, 0, .05); border-radius: 5px;}

.join_btn_group_mem { width:100%; /*padding:30px 20px; border:1px solid #ddd;*/ margin-top:20px; }
.join_btn_group_mem ul {  display:flex; width:100%;   }
.join_btn_group_mem ul li { width:100%; padding:0px 5px 0px 0px;   }
.join_btn_group_mem ul li:last-child { padding:0px 0px 0px 5px; letter-spacing:-0.05em  }
.join_btn_group_mem ul li a { display:inline-block;  width:100%; line-height:52px; text-align:center; font-weight: 500; color: #ffffff; background: #0070C3; }

/****회원안내페이지에사용****/
/**** 회원가입 ****/
/*가입절차*/
.step_wrap {  position:relative; display:flex; align-items: center; justify-content: center; width:100%; margin-bottom:30px; }
.step_wrap .line { position:absolute; top:24px; width:45%; height:5px; background:#cccccc; z-index:0 }
.step_wrap ul {  display:flex; align-items: center; justify-content: space-between; width:50%; z-index:1; }
.step_wrap ul li { display:flex; flex-direction: column; align-items: center;   }
.step_wrap ul li p.normal { width:50px; height:50px; font-size:20px; font-weight:600; color:#ffffff; line-height:48px; text-align:center; background:#0070C3; border-radius:50px;   }
.step_wrap ul li p.disabled { width:50px; height:50px; font-size:20px; font-weight:600; color:#ffffff; line-height:48px; text-align:center; background:#cccccc; border-radius:50px;   }
.step_wrap ul li span.normal { margin-top:5px; font-size:18px; font-weight:600; color:#0070C3; }
.step_wrap ul li span.disabled { margin-top:5px; font-size:18px; font-weight:600; color:rgb(0,0,0,.3); }

.join_box {width:100%; overflow: hidden; margin-bottom:30px;}
.join_box:first-of-type{margin-top:0;}

h2.article_txt { float: left; width: 100%; margin: 20px 0px; text-align: center; font-size: 20px;  color: rgb(0,0,0,.3); }

.ScrollLy h5.bold_title1 { margin-top:20px; font-size:15px; font-weight:600;  color: #0070C3;  }
.ScrollLy h6.bold_title2 {  margin:15px 0px 5px 0px; font-size:15px; font-weight:500;    }

.ScrollLy2 h5.bold_title1 { margin-top:20px; font-size:15px; font-weight:600;  color: #0070C3;  }
.ScrollLy2 h6.bold_title2 {  margin:15px 0px 5px 0px; font-size:15px; font-weight:500;    }

/* ScoIILy 동의내용 */
.ScrollLy {height:200px; margin:0; padding:0px 15px 25px 15px; border:1px solid #d3d3d3;  overflow-x:hidden; overflow-y:auto; /*word-break:keep-all;*/ }
.ScrollLy2 {height:600px; margin:0; padding:0px 15px 25px 15px; border:1px solid #d3d3d3;  overflow-x:hidden; overflow-y:auto; /*word-break:keep-all;*/ }
.ScrollLy *{ }

/* jcheck 동의합니다 체크 */
.join_box .jcheck{ display: flex;  align-items: center; width: 100%; padding: 12px;    border: 1px solid #d3d3d3; border-top: 0; background: #f9f9f9;}
.join_box .jcheck *{display: flex; align-items: center;  font-size:15px; /*display:inline-block; vertical-align:middle;*/}
.join_box .jcheck input{ position:relative; top:0px; width:15px; height:15px;}
.join_box .jcheck label{ /*margin-right:20px;*/ }

.all_check1 {   display: flex; align-items: center; justify-content: flex-start;width: 100%;  padding: 11px 15px 15px;background: #f9f9f9; border: 1px solid #d3d3d3; border-top: 0;  font-size:15px;  }
.all_check2 {   display: flex; align-items: center; justify-content: flex-start;width: 100%;  padding: 0px 0px; font-size:15px;  color:#035492; font-weight:500; position:relative;top:-20px}

.star_red {  float:left; width:100%; padding: 0px 0px 0px 10px; background: url('/images/sub/star_red.svg') no-repeat 0px 10px;  }
.star_green {  float:left; width:100%; padding: 0px 0px 0px 10px; background: url('/images/sub/star_green.svg') no-repeat 0px 10px;  }

/*강조문구*/
.desc {  display: flex; flex-direction: column; width:100%; margin:20px 0px 0px 0px; padding-bottom:5px; }
.desc p {position:relative; padding-left:20px;  color:#EB1729; word-break:keep-all;}
.desc p:before {content:'※'; position:absolute; left:0; }
.desc p.col01 {color:#035492;}

.desc2 {  display: flex; flex-direction: column; width:100%; margin:0px 0px 0px 0px; padding-bottom:5px; }
.desc2 p {position:relative; padding-left:20px;  color:#EB1729; word-break:keep-all;}
.desc2 p:before {content:'※'; position:absolute; left:0; }
.desc2 p.col01 {color:#035492;}

/* 회원가입 입력창 */
.writeForm{width: 100%; margin-bottom:0px; text-align:left;}
.writeForm > table{width:100%; border-top:1px solid #3e3e3e;}
.writeForm table .writeForm_essential_red{width:150px;}
.writeForm table .writeForm_col02{width:15%;}
.writeForm table .writeForm_col03{width:35%;}
/*.writeForm table tr{border-bottom:1px solid #d3d3d3; font-size:0;}*/
.writeForm > table > tbody > tr{border-bottom:1px solid #d3d3d3; }
.writeForm > table > tbody > tr > th {padding:10px 15px; font-weight:500; background:#f9f9f9; }
.writeForm > table > tbody > tr > th.border_line {border-top:1px solid #d3d3d3}
.writeForm > table > tbody > tr > td { padding:10px; }
.writeForm table tr td input[type="text"]{ display: inline-block;  border:1px solid #d3d3d3;padding:0px 5px; }
.writeForm table tr td input[type="password"]{ display: inline-block; border:1px solid #d3d3d3;padding:0px 5px; }
.writeForm table tr td input[type="file"] { display: inline-block;width:60%;  border:1px solid #d3d3d3;padding:7px 20px; }
.writeForm table tr td .inputTxt{width:325px;}
.writeForm table tr td .inputPass{width:325px;}
/*.writeForm table tr td .inputTxt{width:calc(30% - 40px);}*/
.writeForm table tr td .inputPass.size02{width:calc(40% - 40px); max-width:250px;}
.writeForm table tr td .inputNum{width:100px;}
/*.writeForm table tr td .inputNum:first-of-type{margin-right:10px;}*/
.writeForm table tr td .inputPhone{width:250px;}
.writeForm table tr td .inputEmail{width:250px;}
.writeForm table tr td .inputEmail03{width:250px;}

.num_space {  padding:0px 5px  }


.writeForm table tr td .inputTit{width:80%;}
.writeForm table tr td select { width:140px;  margin-right: 0px; padding:0px 1px; border-color:#d3d3d3; /*vertical-align:top;*/}
.writeForm_top table tr td select{width:70%;}
.writeForm table tr td select.selecEmail{display: inline-block; width:250px;}
.writeForm table tr td select.selecNormal{display: inline-block; width:250px;}

.writeForm table tr td select option{ }
.writeForm table tr td > span{ display: inline-block; margin:0 0px; vertical-align:middle;}
.writeForm table tr td span.label{}
.writeForm table tr td.step span{ font-weight:500;}
.writeForm table tr td span a{font-size:18px;}
.writeForm table tr td textarea{width:100%; height:250px; padding:10px; margin:0px 0; resize:none; border:1px solid #d3d3d3;}
.writeForm_btn{text-align:center; margin-top:60px; font-size:0; position:relative; }
.writeForm_btn a{display:inline-block; width:180px; height:50px; line-height:50px; color:#fff; font-size:15px;}
.writeForm_btn a:nth-of-type(2){background:#87888a; margin-left:10px;}
.writeForm_btn a.member_out{position:absolute; right:0;}

#useFile a.btns{display:inline-block; height:40px; padding:0 10px; line-height:40px; color:#fff !important; font-size:15px; background:#87888a; text-align:center;  vertical-align:top; }

.writeForm table tr td .label_wrap{ position: relative;  top: 5px; display:inline-block; margin:0;}

.writeForm table tr td a.btn_ch{ position: relative; top: -1px; display: inline-block; width: 100px; height: 35px; line-height: 31px; margin-left: 5px; text-align: center; color: #0070C3; border: 1px solid #0070C3; border-radius:5px; }

/* 비밀번호 확인 */
.writeForm table tr td span.password_ch{  margin:0 60px 0 40px;}
.writeForm table tr td.editor{padding:13px 0;}
.writeForm table tr td .half{ /*width:calc(50% - 0px);*/ min-width:500px;}

.writeForm > table > tbody > tr > td{overflow:hidden;}
.writeForm table tr td select.selectNum{width:100px;}
.writeForm table tr td label{ float: left; display: flex; align-content: center;  flex-direction: row; margin-right: 30px;  }
.writeForm table tr td label:last-of-type{margin-right:10px;}
.writeForm table tr td i{font-style:normal;}


span.essential_red { display:inline-block; padding-right:10px; background: url('/images/sub/star_red.svg') no-repeat right 10px;}
span.essential_green { display:inline-block; padding-right:10px; background: url('/images/sub/star_green.svg') no-repeat right 10px;}

/*.writeForm th span.essential_red {margin-left:-9px;}*/
.writeForm td p.he_txt {margin-bottom:10px;}

.writeForm > table > tbody > tr > td p{display:inline-block; vertical-align:middle; margin:0px 0px 5px 0px;    word-break:keep-all;}

.dis_center {  display:flex;align-items: center;  }

.info_fixed {  display:flex; justify-content: space-between; align-items: center; width:500px;  }

.ca_direction { display:flex; }/*contactus 분류 라디오박스 방향*/

/*앨범*/
ul.service_list {  float:left; width:100%; padding:40px 0px 0px 0px; border-top: 1px solid #3e3e3e;  border-bottom: 1px solid #d3d3d3;}
ul.service_list li {  float:left; width:23.5%;  padding:0px 0px 0px 0px; border:0px solid #d3d3d3; margin-right:2%; margin-bottom:40px; }
ul.service_list li:nth-child(4n) {  margin-right:0%; }

.service_item{ position: relative; width:100%; }
.service_item > a {display:block; position:relative; padding-top:80%; }
.service_item > a.service_lnk {cursor:pointer;}
.service_item span {position:absolute; top:0; left:0; bottom:0; right:0; overflow:hidden;}
.service_item span img {  object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:100%; height: 100%; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}

/*오버 MORE버튼*/
.service_cover{position:absolute; top:0; left:0; bottom:0; right:0; background-color:rgba(0,0,0,0.4); opacity:0;filter:Alpha(opacity=0); text-align:center; z-index:1}
.cover_inner{ display:flex; justify-content: center; align-items: center; width:100%; height:100%;}
.cover_inner > div{display:table-cell; width:100%; vertical-align:middle;}
.cover_inner img{ -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}

.service_list .service_menu:hover .service_cover{opacity:1.0;filter:Alpha(opacity=100);}
.service_list .service_menu:hover .cover_inner img { width:30px; -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg);}/*기존 180deg*/
.service_list .service_menu:hover .service_item span img { width:110%;  height:110%;}

.service_txt{ text-align:center; /*padding:10px 0px 5px;*/ } 
.service_tit2{ padding: 0px 10px; text-align:center; height: 20px !important; line-height:1.3; text-overflow: ellipsis; overflow: hidden; word-break: break-word;display: -webkit-box; -webkit-line-clamp: 1; /*원하는 라인수*/ -webkit-box-orient: vertical; word-break:keep-all;}

.service_bg { display:flex; flex-direction: column; justify-content: center; position:absolute; bottom:0px; width:100%; height: 55px; padding:0px 5px; color:#ffffff; text-align:center; background:rgb(0,0,0,.5); z-index: 1; }

.album_info { width: 100%;   padding:0px 0px 0px 0px;  text-align: center;   font-size:16px; letter-spacing:-0.03em  }
.album_info span { padding:0px 7px; background: url('/images/include/user_line.svg') no-repeat right center; }
.album_info span:last-child {  background:none  }

.album_ico {  display: flex; align-items: center; justify-content: center;position:absolute; top:5px; right:5px; width:40px; height:40px; border:1px solid rgb(0,0,0,.3); z-index: 0;  }
.album_ico.picture {  background:rgb(255,255,255,.7) url('/images/sub/ico_picture.svg') no-repeat center 45%; background-size:75%; border-radius:100%; }
.album_ico.movie {  background:rgb(255,255,255,.7) url('/images/sub/ico_movie.svg') no-repeat center 45%; background-size:75%; border-radius:100%; }

/*앨범상단아이콘*/
.album_ico_wrap { position: absolute; bottom: -50px; display:flex; justify-content: flex-end; width:100%; padding:0px 0px; font-size: 15px; }
.album_ico_wrap .area { display:flex; align-items: center;  }
.album_ico_wrap .mg1 { margin-right:8px; }
.album_ico_wrap .mg2 { margin-right:0px; }
.album_ico_wrap .area .icon { display: flex; align-items: center; justify-content: center; width:28px; height:28px; margin-right:3px; background:#ffffff; border:0px solid rgb(0,0,0,.3); border-radius:100%; }
.album_ico_wrap .area .icon img { width:75%; }

/*조직도*/
/*상단*/
.organization1 { position:relative; display:flex; flex-direction: column; align-items: center; width:100%;  }
.box1 { position:relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 230px; margin-bottom:30px; padding-top: 0px; color: #ffffff; text-align: center; height: 80px; font-weight: 500; font-size: 18px; background: #1A1F6B; border-radius: 50px; z-index:1; }
span.dot_circle_ceo { /*display:none;*/ position:absolute; bottom:-5px; width:10px; height:10px; border-radius:10px; background:#1A1F6B; border:2px solid #ffffff; }
.box1 img { width:30px }
.box2 { position:relative; display: flex; justify-content: center; align-items: center; width: 230px; height: 54px; text-align: center; line-height: 1.3; font-weight: 500; font-size: 18px; color:#3d5374; background: #e6effc; border-radius:8px; z-index:1; }
span.dot_circle_le { /*display:none;*/ position:absolute; left:-5px; width:10px; height:10px; border-radius:10px; background:#abbfd7; border:2px solid #ffffff; }
span.dot_circle_ri { /*display:none;*/ position:absolute; right:-5px; width:10px; height:10px; border-radius:10px; background:#abbfd7; border:2px solid #ffffff; }
.mid_wrap { display: flex; flex-direction: column; align-items: center; width:100%;   }
.mid_area {  display: flex; justify-content: space-between; width:50%; padding:10px 0px;  }
.mid_area .left {  position:relative; display:flex; justify-content: flex-start; align-items: center; width:50%;  }
.mid_area .right {  position:relative; display:flex; justify-content: flex-end; align-items: center; width:50%;  }
.wl { position:absolute; width:100%; height:2px;  background:#d3d3d3; }
.hl_wrap {  position:absolute; display:flex; flex-direction: column; align-items: center; width:100%; height:100%; }
.hl_wrap2 {  display:flex; justify-content: center; align-items: center; width:100%; height:40px; }
.hl {  display: flex;width:2px; height:100%; background:#d3d3d3; }
/*.space_line {  display:flex; align-items: center; width:87.7%; margin-top: 40px; background:#ffffff;   }*/
.space_line {  display:flex; align-items: center; width:87.2%; margin-top: 40px; /*padding-left:0.1%;*/ background:#ffffff;   }
.space_line .gr { width:100%; height:2px;  background:#d3d3d3; }
/*하단*/
.organization2 { position:relative; display:flex; width:100%;  }
/*ul.box3 {  display:flex; flex-wrap: wrap; width:100%;  }
ul.box3 li {  display:flex; flex-direction: column; width: calc(86% / 7); margin:0px 1%; border:1px solid green;  }*/
ul.box3 {  display:flex; justify-content: space-between; width:100%;  }
ul.box3 li {  display:flex; flex-direction: column; width: 13%; margin:0px 0%; }
p.s_tit {  position:relative; display: flex; justify-content: center; align-items: center; width: 100%; height:54px; margin-bottom:10px; color: #ffffff; text-align: center; line-height: 1.3; letter-spacing:-0.08em; font-weight: 500; font-size: 16px; background: #0070C3; border-radius:8px; z-index:1;  }
span.dot_circle { /*display:none;*/ position:absolute; top:-5px; width:10px; height:10px; border-radius:10px; background:#0070C3; border:2px solid #ffffff; }
ul.s_sub { display:flex; flex-direction: column;  width: 100%; height: 110px; padding:15px 10px; border:1px solid #cccccc; border-radius:8px; }
ul.s_sub li { width: 100% !important; padding:2px 0px 2px 10px;  line-height: 1.3; background:url('/images/sub/dot3.svg') no-repeat left 55%; border:0; }

/*Strategic Direction 서브*/
.direction_box_top {  width:100%; height:75px;  }
.direction_box {  position:relative; display:flex; align-items: center; justify-content: center; width:1280px; height:800px;  }
.direction_circle1 {  display:flex; align-items: center; justify-content: center; width:700px; height:700px; background:#ffffff;  border:2px dotted #1DB7FD; border-radius:100%; }
.direction_circle2 {  width:440px; height:440px; background: linear-gradient(145deg, #1DB7FD, #0789E9); border:4px solid #e7e7e7; border-radius:100%; }
.direction_circle3 {  display:flex; flex-direction: column; align-items: center; justify-content: center; width:440px; height:440px; color:#ffffff; background: url('/images/sub/dr_circle_bg.png') no-repeat center; background-size:100%; border-radius:100%; }
.direction_circle3 h4 { font-size:36px; font-weight:500; margin-bottom:5px; }
.direction_circle3 p { font-size:24px; font-weight:500; color:rgb(255,255,255,.8) }

.drtxt {  color:#ffffff; font-size:28px; font-weight:500; line-height: 1.2; text-align:center  }
.dr1 {  position:absolute; top:200px; right:130px; display:flex; align-items: center; justify-content: center; width:230px; height:230px; background:#ffffff url('/images/main/section2_bg5.png') no-repeat center; background-size: cover;border-radius:100%; }
.dr2 {  position:absolute; top:-75px; left:0px; right:0px; margin:0 auto; display:flex; align-items: center; justify-content: center; width:230px; height:230px; background:#ffffff url('/images/main/section2_bg1.png') no-repeat center; background-size: cover;border-radius:100%; }
.dr3 {  position:absolute; top:200px; left:130px; display:flex; align-items: center; justify-content: center; width:230px; height:230px; background:#ffffff url('/images/main/section2_bg2.png') no-repeat center; background-size: cover;border-radius:100%; }
.dr4 {  position:absolute; bottom:0px; right:260px; display:flex; align-items: center; justify-content: center; width:230px; height:230px; background:#ffffff url('/images/main/section2_bg4.png') no-repeat center; background-size: cover;border-radius:100%; }
.dr5 {  position:absolute; bottom:0px; left:260px; display:flex; align-items: center; justify-content: center; width:230px; height:230px; background:#ffffff url('/images/main/section2_bg3.png') no-repeat center; background-size: cover;border-radius:100%; }
.dr_shadow { border:4px solid #e7e7e7;  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);*/ }

/*이벤트*/
ul.event_list { float: left; width: 100%; margin-bottom:40px; padding: 40px 0px 0px 0px; border-top: 1px solid #3e3e3e; border-bottom: 1px solid #d3d3d3;   }
ul.event_list li {  float: left; width: 23.5%; padding: 0px 0px 0px 0px; border: 1px solid #d3d3d3; margin-right: 2%; margin-bottom: 40px; border:1px solid #d3d3d3;  }
ul.event_list li:nth-child(4n) { margin-right: 0%; }
ul.event_list li .pic {  border-bottom:1px solid #d3d3d3  }
ul.event_list li .pic img {  width:100%; height:230px; object-fit: cover;  }
ul.event_list li p.title {  display:flex; align-items: center; justify-content: center; width:100%; height:55px; padding:0px 10px 2px; line-height: 1.3; text-align:center;  }

/*탭메뉴*/
ul.tab { display:flex; justify-content: space-between; width:100%; margin-bottom:40px; z-index:1; }
ul.tab li { width:100%; margin-right:10px; }
ul.tab li:last-child {  margin-right:0%;   }
ul.tab li a { display:flex; justify-content: center; align-items: center; width:100%; height:50px; padding:0px 10px; font-size:16px; line-height:1.2; /*letter-spacing:-0.05em;*/ color:rgb(0,0,0,.4); font-weight:500; text-align:center; background:rgb(0,0,0,.05); border-radius:5px; }
ul.tab li.on a { color:#ffffff; background:#0070C3; }

/*쿠폰 인증박스*/
.certify_box {  display:flex; justify-content: center; align-items: center; width:100%; text-align: center; background-color: #f9f9f9; padding: 10px; margin-bottom: 20px; border: 1px solid #dddddd; border-radius: 5px;  }
.certify_area {  display: flex; justify-content: space-between; width:500px; }
.certify_area input {  width:calc(100% - 85px); }
.certify_area button {  width: 80px; height: 35px; line-height: 31px; text-align: center; color: #0070C3; background:#ffffff; border: 1px solid #0070C3; border-radius: 5px;}

/*문단*/
/*기본형*/
.txt_wrap {   float:left; width:100%; margin-bottom:0px; padding-bottom:0px; border-bottom:0px dashed #d3d3d3; /*margin-bottom:30px; padding-bottom:25px; border-bottom:1px dashed #d3d3d3;*/ }
.txt_wrap ul { float:left; width:100%; }
.txt_wrap ul li { display:inline-block; width:100%; margin: 6px 0px; padding:0px 0px 0px 10px; word-break:keep-all; }
.txt_wrap ul li.dep1 {  background: url('/images/sub/dot1.svg') no-repeat 0px 10px;  }
.txt_wrap ul li.dep2 {  background: url('/images/sub/dot2.svg') no-repeat 0px 11px;  }
.txt_wrap ul li.dep3 {  background: url('/images/sub/dot3.svg') no-repeat 0px 10px;  }

.txt_wrap_each ul li { display:inline-block; width:100%; margin: 1px 0px; padding:0px 0px 0px 0px; word-break:keep-all; }

.pd_left0   {  padding-left:0px !important;  }
.pd_left10 {  padding-left:10px !important;  }
.pd_left20 {  padding-left:20px !important;  }
.pd_left30 {  padding-left:30px !important;  }

.mr_left0   {  margin-left:0px !important;  }
.mr_left10 {  margin-left:10px !important;  }
.mr_left20 {  margin-left:20px !important;  }
.mr_left30 {  margin-left:30px !important;  }
.mr_left40 {  margin-left:40px !important;  }
.mr_left50 {  margin-left:50px !important;  }
.mr_left60 {  margin-left:60px !important;  }
.mr_left70 {  margin-left:70px !important;  }
.mr_left80 {  margin-left:80px !important;  }
.mr_left90 {  margin-left:90px !important;  }
.mr_left100 {  margin-left:100px !important;  }


/*interval형*/
ul.interval li { display:inline-block; width:100%; margin: 1px 0px; padding:0px 0px 0px 0px; word-break:keep-all; }
.txt_interval1 {  float:left; width:20px; }
.txt_interval2 {  float:left; width:calc(100% - 20px); }

.txt_box { display: inline-block; width: 100%; margin-bottom:30px; padding: 10px 15px 15px 15px; border: 1px solid #d3d3d3; border-radius:5px; }

body  { min-width:1280px; font-size:16px;  overflow-x:auto }

/*애니메이션*/
.hidden {  opacity: 0;  }

/* 개별 효과 적용 */
.rotate {transform: translateY(50px) rotate(-15deg); /* 아래쪽 + 회전 */ }
.scale { transform: scale(0.5); /* 축소 */}
.slide { transform: translateX(-100px); /* 왼쪽에서 슬라이드 */ }
.top { transform: translateY(100px); /* 아래에서 슬라이드 */ }
.bottom { transform: translateY(-100px); /* 위에서 슬라이드 */ }
.show { opacity: 1; transform: translateY(0) rotate(0) scale(1) translateX(0); /* 원래 위치 */ }

/* 느리게 나타나는 효과 */
.slow { transition: opacity 1.2s ease-out, transform 1.2s ease-out; }

/* 기본 속도 */
.normal { transition: opacity 0.6s ease-out, transform 0.6s ease-out; }

/* 빠르게 나타나는 효과 */
.fast { transition: opacity 0.3s ease-out, transform 0.3s ease-out; }

.box { display: flex; flex-direction: column; width: 100%; }

/*Core Synergy Solution*/
.solution_gd_wrap { display:flex;align-items: flex-end; width:100%; height:710px; border:0px solid red }
.solution_gd { position:relative; float:left; width:100%; height:505px; border:0px solid black }

.cr_center {  display:flex; flex-direction: column; align-items: center; justify-content: center; width:220px; height:220px; margin: auto; border-radius:200px; color:#ffffff; font-weight:600; font-size:28px; }
.cr_brd { border:8px solid rgb(255,255,255,.7); }

.solution1 { position:absolute; right:0px; display:flex; justify-content: center; width:100%; height:300px; /*background: rgb(0, 0, 0, .1);*/  }
.cr1 {  /*position:absolute; left:0px; bottom:0px; top:0px;*/ background:#18B6F7; }

.solution2 { position:absolute; left:0px; bottom:0px; width:630px; height:300px; /*background: rgb(0, 0, 0, .1);*/  }
.cr2 {  position:absolute; right:0px; top:0px; bottom:0px; background:#09C97F; }

.solution3 { position:absolute; right:0px; bottom:0px; width:630px; height:300px; /*background: rgb(0, 0, 0, .1);*/  }
.cr3 {  position:absolute; left:0px; top:0px; bottom:0px; background:#FF6885; }

.so_link1 { position:absolute; top:-210px; width:400px; padding: 0px 0px; z-index:0; /*background:orange*/ }
.so_link2 { position:absolute; top:30px; left:0px; width:400px; padding: 0px 0px; z-index:0; /*background:orange*/ }
.so_link3 { position:absolute; top:90px; right:0px; width:400px; padding: 0px 0px; z-index:0; /*background:orange*/ }

ul.so_list { display:flex; flex-direction: column; width:100%; }
ul.so_list li { display:flex; align-items: center; justify-content: space-between; height:50px; margin:5px 0px; padding:0px 15px; font-size:17px; font-weight:500; border-radius:100px; background:#ffffff;  }
ul.so_list.line1 li { border:1px dashed #18B6F7;  }
ul.so_list.line2 li { border:1px dashed #09C97F;  }
ul.so_list.line3 li { border:1px dashed #FF6885;  }
ul.so_list li a.more { width:24px; height:19px; background:url('/images/sub/icon_link.svg') no-repeat center; background-size:cover;  }

/*컨설팅 기본틀*/
.place_wrap {  position:relative; display:flex; align-items: center;  justify-content: center; width:100%; padding:70px 0px 70px;  }

.pl_white {  background:rgb(255,255,255);  }

.pl_lightgray {  background: url('/images/sub/plbg_gray.png') no-repeat center; background-size:cover; }
.pl_lightblue {  background: url('/images/sub/plbg_blue.png') no-repeat center; background-size:cover; }
.pl_lightgreen {  background: url('/images/sub/plbg_green.png') no-repeat center; background-size:cover; }
.pl_lightorange {  background:rgb(249,102,39,.04);  }
.pl_lightpurple {  background:rgb(157,85,247,.04);  }
.pl_lightpink {  background:rgb(255,104,133,.04);  }

.pl_education_bg1 {  background:#0070C3 url('/images/temp/edu_int_bg.png') no-repeat left top; background-size:cover; }
.pl_education_bg2 {  background:#00b194 url('/images/temp/edu_int_bg.png') no-repeat left top; background-size:cover; }
.pl_education_bg3 {  background:#fe854a url('/images/temp/edu_int_bg.png') no-repeat left top; background-size:cover; }
.pl_education_bg4 {  background:#8e7edb url('/images/temp/edu_int_bg.png') no-repeat left top; background-size:cover; }

.pl_deepblue {  background:#0070C3  }
.pl_blue {  background:rgb(24,182,247);  }
.pl_orange {  background:rgb(249,102,39);  }
.pl_green {  background:rgb(9,201,127);  }
.pl_pink {  background:rgb(255,104,133);  }
.pl_purple {  background:rgb(157,85,247);  }

.place_area {  display:flex; flex-direction: column; justify-content: center; width:1280px; border:0px solid black  }

.place_tit { display:flex;  justify-content: center; align-items: center; flex-direction: column; width:100%; margin-bottom:40px;  }
.place_tit p {  padding-bottom:20px; font-size:36px;  text-align:center; font-weight:600;  }
.place_tit p.large {  padding-bottom:0px; font-size:36px;  text-align:center; font-weight:600;  }
.place_tit p.small {  padding-bottom:20px; font-size:24px;  text-align:center; font-weight:400;  }
.place_tit p.place_bk {  color:#000000;  }
.place_tit p.place_wh {  color:#ffffff;  }
.place_tit .line_wrap {  display:flex;  justify-content: center; }
.place_tit .line_wrap .line_bk { display:inline-block; width:100px; height:2px; background:rgb(0,0,0,.2); }
.place_tit .line_wrap .line_wh { display:inline-block; width:100px; height:2px; background:rgb(255,255,255,.6); }

ul.accordion_wrap {float:left;width:100%;margin:0px 0px 0px 0px;border-top:0px solid #3e3e3e;}
ul.accordion_wrap li.accordion_list { float: left; width: 100%; margin: 10px 0px; background: #ffffff;  border-radius: 20px; box-shadow: 0px 0px 10px 0px rgb(0, 0, 0, .2);}
/*ul.accordion_wrap li:nth-child(1) { border: 2px solid #18b6f7; }
ul.accordion_wrap li:nth-child(2) { border: 2px solid #09c97f; }
ul.accordion_wrap li:nth-child(3) { border: 2px solid #FF6885; }
ul.accordion_wrap li:nth-child(4) { border: 2px solid #9d55f7; }
ul.accordion_wrap li:nth-child(5) { border: 2px solid #f96627; }*/

.accordion_q  { display: flex; align-items: center; float:left; width:100%; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.accordion_a { position:relative; /*display: flex; align-items: center;*/ float:left; width:100%; border-top:1px solid #e9e9e9; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background:#f9f9f9; }
.accordion_list .number { display: flex; align-items: center; justify-content: center;  width:80px; }
.accordion_list .substance1 { display: flex; width: 100%; padding: 10px 0px;  }
.accordion_list .substance2 { padding: 10px 0px 10px 0px; }

.a_txt { width:40px; height:40px; margin: 0 auto; /*margin-top: 15px;*/ padding: 0px 0px 0px 0px; }
.a_txt.r01 {  background: url('/images/sub/pin1.svg') no-repeat center; background-size:cover; border-radius:100px;  }
.a_txt.r02 {  background: url('/images/sub/pin2.svg') no-repeat center; background-size:cover; border-radius:100px;  }
.a_txt.r03 {  background: url('/images/sub/pin3.svg') no-repeat center; background-size:cover; border-radius:100px;  }
.a_txt.r04 {  background: url('/images/sub/pin4.svg') no-repeat center; background-size:cover; border-radius:100px;  }
.a_txt.r05 {  background: url('/images/sub/pin5.svg') no-repeat center; background-size:cover; border-radius:100px;  }

.b_txt {  padding: 10px 10px 10px 0px; font-size:20px; font-weight: 500; line-height:1.3 }

/*효과*/
ul.accordion2_wrap {display: flex;  flex-wrap: wrap; width:100%;margin:0px 0px 0px 0px; }
ul.accordion2_wrap li {display: flex; justify-content: space-between;  align-items: center; width: calc(98% / 2); margin: 15px 2% 15px 0px; padding: 30px; background: #ffffff;  border-radius: 20px; box-shadow: 0px 0px 10px 0px rgb(0, 0, 0, .2);}

ul.accordion2_wrap li:nth-child(2n) { margin: 15px 0% 15px 0px;}

ul.accordion2_wrap .right_txt { display: flex; flex-direction: column; width: calc(100% - 120px); padding-right: 0px; font-size: 20px; font-weight: 500; line-height: 1.3; }
ul.accordion2_wrap .right_txt p {  margin-bottom:10px; font-size:24px; font-weight: 600;  } 
ul.accordion2_wrap .right_txt p.c01 { color:# } 

ul.accordion2_wrap .right_txt p.c01 { color: #18B6F7; }
ul.accordion2_wrap .right_txt p.c02 { color: #09c97f; }
ul.accordion2_wrap .right_txt p.c03 { color: #FF6885; }
ul.accordion2_wrap .right_txt p.c04 { color: #9d55f7; }
ul.accordion2_wrap .right_txt p.c05 { color: #f96627; }


ul.accordion2_wrap .right_txt span {  font-size:20px; font-weight:400; word-break: keep-all; }
ul.accordion2_wrap .right_icon { display: flex;  justify-content: center; align-items: center;  width: 100px; height: 100px; }
ul.accordion2_wrap .right_icon img {  width:100%  }



ul.accordion3_wrap {display: flex;  flex-direction: column; width:100%;margin:0px 0px 0px 0px; }
ul.accordion3_wrap li {display: flex; justify-content: space-between;  align-items: center; width: 100%; margin: 15px 0px; padding: 30px; background: #ffffff;  border-radius: 20px; box-shadow: 0px 0px 10px 0px rgb(0, 0, 0, .2);}

ul.accordion3_wrap li:nth-child(2n) { margin: 15px 0% 15px 0px;}

ul.accordion3_wrap .right_txt { display: flex; flex-direction: column; width: calc(100% - 120px); padding-right: 0px; font-size: 20px; font-weight: 500; line-height: 1.3; }
ul.accordion3_wrap .right_txt p {  margin-bottom:10px; font-size:24px; font-weight: 600;  } 
ul.accordion3_wrap .right_txt p.c01 { color:# } 

ul.accordion3_wrap .right_txt p.c01 { color: #18B6F7; }
ul.accordion3_wrap .right_txt p.c02 { color: #09c97f; }
ul.accordion3_wrap .right_txt p.c03 { color: #FF6885; }
ul.accordion3_wrap .right_txt p.c04 { color: #9d55f7; }
ul.accordion3_wrap .right_txt p.c05 { color: #f96627; }


ul.accordion3_wrap .right_txt span {  font-size:20px; font-weight:400; word-break: keep-all; }
ul.accordion3_wrap .right_icon { display: flex;  justify-content: center; align-items: center;  width: 100px; height: 100px; }
ul.accordion3_wrap .right_icon img {  width:100%  }

/*컨설팅 자료 다운로드*/
.pl_data_back {  background: url('/images/sub/pl_data_bg.png') no-repeat center; background-size:cover;   }
.pl_data_wrap {  display:flex; justify-content: space-between; align-items: center; }
.pl_data_wrap h2 {  font-size: 32px; font-weight: 500; color:#ffffff; }

.pl_data_btn { display:flex;   }
.pl_data_btn a {display:inline-block; display:flex; align-items: center; justify-content: center; width:200px; margin:0px 0px;  padding-bottom:1px; font-size:18px; font-weight:500; height:55px; border:1px solid #ffffff; border-radius:200px}
.pl_data_btn a:last-child {  margin-left:10px  }
.pl_data_btn a span.go {color:#ffffff; margin-right:5px; transition: all 0.2s; }
.pl_data_btn a span.arrow {  width:18px; height:6px; margin-left:5px; background: url('/images/sub/left_bottom_arrow.svg') no-repeat center; background-size:100%; transition: all 0.2s;}

.pl_data_btn a:hover span.go { margin-right:8px; }
.pl_data_btn a:hover span.arrow {  margin-left:8px; }

/*스텝*/
ul.pl_step_wrap {  display:flex; justify-content: space-between; /*flex-wrap: wrap;*/ width:100%;  }
ul.pl_step_wrap li {  position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: 100%; margin-right: 0%; padding:40px 20px 0px 20px; background: #ffffff; border-radius: 20px; box-shadow: 0px 0px 10px 0px rgb(0, 0, 0, .2);   }
ul.pl_step_wrap li:last-child { margin-right:0%; background:#ffffff; }
/*ul.pl_step_wrap li:nth-child(1) {  border:2px solid #18b6f7; }
ul.pl_step_wrap li:nth-child(3) {  border:2px solid #09c97f; }
ul.pl_step_wrap li:nth-child(5) {  border:2px solid #FF6885; }
ul.pl_step_wrap li:nth-child(7) {  border:2px solid #9d55f7; }
ul.pl_step_wrap li:nth-child(9) {  border:2px solid #f96627; }*/
ul.pl_step_wrap li.pl_step_arrow {  padding:0px; box-shadow:none; width:15%; background: url('/images/sub/ar_left_gr.svg') no-repeat center; background-size: 16px; }

/*스텝*/
ul.pl_step_wrap2 {  display:flex; justify-content: space-between; /*flex-wrap: wrap;*/ width:100%;  }
ul.pl_step_wrap2 li {  position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: 100%; margin-right: 2%; padding:30px 20px 0px 20px; background: #ffffff; border-radius: 20px; box-shadow: 0px 0px 10px 0px rgb(0, 0, 0, .2);   }
ul.pl_step_wrap2 li:last-child { margin-right:0%; background:#ffffff; }

.pl_step_circle_wrap {  display:flex; align-items: center; justify-content: center; width:100%; height:70px;  }
p.pl_step_circle {  display:flex; align-items: center; justify-content: center; width:130px; height:105px; }
p.pl_step_circle.num1 {  background: url('/images/sub/pl_step01.svg') no-repeat center; background-size:cover;  }
p.pl_step_circle.num2 {  background: url('/images/sub/pl_step02.svg') no-repeat center; background-size:cover;  }
p.pl_step_circle.num3 {  background: url('/images/sub/pl_step03.svg') no-repeat center; background-size:cover;  }
p.pl_step_circle.num4 {  background: url('/images/sub/pl_step04.svg') no-repeat center; background-size:cover;  }
p.pl_step_circle.num5 {  background: url('/images/sub/pl_step05.svg') no-repeat center; background-size:cover;  }

p.pl_step_title { display:flex; align-items: center; justify-content: center; width:100%; height: 100px; margin:30px 0px 20px 0px; font-size:24px; font-weight:500; text-align:center; line-height: 1.2; word-break: keep-all; }
p.pl_step_title.c01 {  color: #18B6F7 }
p.pl_step_title.c02 {  color: #09c97f }
p.pl_step_title.c03 {  color: #FF6885 }
p.pl_step_title.c04 {  color: #9d55f7 }
p.pl_step_title.c05 {  color: #f96627 }

ul.pl_step_wrap3 {  display:flex; justify-content: space-between; /*flex-wrap: wrap;*/ width:100%;  }
ul.pl_step_wrap3 li {  position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: 100%; margin-right: 2%; padding:0px 20px 0px 20px; background: #ffffff; border-radius: 20px; box-shadow: 0px 0px 10px 0px rgb(0, 0, 0, .2); /*word-break: normal !important;*/  }
ul.pl_step_wrap3 li:last-child { margin-right:0%; background:#ffffff; }

p.pl_step_title3 { display:flex; align-items: center; justify-content: center; width:100%; height: 100px; margin:10px 0px 10px 0px; font-size:36px; font-weight:600; text-align:center; line-height: 1.2;  }
p.pl_step_title3.c01 {  color: #18B6F7 }
p.pl_step_title3.c02 {  color: #09c97f }
p.pl_step_title3.c03 {  color: #FF6885 }
p.pl_step_title3.c04 {  color: #9d55f7 }
p.pl_step_title3.c05 {  color: #f96627 }

ul.pl_step_txt { display: flex; flex-direction: column; width:100%; height: 100%; }
ul.pl_step_txt li.line { display: flex; flex-direction: column; align-items: flex-start; width:100%; height: calc(100% - 40px); padding: 15px; font-size: 18px; word-break: keep-all; border-radius: 10px; border:1px solid rgb(0,0,0,.08); background:rgb(243,246,251,.6); box-shadow:none; }
ul.pl_step_txt li.line.small { padding:15px 15px 30px 15px; }

/*ul.pl_step_txt li.line.b01 {  background:rgb(24,182,247,.04);  }
ul.pl_step_txt li.line.b02 {  background:rgb(9,201,127,.04);  }
ul.pl_step_txt li.line.b03 {  background:rgb(249,102,39,.04);  }
ul.pl_step_txt li.line.b04 {  background:rgb(157,85,247,.04);  }
ul.pl_step_txt li.line.b05 {  background:rgb(255,104,133,.04);  }*/

.pl_dep1 { display: inline-block; width: 100%; margin: 1px 0px; padding: 0px 0px 0px 10px; background: url('/images/sub/dot2.svg') no-repeat 0px 13px; font-weight:500; }
.pl_dep2 { display: inline-block; width: 100%; margin: 1px 0px; padding: 0px 0px 0px 24px; background: url('/images/sub/dot3.svg') no-repeat 10px 12px;  }

.pl_img_box {  display:flex; align-items: center; justify-content: center; width:100%; margin:30px 0px 20px 0px; border: 1px solid rgb(0, 0, 0, .08); box-shadow: 0px 0px 10px 0px rgb(0, 0, 0, .2); border-radius: 20px; }
.pl_img_box img {  width:100%;  border-radius: 20px; }

.bookmark {  position:relative;top:-99px; display:flex; float:left; width:100%; height:0px; background:transparent; }

img.compet {  width:100px; height:100px  }

.word_br {  display:block  }

/*교육 과정소개*/
.edu_intro { display:flex; align-items: center; justify-content: space-between; }
.edu_intro .left { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; width: 49%;  font-size:18px; color:#ffffff; line-height:1.4; text-align: left; word-break: keep-all; border: 0px solid red; }
.edu_intro .left h3 { font-size:36px; font-weight:600; margin-bottom:40px; line-height:1.3; }
.edu_intro .left p { display:block; margin:6px 0px; }
.edu_intro .left span { display:block; margin:6px 0px; }
.edu_intro .right { display: flex;  align-items: center;  justify-content: center; width:49%; border:0px solid blue }
.edu_intro .right img { width:100%;  }

/*조직활성화*/
.edu_intro1 { display:flex; align-items: center; justify-content: space-between; }
.edu_intro1 .left { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; width: 50%;  font-size:18px; line-height:1.4; text-align: left; word-break: keep-all; border: 0px solid red; }
.edu_intro1 .left h3 { font-size:36px; font-weight:600; margin-bottom:40px; line-height:1.3; }
.edu_intro1 .left p { display:block; margin:6px 0px; }
.edu_intro1 .left span { display:block; margin:6px 0px; }
.edu_intro1 .right { display: flex;  align-items: center;  justify-content: center; width:46%; border:0px solid blue }
.edu_intro1 .right img { width:100%;  }

.edu_intro2 { display:flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; }
.edu_intro2 .left { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; width: 50%;  font-size:18px; line-height:1.4; text-align: left; word-break: keep-all; border: 0px solid red; }
.edu_intro2 .left h3 { font-size:36px; font-weight:600; margin-bottom:40px; line-height:1.3; }
.edu_intro2 .left p { display:block; margin:6px 0px; }
.edu_intro2 .left span { display:block; margin:6px 0px; }
.edu_intro2 .right { display: flex;  align-items: center;  justify-content: center; width:46%; border:0px solid blue }
.edu_intro2 .right img { width:100%;  }

p.edu02-txt { font-size:18px; }

h3.brd_left { display: flex;  justify-content: flex-start; align-items: center;  width: 100%;  margin-bottom:15px; padding: 0px 0px 2px 5px;  height: 22px;  font-size: 22px; font-weight:600; line-height: 1.3; border-left: 5px solid #0070C3;  }


/* ◆◆◆◆◆◆◆◆◆◆ 768px~1280px ◆◆◆◆◆◆◆◆◆◆ */
@media only screen and (min-width:768px) and (max-width:1280px) {
}


/* ◆◆◆◆◆◆◆◆◆◆ 1280px이하 ◆◆◆◆◆◆◆◆◆◆ */
@media only screen and (max-width:1280px){

/*섹션타이틀*/
/*.section_title {  margin:0vh 0px 3vh 0px;}
.section_title h1 {  font-size:15px;   }
.section_title h2 {   font-size:30px; line-height: 1;   }*/

/*메인비주얼*/
/*.section-main-visual { height:155vw !important; } */

/*스크롤 내비*/
.m_nav { position:fixed; right:22px; }
.m_nav .active em { display:none; }

/*사이드SNS*/
.side_btn_wrap { right:10px; bottom:50px;  }
a.side_btn {  width:35px; height:35px;  }
a.sns1 {  background-size:10px;   }
a.sns2 {  background-size:100%;   }
a.sns3 {  background-size:20px;    }
a.top_btn {  background-size:15px;    }




/*mo용이미지*/
.section-main-visual .background.bg1 {  background:url('/images/main/section1_bg1.jpg') no-repeat center;  }
.section-main-visual .background.bg2 {  background:url('/images/main/section1_bg2.jpg') no-repeat center;  }

/*.section-main-visual .swiper-button-prev { display: block; position: absolute; left:3%; top:0; margin: 0; width: 35px; height: 35px;   }
.section-main-visual .swiper-button-next { display: block; position: absolute; right:3%; top:0;  margin: 0; width: 35px; height: 35px; }*/

.section-main-visual .control {  bottom: 4vh;  }

.scroll-icon {  display:none;  }

/*a.more {  display:flex; width:87px; font-size:14px; font-weight:400; background: url('/images/main/ar_more.svg') no-repeat right 10px; background-size:20px  }
a.more:hover { width:87px;  }*/

/*Our Service 애니*/
.section3_con ul li:hover .service_icon,
.section3_con ul li:hover .service_tit,
.section3_con ul li:hover .service_text
{-ms-transform:translateY(0px); -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -o-transform:translateY(0px); transform:translateY(0px);}
.section3_con ul li:hover .service_more { -ms-transform:translateY(0px); -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -o-transform:translateY(0px); transform:translateY(0px); }
button.service_more { visibility:visible; opacity:1;filter:Alpha(opacity=1);}

/*기본화면*/
.con_wrap {  margin-top:60px; padding:0px 0px;  }



.address_txt {  font-size:16px;   }

/*타이틀*/
.tit_big_nbrd h3 { font-size: 18px; font-weight: 600; background: url('/images/sub/tit_arrow.svg') no-repeat 0px 4px; background-size: 4px; }
.tit_big_brd h3 { font-size: 18px; font-weight: 600; background: url('/images/sub/tit_arrow.svg') no-repeat 0px 4px; background-size: 4px; }

.tit_big_client  {   font-size: 20px;}

/*버튼 모음*/
a.btn_check {position:relative;top:0px; }
a.btn_color2 {display:inline-block;width:60px; height:23px; padding:2px 0px; text-align:center; background:#0070C3; font-size:12px; color:#ffffff; }

/*게시판 검색*/
.board_search_box{text-align:center; background-color:#f9f9f9; padding:10px 0px 7px 0px; margin-bottom:20px; border:1px solid #d3d3d3; }
.board_search_con {  margin:0 auto; width:80%; }
.board_search_box select{ float:left; width:22%; height:38px; border:1px solid #ccc;  }
.board_search_box .search_word_con { position:relative;top:0px; width:76%;display:inline-block; height:38px; border:1px solid #ccc; background:#ffffff; }
.board_search_box .search_word { float:right; width:75%; height:36px; border:0; padding:0; text-indent:10px; }
.board_search_box .search_word:focus {color:#333;}
.board_search_box .bbs-search-btn {float:right; margin:0px; border:0; width:36px; height:36px;  background:#4d4d4d url('/images/sub/btn_confirm_bg.svg') no-repeat center; color:#fff; cursor:pointer;  }

/*게시판 검색 수정*/
.total_wrap2 p {  float:left; position:relative;top:18px !important;   }
p.total_txt { float:left;   padding-bottom:10px;  letter-spacing:-0.06em; } 



/*자료실 검색*/
/*게시판 검색*/
/*.board_search3_box{text-align:center; background-color:#f9f9f9; padding:10px 10px 7px 10px; margin-bottom:20px; border:1px solid #d3d3d3; }
.board_search3_con {  margin:0 auto; width:100%; }
.board_search3_box select{ float:left; height:36px; margin-bottom:5px;border:1px solid #d3d3d3; background:#ffffff;  }
.board_search3_box .select_1 { width:100%; }
.board_search3_box .select_2 { width:80px; }
.board_search3_box .search_word_con { position: relative;  top: 0px;  right: 0px;   width: calc(100% - 85px);   display: inline-block;  height: 38px;  border: 1px solid #ccc;  background: #ffffff;   gloat: right;  margin-left: 5px; }
.board_search3_box .search_word { float:left; width:75%; height:36px; border:0; padding:0; text-indent:10px; }
.board_search3_box .search_word:focus {color:#333;}
.board_search3_box .bbs-search-btn {float:right; margin:0px; border:0; width:36px; height:36px;  background:#4d4d4d url('/images/sub/btn_confirm_bg.svg') no-repeat center; color:#fff; cursor:pointer;  }*/




/*게시판 상세보기*/
.bbs-view-top .bbs-tit { font-size:16px; }
 dl.bbs-write-info { display: flex; font-size:15px; }


/*첨부파일*/
.file_txt { float:left; width:100%; padding:15px; border-bottom:1px solid #d3d3d3; }
.file_txt1 { display:none;   }
.file_txt2 {  float:left; width:100%;  }
.file_viw {  display:inline-block;width:100%; font-size: 14px; }


/*갤러리*/
.gallery_sub_wrap ul.pic_list li {   float:left; width:49%;  margin-right:2%;  }
.gallery_sub_wrap ul.pic_list li:last-child {   margin-right:0%;  }
.gallery_sub_wrap ul.pic_list li:nth-child(2n) {   margin-right:0%;  }
.pic_tit { width:100%; position:absolute; bottom:0; padding:2px 5px 4px 5px; text-align:center; background:rgba(0,0,0,0.5);}



/*게시판유형2*/
/*항목8개*/
ul.board_h8 {  display:none; }
ul.board_h8_list { margin:0 auto; padding:10px 0px;display:table; width:100%; border-top:0px solid #000000;  border-bottom:1px solid #d3d3d3; }
ul.board_h8_list li {  float:left;  width:100% !important;  padding:1px 0px 1px 0px !important; text-align:left !important; vertical-align:middle;  position:relative;   }

.name_left { display:inline-block; width:60px; color:#aaaaaa;  }
.name_center { display:inline-block; width:20px; text-align:center; color:#aaaaaa;  }
.name_right {float:right; width:calc(100% - 85px); }
.name_left2 { display:none;  }
.name_right2 { float:left; width:100%  }

/*앨범상단아이콘*/
.album_ico_wrap { position: absolute; bottom: -38px; display:flex; font-size:13px; }
.album_ico_wrap .area .icon { width:24px; height:24px;  }
.album_ico_wrap .area .icon img { width:75%; }

/*탭메뉴*/
ul.tab li a { height:45px; font-size:15px;  }



}

/* ◆◆◆◆◆◆◆◆◆◆ 768px~1420px ◆◆◆◆◆◆◆◆◆◆ */
@media only screen and (min-width:768px) and (max-width:1420px) {
/*.section-main-visual .inner { position: absolute; top: 35%; padding:0px 0%; }
.section-main-visual .text-wrap { display: inline-block; text-align: center; width:100%;   }
.section-main-visual .text-wrap .title { margin-bottom: 5vw; font-size:5vw; line-height:6vw;  }
.section-main-visual .text-wrap .text { margin-bottom: 40px; font-size: 2.5vw; line-height:4vw; }*/

/*#section1 {  height: 100vw !important; }*/

/*.client_area {  width:100%; margin-right:15px; margin-left: 15px; }

.location_area {  width:100%; margin-left:15px; margin-right: 15px; }*/

/*ul.box_bot_txt li a span.client { padding-right: 35px; font-size:17px;  background-size:27px; }
ul.box_bot_txt li span.txt1 {  display:none;   }
ul.box_bot_txt li span.txt2 {  width:100%;  }*/

.company_name {  display:none !important;  }





.direction_box_top {  width:100%; height:75px;  }

.w_user {  display:inline  }
.m_user {  display:none  }

}



/* ◆◆◆◆◆◆◆◆◆◆ 768px~1280px ◆◆◆◆◆◆◆◆◆◆ */
@media only screen and (min-width:768px) and (max-width:1280px) {

/*Strategic Direction*/
/*.round_box_title { display:flex; flex-direction:column; margin-bottom: 3vh; }
.round_box_title h3 {  width:330px; height:38px; padding-bottom: 3px; font-size:26px;  }
.round_box_title p {  font-size:22px;  }*/

/*ul.hi_five1 li {  height: 320px; padding-top:17vh; font-size:2.4vw;  }*/

ul.hi_five2 li {  width:18.5%; font-size:2.4vw; }
ul.hi_five2 li .icon {  width:100px; height:100px; border-radius:100px; margin-bottom:2vh;   }
ul.hi_five2 li .bg1 {  background:#18B6F7 url('/images/main/hi_five1.svg') no-repeat center;  background-size:60%;  }
ul.hi_five2 li .bg2 {  background:#09C97F url('/images/main/hi_five2.svg') no-repeat center;  background-size:60%;  }
ul.hi_five2 li .bg3 {  background:#FF6885 url('/images/main/hi_five3.svg') no-repeat center;  background-size:60%;  }
ul.hi_five2 li .bg4 {  background:#9D55F7 url('/images/main/hi_five4.svg') no-repeat center;  background-size:60%;  }
ul.hi_five2 li .bg5 {  background:#F96627 url('/images/main/hi_five5.svg') no-repeat center;  background-size:60%;  }

ul.hi_five3 li {   font-size:2.4vw;   }
ul.hi_five3 li .icon {  width:100px; height:100px; border-radius:100px; margin-bottom:2vh;   }
ul.hi_five3 li .bg1 {  background:#18B6F7 url('/images/main/hi_five1.svg') no-repeat center; background-size:60%;  }

ul.hi_five3_1 li {   font-size:2.4vw;   }
ul.hi_five3_1 li .icon {  width:100px; height:100px; border-radius:100px; margin-bottom:2vh;   }
ul.hi_five3_1 li .bg2 {  background:#09C97F url('/images/main/hi_five2.svg') no-repeat center;  background-size:60%;  }
ul.hi_five3_1 li .bg3 {  background:#FF6885 url('/images/main/hi_five3.svg') no-repeat center;  background-size:60%;  }
ul.hi_five3_1 li .bg4 {  background:#9D55F7 url('/images/main/hi_five4.svg') no-repeat center;  background-size:60%;  }
ul.hi_five3_1 li .bg5 {  background:#F96627 url('/images/main/hi_five5.svg') no-repeat center;  background-size:60%;  }

/*Our Service*/
/*.section3_con ul li { width:50%; padding: 1.5vh 5%; }
.section3_con ul li a { }
.service_icon {width:100px; height:100px; margin-bottom: 1.5vh; border-radius:100px;}
.service_icon img{ width:50%;}
.service_tit{ font-size: 24px; padding-bottom: 1.5vh; }
.service_text {  font-size: 15px; height:60px; }
.more_brd {  width:74px; height:26px;  }
.more_brd span.more {  font-size:14px; }
.more_brd img { width:13px }
button.service_more { visibility:visible; opacity:1;filter:Alpha(opacity=1);}*/

.m_ar2 {  display:none; }

/*News & Insight*/
.section4_con {  margin-top:30px; }
.section4_con .item { /*height:300px;*/ box-shadow: 6px 6px #E5E9F2;   }
.img_area img {  width:100%; /*height:300px;*/  }
.section4_con .item .text::before { background: rgba(0, 0, 0, 0); }
.section4_con .item .text {  padding: 0px 20px 40px 20px;    }
.section4_con .item h5 { font-size: 24px; }
.section4_con .item p { font-size: 15px; height: 55px; margin-bottom: 20px; /*word-break:normal;*/ word-break:keep-all; }
.section4_con .arrow { opacity: 1; }
.section4_con .item:hover .arrow { margin: 0px 0 0;}
.more_color {  width:74px; height:26px;  }
.more_color span.more {  font-size:14px; }
.more_color img { width:13px }

/*Client & Location*/
.line_title {  }
.wh_top_line {  width:45px;   }
.line_title h3 {  font-size:30px; text-align: left; }




/*서브찾아오시는길*/
.sub_map_wrap { display: flex; align-items: flex-end; justify-content: center; float:left; width:100%; height:100%; margin:20px 0px 50px; /*display: block;*/  }
.address_txt {  position:absolute; top:370px; font-size:18px; }

/*인사말*/
.ceo_text p { line-height:5vw; }
.ceo_text p.t1 { font-size: 3.4vw; }
.ceo_text p.t2 { font-size: 3.7vw;  }



/*주요고객목록*/
ul.client li {display: flex; width: calc(96% / 5) !important; margin:0px 1% 5px 0px !important; }
ul.client li:nth-child(5n) {margin:0px 0% 5px 0px !important;}

/*앨범*/
/*ul.service_list {  padding:30px 0px 0px 0px; }
ul.service_list li {  float:left; width:32% !important;  padding:0px 0px 0px 0px !important; border:1px solid #d3d3d3; margin-right:2% !important; margin-bottom:30px;}
ul.service_list li:nth-child(3n) {  margin-right:0% !important; }

.service_list .service_menu:hover .service_cover{opacity:0;filter:Alpha(opacity=0);}
.service_list .service_menu:hover .cover_inner img { display: none}
.service_list .service_menu:hover .service_item span img { width:100%;  height:100%; }

.album_ico {  width:35px; height:35px; }*/

/*조직도*/
/*상단*/
.box1 { width: 180px; font-size: 16px; }
.box2 { width: 180px; font-size: 16px; }
.mid_area {  width:70%;  }
.space_line {  width:76.8%;  }
/*하단*/
ul.box3 {  display:flex; justify-content: flex-start; flex-wrap: wrap; width:100%;  }
ul.box3 li {  display:flex; flex-direction: column; width: calc(94% / 4); margin-right:2%; font-size: 15px;  }
ul.box3 li:nth-child(4n) { margin-right:0%;    }
p.s_tit {  font-size: 15px;  }

/*Strategic Direction 서브*/
.direction_box_top {  width:100%; height:45px;  }
.direction_box {  margin: auto; width:730px; height:650px; margin-top:0px;   }
.direction_circle1 {  width:600px; height:600px; }
.direction_circle2 {  width:350px; height:350px; }
.direction_circle3 {  width:350px; height:350px; }
.direction_circle3 h4 { font-size:30px;  }
.direction_circle3 p { font-size:20px;  }

.drtxt {  color:#ffffff; font-size:22px;  }
.dr1 {  position:absolute; top:200px; right:0px; width:180px; height:180px;  }
.dr2 {  position:absolute; top:-45px; left:0px; right:0px; margin:0 auto; width:180px; height:180px;  }
.dr3 {  position:absolute; top:200px; left:0px; width:180px; height:180px;  }
.dr4 {  position:absolute; bottom:0px; right:120px; width:180px; height:180px;  }
.dr5 {  position:absolute; bottom:0px; left:120px; width:180px; height:180px;  }

/*이벤트*/
ul.event_list { padding: 30px 0px 0px 0px; }
ul.event_list li { float: left; width: 32% !important; padding: 0px 0px 0px 0px !important; border: 1px solid #d3d3d3; margin-right: 2% !important; margin-bottom: 30px; }
ul.event_list li:nth-child(3n) { margin-right: 0% !important; }
ul.event_list li .pic img {  height:200px; }


.w_user {  display:inline  }
.m_user {  display:none  }

}

/* ◆◆◆◆◆◆◆◆◆◆ 768px이하 ◆◆◆◆◆◆◆◆◆◆ */
@media only screen and (max-width:768px){
body  {min-width:100%; font-size:15px; }

/*반응형 wrap*/
.res_wrap {  width:100%; padding:0px 15px; /*border:1px solid green;*/ }

.line_break_main {  display:block;  }

.section-main-visual .inner { position: absolute; top: 35%; padding:0px 0%; }
.section-main-visual .text-wrap { display: inline-block; text-align: center; width:100%;   }
.section-main-visual .text-wrap .title { margin-bottom: 8vw; font-size:7vw; line-height:8.5vw;  }
.section-main-visual .text-wrap .text { margin-bottom: 40px; font-size: 3.8vw; line-height:6vw; }

.swiper_arrow_wrap {  width: 100%;   }
.section-main-visual .swiper-button-prev { display: block; position: absolute; left:3%; top:0; margin: 0; width: 35px; height: 35px;   }
.section-main-visual .swiper-button-next { display: block; position: absolute; right:3%; top:0;  margin: 0; width: 35px; height: 35px; }

a.more {  display:flex; width:87px; font-size:14px; font-weight:400; background: url('/images/main/ar_more.svg') no-repeat right 10px; background-size:20px  }
a.more:hover { width:87px;  }

/*섹션타이틀*/
.section_title {  margin:0vh 0px 3vh 0px;}
.section_title h1 {  font-size:15px;   }
.section_title h2 {   font-size:30px; line-height: 1;   }

#section1 {  height: 150vw !important; }

/*Strategic Direction*/
.round_box_title { display:flex; flex-direction:column; margin-bottom: 1vh; }
.round_box_title h3 {  width:240px; height:34px; padding-bottom: 3px; font-size:22px;  }
.round_box_title p {  font-size:18px;  }

ul.hi_five1 {  display:flex; flex-direction:column;   }
ul.hi_five1 li {  display:flex; justify-content: center;align-items: center; width:100%; height: 70px; margin: 1vh 0px; padding-top:0vh; font-size:20px;  line-height:1.3;  }

ul.hi_five2 {  display:flex; flex-direction: column; }
ul.hi_five2 li {  display:flex; align-items: center; flex-direction: row; width:100%; margin: 1vh 0px; padding:0px 5vw; font-size:18px;  text-align: left;  }
ul.hi_five2 li .icon {  width:80px; height:80px; border-radius:80px; margin-right: 20px; margin-bottom:0vh;   }
ul.hi_five2 li p { width:calc(100% - 100px);  }
ul.hi_five2 li .bg1 {  background:#18B6F7 url('/images/main/hi_five1.svg') no-repeat center;  background-size:60%;  }
ul.hi_five2 li .bg2 {  background:#09C97F url('/images/main/hi_five2.svg') no-repeat center;  background-size:60%;  }
ul.hi_five2 li .bg3 {  background:#FF6885 url('/images/main/hi_five3.svg') no-repeat center;  background-size:60%;  }
ul.hi_five2 li .bg4 {  background:#9D55F7 url('/images/main/hi_five4.svg') no-repeat center;  background-size:60%;  }
ul.hi_five2 li .bg5 {  background:#F96627 url('/images/main/hi_five5.svg') no-repeat center;  background-size:60%;  }

.hi_five_wrap {  display:flex;  flex-direction: column; }
ul.hi_five3 {  width:100%; }
ul.hi_five3 li {  display:flex; align-items: center; width:100%; margin: 2vh 0px; font-size:18px;   }
ul.hi_five3 li {  display:flex; flex-direction: column; align-items: center; width:100%; margin: 1vh 0px; font-size:18px; text-align: center;   }
ul.hi_five3 li .icon {  width:80px; height:80px; border-radius:80px; margin-bottom:1vh;   }
ul.hi_five3 li p { width:calc(100% - 100px);  }
ul.hi_five3 li .bg1 {  background:#18B6F7 url('/images/main/hi_five1.svg') no-repeat center;  background-size:60%;  }

ul.hi_five3_1 {  float:left; width:100%; }
ul.hi_five3_1 li {  float:left; display:flex; flex-direction: column; align-items: center; width:50%; margin: 2vh 0px; font-size:18px;  }
ul.hi_five3_1 li .icon {  width:80px; height:80px; border-radius:80px; margin-bottom:1vh;   }
ul.hi_five3_1 li .bg2 {  background:#09C97F url('/images/main/hi_five2.svg') no-repeat center;  background-size:60%;  }
ul.hi_five3_1 li .bg3 {  background:#FF6885 url('/images/main/hi_five3.svg') no-repeat center;  background-size:60%;  }
ul.hi_five3_1 li .bg4 {  background:#9D55F7 url('/images/main/hi_five4.svg') no-repeat center;  background-size:60%;  }
ul.hi_five3_1 li .bg5 {  background:#F96627 url('/images/main/hi_five5.svg') no-repeat center;  background-size:60%;  }

/*Our Service*/
.section3_con ul li { width:100%; padding:0px 0%; margin: 1.5vh 0px; }
.section3_con ul li a { display:flex; padding:0px 0px 0px 0px; }
.service_icon {display:block; display:flex; justify-content: center; align-items: center; margin:auto; width:80px; height:80px; border-radius:80px; }
.service_icon img{ width:50%;}
.mservice { display: flex;   flex-direction: column; justify-content: center; width: calc(100% - 80px); padding: 0px 15px 0px 15px;  background:url('/images/main/m_ar2.svg') no-repeat right center;  }
.service_tit{  font-size: 18px; padding-bottom:0px; text-align:left;}
.service_text {  font-size: 15px; height:auto !important; margin-bottom: 5px; padding-right:10px; line-height:1.3; text-align:left; /*word-break:normal;*/ word-break:keep-all; }
button.service_more { display:none; }

.m_ar2 { display:flex; align-items: center; padding-right:7%; }

/*News & Insight*/
.section4_con {  margin-top:20px; }
.section4_con {  display:flex;   flex-direction: column; justify-content: space-between; }
.section4_con .item { width: 100%; height:125px; margin: 1.5vh 0px; box-shadow: 6px 6px #E5E9F2;  }
.img_area img {  height:125px;   }
.section4_con .item .text::before { background: rgba(0, 0, 0, 0); }
.section4_con .item .text {  position: relative; top: -65px; display: flex; justify-content: center; padding: 0px 30px 0px 30px;  width: 100%;  height: 100px;   }
.section4_con .item h5 { font-size: 18px; margin-bottom: 5px;}
.section4_con .item p { font-size: 15px; height: 50px; margin-bottom: 0px; line-height:1.3; word-break:keep-all; }
.section4_con .arrow { opacity: 1;  }
.section4_con .item:hover .arrow { margin: 0px 0 0;}
.more_color {  width:64px; height:22px; padding:0px 10px; }
.more_color span.more {  font-size:13px; }
.more_color img { width:10px }

/*Client & Location*/
.line_title {  width:100%; margin-bottom:3vh; }
.wh_top_line {  display:none;  }
.line_title h3 {  font-size:25px; text-align: center; }

.Client_Location_wrap {  display: flex; flex-direction: column; justify-content: center; align-items: center;  float:left; width:100%; height:100%;  }
.client_wrap {  height:100%; padding: 3vh 0; }
.client_area {  width:100%; margin-right:15px; margin-left: 15px; }
.client_box {  display: flex; align-items: center; height:170px; margin-bottom:7px;  }

/*주요고객사*/
ul.customer_wrap {  display:flex; flex-wrap: wrap; width:100%;  height:170px; overflow:hidden }
ul.customer_wrap li {  height: calc(170px / 5);  }

/*메인찾아오시는길*/
.location_wrap {  height:100%; padding: 3vh 0;}
.location_area {  width:100%; margin-left:15px; margin-right: 15px; }
.map_wrap {  height: 170px; margin-bottom:7px; } /*카카오맵 외부CSS속성 강제로 height:32vh 설정(상하반응형)*/
.roughmap_maker_label { border:0 }

ul.box_bot_txt li span.space {  display:none; }
ul.box_bot_txt li a span.client { padding-right: 30px; font-size:15px;  background:url('/images/main/wh_ar_long.svg') no-repeat right 10px; background-size:24px; }
ul.box_bot_txt li span.txt1 {  display:none;   }
ul.box_bot_txt li span.txt2 {  width:100%; font-size:15px;  }
ul.box_bot_txt li.contact {  display:none; }

.company_name {  display:none !important;  }

h1.visual_tit {  font-size:25px; word-break: keep-all; }

/*페이지타이틀*/
.page_title_area h1.title {  font-size:24px;  background:url('/images/sub/page_line.svg') no-repeat center top; background-size:26px;}

.page_title_area4 {  padding:0px 10px 0px 10px; }
.page_title_area4 h1.title { font-size:24px;  background:url('/images/sub/page_line.svg') no-repeat center top; background-size:26px; }

.page_title_wrap3 {  display: flex; justify-content: center;  width: 100%; padding:40px 10px 0px 10px; }
.page_title_wrap3 .page_title_area {  display: flex; justify-content: center;  flex-direction: column;  align-items: center; width: 100%; padding:0px 0px; text-align: center; word-break: keep-all; }
.page_title_wrap3 .page_title_area h1.title { font-size:24px;  background:url('/images/sub/page_line.svg') no-repeat center top; background-size:26px;}





/*서브찾아오시는길*/
.sub_map_wrap { display: flex; align-items: flex-end; justify-content: center; float:left; width:100%; height:100%; margin:20px 0px 50px; /*display: block;*/  }
.address_txt {  position:absolute; top:355px; font-size:16px; }

.contact_wrap {  display:flex;  flex-direction: column; width:100%; margin-bottom:30px;   }
.contact_wrap .box {  display:flex; justify-content: center;  flex-direction: column; align-items: center;width:100%; margin-bottom:10px; font-size:16px; padding:10px 0px;   }

.contact_wrap .box p.icon {  width:50px; height:50px; margin-bottom:0px;   }

/*인사말*/
.ceo_text p { line-height:6vw; }
.ceo_text p.t1 { font-size: 4.2vw;   }
.ceo_text p.t2 { font-size: 4.5vw;  }

.ceo_word p.position img { width:270px;}

h3.subtop_copy { font-size:16px; font-weight:400; }
h3.subtop_copy2 { font-size:16px; font-weight:400; letter-spacing:-0.08em }
h3.subtop_copy3 { margin-bottom:10px; font-size:16px; font-weight:400; letter-spacing:-0.08em }
h3.subtop_copy3 p {  padding:12px 0px  }

/*주요고객목록*/
ul.client li {display: flex; width: calc(98% / 3) !important; margin:0px 1% 5px 0px !important; }
ul.client li:nth-child(3n) {margin:0px 0% 5px 0px !important;}

/*현재연혁*/
.history_view {  float:left; width:100%;  }
.year_number {   display: flex;  justify-content: flex-start; align-items: center;  float: left;  width: 100%;   line-height: 26px; padding-left:35px; font-size: 22px;  }

.history_info { float:left;width:100%;  margin:15px 0px 30px 0px; padding-left:35px; }
.history_info dl {  float:left; width:100%; margin:0px 0px 0px 0px; font-size:15px; }
.history_info dl.last { margin:0px 0px 50px 0px;}
.history_info dl dt { float:left; width:50px;  font-weight:600; padding-left:0px;   }
.history_info dl dd { float:left; width:calc(100% - 50px);  }

/*연혁문단*/
ul.history {  display:inline-block; width:100%; padding:0px 0px 0px 0px; }
ul.history li  { float:left; width:100%; margin-bottom:5px;padding:0px 0px 0px 11px; background: url('/images/sub/dot3.svg') no-repeat left 10px;  }


/*이전연혁*/
.history_left .year {  align-items: flex-start; }
.history_left .year p {  display: flex; align-items: flex-start; font-size:18px; width:90px;   }
.history_left .year span { width:16px; height:16px; border-radius:16px; }
.history_left .area {  justify-content: flex-end; flex-direction: row-reverse; }
.history_left .area .txt {  width: calc(100% - 90px); padding-left: 15px; }
.history_left .area .txt ul { align-items: flex-start; }
.history_left .area .txt ul li {  padding:3px 0px 3px 10px; line-height:1.4; text-align:left;  background: url('/images/sub/dot3.svg') no-repeat left 13px; }
.history_left .area .line { width:16px;  }
.history_left .area .line .gr { width:8px;  }
.history_left .area .space { display:none;  }

.history_right .year { align-items: flex-start; }
.history_right .year p {  display: flex; align-items: flex-start; font-size:18px; width:90px;   }
.history_right .year span { width:16px; height:16px; border-radius:16px; }
.history_right .area { justify-content: flex-start; }
.history_right .area .txt { width: calc(100% - 90px); padding-left: 15px; }
.history_right .area .txt ul { display:flex; flex-direction: column; align-items: flex-start; }
.history_right .area .txt ul li {  padding:3px 0px 3px 10px; line-height:1.4; text-align:left;  background: url('/images/sub/dot3.svg') no-repeat left 13px; }
.history_right .area .line { width:16px;  }
.history_right .area .line .gr { width:8px;  }
.history_right .area .space { display:none;  }

 /*게시판 상세보기*/
.bwi1 {  width:85px;  }
.bwi2 {  width:185px;  }
.bwi3 {  width:85px;  }
 dl.bbs-write-info { display: flex; flex-direction: column; font-size:13px; }
 .bbs-view-top .bbs-write-info dt { width:45px; margin-right:-2px }

 /****로그인,아이디,비밀번호찾기****/
.programCon { width:100%; }

h2.article_txt { font-size: 16px; }

/*가입절차*/
.step_wrap { margin-bottom:20px; }
.step_wrap .line { position:absolute; top:13px; width:80%; height:4px;  }
.step_wrap ul {  width:90%; }
.step_wrap ul li p.normal { width:30px; height:30px; font-size:15px; line-height:28px; border-radius:30px;   }
.step_wrap ul li p.disabled { width:30px; height:30px; font-size:15px; line-height:28px; border-radius:30px;   }
.step_wrap ul li span.normal { margin-top:3px; font-size:15px;  }
.step_wrap ul li span.disabled { margin-top:3px; font-size:15px;  }

/* 회원가입 입력창 */
.writeForm{margin-top:0px;}
.writeForm table{display:block;}
.writeForm table .writeForm_essential_red{width:100%;}
.writeForm table tbody{display:block;}

.writeForm > table > tbody > tr > th{float: left; width:100%; padding:10px 10px 12px 10px;   background:#f9f9f9;}
.writeForm > table > tbody > tr > td { padding:10px 0px; }

.writeForm table tr{display:block; overflow:hidden;}
.writeForm table tr th{display:block;}
.writeForm table tr td{float:left; width:100%; height:auto; padding:10px 0; /*font-size:0;*/}
.writeForm table tr td.step{padding:20px 0;}
.writeForm_top table tr td select {width:100%; margin:0;}
.writeForm table tr td input[type="text"]{padding:0 10px;}
.writeForm table tr td input[type="password"]{padding:0 10px;}
.writeForm table tr td input[type="file"]{width:calc(100% - 115px);}
.writeForm table tr td .inputTxt{width:100%;}
.writeForm table tr td .inputNum{width:100%;}
.writeForm table tr td .inputPhone{width:100%;}
.writeForm table tr td .inputEmail03{width:100%;}
.writeForm table tr td #tel{width:100%;}
.writeForm table tr td #cell{width:100%;}
.writeForm table tr td .inputEmail{width:calc(50% - 40px); margin-right:0px;}
.writeForm table tr td .email_txt{display:iline-block; }
.writeForm table tr td .inputTit{width:100%;}
.writeForm table tr td .sidebtn{width:calc(100% - 105px);}
.writeForm table tr td select.selecEmail{display: inline-block;width:calc(50% - 60px); margin-right:10px;}
.writeForm table tr td select.selecNormal{width:100%;}
.writeForm table tr td textarea{ width:100%; height:250px; padding:15px; margin:0px 0; resize:none; }

.writeForm_btn{margin-top:40px;}
.writeForm_btn a{width:49%; height:40px; line-height:40px; }
.writeForm_btn a:last-of-type{margin-left:2%;}
	
/*.writeForm table tr td a.btn_ch{width:95px;  }*/
.writeForm table tr td .inputPass{width:100%;}
.writeForm table tr td .inputPass.size02{width:100%; max-width:100%;}
.writeForm table tr td .inputPass.size02.mmarT10 {margin-top:10px;}
.writeForm table tr td .inputName{width:100%;}
.writeForm table tr td span.password_ch{display:none; /*  margin:20px 0;*/}
.writeForm table tr td .zipcode{width:calc(100% - 110px);}
.writeForm table tr td.addr_td{padding:13px 0;}
.writeForm table tr td.editor{padding:13px 0;}
.writeForm table tr td .half{width:100%;}

.writeForm table tr td{overflow:hidden;}
.writeForm table tr td .label_wrap{ position: relative;  top: 5px; display:inline-block; margin:0;}
.writeForm table tr td select.selectNum{width:75px;}
.writeForm table tr td label:last-of-type{margin-right:10px;}

.writeForm table tr td select.selectNum{width:calc(33.333333% - 16px);}
.writeForm table tr td input.inputNum{width:calc(33.333333% - 8px);}

/*.writeForm table tr .mail_type span:not(.email_txt){display:block; margin:0; margin-top:10px;}*/

 .writeForm > table > tbody > tr > td p{display:block; margin:5px 0;}

 .info_fixed {  width:100%;  }

 .ca_direction { display:flex; flex-direction: column; }/*contactus 분류 라디오박스 방향*/
 .ca_direction label { margin:2px 0px; }
 .ca_direction label:first-child { margin:0px 0px 2px 0px; }
 .ca_direction label:last-child { margin:2px 0px 0px 0px; }

/*앨범*/
ul.service_list {  padding:30px 0px 0px 0px; }
ul.service_list li {  float:left; width:48.5% !important;  padding:0px 0px 0px 0px !important; border:0px solid #d3d3d3; margin-right:3% !important; margin-bottom:30px;}
ul.service_list li:nth-child(2n) {  margin-right:0% !important; }

.service_list .service_menu:hover .service_cover{opacity:0;filter:Alpha(opacity=0);}
.service_list .service_menu:hover .cover_inner img { display: none}
.service_list .service_menu:hover .service_item span img { width:100%;  height:100%; }

.service_tit2{font-size:14px; height:40px; }

.album_info { /*display: none*/ font-size:15px;   }

.album_ico {  width:25px; height:25px; }

#section5 .swiper_vh  { height: 700px;   }

/*조직도*/
/*상단*/
.box1 { width: 135px; font-size: 15px; margin-bottom:10px; height: 60px;  }
.box1 img { width:26px }
.box2 { width: 135px; font-size: 14px; height: 44px; letter-spacing:-0.08em }
.mid_area {  width:100%; padding:5px 0px;  }
.hl_wrap2 {  height:20px; }
.space_line {  width:51.6%; margin-top: 20px; }
/*하단*/
ul.box3 {  display:flex; justify-content: flex-start; flex-wrap: wrap; width:100%;  }
ul.box3 li {  display:flex; flex-direction: column; width: calc(98% / 2); margin-right:2%; font-size: 14px;  }
ul.box3 li:nth-child(2n) { margin-right:0%;    }
p.s_tit {  height:44px; margin-bottom:5px; font-size: 14px;  }
ul.s_sub { height:100px; padding:15px 10px; }

/*Strategic Direction 서브*/
.direction_box_top {  width:100%; height:0px;  }
.direction_box {  display: flex; flex-direction: column; align-items: center; justify-content: flex-start; width: 100%; height:1230px;  }
.direction_circle1 { display: flex;  width: 300px; height: 90px; padding: 0px 5px; border-radius: 70px; border: 2px dotted #1DB7FD; }
.direction_circle2 {  width:100%; height:70px; border:3px solid #e7e7e7; border-radius:60px; }
.direction_circle3 {  width:100%; height:62px; border-radius:0px; }
.direction_circle3 h4 { font-size:22px; margin-bottom:0px; }
.direction_circle3 p { font-size:16px;  }

.m_dr_box {  position: relative; float:left; display: flex; flex-direction: column; align-items: center; width:100%; height:100%;  }
.dhl {  display: flex; width:2px; height:95%; background:#d3d3d3; }

.drtxt {  color:#ffffff; font-size:22px; line-height: 1.3; }
.dr1 {  position:absolute; top:950px; left:0px; right:0px; margin:0 auto; width:200px; height:200px;  }
.dr2 {  position:absolute; top:30px; left:0px; right:0px; margin:0 auto; width:200px; height:200px;  }
.dr3 {  position:absolute; top:260px; left:0px; right:0px; margin:0 auto; width:200px; height:200px;  }
.dr4 {  position:absolute; top:720px; left:0px; right:0px; margin:0 auto; width:200px; height:200px;  }
.dr5 {  position:absolute; top:490px; left:0px; right:0px; margin:0 auto; width:200px; height:200px;  }

/*이벤트*/
ul.event_list { padding: 30px 0px 0px 0px; }
ul.event_list li { float: left; width: 48.5% !important; padding: 0px 0px 0px 0px !important; border: 1px solid #d3d3d3; margin-right: 3% !important; margin-bottom: 30px;}
ul.event_list li:nth-child(2n) { margin-right: 0% !important; }

ul.event_list li .pic img {  height:120px; }
ul.event_list li p.title {  font-size:14px;  }

/*탭메뉴*/
ul.tab { display:flex; flex-direction: column; margin:50px 0px 0px 0px; }
ul.tab li { margin-bottom:5px; }
ul.tab li:last-child {  margin-bottom:0px; }
ul.tab li a { height:40px;  }

/*쿠폰 인증박스*/
.certify_area {  width:100%; }

/*파일업로드 버튼*/
.evfile_wrap {  float:left; width:100%; position:relative;  }

/*문단*/
/*기본형*/
.txt_wrap ul li.dep1 {  background: url('/images/sub/dot1.svg') no-repeat 0px 8px;  }
.txt_wrap ul li.dep2 {  background: url('/images/sub/dot2.svg') no-repeat 0px 9px;  }
.txt_wrap ul li.dep3 {  background: url('/images/sub/dot3.svg') no-repeat 0px 9px;  }

.txt_box { display: inline-block; width: 100%; padding: 5px 10px 10px 10px; }

/*푸터*/
footer {  padding:20px 15px;   }

/*푸터링크*/
footer .center { display:flex; flex-direction: column; width:100%; font-size:13px;  }
footer .link {  display:flex;  width:100%; margin-bottom:20px;  }
footer .link ul { justify-content: center;  }
footer .link ul li {  margin:0px 10px;   text-align: center; }

/*푸터내용*/
footer .content {  justify-content: center;}
footer .content .info_wrap {  display:none; }

footer .logo_copy {  align-items: center; }
footer .logo_copy a {  margin-bottom:10px;   }
footer .logo_copy a img {  width:110px  }
footer .logo_copy p { line-height: 1.3; text-align:center  }

/*기본화면*/
.con_area {  width:100%; padding:30px 15px; }
.con_area_small {  width:100%; padding:30px 15px; border:0px solid blue }
.sub_area_small { width:100%; padding:0px 0px; }

/*게시판유형1*/
.bbs-list-tbl{float:left; width:100%; border-top:1px solid #d7d7d7;}
.bbs-list-tbl,.bbs-list-row,.bbs-list-row .column{display:block;}
.bbs-list-head{display:none; position:absolute; top:-1000em; left:-1000em;}
.bbs-list-row{position:relative; width:100%; padding:10px 2%; border-bottom:1px solid #d3d3d3; overflow:hidden;}
.bbs-list-row .column{clear:both; border-bottom:0; text-align:left; padding:0px 0; font-size:12.5px;}
	
.bbs-relative-row{padding-top:40px}
.bbs-list-row .column.bbs-no-data{display:none;}
.bbs-list-row .column.bbs-block{clear:both; width:100%;}
.bbs-list-row .column.bbs-inline{display:inline-block; width:auto; margin-right:3px; letter-spacing: -0.05em;}
.bbs-list-row .column.bbs-absolute{position:absolute; top:10px; left:2%;}
.bbs-list-row .column:not(.bbs-title):not(.bbs-no-data):before{padding-right:5px; color:#aaa; content: attr(data-label);}
.bbs-list-row .column[data-label="no"]:before{padding-right:0px; display:none;}
.bbs-list-row .column .bbs-subject-txt{ font-size:15px;}
.bbs-subject-con .bbs-subject-txt{ font-size:15px; }
.bbs-list-row .bbs-title a{padding:0 0px 0 0; }

/*게시판리스트링크(반응형말줄임적용)*/
div.tword_wrap { font-size: 15px; }
span.tword_area { max-width: 90%; }

.board_search2_box{  float:left; width:100%;   padding:0px; margin-bottom:0px;padding: 10px 10px 5px 10px; background-color:#f9f9f9;  border:1px solid #d3d3d3; border-radius:5px; }
.board_search2_con {   float:left; width:100%;  }
.board_search2_box select{ float:left; width:100px; height:36px; margin-bottom:5px;border:1px solid #d3d3d3; background:#ffffff;  }
.board_search2_box .search_word_con { float:right; width: calc(100% - 105px); margin-left:2px; /*border:1px solid #d3d3d3;*/ }
.board_search2_box .search_word { float:left; width: calc(100% - 41px); margin-right:5px; height:36px;  padding: 0px 8px; border: 1px solid #d3d3d3;  }

.board_search2_box .search_word:focus {color:#333;}
.board_search2_box .bbs-search-btn {float:right; position:relative; top:0px; margin:0px; border:0; width:36px; height:36px;  background:#4d4d4d url('/images/sub/btn_confirm_bg.svg') no-repeat center; color:#fff; cursor:pointer;  }

/* 페이징 */
.paging{ float:left; width:100%; text-align:center; margin:20px 0px 0px 0px;}
.paging a {display:inline-block; vertical-align:middle; width:18px; height:18px; line-height:15px; /*padding:2px 0px 0px 0px;*/ border:1px solid #d3d3d3; text-align:center; font-size:12px; border-radius:5px; }
.paging strong {position:relative;top:0px; display:inline-block; width:18px; height:18px; line-height:15px; /*padding:2px 0px 0px 0px;*/  border:1px solid #4d4d4d; background-color:#4d4d4d; color:#fff; font-size:12px; font-weight:normal; border-radius:5px; }
.paging img {position:relative;top:1px; width:11px;}

/*모바일용 항목*/
.mtit_info {   display:block; margin:0px 0px 5px 0px; font-weight:600; }

/*게시판 공지아이콘*/
span.not_w {  display:none;}
span.not_m {  display:block;float:left; color:#ffffff; width:38px; margin-right:5px; background:#18B6F7; text-align:center; border-radius:5px; font-size:14px; line-height:21px;}



/*정보입력폼*/
table.type_info  {  float:left;  width:100%; margin:0px 0px 0px 0px; border-top:1px solid #3e3e3e; border-bottom:1px solid #3e3e3e; }
table.type_info th  {  width: 100%;padding:8px 0px; border-bottom:1px solid #d3d3d3;  }
table.type_info td  {  width: 100%;padding:8px 0px; border-bottom:1px solid #d3d3d3;  }
table.type_info td:first-child  {  border-left:0;  }
table.type_info td:last-child  {  border-right:0;  }

table th.del  {   display:none}

/*서브상단비주얼*/
.sub_common {  display:flex; align-items: center;  justify-content: center; justify-content: space-between;  width:100%; height:140px; padding:0px 15px;  }
.sub_common a { width:auto; }



/*서브네이게이션 양쪽 화살표*/
span.s_nav_txt_left {display:none;  }
span.s_nav_txt_right { display:none;}

a span.black_one_prev {  float:left;width:40px; height:40px; background:rgba(0,0,0,.15) url('/images/include/sv_ar_prev.svg') no-repeat center; background-size:60%;  }
a:hover span.black_one_prev { background:rgba(0,0,0,.15) url('/images/include/sv_ar_prev.svg') no-repeat center; background-size:60%;  }


a span.black_one_next { float:right; width:40px; height:40px; background:rgba(0,0,0,.15) url('/images/include/sv_ar_next.svg') no-repeat center; background-size:60%;  }
a:hover span.black_one_next { background:rgba(0,0,0,.15) url('/images/include/sv_ar_next.svg') no-repeat center; background-size:60%;  }

.direction_wrap { padding:0px 15px }
.direction_wrap.sub { padding:0px 0px }
img.direction_p { display:none; }
img.direction_m { display:block; width:100%; }




/*Core Synergy Solution*/
.solution_gd_wrap { display:flex;align-items: flex-end;  height:100%; }
.solution_gd { position:relative; float:left; width:100%; height:100%; }

.cr_center {   flex-direction: row; width:100%; height:60px; padding-bottom:3px; border-radius:100px;  }
.cr_brd { border:4px solid rgb(255,255,255,.7); }

.solution1 { position: relative; flex-direction: column; width: 100%; margin-bottom: 40px; }
.solution2 { position: relative; flex-direction: column; width: 100%; margin-bottom: 40px; }
.solution3 { position: relative; flex-direction: column; width: 100%; }

.so_link1 { position: relative; top:5px; width: 100%; }
.so_link2 { position: relative; top:5px; width: 100%; }
.so_link3 { position: relative; top:5px; width: 100%; }

.cr1 {  position: relative; }
.cr2 {  position: relative; }
.cr3 {  position: relative; }

ul.so_list li { font-size:14px; }

.cr_center.cr_brd h3 {  font-size:24px;   }
.cr_center.cr_brd p {  font-size:22px;   }

ul.so_list li a.more { width:22px; height:18px; background:url('/images/sub/icon_link.svg') no-repeat center; background-size:cover;  }

/*컨설팅 기본틀*/
.place_wrap {  padding:60px 15px 60px;  }
.place_wrap {  width:100%;  }
.place_area {  width:100%;   }

.place_tit { margin-bottom:30px;  }
.place_tit p {  padding-bottom:10px; font-size:22px;  }
.place_tit p.large {  padding-bottom:0px; font-size:22px;   }
.place_tit p.small {  padding-bottom:10px; font-size:16px;    }
.place_tit .line_wrap .line_bk { width:60px;}
.place_tit .line_wrap .line_wh { width:60px;}

.place_tit { display:flex;  justify-content: center; align-items: center; flex-direction: column; width:100%; margin-bottom:30px;  }

.accordion_list .substance1 { padding: 5px 0px;  }
.a_txt { width:35px; height:35px;  }
.b_txt {  font-size:16px; }

/*컨설팅 자료 다운로드*/
.pl_data_wrap {  display:flex;  justify-content: center;  flex-direction: column;  align-items: center; width:100%}
.pl_data_wrap h2 {  font-size: 22px;  margin-bottom:30px; text-align: center; }
.pl_data_btn a { width:140px; margin:0px 10px; font-size:18px; height:45px;  }
.pl_data_btn a:last-child {  margin-left:0px  }

.pl_data_btn a:hover span.go { margin-right:5px; }
.pl_data_btn a:hover span.arrow {  margin-left:5px; }

/*효과*/
ul.accordion2_wrap {display: flex; flex-direction: column; width:100%;margin:0px 0px 0px 0px; }
ul.accordion2_wrap li {display: flex;flex-direction: column-reverse; width:100%; margin: 10px 0px; }

ul.accordion2_wrap .right_txt { display: flex; align-items: center; width:100%; margin-top: 5px; padding: 0px !important; text-align: center;  }
ul.accordion2_wrap .right_txt p {  font-size:22px;   } 

ul.accordion2_wrap .right_txt span {  font-size:16px; }
ul.accordion2_wrap .right_icon {  width: 80px; height: 80px;  }


ul.accordion3_wrap {display: flex; flex-direction: column; width:100%;margin:0px 0px 0px 0px; }
ul.accordion3_wrap li {display: flex;flex-direction: column-reverse; width:100%; margin: 10px 0px; }

ul.accordion3_wrap .right_txt { display: flex; align-items: center; width:100%; margin-top: 5px; padding: 0px !important; text-align: center;  }
ul.accordion3_wrap .right_txt p {  font-size:22px;   } 

ul.accordion3_wrap .right_txt span {  font-size:16px; }
ul.accordion3_wrap .right_icon {  width: 80px; height: 80px;  }

/*스텝*/
ul.pl_step_wrap {  display:flex; flex-direction: column;  }
ul.pl_step_wrap li {  margin:0px 0px; padding:30px 20px 20px 20px; }
ul.pl_step_wrap li.pl_step_arrow {  width:100%; height:35px; background: url('/images/sub/ar_down_gr.svg') no-repeat center; background-size: 25px; }

ul.pl_step_wrap2 {  display:flex; flex-direction: column;  }
ul.pl_step_wrap2 li {  margin:10px 0px; padding:20px 20px 20px 20px; }
p.pl_step_title2 { height: auto; margin:0px 0px; padding:10px 0px 12px; font-size:22px;  }

ul.pl_step_wrap3 {  display:flex; flex-direction: column;  }
ul.pl_step_wrap3 li {  margin:10px 0px; padding:0px 20px 10px 20px; }
p.pl_step_title3 { height: auto; margin: 15px 0px 5px 0px; /*padding:10px 0px 12px;*/ font-size:26px;  }


p.pl_step_title { height: auto; margin:20px 0px; font-size:22px;  }
p.pl_step_title.compet { margin:10px 0px !important;  }
.pl_step_circle_wrap {  height:60px;  }
p.pl_step_circle {  width:100px; height:80px;  }

ul.pl_step_txt li.line { font-size: 16px; }
ul.pl_step_txt li.line.small { padding:15px 15px 20px 15px; }

.bookmark {  position:relative;top:-59px; display:flex; float:left; width:100%; height:0px; background:transparent; }

img.compet {  width:80px; height:80px  }

.word_br {  display:inline-block  }

/*교육 과정소개*/
.edu_intro { display:flex;  flex-direction: column-reverse; }
.edu_intro .left { width: 100%; font-size:16px; margin-top:30px;}
.edu_intro .left h3 { text-align: center; width:100%; font-size:22px; font-weight:600; margin-bottom:30px; }
.edu_intro .right {width:100%;  }

/*조직활성화*/
.edu_intro1 { display:flex;  flex-direction: column; }
.edu_intro1 .left { width: 100%; font-size:16px; margin-bottom:30px;}
.edu_intro1 .left h3 { text-align: center; width:100%; font-size:22px; font-weight:600; margin-bottom:30px; }
.edu_intro1 .right {width:100%;  }

.edu_intro2 { display:flex;  flex-direction: column; }
.edu_intro2 .left { width: 100%; font-size:16px; margin-bottom:30px;}
.edu_intro2 .left h3 { text-align: center; width:100%; font-size:22px; font-weight:600; margin-bottom:30px; }
.edu_intro2 .right {width:100%;  }

.pl_education_bg1 {  background:#0070C3 url('/images/temp/edu_int_bg.png') no-repeat left top; background-size:200%; }
.pl_education_bg2 {  background:#00b194 url('/images/temp/edu_int_bg.png') no-repeat left top; background-size:200%; }
.pl_education_bg3 {  background:#fe854a url('/images/temp/edu_int_bg.png') no-repeat left top; background-size:200%; }
.pl_education_bg4 {  background:#8e7edb url('/images/temp/edu_int_bg.png') no-repeat left top; background-size:200%; }

p.edu02-txt { font-size:15px; }

.w_user {  display:none  }
.m_user {  display:inline  }

h3.brd_left {   margin-bottom:10px; padding: 0px 0px 2px 5px;  height: 17px;  font-size: 16px;  }

}

/* ◆◆◆◆◆◆◆◆◆◆ 320px이하 ◆◆◆◆◆◆◆◆◆◆ */
@media only screen and (max-width:320px){
/*게시판 상세보기*/
.mo_bwi {display: flex; flex-direction: column; }
}

/* ◆◆◆◆◆◆◆◆◆◆ 1420px이하 ◆◆◆◆◆◆◆◆◆◆ */
@media screen and (max-width:1420px){
}

/* ◆◆◆◆◆◆◆◆◆◆ 1280px이하 ◆◆◆◆◆◆◆◆◆◆ */
@media only screen and (max-width:1280px){
}

/* ◆◆◆◆◆◆◆◆◆◆ 768px~1420px ◆◆◆◆◆◆◆◆◆◆ */
@media only screen and (min-width:768px) and (max-width:1420px) {
}

/* ◆◆◆◆◆◆◆◆◆◆ 768px~1280px ◆◆◆◆◆◆◆◆◆◆ */
@media only screen and (min-width:768px) and (max-width:1280px) {
}

/* ◆◆◆◆◆◆◆◆◆◆ 768px이하 ◆◆◆◆◆◆◆◆◆◆ */
@media only screen and (max-width:768px){
}

.ready {  display:flex; align-items: center;  justify-content: center; width:100%; height:500px; background:rgb(0,0,0,.05);  }


/*+++++++++레프트메뉴 사용할때++++++++++*/

/*레프트메뉴 사용할때*/
.con_center { display: flex; justify-content: space-between; width:1280px; padding:50px 0px; border:0px solid red;  }
.con_right {  float:right;  width:calc(100% - 290px); border:0px solid blue }
.con_area2 { display: flex;  flex-direction: column;width:100%; padding:20px 0px 0px 0px; border:0px solid orange}

/*페이지타이틀*/
.page_title_wrap2 {  display: flex; justify-content: center;  width: 100%; margin-bottom: 30px; padding:0px 0px 21px; border-bottom:1px solid #d3d3d3}
.page_title_area2 {  display: flex; justify-content: center;  flex-direction: column;  width: 100%; padding:0px 0px 0px 0px }
.page_title_area2 h1.title { padding-top: 10px; font-size:40px; font-weight:500; background:url('/images/sub/page_line.svg') no-repeat left top;}

@media only screen and (min-width: 768px) and (max-width: 1420px) {
/*레프트메뉴 사용할때*/
.con_center { width:100%; padding:50px 15px; border:0px solid green }
}

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

/*페이지타이틀*/
.page_title_area2 h1.title {  font-size:32px !important; }

}


/* ◆◆◆◆◆◆◆◆◆◆ 0px~1280px이하 ◆◆◆◆◆◆◆◆◆◆*/
@media only screen and (min-width:0px) and (max-width:1280px) {

/*레프트메뉴 사용할때*/
.con_center { width:100%; padding:0px 0px;  }
.con_right {  float:right;  width:100%; margin-top: 50px; padding:30px 15px; }
.con_area2 { display: flex;  flex-direction: column;width:100%; padding:10px 0px 0px 0px;}

/*페이지타이틀*/
.page_title_wrap2 {  display: flex; justify-content: center;  width: 100%; margin-bottom: 10px; text-align: center; border-bottom:0px solid #d3d3d3}
.page_title_area2 {  padding:0px 0px 0px 0px }
.page_title_area2 h1.title {  font-size:24px; background-position:center top; background-size:20px;}


}