/*슬라이더*/

.slide-arrow { width:0; height:0; position:absolute;top: 50%;transform: translateY(-50%);padding: 0 4px;font-size: 0;color: #000;background: rgba(255,255,255,0.8);border:none;outline:0;z-index:1;cursor:pointer}
.prev-arrow{ left: 0; }
.next-arrow{ right:0 }
.slide_paging{margin-top:5px;text-align:right;font-size:14px;color:#aaa;cursor:default; }
.slide_paging .page{color:#5f7aff}

.slide3{ position:relative; width:100%; height:334px; overflow:hidden; }
.slide3 li img { width:100% }
.slide3 .slick-dots{display:none!important}
.slide3 .slick-initialized{visibility:visible;opacity:1}
.slide3 .slick-slide {outline:none}

/*슬라이더*/

/* UI */

.wrap { display:block; width:1280px; margin:0 auto; font-family: 'Nanum Gothic', sans-serif; vertical-align: inherit;  }
.inner { display: block; width: 100%; max-width: 1280px; margin: 0 auto; }

section { display: block; overflow: hidden; width:100%; }
section .wrap { margin:0 auto; width: 1280px;  }

section .wrap div.inner { display:flex; justify-content:space-between; width:100%; margin-top:100px;  }
section .wrap div.inner ul.LeF { position:relative; width:230px; }
section .wrap div.inner ul.Con { position:relative; width:1000px; margin-top:110px;  margin-bottom:50px; }
section .wrap div.inner ul.wCon { position:relative; width:100%; margin-top:100px;  margin-bottom:50px;  }

/* UI */

/* top_common */

header { position: fixed; top: 0; left: 0; right: 0; display: block; overflow: visible; width: 100%; background-color: #fff; z-index: 500;  }
/*header .wrap { position:relative; height:160px; background: url(/USA/img/index/CK_psxtg0707074_l.jpg) no-repeat center 10%; }*/
header .wrap { position:relative; background-color:#fff; }
header .wrap .top_p { display:block; overflow:hidden; height:130px; overflow:hidden; padding-top:30px; }
header .wrap .top_p ul { display:block; overflow:hidden; width:100%;  }

header .wrap .top_p ul.logo { width:100%; text-align:center;  }
header .wrap .top_p ul.logo img { height:55px; }

header .wrap .top_p ul.login { width:100%; font:bold 16px 'NanumSquare', sans-serif; transform:skew(-0.03deg);  text-align:right; letter-spacing:-1px; }
header .wrap .top_p ul.login .btn { display:inline-block; text-align:center; }
header .wrap .top_p ul.login a { margin-left:15px; padding-right:15px; border-right:2px solid #828282; letter-spacing:-0.5px; }
header .wrap .top_p ul.login a:last-child { padding-right:0; border-right:0; }

header .top_m { display:block; overflow:visible; position:relative; width:100%; height:55px; background-color:#f6f5f7; }
header .top_m .wrap ul.s_menu { position:relative;  display:inline-flex; overflow:visible; justify-content: left; align-items:center; float:left; width:3%; height:55px; background-color:#f6f5f7;  }
header .top_m .wrap ul.s_menu img { height:17px; }
header .top_m .wrap ul.gnb_menu { position:relative;  display:inline-block; overflow:visible; float:left; width:97%; height:55px; background-color:#f6f5f7;  }
header .top_m .wrap ul.gnb_menu li { display:inline-block; float:left; overflow:visible; box-sizing:border-box; height:55px; width:20%; text-align:center; color:#121212; font: 17px/55px 'Pretendard'; font-weight:500; border-right:1px solid #f6f5f7; }
header .top_m .wrap ul.gnb_menu li:last-child { border-right:0; }
header .top_m .wrap ul.gnb_menu li:hover { color:#000; }
header .top_m .wrap ul .gnb_sm { position:absolute; top:55px; left:0; width:100%; display:none; overflow:hidden; border-top:0; background-color:#f6f5f7; z-index:300;  }
header .top_m .wrap ul .gnb_sm ul { display:inline-block; float:left; width:20%; height:260px; border-right:1px solid #ddd; padding:20px 0;  }
header .top_m .wrap ul .gnb_sm ul:last-child { border-right:0; }
header .top_m .wrap ul .gnb_sm ul p { padding:0 0 15px 0; color:#595959; text-align:center;  font: 17px 'Pretendard'; font-weight:500;  }
header .top_m .wrap ul .gnb_sm ul p:hover { color:#D96170; }

/* top_common */

/*left menu*/

section .wrap div.inner .aside { display:block; overflow:hidden; width:100%; margin-top:130px; }
section .wrap div.inner .aside p.a_h1 { display:block; overflow:hidden;  width:100%; height:70px; font: 20px/70px 'Pretendard'; font-weight:500; letter-spacing:-0.3px; color:#121212; border-bottom:2px solid #595959; }
section .wrap div.inner .aside .menu { display:block; overflow:hidden; width:100%; margin:10px 0 50px 0; }
section .wrap div.inner .aside .menu>li { display:block; border-bottom:1px solid #f9f9f9; }
section .wrap div.inner .aside .menu li>a { display:block; padding:16px 0; font: 17px 'Pretendard'; color:#aaa; font-weight:500; letter-spacing:-0.5px; }
section .wrap div.inner .aside .menu li>a:before { content: ""; margin-right:5px; }
section .wrap div.inner .aside .menu li>a:hover{ color:#121212; }
section .wrap div.inner .aside .menu li.on a { color:#000; }
section .wrap div.inner .aside .menu li>.sub { display:block; overflow:hidden; padding:3px 0 10px 0;  }
section .wrap div.inner .aside .menu li>.sub>li>a{ display:block; padding:10px 10px 10px 20px; color:#666; font: 15px 'Pretendard'; }
section .wrap div.inner .aside .menu li>.sub>li>a:hover{color:#fff;background-color:#939393; }
section .wrap div.inner .aside .menu li>.sub>li.on>a{color:#fff;background-color:#939393; }
section .wrap div.inner .aside .menu li.LecMenu>.sub { display:none; }
section .wrap div.inner .aside .menu li.LecMenu>.sub.vie  { display:block; }

header .wrap .m_Left_m { display:none; position:absolute; top:100px; left:0; overflow:hidden; width:80%; height:800px; background-color:#fff;  z-index:300;  }
header .wrap .m_Rig_m { display:none; position:absolute; top:100px; right:0; overflow:hidden; width:80%; height:800px; background-color:#fff;  z-index:300;  }
header .wrap .m_Left_m ul, header .wrap .m_Rig_m ul { display:block; overflow:hidden; width:100%; border-top:1px solid #ddd; padding:15px 30px; font: 17px 'Pretendard'; font-weight:500;  }
header .wrap .m_Left_m div.sm { display:none; overflow:hidden; width:100%; border:1px solid red; background-color:#f9f9f9;   }
header .wrap .m_Left_m div.sm ul p { position:relative; display:block; overflow:hidden; padding:0 0 10px 20px; font-size:15px;  }
header .wrap .m_Left_m div.sm ul p:before { position: absolute; top:3px; left: 0; content: "˙ "; display: block; overflow: hidden; width:10px; text-align: left; color: #000; font-size:25px;  font-weight: bold; }
header .wrap .m_Left_m>ul.mm:before { position: absolute; right: 20px; top: 50%; margin-top: -4px; content: ""; display: block; overflow: hidden; width: 5px; height: 5px; border: 1px solid #1b90cd;  border-bottom: 0; border-left: 0; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);  }
header .wrap .m_Left_m>ul.sel:before { position: absolute; right: 20px; top: 50%; margin-top: -4px; content: ""; display: block; overflow: hidden; width: 5px; height: 5px; border: 1px solid #1b90cd; border-top: 0; border-right: 0; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

/*left menu*/

/* footer */

footer { display:block; width:100%;  }
footer .foot { display:block; overflow:hidden; }

footer div.q { display:block;  border-top:1px solid #bebebe; border-bottom:1px solid #bebebe; height:70px; }
footer div.q .wrap>div { display:flex; justify-content:space-between; }
footer div.q .wrap ul { display:block; }
footer div.q .wrap ul li { position:relative;  display:inline-block; float:left; font: 16px/70px 'Pretendard'; padding-right:20px; color:#232323; font-weight:600; }
footer div.q .wrap ul li.sns { padding-top:15px; }
footer div.q .wrap ul:nth-child(2)>li { border-right:1px solid #bebebe; }
footer div.q .wrap ul li>span { display:inline-block; overflow:hidden; float:left; width:180px; padding:0 20px; }
footer div.q .wrap ul li>span.e { width: 10px; height: 10px; margin-top:25px; border: 1.5px solid #343434; border-top: 0; border-right: 0; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); padding:0;  }
footer div.q .wrap ul li div.site { position: absolute; left: -3px; top:-330px;  z-index: 400; display: none; overflow: hidden; width:102%; border:1px solid #aaa; background-color:#fff;  }
footer div.q .wrap ul li div.site>p { display:block; overflow:hidden; width:100%; font: 16px 'Pretendard'; padding: 11px 15px; }
footer div.q .wrap ul li div.site.on { display:block; }

footer div.copy { display:block; overflow:hidden; background-color:#f7f8f8; padding:30px 0; line-height:20px; }
footer div.copy>.wrap { display:flex; justify-content:flex-start; align-items:center;  font: 16px 'Pretendard'; line-height:22px; color:#999; letter-spacing:-0.3px;  }

footer div.copy .wrap ul.u1 { padding-right:30px; }
footer div.copy .wrap ul img { height:35px; }

.m_footer { position: fixed; bottom: 0; left: 0; right: 0; display: none; overflow: visible; width: 100%; z-index: 500; border-top:1px solid #ddd; }
.m_footer div.menu { display:block; overflow:hidden; background-color:#fff; height:60px; }
.m_footer div.menu ul { display:inline-block; overflow:hidden; float:left; width:25%; text-align:center; padding-top:12px;  }
.m_footer div.menu ul img  { height:17px; }
.m_footer div.menu ul span { display:block; text-align:center; margin-top:5px; font: 15px 'Pretendard'; color:#121212; font-weight:500; }

/* footer */

/*페이지타이틀*/

#root {  display:block; overflow:hidden; width:780px;  }

.pgtitle { display:flex; justify-content:space-between;  width:100%; height:70px; margin-top:20px; border-bottom:2px solid #000; }
.pgtitle ul.u_tit1 { font: 20px 'Pretendard'; color:#444; font-weight:500; padding:20px 0 0 0; letter-spacing:-1px; }
.pgtitle ul.u_tit2 { font: 16px 'Pretendard'; color:#595959; padding:30px 0 0 0; letter-spacing:-0.3px; font-weight:500; }

.div_h1 { display:block; overflow:hidden; width:100%; font:bold 16px 'NanumSquare', sans-serif; transform:skew(-0.03deg); color:#000; padding:0 0 15px 0;  }
.div_h2 { display:block; overflow:hidden; width:100%; font: 15px 'NanumSquare', sans-serif; transform:skew(-0.03deg); color:#595959; padding:0 0 7px 0;  }
.div_h3 { display:block; overflow:hidden; width:100%; font: 15px 'NanumSquare', sans-serif; transform:skew(-0.03deg); color:#595959; padding:15px 0;  }
.div_h4 { display:block; overflow:hidden; width:100%; font: 16px 'NanumSquare', sans-serif; transform:skew(-0.03deg); color:#121212; padding:15px 0 10px 0;  }
.div_h5 { display:block; overflow:hidden; width:100%; font: 20px 'NanumSquare', sans-serif; transform:skew(-0.03deg); color:#121212; padding:15px 0 10px 0;  }
.div_h6 { display:block; overflow:hidden; width:100%; font:bold 20px 'NanumSquare', sans-serif; transform:skew(-0.03deg); color:#121212; padding:20px 0;  }

.div_input { display:flex; align-items:center; justify-content:flex-start; align-content:center;  overflow:hidden; width:100%; font: 15px 'Pretendard-Regular'; color:#121212; padding:15px 0 10px 0; background-color:#eee; }
.div_input>input.chkbo { width:20px; }

/*페이지타이틀*/

/*index*/

section .main { display:block; overflow:hidden; font:13px 'Nanum Gothic'; margin-top: 185px;  height:350px; }
section .main li { position:relative; display:block; overflow:hidden;  width:100%; }
section .main img { width:100%; height:350px; }

section .wrap .main_btn { display:block; overflow:hidden; background-color:#dfe4f8; height:110px; padding:15px; border-radius:0 0 30px 30px; margin-bottom:20px;  }
section .wrap .main_btn>li { display:inline-block; overflow:hidden; float:left; width:250px; height:100%; padding:10px 0; border-right:1px solid #c4cef3;  }
section .wrap .main_btn>li:last-child { border-right:0; }
section .wrap .main_btn>li div.d1 { display:flex; justify-content:center; align-items:center; width:100%; text-align:center; }
section .wrap .main_btn>li div.d1 span { color:#2e49ae; font: 17px 'Pretendard'; letter-spacing:-1px; font-weight:600; }
section .wrap .main_btn>li div.d1 span.sp1 { margin-right:15px; }

section .boxx { display:block; overflow:hidden; padding:30px 0;  }
section .boxx ul.ul1 { display:inline-block; overflow:hidden; float:left; width:700px; margin-right:60px; }
section .boxx ul.ul2 { display:inline-block; overflow:hidden; float:left; width:520px; }
section .boxx ul.ul3 { display:block; overflow:hidden; float:left; width:100%; }

section .boxx2 { display:block; overflow:hidden; background-color:#f7f7f7;  margin-top:50px; padding:30px 0 100px 0;  }

.con_box { display:block; overflow:hidden; width:100%;}
.con_box ul { display:block; overflow:hidden; }
.con_box>p { display:block; overflow:hidden; }
.con_box>p>img { max-width:700px; }
.con_box>p.title01 { color:#232323; padding:20px 0 20px 0; font: 25px 'NanumSquare', sans-serif; transform:skew(-0.03deg); letter-spacing:-1px; font-weight:800; }
.con_box>div.mov { display:flex; justify-content:space-between; width:100%; }
.con_box>div.mov2 { margin-bottom:15px; }
.con_box>p.title02 { color:#232323; padding:20px 0 40px 0; font: 27px 'NanumSquare', sans-serif; transform:skew(-0.03deg); letter-spacing:-1px; font-weight:800; text-align:center; }

.con_box>div.mov ul.m_u { width:296px; height:350px; border:1px solid #dad9dd; border-radius:30px; }
.con_box>div.mov ul.m_u p.p_1 { background-color:#edf7f5; height:240px; text-align:center; padding-top:23px;  }
.con_box>div.mov ul.m_u p.p_2 { color:#232323; font:bold 18px 'NanumSquare', sans-serif; transform:skew(-0.03deg); padding:15px 15px 10px 15px; letter-spacing:-1px; font-weight:800; }
.con_box>div.mov ul.m_u p.p_3 { color:#232323; font:bold 15px 'NanumSquare', sans-serif; transform:skew(-0.03deg); padding:0 15px 10px 15px; letter-spacing:-1px;  }
.con_box>div.mov ul.m_u p.p_4 { background-color:#eae6f2; height:240px; text-align:center; padding-top:23px;  }
.con_box>div.mov ul.m_u p.p_5 { background-color:#f7f5e8; height:240px; text-align:center; padding-top:23px;  }
.con_box>div.mov ul.m_u p.p_6 { background-color:#f9eded; height:240px; text-align:center; padding-top:23px;  }
.con_box>div.mov ul.m_u p img { height:195px; }
.con_box>div.mov ul.m_u:hover { border:1px solid #595959;  }

.con_box>div.mov ul.m_u2 { width:280px; height:350px; border-radius:30px; box-shadow: 5px 5px 13px #ddd; margin:15px; }
.con_box>div.mov ul.m_u2>p.p_1 { height:240px; text-align:center; position:relative; }
.con_box>div.mov ul.m_u2>p.p_1 span.s1 { position:absolute; bottom:0; left:0; width: 0; height: 0; border-bottom: 30px solid #f4f6f3; border-left: 280px solid transparent; }
.con_box>div.mov ul.m_u2>p.p_1 span.s2 { position:absolute; top:15px; right:15px; padding:5px 10px; background-color:#80bf25; color:#fff; font:bold 13px 'NanumSquare', sans-serif; transform:skew(-0.03deg); border-radius:20px; letter-spacing:-1px;  }
.con_box>div.mov ul.m_u2>p.p_1 span.s3 { background-color:#9233bf;  }
.con_box>div.mov ul.m_u2>p.p_1 span.s4 { background-color:#2cb3c0;  }
.con_box>div.mov ul.m_u2>p.p_1 span.s5 { background-color:#df5b30;  }
.con_box>div.mov ul.m_u2>p.p_2 { background-color:#f4f6f3; color:#121212; font:bold 18px 'NanumSquare', sans-serif; transform:skew(-0.03deg); padding:15px 15px 10px 15px; letter-spacing:-1px; font-weight:800;  border-right: 30px solid transparent; }
.con_box>div.mov ul.m_u2>p.p_3 { background-color:#f4f6f3; color:#121212; font:bold 16px 'NanumSquare', sans-serif; transform:skew(-0.03deg); padding:0 15px 10px 15px; letter-spacing:-1px;  }
.con_box>div.mov ul.m_u2>p img { max-width:100%; }
.con_box>div.mov ul.m_u2:hover p>img { max-width:105%; }

section .sSum { position:relative; display:block; overflow:hidden; margin:40px 0; padding:0 20px; }
section .sSum>ul { display:inline-block; overflow:hidden; float:left; width:150px;  }
section .sSum>ul li { display:block; overflow:hidden; width:100%; text-align:center; font: 15px 'Pretendard'; font-weight:500; letter-spacing:-0.3px; }
section .sSum>ul li:nth-child(1) { padding:0 30px;  }
section .sSum>ul li:nth-child(2) { margin-top:8px; }
section .sSum>ul li img { max-width:100%; }

/*index*/


/*sub pages*/

.comm_b { display:block; overflow:hidden; width:100%; margin:20px 0 30px 0; padding-top:15px; } 

.member { display:block; overflow:hidden; width:100%; margin:20px 0; height:500px; } 
.member .login { display:flex; justify-content:center; align-items:center; overflow: hidden; width:100%; height:100%; background-color:#fff; }
.member .login div { display:block; overflow:hidden; width:300px; height:220px; text-align:center; }
.member .login div ul { display:block; overflow:hidden; width:100%; padding-bottom:7px; }
.member .login div ul input { width:100%; height:50px; line-height:50px; padding:0 0 0 15px; font:17px 'Nanum Gothic', sans-serif;  border:1px solid #ddd; }
.member .login div ul a.btn { display:block; height:50px; font: 17px/50px 'NanumSquare', sans-serif; transform:skew(-0.03deg);  background-color:#678db2; color:#fff;  }
.member .login div ul.idpwin { margin-top:25px; font:15px 'NanumSquare', sans-serif; transform:skew(-0.03deg);  color:#595959; }

.member .search { display:flex; justify-content:center; align-items:center; background-color:#fff; height:450px;  }
.member .search div.a { display:block; overflow:hidden; width:440px; padding:20px 35px; background-color:#fff; }
.member .search div.a ul a.btn { display:block; height:50px; font:bold 16px/50px 'NanumSquare', sans-serif; transform:skew(-0.03deg);  background-color:#678db2; color:#fff; text-align:center; margin-top:10px; }
.member .search div.a ul.idpwin { margin-top:15px; padding:15px 0; color:#595959; font:bold 16px 'NanumSquare', sans-serif; transform:skew(-0.03deg); text-align:center; }
.member .search div.a ul.mass { display:block; overflow:hidden; width: 100%; border-top:2px solid #aaa; border-bottom:2px solid #aaa; padding:20px 0; text-align:center; margin-top:30px; font:bold 16px 'NanumSquare', sans-serif; transform:skew(-0.03deg); color:#1d76cf; }

.policy  { display:block; overflow:hidden; width:100%; margin:20px 0;   }
.policy textarea { width:100%; height:350px; border:1px solid #000; padding:20px; font:15px 'Pretendard-Regular';  line-height:23px; color:#595959;  }
.policy p.h1 { font:16px 'NanumSquare', sans-serif; transform:skew(-0.03deg);  color:#595959; padding:15px 0; font-weight:600; }
.policy ul { display:block; overflow:hidden; width:100%; }
.policy ul.agr { padding:25px 0; text-align:center; font: 17px 'NanumSquare', sans-serif; transform:skew(-0.03deg); font-weight:600; } 
.policy ul.agr .input { width:18px; height:18px; }
.policy .conn textarea { height:500px; border:1px solid #aaa;  }
.policy>ul.pp { width:100%; height:500px; border:1px solid #aaa; padding:20px; line-height:20px; color:#595959; overflow-y: scroll;  }
.policy>ul.pp2 { width:100%; height:300px; border:1px solid #aaa; padding:20px; line-height:20px; color:#595959; overflow-y: scroll;  }

.memedit { display:block; overflow:hidden; width:100%; margin:20px 0; }
.memedit p.h1 { font:15px 'Pretendard-Regular'; color:#595959; padding:0 0 15px 0;  }
.memedit p.h1 span { display:block; overflow:hidden; width:100%; padding:0 0 5px 0; }

.myjoin  { display:block; overflow:hidden; width:100%; margin:20px 0;   }

.memjoin  { display:block; overflow:hidden; width:100%; margin:0 0 30px 0;   }
.memjoin ul { display:block; overflow:hidden; }
.memjoin ul.all { width:100%; text-align:right; padding:0 5px 15px 0; font: 16px 'SCDream4'; border-bottom:1px solid #0094d2; margin-bottom:30px; }
.memjoin div.a_re_sel { display:block; overflow:hidden; width:100%; margin:10px 0; }
.memjoin div.a_re_sel ul { display: block; overflow: hidden; width:100%; height:150px; padding:0 100px; }
.memjoin div.a_re_sel ul.c_img2 { display: block; overflow: hidden; width:100%; height:150px; padding:0 200px; }

.memjoin div.a_re_sel ul.c_img2 li { display: inline-block; overflow: hidden; float: left; width:50%; }
.memjoin div.a_re_sel ul li { display: inline-block; overflow: hidden; float: left; width:33.3%; text-align:center;  }

.memjoin div.a_re_sel ul.c_img2 li img { max-width:90%; }
.memjoin div.a_re_sel ul.c_img2 li img:hover { max-width:93%; }
.memjoin div.a_re_sel ul li img { max-width:90%; }
.memjoin div.a_re_sel ul li img:hover { max-width:93%; }

.memjoin div.a_re_view { display:block; overflow:hidden; width:100%; }
.memjoin div.a_re_view ul { display: inline-block; overflow: hidden; float: left; width:50%; height:160px; padding:0 15px 0 0; margin-bottom:35px; }
.memjoin div.a_re_view ul li.img1 { display: inline-block; overflow: hidden; float: left; width:40%; padding-right:15px; }
.memjoin div.a_re_view ul li.txt1 { display: inline-block; overflow: hidden; float: left; width:60%; padding-top:3px; }

.memjoin div.a_re_view ul li.img1 img { width:160px; height:160px; border:1px solid #ddd; }
.memjoin div.a_re_view ul li.txt1 p.p1 { display:block; overflow:hidden; height:35px; color:#000; font:bold 19px 'Nanum Gothic', sans-serif; transform:skew(-0.03deg); }
.memjoin div.a_re_view ul li.txt1 p.p2 { display:block; overflow:hidden; height:60px; color:#666; font: 15px 'Pretendard-Regular'; }
.memjoin div.a_re_view ul li.txt1 p.p2 span { display: inline-block; overflow: hidden; float: left; height:55px; width:auto; }
.memjoin div.a_re_view ul li.txt1 p.p2 span.sp02 { padding-left:5px; width:205px; line-height:18px; }
.memjoin div.a_re_view ul li.txt1 p.p3 { height:40px; }
.memjoin div.a_re_view ul li.txt1 p.p3 img { width:25px; margin-right:5px; }
.memjoin div.a_re_view ul li.txt1 p.p4 { display:block; overflow:hidden; height:55px; color:#000; font: 19px 'Pretendard-Regular'; } /*usa*/


.history { display:block; overflow:hidden; width:100%; margin:20px 0 30px 0; }
.history .tn { display:block; overflow:hidden; width:100%; text-align:right; font:bold 18px 'NanumSquare', sans-serif; transform:skew(-0.03deg); padding:0 0 10px 0; }
.history .yr { display:block; overflow:hidden; width:100%; margin-top:15px; }
.history .yr p { display:inline-block; overflow:hidden; float:left; padding:6px 18px; border:1px solid #aaa; font:bold 17px 'Pretendard-Regular'; transform:skew(-0.03deg); margin:0 10px 10px 0; color:#aaa; border-color:#aaa #595959 #595959 #aaa; border-radius:10px; }
.history button.KOR { overflow:hidden; padding:1px 7px; background-color:#363e8f; color:#fff; font:bold 12px 'NanumSquare', sans-serif; transform:skew(-0.03deg); border-radius:3px; margin-left:5px; }
.history button.USA { overflow:hidden; padding:1px 7px; background-color:#bf318b; color:#fff; font:bold 12px 'NanumSquare', sans-serif; transform:skew(-0.03deg); border-radius:3px; margin-left:5px; }
.history button.ETC { overflow:hidden; padding:1px 7px; background-color:#3077ec; color:#fff; font:bold 12px 'NanumSquare', sans-serif; transform:skew(-0.03deg); border-radius:3px; margin-left:5px; }
.history button.onLn { overflow:hidden; padding:1px 7px; background-color:#eb7467; color:#fff;  font:bold 11px 'Nanum Gothic', sans-serif; border-radius:3px; margin-left:5px; }

.lecture .SchBox > .sort .search { width:200px; }
.lecture .SchBox > .sort .search> input { width:85%; }
.lecture .BList1_p ul li p.pp:nth-child(2) { padding:5px 10px 10px 20px; }

.lecV  { display:block; overflow:hidden; width:100%;  }
.lecV>div.lecV_con { display:block; overflow:hidden; width:100%; margin-top:10px; }
.lecV>div.lecV_con>ul { display:inline-block; overflow:hidden; float:left; }
.lecV>div.lecV_con>ul:nth-child(1) { width:30%;  }
.lecV>div.lecV_con>ul:nth-child(1) img { max-width:100%; height:260px; }
.lecV>div.lecV_con>ul:nth-child(2) { padding-left:20px; width:70%; }
.lecV a.btnn { display:inline-block; overflow:hidden; float:left; width:45%; margin:10px 20px 30px 0; padding:20px 0; border-radius:20px; font:bold 18px 'NanumSquare', sans-serif; transform:skew(-0.03deg); text-align:center;  background-color:#ddd; color:#121212; line-height:30px; }
.lecV a.btnn>span { font-size:15px; }
.lecV a.btnn:hover { background-color:#a4c8db; }

.lecV div.BList1_p ul li img { max-width:100%; }
.lecV div.BList1_p ul li p { display:block; overflow:hidden; width:100%; font: 16px 'NanumSquare', sans-serif; transform:skew(-0.03deg); padding:10px 0;  }
.lecV>div.BList1_p ul li p.lp1 { font-size:17px; font-weight:700;  }
.lecV>div.BList1_p ul li p.lp2 { font-size:15px; padding:6px 0;   }

.lecV #c_pay, .lecV #o_pay, .lecV #div_sp { display:none; }

.slecture { display:block; overflow:hidden; width:100%; margin:20px 0 30px 0; }
.slecture ul { display:block; overflow:hidden; margin-bottom:10px; }
.slecture ul button.mem { display:inline-block;  background-color:#ddd; color:#121212; font:bold 25px 'NanumSquare', sans-serif; transform:skew(-0.03deg); font-weight:800; padding:15px 35px; border-radius:30px; margin-right:15px; }
.slecture ul button.mem:hover { text-shadow: 2px 2px 5px #aaa; }
.slecture ul button.mem.on {background-color:#283869; color:#fff; }
.slecture ul li.btnn { display:inline-block; float:left; width:13%; background-color:#ddd; color:#121212; font:bold 16px 'NanumSquare', sans-serif; transform:skew(-0.03deg); padding:17px 0; border-radius:30px; margin:0 15px 15px 0; text-align:center; }
.slecture ul li.btnn:hover { text-shadow: 2px 2px 6px #aaa; }
.slecture ul li.btnn.on {  background-color:#e66b45; color:#fff; }
.slecture ul.Lec_div2 select { height:40px; font:19px 'Nanum Gothic'; line-height:25px; }
.slecture ul.Lec_div2 a.add_btn { height:50px; font:bold 18px 'NanumSquare', sans-serif; transform:skew(-0.03deg); background-color:#595959; color:#fff; padding:20px 40px; margin-left:10px;  }
.slecture ul.Lec_div3 { background-color:#F5F5F5; padding:15px; margin-top:40px; } 
.slecture ul.Lec_div3 li { display:block; overflow:hidden; padding:7px; border-bottom:1px dashed #ddd; margin-bottom:7px; font:bold 17px 'NanumSquare', sans-serif; transform:skew(-0.03deg); color:#595959; }
.slecture ul.Lec_step { margin-top:20px;  }
.slecture ul.Lec_step li { display:inline-block; float:left; width:13%; background-color:#ddd; color:#121212; font:bold 16px 'NanumSquare', sans-serif; transform:skew(-0.03deg); padding:17px 0; border-radius:30px; margin:10px 15px 0 0; text-align:center; }
.slecture ul.Lec_step li:hover { text-shadow: 2px 2px 6px #aaa; }
.slecture ul.Lec_step li.on { background-color:#64c880; color:#fff; }

#Lec_h1, #Lec_h2, #Lec_div2, #Lec_step { display:none;  }

.ppr { display:block; overflow:hidden; width:100%; margin:20px 0 30px 0; border:1px solid #aaa; padding:20px; }
.ppr>ul { display:block; overflow:hidden; width:100%;  }
.ppr>ul.u1 span { display:inline-block; float:right; padding:5px 80px; margin:0 10px 10px 0; font:bold 22px 'NanumSquare', sans-serif; transform:skew(-0.03deg); border-top:1px solid #000; border-bottom:2px solid #000; font-weight:900; }
.ppr>ul.u1 img { height:40px; }
.ppr>ul.u2 { margin:30px 0 0 8px;  font:bold 18px 'NanumSquare', sans-serif; transform:skew(-0.03deg); line-height:27px; color:#343434; }
.ppr>ul.u3 { margin:30px 0; text-align:right; font:bold 21px 'NanumSquare', sans-serif; transform:skew(-0.03deg); color:#121212; font-weight:900;  }
.ppr ul .BList1_p ul li p.pp { width:50%; color:#565656; text-align:center; font:bold 14px 'NanumSquare', sans-serif; transform:skew(-0.03deg); padding-top:10px; }
.ppr ul .BList1_p ul.bb>li { background-color:#dadbde;  font-weight:900; font-size:19px; }



/*페이지별 공통*/

.img_box { display:block; overflow:hidden; width:100%; }
.img_box>ul { display:inline-block; overflow:hidden; float:left; width:50%;  }
.img_box>ul>p { display:block; overflow:hidden; text-align:center;  }
.img_box>ul>p.p1 img { height:280px; }
.img_box>ul>p.p2 { padding:10px 0 30px 0; font: 23px 'SCDream5'; line-height:30px; color:#474947; }
.img_box>ul>p.p2>span { font: 25px 'SCDream6'; }

.img_box2 { display:block; overflow:hidden; width:100%; padding-top:50px; margin-bottom:10px; }
.img_box2>ul { display:block; overflow:visible;  position:relative; width:100%; background-color:#fae7da; padding:70px 15px 30px 15px; border-radius:30px; }
.img_box2>ul>p { position: absolute; width:100%; top: -40px; left:0; text-align:center; }
.img_box2>ul>p>span { text-align:center; }
.img_box2>ul>p>span img { width:90px; }
.img_box2>ul>li { display:block; overflow:hidden; width:100%; margin-bottom:10px; }
.img_box2>ul>li.li01 { text-align:center;  font: 21px 'GmarketS M'; letter-spacing:-1.5px; }
.img_box2>ul>li.li02 { text-align:center;  font: 25px 'GmarketS B'; letter-spacing:-1.5px; color:#f47a71; }
.img_box2>ul>li.li03 { width:20%; border:1px solid #f47a71; height:1px; text-align:center; margin:20px 40%; }
.img_box2>ul>li.li04 { height:115px; font: 20px 'Pretendard-Regular', sans-serif; ;  font-weight: 500; color:#121212; text-align:center; letter-spacing:-1.0px; line-height:25px; padding:0 15px; }

.tit_box { display:block; overflow:hidden; width:100%; background-color:#fae7da; padding:15px; border-radius:50px;  }
.tit_box>ul { display:inline-block; overflow:visible; float:left;  }
.tit_box>ul.d_u1 { width:80px; height:80px; background-color:#fff; border-radius:50px; text-align:center; padding:15px; margin:5px 0; }
.tit_box>ul.d_u1 img { width:50px; height:50px; padding-top:3px; }
.tit_box>ul.d_u2 { width:650px;  margin-left:20px; }
.tit_box>ul.d_u2>.p1 { font: 20px 'Pretendard-Regular'; color:#474947; margin-bottom:7px; letter-spacing:-0.3px; font-weight: 600;  }
.tit_box>ul.d_u2>.p2 { font: 17px 'Pretendard-Regular'; color:#474947; letter-spacing:-0.8px; }
.tit_box2 { background-color:#f7d5c7; }

.tit_box3 { display:block; overflow:hidden; width:100%; background-color:#ffe4bd; color:#232323; font: 20px 'Pretendard-Regular'; font-weight: 500; letter-spacing:-1.5px; padding:15px 40px; }
.tit_box3>ul { display:block; overflow:hidden; width:100%; text-align:left; padding:5px 0; line-height:28px; }
.tit_box3>ul.u1 { font: 23px 'Pretendard-Regular'; font-weight: 600;  }
.tit_box3>ul.u1>span { display:inline-block; font: 20px 'GmarketS M'; color:#ff9600; margin-left:10px; }
.tit_box3_1 { background-color:#fcd7b2; }

.tit_box4 { display:block; overflow:hidden; width:100%; background-color:#cdf8c1; color:#232323; font: 20px 'Pretendard-Regular'; font-weight: 500; letter-spacing:-1.5px; padding:15px 40px; }
.tit_box4>ul { display:block; overflow:hidden; width:100%; text-align:left; padding:5px 0; line-height:28px; }
.tit_box4>ul.u1 { font: 23px 'Pretendard-Regular'; font-weight: 600; }
.tit_box4>ul.u1>span{ display:inline-block; font: 20px 'GmarketS M'; color:#239800; margin-left:10px; }
.tit_box4_1 { background-color:#aef5a8; }

.h_tit  { display:block; overflow:hidden; width:100%; padding:0 0 5px 0; text-align:center;  }
.h_tit>span { display:inline-block; padding:25px 40px 15px 40px; background-color:#fff;  color:#121212; border:2px solid #232323; border-radius:50px; box-shadow:5px 5px #232323; font: 30px 'Pretendard'; font-weight: 600; }
.h_tit>span.b { font: 30px 'Pretendard'; font-weight: 600; } 

.f_tit { display:block; overflow:visible; position:relative; width:100%; margin-top:90px; background-color:#f7f7f7; color:#121212; text-align:center; padding:45px 0 30px 0; font: 16px 'Pretendard'; letter-spacing:-0.9px; }
.f_tit>p { position: absolute; width:100%; top: -10px; left:0; }
.f_tit>p>span { text-align:center; background-color:#267ce7; color:#fff; padding:10px 20px; border-radius:50px; }

.s_tit { display:block; overflow:hidden; width:100%; background-color:#fff; padding:20px; text-align:center;  }
.s_tit span.s1 { display:inline-block; background-color:#fe7c1e; color:#fff; font: 23px 'Pretendard-Regular';  padding:20px 50px; border-radius:50px; }
.s_tit span.s2 { display:inline-block; background-color:#27a800; color:#fff; font: 23px 'Pretendard-Regular';  padding:20px 50px; border-radius:50px; }
.s_tit span.s3 { display:inline-block; background-color:#ff9626; color:#fff; font: 23px 'Pretendard-Regular';  padding:20px 50px; border-radius:50px; }

.box1 { display:block; overflow:hidden; width:100%; padding:50px;  }
.box1 ul { display:block; overflow:hidden; width:100%; text-align:center; }
.box1>ul.u1 { font: 40px 'GmarketS B'; text-align:center; letter-spacing:-0.8px; color:#00374b; }
.box1>ul.u2 { margin:50px 0; }
.box1>ul.u2 img { width:80%; }
.box1>ul.u3 { background-color:#fff; color:#232323; border-radius:20px; box-shadow: rgba(99, 99, 99, 0.2) 5px 5px 5px 5px; #a59895; padding:20px; font: 25px 'Pretendard-Regular'; font-weight: 600; line-height:37px; } 

.box2 { display:block; overflow:hidden; width:100%; background-color:#fcf9ee; padding:50px; }
.box2>ul.u1 { font: 55px 'GmarketS B'; text-align:center; letter-spacing:-0.8px; color:#fff;  text-shadow: -1px 0 #00374b, 0 1px #00374b, 1px 0 #00374b, 0 -1px #00374b, 4px 4px 0px #00374b; }
.box2>ul.u2 { margin-top:45px; }
.box2>ul.u3 { margin-top:45px; }
.box2>ul.u3 .tit_box { margin-bottom:15px; }
.box2>ul.u4 { margin-top:45px; font: 23px 'Pretendard-Regular'; text-align:center; letter-spacing:-0.8px; color:#121212; line-height:30px; }
.box2>ul.u_img { margin-top:45px; text-align:center;  }
.box2>ul.u_img img { max-width:90%; }
.box2>ul.u6 { font: 22px 'Pretendard-Regular'; text-align:left; letter-spacing:-1.5px; color:#121212; line-height:35px; margin:50px 0 0 0;  }
.box2>ul.u6>span { display:block; overflow:hidden; width:100%; color:#f21d1d; letter-spacing:-1.5px; }
.box2>ul>center>span.tt { display:inline-block; border:3px solid #f96252; color:#f96252;border-radius:50px; padding:20px 30px 15px 30px; margin:30px 0 10px 0; font: 35px 'GmarketS B';  letter-spacing:-1.5px;  }

.box2_1 { background-color:#fcf2ee; }

.box3 { display:block; overflow:hidden; width:100%; background-color:#fff; padding:50px 0; }
.box3>ul { display:block; overflow:hidden; width:100%; }
.box3>ul.tit { margin-bottom:70px; }
.box3>ul.tit2 { font: 25px 'Pretendard-Regular'; font-weight: 600; color:#fe7c1e; text-align:center; letter-spacing:-0.5px; }
.box3>ul.tit2>span { font: 30px 'Pretendard-Regular'; }
.box3>ul.tit3 { padding:20px 0; font:bold 20px 'Pretendard-Regular'; color:#232323; letter-spacing:-0.8px; font-weight:600; text-align:center; line-height:32px; }
.box3>ul.tit4 { color:#27a800; margin-top:50px; }
.box3>ul.tit5 { margin-top:50px; }
.box3>ul.tit6 { margin-top:50px; text-align:left; }
.box3>ul.tit7>.tit_box3, .box3>ul.tit7>.tit_box4 { margin-top:10px; }
.box3>ul.tit8 { padding:50px 0; font: 25px 'GmarketS M'; font-weight: 300;  text-align:center; color:#121212; letter-spacing:-1.5px; }
.box3>ul.tit8>font { font: 28px 'GmarketS B'; letter-spacing:-1.5px; }
.box3>ul.tit9>li { display:inline-block; overflow:hidden; float:left; width:46%; margin:0 2%; }

.box3>ul.u_img { margin-top:30px; text-align:center; }
.box3>ul.u_img img { max-width:95%; }

.box3>ul.ul1 { font: 40px 'Pretendard-Regular'; text-align:center; letter-spacing:-1.5px;  color:#121212; margin-bottom:30px; }
.box3>ul.ul2 { text-align:center; margin:15px 0; }
.box3>ul.ul2>span { display:inline-block; padding:10px 18px 7px 18px; font: 20px 'Pretendard-Regular'; font-weight: 300; text-align:center; color:#121212; letter-spacing:-1.5px;  background-color:#ff8383; color:#fff; border-radius:30px; }
.box3>ul.ul3 { font: 23px 'Pretendard-Regular'; text-align:center; letter-spacing:-1.5px;  color:#121212; }
.box3>ul.ul4 { font: 23px 'Pretendard-Regular'; text-align:left; letter-spacing:-1.5px;  color:#232323; margin:20px 0 20px 0; line-height:30px; }
.box3>ul.ul4>span { display:block; overflow:hidden; width:100%; color:#121212; letter-spacing:-1.5px; font-weight:600; padding-bottom:15px; }
.box3>ul.ul50 { display:inline-block; overflow:hidden; float:left; width:auto; }
.box3>ul.ul60 { display:inline-block; overflow:hidden; float:left; width:50%; margin-left:10%; margin-top:35px; }
.box3>ul.ul5 { border:10px solid #f7efef; border-radius:50px; padding-top:20px; }
.box3>ul.ul5>p { display:block; overflow:hidden; width:100%; text-align:center; font: 22px 'Pretendard-Regular'; padding:20px;  }
.box3>ul.ul5>p.r { text-align:right; padding:0; }

.box4 { display:block; overflow:hidden; width:100%; border:10px solid #e5f5fc; border-radius:50px; padding:30px 15px; }
.box4>ul { display:flex; justify-content:space-between; flex-wrap:nowrap;  overflow:hidden; width:100%; }
.box4>ul>li { display:inline-block; overflow:hidden; float:left; font: 20px 'Pretendard-Regular';  letter-spacing:-1.5px;  }
.box4>ul>li img { max-width:100%; }
.box4>ul>li.w30 { width:30%; }
.box4>ul>li.w70 { width:70%; padding-left:20px; }
.box4>ul.tt>span { display:inline-block; background-color:#18a1e2; color:#fff; border-radius:50px; padding:15px 30px 10px 30px; margin:30px 0 20px 0; font: 25px 'GmarketS B';  letter-spacing:-1px;  }
.box4>ul.tt { display:block; overflow:hidden; width:100%; padding-left:15px; font: 21px 'Pretendard-Regular'; letter-spacing:-1px; line-height:30px; color:#232323; font-weight:500;  }

.box8 { display:block; overflow:hidden; width:100%;  background-color:#fcf2ee; padding:100px 100px 20px 100px; }
.box8>ul { display:block; overflow:visible; position:relative; width:100%; border:5px solid #f5ad9e; border-radius:20px; }
.box8>ul.b_u { background-color:#fff; padding:80px 40px; }
.box8>ul.b_u>p { position: absolute; width:100%; top: -10px; left:0;  text-align:center; }
.box8>ul.b_u>p>span {  font: 30px 'GmarketS M';  letter-spacing:-1.5px; font-weight: 500;  text-align:center; background-color:#f5ad9e; color:#00374b; padding:25px 40px 20px 40px; border-radius:50px; }
.box8>ul.b_u>span.s01 { position: absolute;  top: -20px; right:-110px;  }
.box8>ul.b_u>span.s02 { position: absolute;  bottom: -40px; left:-110px;  }
.box8>ul.b_u>li { display:block; overflow:hidden; width:100%; font: 21px 'Pretendard-Regular';  letter-spacing:-1.5px; font-weight: 500; padding:4px 0; }
.box8>ul.b_u>li>span {  font: 27px 'GmarketS B';  color:#f5ad9e; margin-right:10px; }

.div_img { display:block; overflow:hidden; width:100%; }
.div_img>ul { display:block; overflow:hidden; width:100%; }
.div_img>ul.img_L { text-align:left; }
.div_img>ul.img_C { text-align:center; }
.div_img>ul.img_R { text-align:right; }
.div_img>ul img { max-width:100%; }
.div_img>ul p.p1 { display:block; font: 25px 'SCDream6'; margin-bottom:10px; }

.div_txt { display:block; overflow:hidden; width:100%; }
.div_txt>ul { display:block; overflow:hidden; width:100%; font: 19px 'Pretendard-Regular'; letter-spacing:-1px; color:#232323; line-height:32px;  }
.div_txt>ul.txt_L { text-align:left; }
.div_txt>ul.txt_C { text-align:center; }
.div_txt>ul.txt_R { text-align:right; }
.div_txt>ul.sd_1 { font: 20px 'Pretendard-Regular';  line-height:28px;  }
.div_txt>ul.sd_2 { font: 26px 'Pretendard-Regular'; }
.div_txt>ul.sd_3 { font: 28px 'Pretendard-Regular'; color:#0080f7; }
.div_txt>ul.sd_4 { font: 23px 'Pretendard-Regular'; }
.div_txt>ul.sd_5 { font: 28px 'Pretendard-Regular'; }
.div_txt>ul.sd_6 { font: 24px 'Pretendard-Regular'; }
.div_txt>ul.sd_7 { font: 30px 'Pretendard-Regular'; }
.div_txt>ul.sd_8 { font:bold 35px 'NanumSquare', sans-serif; transform:skew(-0.03deg); font-weight:900; }
.div_txt>ul.sd_9 { font:bold 25px 'NanumSquare', sans-serif; transform:skew(-0.03deg); font-weight:900; }
.div_txt>ul p.p1 { display:block; font: 25px 'Pretendard-Regular'; margin-bottom:20px; }

.div_s { display:block; overflow:hidden; width:100%; }
.div_s>ul { display:block; overflow:hidden; width:100%; }
.div_s>ul.f_ul { display:flex; justify-content:space-between; flex-wrap:nowrap; align-content:center;  width:100%; font: 15px 'Pretendard-Regular'; letter-spacing:-1px; color:#232323;  line-height:25px;  }
.div_s>ul>li { display:inline-block; overflow:hidden; float:left; }
.div_s>ul>li.w15 { width:15%; }
.div_s>ul>li.w20 { width:20%; }
.div_s>ul>li.w25 { width:25%; }
.div_s>ul>li.w30 { width:30%; }
.div_s>ul>li.w35 { width:35%; }
.div_s>ul>li.w40 { width:40%; }
.div_s>ul>li.w50 { width:50%; }
.div_s>ul>li.w60 { width:60%; }
.div_s>ul>li.w70 { width:70%; }
.div_s>ul>li.w80 { width:80%; }
.div_s>ul>li.w85 { width:85%; }
.div_s>ul>li.w100 { width:100%; }
.div_s>ul>li span.s01 { display:inline-block; padding:3px 18px; font: 14px 'Pretendard-Regular'; border-radius:15px; color:#fff; }
.div_s>ul>li span.s02 { display:inline-block; padding:100px 10px; font: 14px 'Pretendard-Regular'; border-radius:15px; color:#fff; margin-right:10px; }
.div_s>ul>li span.s03 { display:block; padding:14px 10px; font: 14px 'Pretendard-Regular'; border-radius:10px; color:#fff; margin-right:10px; text-align:center; }

.tit_boxx { display:block; overflow:hidden; width:140px; height:140px; border:2px solid #fff; box-shadow: 0 0 10px #ddd; margin:10px; border-radius:100px; }
.tit_boxx>ul { display:block; overflow:hidden; color:#fff; height:70px; text-align:center; font: 20px/80px 'Pretendard-Regular'; letter-spacing:-0.5px; }
.tit_boxx>ul:nth-child(2) { font: 20px/55px 'Pretendard-Regular'; }
.tit_boxx>ul.oon { height:140px; font: 25px/140px 'Pretendard-Regular'; }
.tit_boxx>ul.sml { font: 16px/55px 'Pretendard-Regular'; }

.q_tit { display:block; overflow:visible; width:100%; margin-bottom:20px; }
.q_tit .t_bb { position:relative; background-color:#1a9dff; color:#fff; padding:20px 0; text-align:center; font: 26px 'Pretendard-Regular'; border-radius:17px;  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;  }
.q_tit .t_bb>span { position: absolute; bottom:-20px; left:47%; width: 0px;height: 0px;border-top: 23px solid #1a9dff; border-left: 17px solid transparent;border-right: 17px solid transparent;  }

.ul_box01 { display:block; overflow:hidden; width:100%; padding:30px 80px 20px 80px; }
.ul_box01 ul { display:flex; align-items:stretch; justify-content:flex-start; align-content:center; font: 22px 'Pretendard-Regular'; border-bottom:1px dashed #aaa; padding:10px 0;  }
.ul_box01 ul li span { display:inline-block; background-color:#1a9dff; color:#fff; padding:1px 10px; border-radius:3px 20px 20px 20px; margin-right:15px; }
.ul_box01 ul li span.s10 { font: 20px 'Pretendard-Regular'; padding:1px 8px; letter-spacing:-3.0px; } 

.c_gg { background-color:#aaa; }
.c_bu { background-color:#6489c6; }
.c_u1 { background-color:#fccd3f; }
.c_u2 { background-color:#fcbe2f; }
.c_u3 { background-color:#52c0db; }
.c_u4 { background-color:#40afcd; }
.c_u5 { background-color:#aace38; }
.c_u6 { background-color:#85ba34; }
.c_u7 { background-color:#ec7aad; }
.c_u8 { background-color:#e76498; }
.c_u9 { background-color:#f9bb58; }
.c_u10 { background-color:#f6a843; }
.c_u11 { background-color:#8bc682; }
.c_u12 { background-color:#74b76a; }
.c_u13 { background-color:#73c6ca; }
.c_u14 { background-color:#5eb7bb; }
.c_u15 { background-color:#6c9bd1; }
.c_u16 { background-color:#c49ec7; }
.c_u17 { background-color:#f19db7; }
.c_u18 { background-color:#ec87a5; }
.c_u19 { background-color:#e59470; }
.c_u20 { background-color:#de7a56; }
.c_u21 { background-color:#3476bc; }
.c_u22 { background-color:#2256a4; }
.c_u23 { background-color:#f1666a; }
.c_u24 { background-color:#3476bc; }

.Lec_notice { display:block; overflow:hidden; width:100%; }
.Lec_notice ul.tit { display:block; overflow:hidden; text-align:center; font:bold 30px 'Pretendard-Regular'; color:#121212; margin:20px 0; }
.Lec_notice ul span.Ln01 { display:inline-block; background-color:#5c79d9; color:#fff; padding:6px 17px; font: 17px 'Pretendard-Regular'; border-radius:15px; margin:20px 0;  }
.Lec_notice ul span.Ln02 { display:inline-block; font: 26px 'Pretendard-Regular'; margin:5px 0 10px 0; font-weight:600; }
.Lec_notice ul.n_u01 { display:block; overflow:hidden; text-align:center; font:bold 20px 'Pretendard-Regular'; color:#121212; padding:15px 0; line-height:28px; }
.Lec_notice ul.n_u02 { display:flex; align-items:stretch; justify-content:center; align-content:center; text-align:center;  width:70%; margin:0 auto; }
.Lec_notice ul.n_u02 li:nth-child(1) img { height:100px; border:4px solid #c8c8c8;  }
.Lec_notice ul.n_u02 li:nth-child(1) { height:100px; margin-right:10px; }
.Lec_notice ul.n_u02 li:nth-child(2) { height:100px; border:4px solid #c8c8c8; border-left:0; padding:13px; text-align:left; font: 20px 'Pretendard-Regular'; letter-spacing:-1.0px; }

.refu { display:block; overflow:hidden; width:100%; background-color:#5c79d9; color:#fff; padding:30px 50px; } 
.refu>ul {  text-align:left !important; font: 16px 'Pretendard-Regular'; }
.refu>ul>span.Rn01 { display:inline-block; padding-bottom:10px; font: 20px 'Pretendard-Regular';  }

.div_pd10 { display:block; overflow:hidden; width:100%; padding:10px; }
.div_pd20 { display:block; overflow:hidden; width:100%; padding:20px; }
.div_pd30 { display:block; overflow:hidden; width:100%; padding:30px; }
.div_pd100 { display:block; overflow:hidden; width:100%; padding:100px; }


/*공통요소들*/

.w05 { width:5%; }
.w10 { width:10%; }
.w15 { width:15%; }
.w20 { width:20%; }
.w25 { width:25%; }
.w30 { width:30%; }
.w35 { width:35%; }
.w40 { width:40%; }
.w45 { width:45%; }
.w50 { width:50%; }
.w55 { width:55%; }
.w60 { width:60%; }
.w65 { width:65%; }
.w70 { width:70%; }
.w75 { width:75%; }
.w80 { width:80%; }
.w85 { width:85%; }
.w90 { width:90%; }
.w95 { width:95%; }
.w100 { width:100%; }

.input { display: inline-block; width: 100%; height: 33px; line-height: 35px; color: #303030; font: 15px 'Pretendard-Regular';  border: 1px solid #d0d0d0; background-color: #fff; padding: 0 10px; }
.input:focus { background-color: #e8f4fa; }
.input:read-only { background-color: #f9f9f9; }
.input:disabled { border-color: #efefef; background-color: #f9f9f9; }
.input::placeholder { font: 15px 'Pretendard-Regular';  }
.input.num { width: 15%; text-align: center; font: 14px 'Roboto'; padding: 0; }
.input.num + .txt { padding: 0 10px; }
.input.w50 { width:50px; }
.input.w80 { width:80px; }
.input.w100 { width:100px; }
.input.w150 { width:150px; }
.input.w200 { width:200px; }
.input.w300 { width:300px; }
.input.w400 { width:400px; }
.input.w100_ { width:100%; }
.input.sel { padding-right:0; line-height:25px; }
.input.file { padding:0; line-height:25px; }
.input.chkbo { -webkit-appearance:checkbox; width:auto; }
.input.chkbo:focus { background-color: #fff; }
.input.rnum { height: 30px; line-height: 30px; }

/* RADIO & CHECKBOX */
.combo { position: relative; display: inline-block; overflow: hidden; }
.combo label { position: relative; display: block; overflow: hidden; width: 100%; height: 40px; line-height: 40px; text-align: left; color: #404040; font-size: 13px; padding:10px 10px 0 30px; font: 15px 'Pretendard-Regular';  }
.combo label:before { position: absolute; left: 0; top: 10px; content: ""; display: block; overflow: hidden; width: 20px; height: 20px; border-radius: 50%; background: #b0b0b0 url(/image/ico_check.png) no-repeat 1px -3px; background-size: 24px; }
.combo input { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; width: 100%; height: 100%; opacity: 50; z-index: 1; cursor: pointer; } /*이렇게 전체로 잡으면 input이 통으로 계속 겹쳐서 프로그램 처리가 어려움*
.combo input { position: relative; display: block; width: 10px; height: 10px; opacity: 50; z-index: 1; cursor: pointer; border:1px solid red; }  /*영쓰추가*/
.combo input:checked + label { color: #000; font-weight: bold; }  /*해당내용은 jquery로 대체하여 쓰지않아도 가능. 해당 내용은 익스에서 깨짐 */
.combo input:checked + label:before { background-color: #595959; }  /*해당내용은 jquery로 대체하여 쓰지않아도 가능. 해당 내용은 익스에서 깨짐 */
.combo input:disabled { cursor: default; } /*해당내용은 jquery로 대체하여 쓰지않아도 가능. 해당 내용은 익스에서 깨짐 */
.combo input:disabled + label { opacity: 0.5; filter: opacity(50); } /*해당내용은 jquery로 대체하여 쓰지않아도 가능. 해당 내용은 익스에서 깨짐 */
.combo label.cheon { color: #595959;  }  /*추가*/
.combo label.cheon:before { background-color: #595959;  }  /*추가*/

/*btn*/
.btn_div { position:relative; display:block; overflow:hidden; width:100%; padding:30px 0 30px 0; text-align:center; }
.btn_div > a.acept { display:inline-block; width:150px; height:45px; background-color:#678db2; border:1px solid #678db2; font:bold 17px/45px 'NanumSquare', sans-serif; transform:skew(-0.03deg); color:#fff;  text-align:center; }
.btn_div > a.del { display:inline-block; width:150px; height:45px; background-color:#f5f5f5; border:1px solid red; font:bold 17px/45px 'NanumSquare', sans-serif; transform:skew(-0.03deg); color:red; text-align:center; }
.btn_div > a.bck { display:inline-block; width:150px; height:45px; background-color:#888; border:1px solid #888; font:bold 17px/45px 'NanumSquare', sans-serif; transform:skew(-0.03deg); color:#fff; text-align:center; }
.btn_div > a.acept_g { display:inline-block; width:150px; height:45px; background-color:#555555; border:1px solid #555555; font:bold 17px/45px 'NanumSquare', sans-serif; transform:skew(-0.03deg); color:#fff;  text-align:center; }
.btn_div > a.acept_r { display:inline-block; width:150px; height:45px; background-color:#58854f; border:1px solid #29a012; font:bold 17px/45px 'NanumSquare', sans-serif; transform:skew(-0.03deg); color:#fff;  text-align:center; }

.inp_txt { display:inline-block;  text-align: center; background: none; font: 14px 'NanumSquare', sans-serif; transform:skew(-0.03deg); border: 1px solid #000; padding: 8px 8px; }
.inp_txt.ss { color: red; background-color: #fff; border-color: red; }
.inp_txt.ss:hover { color: #000;  }
.inp_txt.sm { color: #fff; background-color: #595959; border-color: #595959; }
.inp_txt.sm:hover { color: #6670ad; background-color: #ddd; border:1px solid #6670ad; }

.btn_li_sm { text-align: center; font-size:14px; border: 1px solid #1b90cd; padding: 3px 7px; background-color: #1b90cd; color: #fff; }
.btn_li_sm:hover { border-color: #000; }
.btn_li_gg { text-align: center; font-size:13px; border: 1px solid #595959; padding: 2px 7px; background-color: #595959; color: #fff; }
.btn_li_gg:hover { border-color: #000; }
.btn_li_ss { text-align: center; font-size:11px; border: 1px solid red; padding: 2px 7px; background-color: #fff; color: red; }
.btn_li_ss:hover { color: #000; }
.btn_li_ss2 { text-align: center; font-size:11px; border: 1px solid red; padding: 2px 7px; background-color:red; color:#fff; }
.btn_li_ss2:hover { border: 1px solid #000;  }
.btn_li_gg2 { text-align: center; font-size:11px; border: 1px solid #595959; padding: 5px 7px; background-color: #595959; color: #fff; }
.btn_li_gg2:hover { border-color: #000; }
.btn_li_gg3 { text-align: center; font-size:13px; border: 1px solid #595959; padding: 3px 7px; background-color: #595959; color: #fff;  border-radius:10px;  }
.btn_li_gg3:hover { border-color: #000; }
.btn_li_ss3 { display:inline-block; text-align: center; font-size:14px; border: 1px solid red; padding: 1px 5px; border-radius:10px; background-color: #f6f6f6; color: red; }
.btn_li_ss3:hover { border-color: #000; }
.btn_li_sm2 { text-align: center; font-size:14px; border: 1px solid #1b90cd; padding: 7px 10px; background-color: #1b90cd; color: #fff; }

.btn_li_gg4 { text-align: center; font-size:13px; border: 1px solid #1b90cd; padding: 3px 7px; background-color: #1b90cd; color: #fff;  border-radius:10px;  }
.btn_li_gg4:hover { border-color: #000; }

.btn_wri { display: block; overflow: hidden; width:100%; margin:10px 0; text-align:right; }
.btn_wri a { display: block; overflow: hidden; float: right; width:120px; height: 32px; font: 15px/32px 'Pretendard-Regular'; text-align:center; background-color:#6670ad; color:#fff;  }

/*btn*/

/* 페이지 탭 사용 */

.tab { display:block; overflow:hidden; width:100%; }
.tab ul.tabS { display:block; overflow:hidden; width:100%; height:45px; border-bottom:1px solid #6670ad;  }
.tab ul.tabS li { display:inline-block; overflow:hidden; float:left; width:200px; background-color:#f5f6f8; color:#595959; border:1px solid #ddd; border-bottom:0; margin-right:1px; border-radius:20px 20px 0 0; text-align:center; height:45px; font: 15px/45px  'NanumSquare', sans-serif; transform:skew(-0.03deg);  cursor:pointer; }
.tab ul.tabS li:hover { color:#000; }
.tab ul.tabS li.on { background-color:#6670ad; border:1px solid #6670ad; border-bottom:0; color:#fff;  }
.tab ul.conn { display:block; overflow:hidden; width:100%; padding:30px; padding:10px;  }
.tab ul.conn div.tab1, .tab ul.conn div.tab2, .tab ul.conn div.tab3, .tab ul.conn div.tab4, .tab ul.conn div.tab5, .tab ul.conn div.tab6 { display:none; padding:20px 0; }
.tab ul.conn>div>ul.policy_c { border:1px solid #aaa; height:600px; overflow-y: scroll;  }

/* 페이지 탭 사용 */

.policy_text { display:block; overflow:hidden; width:100%; padding:20px 20px 20px 20px; font: 14px 'Nanum Gothic';  line-height:27px; } 
.policy_text p.p1 { display:block; overflow:hidden; width:100%; text-align:left; font:bold 17px 'NanumSquare', sans-serif; transform:skew(-0.03deg); padding:25px 0 15px 0; }
.policy_text p.p2 { display:block; overflow:hidden; width:100%; text-align:left; font:bold 15px 'NanumSquare', sans-serif; transform:skew(-0.03deg); padding:15px 0 15px 0; }
.policy_text>ul>li { display:block; overflow:hidden; width:100%; margin-bottom:8px; } 
.policy_text>ul>li.sub { padding-left:10px; }
.policy_text>ul>li.sub::before { content: "·"; padding-right:10px;  }



/* 검색박스 */

.SchBox { display:flex; justify-content:space-between; align-items:center; overflow:hidden; width:100%; border:0; padding:10px; margin:10px 0; }
.SchBox > .sort {  display:block; overflow: hidden; height: 40px;  }
.SchBox > .orby { display:block; overflow: hidden; height: 40px; padding-top:5px; font-weight:500;  font:15px/30px  'Pretendard';  }

.SchBox > .sort select { display: inline-block; overflow: hidden; float:left; height: 35px; color: #bebebe; font: 14px/35px 'Pretendard'; font-weight:500; padding:0 0 0 10px; }
.SchBox > .sort>.select_s { display: inline-block; overflow: hidden; float: left; width:auto; height: 35px; border: 1px solid #595959; background-color: #fff; margin-right: 10px;  }
.SchBox > .sort>.select_s> select { width:100%; -webkit-appearance:checkbox; font:13px  'Pretendard';  font-weight:500;  line-height:25px; letter-spacing:-0.5px; padding:0 10px;  }
.SchBox > .sort .search { display: inline-block; overflow: hidden; float: left; width: 200px; height: 35px; border: 1px solid #595959; background-color: #fff; margin-right: 5px; box-sizing:border-box; border-radius:3px; }
.SchBox > .sort .search> select { width: 35%; float: left; padding-left:5px; }
.SchBox > .sort .search> select:hover { background-color: #fff; }
.SchBox > .sort .search> input { width: 80%; float: left; border: 0; background: none; }
.SchBox > .sort .search> input:focus { background: none; }
.SchBox > .sort .search>.btn { width: 15%; height: 35px; float:left; background-size: 20px;  }
.SchBox > .sort .search>.btn.ico.find { text-indent: -9999px;  background: url(/image/btn_ico_search.png) no-repeat center 50%; background-size: 30px; }

/* 검색박스 */

/* 게시판용 */
.BList1_p { position:relative; display:block; overflow:hidden; width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.BList1_p ul { display:flex !important; align-items:stretch; justify-content:center; align-content:center; flex-wrap:wrap; overflow:hidden; border-bottom:1px solid #eaeaea; font: 16px  'Pretendard'; letter-spacing:-0.6px; }
.BList1_p ul li { display: inline-block; overflow: hidden; float:left; padding:12px 0; text-align:left; font: 18px 'Pretendard'; font-weight:400; line-height: 25px; color:#333 }
.BList1_p ul li.t_r_g { text-align:right; background-color: #f5f5f5; padding-right:10px; }
.BList1_p ul li.t_l_g { text-align:left; background-color: #f5f5f5; padding-left:10px; }
.BList1_p ul li.t_c_g { text-align:center; background-color: #f5f5f5; }
.BList1_p ul li.t_r_g_b { text-align:right; background-color: #f5f5f5; border-right:1px solid #ddd; }
.BList1_p ul li.t_l_g_b { text-align:left; background-color: #f5f5f5; padding-left:10px;  border-right:1px solid #ddd;  }
.BList1_p ul li.t_c_g_b { text-align:center; background-color: #f5f5f5; border-right:1px solid #ddd;  }
.BList1_p ul li.t_r_b { text-align:right; border-right:1px solid #ddd; }
.BList1_p ul li.t_l_b { text-align:left; padding-left:10px; border-right:1px solid #ddd; }
.BList1_p ul li.t_c_b { text-align:center; border-right:1px solid #ddd;  }
.BList1_p ul li.t_r { text-align:right; }
.BList1_p ul li.t_l { text-align:left; padding-left:10px; }
.BList1_p ul li.t_c { text-align:center;  }
.BList1_p ul li>div { display:flex !important; align-items:stretch; flex-wrap:wrap; }
.BList1_p ul li>div.note-editor { display:block !important; }

.BList1_p ul li p { line-height:20px;  }
.BList1_p ul li p.pp { display: inline-block; overflow: hidden; float:left; font: 16px 'Pretendard-Regular'; letter-spacing:-0.5px;  line-height:20px;  }
.BList1_p ul li p.pp a.sta { font-size:14px; background-color:#aaa; width:150px; padding:2px 10px; }
.BList1_p ul li p.pp a.sta.sta_1 { background-color:#aaa; color:#fff; }
.BList1_p ul li p.pp a.sta.sta_2 { background-color:#f08100; color:#fff; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.BList1_p ul li p.pp span { display:block; overflow:hidden; width:100%; padding-top:10px; font-size:15px; color:#595959; }
.BList1_p ul li p.p2 { display:block; overflow:hidden; width:100%; border-bottom:1px dashed #ddd; padding:7px 0; margin-bottom:3px; font: 14px  'NanumSquare', sans-serif; transform:skew(-0.03deg); background-color: #f9f9f9; }

.BList1_p ul li p.pp img { width:100%; height:180px; }
 
.Bview { position:relative; display:block; overflow:hidden; width:100%; margin:20px 0; border-bottom:1px solid #000;  }
.Bview ul { display:block; overflow:hidden; width:100%; font: 18px 'Pretendard-Regular'; letter-spacing:-0.8px; font-weight:500; color:#333; }
.Bview ul.tit { padding:20px 0 5px 5px; }
.Bview ul.tit span { float:right; }
.Bview ul.name { text-align:right; padding:7px 0 15px 0; color:#595959; font-size:15px; background-color: #fff; border-bottom:2px solid #ddd;  }
.Bview ul.fil { padding:10px 0; font-size:12px; color:#595959;  }
.Bview ul.fil:hover { color:#336699; }
.Bview ul.bb { height:30px; }
.Bview ul.Ctext { line-height:25px; padding:10px; margin-top:15px; color:#232323; text-align:center;  }
.Bview ul.Cimg { padding-bottom:15px; text-align:center;  }
.Bview ul.Cimg img, .Bview ul.Cimg video { max-width:100%; text-align:center; }

.Rep { position:relative; display:block; overflow:hidden; width:100%; margin:20px 0;  }
.Rep ul { display:block; overflow:hidden; width:100%; }
.Rep ul.re_wri { margin-bottom:9px; }
.Rep ul.re_wri li { display: inline-block; overflow: hidden; float:left; box-sizing:border-box; height:50px; }
.Rep ul.re_wri li:nth-child(1) { width:90%; border:1px solid #ddd; }
.Rep ul.re_wri li:nth-child(1) textarea { width:100%; padding:10px; }
.Rep ul.re_wri li:nth-child(2) { margin-left:1%; width:9%; text-align:center; background-color: #ddd; line-height:50px; font-weight:bold; }
.Rep ul.re_v { margin-bottom:10px; }
.Rep ul.re_v p { display:block; overflow:hidden; width:100%; padding:4px 0; line-height:18px; }
.Rep ul.re_v p a.del { padding:0 5px; background-color:#f5f5f5; font-size:12px; color:red; margin-left:7px; border-radius:3px; border:1px solid red; }
.Rep ul.re_v p.p2 { border-bottom:1px dashed #f5f5f5; }
.Rep ul.botm { border-bottom:1px solid #aaa;}

.nodata { display:block; overflow:hidden; width:100%;  }
.nodata p { position: relative; text-align: center; color: #808080; padding: 100px 0 20px 0; }
.nodata p:before { position: absolute; top: 30px; left: 50%; margin-left: -30px; content: "!"; display: block; overflow: hidden; width: 50px; height: 50px; line-height: 50px; text-align: center; color: #eee; font-size: 50px; font-weight: bold; border: 5px solid #eee; border-radius: 50%; }


/* 게시판용 */


/*board footer*/
.Bpg { position:relative; display:block; overflow:hidden; width:100%; padding:30px 0; text-align:center; }
.Bpg span { display:inline-block; overflow:hidden; width:15px; height:33px; text-align:center; margin:0 10px; font-weight:bold; font: 15px/33px 'Pretendard-Regular'; color:#696868;  }
.Bpg span.SEL { border-bottom:2px solid #aaa; color:#000; }
/*board footer*/


/*gks_info r80*/

.r80>.box1 { background: url(/img/page/01_top_bg.png) no-repeat top left/ cover; }
.r80>.box1>ul:nth-child(1) { height:650px; }
.r80>.box3>ul.tit9>li { display:inline-block; overflow:hidden; float:left; width:100%; }
.r80 .img_box2 { padding-left:50px; padding-top:10px; margin-bottom:10px; }
.r80 .img_box2>ul { display:block; overflow:visible;  position:relative; width:100%; background-color:#fff2d3; padding:20px 15px 20px 80px; }
.r80 .img_box2>ul>p { position: absolute; width:10%; top: 50px; left:-40px; text-align:center; }
.r80 .img_box2>ul>li.li04 { height:auto; padding:10px 0 0 0; }
.r80 .img_box2>ul>li.li01, .r80 .img_box2>ul>li.li02, .r80 .img_box2>ul>li.li04 { text-align:left; }
.r80 .f_tit { background-color:#fcf9ee; }
.r80 .ul_box01 { background-color:#fff; border-radius:20px;  }
.r80 .ul_box01 ul li { color:#004055; }
.r80 .ul_box01 ul li span { background-color:#ff8d30; color:#fff;  }

/*goodtreeusa hong r74*/

.r74 { display:block; overflow:hidden; width:100%; margin:20px 0;  }
.r74 ul { display:block; overflow:hidden; }
.r74 ul.u1 { display:block; overflow:hidden; position:relative; width:100%; background: url(/img/page/top_bg.png) no-repeat bottom left/ cover; opacity:0.8; height:730px; }
.r74 ul.u1>p { position: absolute; top:25%; left:20%; font: 60px 'NanumSquare', sans-serif; transform:skew(-0.03deg); color:#171e3d; text-align:center; line-height:90px;  }
.r74 ul.u1>p>span { display:block; font-size:70px; font-weight:800; }
.r74 ul.u1>p.pp { position: absolute; top:60%; left:28%; font:bold 30px 'NanumSquare', sans-serif; transform:skew(-0.03deg); letter-spacing:-1px;  }
.r74 ul.u2 { padding:30px; background-color:#efefef; }
.r74 ul img.m1 { height:30px; }
.r74 ul img.m2 { height:50px; }
.r74>ul span.tit { display:inline-block; background-color:#29b5f5; color:#fff; padding:7px 20px; border-radius:20px; font:bold 17px 'NanumSquare', sans-serif; transform:skew(-0.03deg); }
.r74>ul span.tit2 { background-color:#ffad1e; }
.r74>ul span.tit3 { display:inline-block; padding-top:20px; }
.r74 ul.u3 { background-color:#e0eaf4; padding:70px 50px; }
.r74>ul li { display:inline-block; overflow:hidden; float:left; width:50%; padding-top:40px; }
.r74 ul.u4 { background-color:#efefef; padding:70px 50px; }


/*caby_info r79*/

.r79 { display:block; overflow:hidden; width:100%; margin:20px 0;  }
.r79>.box1 { background: url(/img/page/1_top_bg.png) no-repeat center 0; }

/*r2r3 goodtree usa*/

.r3 { display:block; overflow:hidden; width:100%; }
.r3>ul { display:block; overflow:hidden; width:100%; margin:10px 0; }
.r3>ul.r3_u { display:flex; align-items:stretch; justify-content:center; align-content:center; }
.r3>ul span.tit { display:inline-block; background-color:#afcf00; color:#fff; padding:10px 15px; font: 16px 'NanumSquare', sans-serif; transform:skew(-0.03deg); letter-spacing:-1px; border-radius:20px; margin:20px 0 10px 0; }
.r3>ul.r3_u>li { display:inline-block; overflow:hidden; float:left; width:33.3%; margin:0 5px; border:2px solid #83b462; border-radius:0 0 15px 15px; }
.r3>ul.r3_u>li div.d_box { display:block; overflow:hidden; width:100%;  }
.r3>ul.r3_u>li div.d_box ul { padding:10px; font: 16px 'Pretendard-Regular'; letter-spacing:-0.5px; line-height:23px; }
.r3>ul.r3_u>li div.d_box ul:nth-child(1) { background-color:#83b462; color:#fff; padding:10px; font: 16px 'NanumSquare', sans-serif; transform:skew(-0.03deg); letter-spacing:-0.5px;  }


.r86 { display:block; overflow:hidden; width:100%; padding:30px 0; }
.r86 ul div.div_s ul li.w60 { font: 19px 'NanumSquare', sans-serif; transform:skew(-0.03deg); letter-spacing:-0.5px; line-height:25px; }
.r86>ul.r_u2 { padding-top:50px; display:flex; align-items:stretch; justify-content:center; background-color:#d2e280; padding:10px 30px; }
.r86>ul.r_u2 li { display:inline-block; overflow:visible; float:left; }
.r86>ul.r_u2 li:nth-child(1) { width:10%; }
.r86>ul.r_u2 li:nth-child(2) { width:90%; padding-left:10px; font: 17px 'NanumSquare', sans-serif; transform:skew(-0.03deg);letter-spacing:-0.5px; line-height:25px;  }
.r86>ul.r_u2 li span { display:inline-block; padding:2px 15px; font: 16px 'NanumSquare', sans-serif; transform:skew(-0.03deg); border-radius:15px; background-color:#fff; color:#d2e280; margin-top:5px; }

/*r2r31 Life-long Education*/
.r31 { display:block; overflow:hidden; width:100%; }
.r31 ul { display:block; overflow:hidden; position:relative; width:100%; }
.r31 ul li { display:inline-block; overflow:hidden; float:left; }

.r31 .top_box { display:block; overflow:hidden; position:relative; width:100%; background: url(/img/page/long_top_bg01.png) no-repeat bottom left/ cover; opacity:0.8; height:730px; }
.r31 .top_box ul.tt01 { display:block; overflow:hidden; width:100%;  font: 25px 'Pretendard-Regular'; font-weight:500; letter-spacing:-1.0px; color:#16d9f6; margin-top:30px; text-align:center; }
.r31 .top_box ul.tt02 { display:block; overflow:hidden; width:100%;  font: 35px 'Pretendard-Regular'; font-weight:600; letter-spacing:-1.0px; color:#121212; margin-top:20px; text-align:center; }
.r31 ul.u_line01 { display:block; overflow:hidden; width:100%; font: 30px 'Pretendard-Regular'; font-weight:600; color:#121212;  text-align:left; border-bottom:2px solid #121212; padding:30px 0 10px 0; }
.r31 ul.u_line02 { display:block; overflow:hidden; width:100%; margin-top:30px;text-align:center; }
.r31 ul.u_line02 span { display:inline-block; overflow:hidden; width:auto; font:bold 20px 'Pretendard-Regular';   }
.r31 ul.u_line02 span.ss1 { color:#29ace0;  font: 17px 'Pretendard-Regular'; font-weight:500;  }
.r31 ul.u_line02 span.ss2 { background-color:#eeeeee; color:#454545; border-radius:20px; padding:15px 50px; }

.r31 ul.r31_ul_tt { margin:30px 0 10px 0; }
.r31 ul.r31_ul_tt p.line1 { position: absolute; top:80px; width:100%; height:5px; background-color:#fccd3f; margin-left:50px; }
.r31 ul.r31_ul_tt p.line2 { position: absolute; top:80px; width:100%; height:5px; background-color:#42aadd; margin-left:50px; }
.r31 ul.r31_ul_tt p.line3 { position: absolute; top:80px; width:100%; height:5px; background-color:#9bc615; margin-left:50px; }
.r31 ul.r31_ul_tt p.line4 { position: absolute; top:80px; width:100%; height:5px; background-color:#e9639e; margin-left:50px; }
.r31 ul.r31_ul_tt p.line5 { position: absolute; top:80px; width:100%; height:5px; background-color:#f7ae3b; margin-left:50px; }
.r31 ul.r31_ul_tt p.line6 { position: absolute; top:80px; width:100%; height:5px; background-color:#8bc682; margin-left:50px; }
.r31 ul.r31_ul_tt p.line7 { position: absolute; top:80px; width:100%; height:5px; background-color:#6ec3c7; margin-left:50px; }
.r31 ul.r31_ul_tt p.line8 { position: absolute; top:80px; width:100%; height:5px; background-color:#588ccd; margin-left:50px; }
.r31 ul.r31_ul_tt p.line9 { position: absolute; top:80px; width:100%; height:5px; background-color:#bd8fc0; margin-left:50px; }
.r31 ul.r31_ul_tt p.line10 { position: absolute; top:80px; width:100%; height:5px; background-color:#f098b4; margin-left:50px; }
.r31 ul.r31_ul_tt p.line11 { position: absolute; top:80px; width:100%; height:5px; background-color:#e6916b; margin-left:50px; }
.r31 ul.r31_ul_tt p.line12 { position: absolute; top:80px; width:100%; height:5px; background-color:#3476bc; margin-left:50px; }
.r31 ul.r31_ul_tt p.txt1 { position: absolute; top:45px; left:180px; font: 18px 'Pretendard-Regular'; letter-spacing:-1.0px; }

.r31 ul div.div_s { padding:30px 100px; }
.r31 ul.uu1 div.div_s { padding:10px 20px; }
.r31 ul div.div_s ul li.b { padding:0 10px; }
.r31 ul div.div_s ul li.b img { max-width:100%; margin-bottom:10px; }
.r31 ul div.div_s ul li.b div.div_txt ul { font: 14px 'Pretendard-Regular'; letter-spacing:-0.5px; line-height:20px; }
.r31 ul.uu2 div.div_s { padding:10px; }
.r31 ul.uu2 div.div_s ul li  { font: 19px 'Pretendard-Regular'; }
.r31 ul.uu2 div.div_s ul li p.p02 { background-color:#feeeea; color:#f1666a; text-align:center; padding:7px 0; border-radius:10px; margin-left:10px; }
.r31 ul.uu2 div.div_s ul li p.p03 { background-color:#e8ecf6; color:#3476bc; text-align:center; padding:7px 0; border-radius:10px; margin-left:10px; }
.r31 ul.uu2 div.div_s ul li.w80 { font: 15px 'Pretendard-Regular'; letter-spacing:-0.5px; line-height:22px; padding:5px 0; }
.r31 ul.uu2 div.div_s ul.f_ul { margin-bottom:7px; }

.r31>div.box3>ul.u01 { width:260px; margin:0 auto; }
.r31>div.box3>ul.u01>.q_tit .t_bb { background-color:#ff8315; padding:13px 0;  }
.r31>div.box3>ul.u01>.q_tit .t_bb>span { bottom:-10px; border-top: 15px solid #ff8315; border-left: 15px solid transparent;border-right: 15px solid transparent;   }

/*r77 ruah_info*/
.r77 { display:block; overflow:hidden; width:100%; margin:20px 0;  }

.r77>.box1 { background: url(/img/page/ruah_bg.png) no-repeat center 0; }
.r77>.box1>ul.u2 img { width:60%; }

.r77 .ul_b2 { display:block; overflow:hidden; width:100%; background-color:#f9f9f9; padding:50px; }
.r77 .ul_b2 .g_box { position:relative; overflow:visible; margin:100px 20px 20px 20px; border:1px solid #fff; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-radius:20px; padding:80px 100px 30px 100px; }
.r77 .ul_b2 .g_box>p { display:block; overflow:hidden; font: 23px 'SCDream5'; border-bottom:1px dashed #c4c4c4; padding:10px 0; }
.r77 .ul_b2 .g_box>p:last-child { border-bottom:0; }
.r77 .ul_b2 .g_box>p>span { display:inline-block;  background-color:#1a9dff; color:#fff; padding:0 6px; margin-right:10px; border-radius:25px; font: 23px 'SCDream6'; }
.r77 .ul_b2 .g_box>div.ttt { position: absolute; display:block; overflow:visible; top:-40px; left:20%; width:60%; }
.r77 .ul_b2 .g_box>div.ttt .t_bb { position:relative; background-color:#1a9dff; color:#fff; padding:20px 0; text-align:center; font: 26px 'SCDream6'; border-radius:17px;  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;  }
.r77 .ul_b2 .g_box>div.ttt .t_bb>span { position: absolute; bottom:-20px; left:47%; width: 0px;height: 0px;border-top: 23px solid #1a9dff; border-left: 17px solid transparent;border-right: 17px solid transparent;  }


.r77 .ul_b2>ul.u1 { font: 55px 'GmarketS B'; text-align:center; letter-spacing:-0.8px; color:#fff;  text-shadow: -1px 0 #00374b, 0 1px #00374b, 1px 0 #00374b, 0 -1px #00374b, 4px 4px 0px #00374b; }
.r77 .ul_b2>ul.u2 { margin-top:45px; }
.r77 .ul_b2>ul.u3 { margin-top:45px; }
.r77 .ul_b2>ul.u3 .tit_box { margin-bottom:15px; }
.r77 .ul_b2>ul.u4 { margin-top:45px; font: 23px 'GmarketS M'; text-align:center; letter-spacing:-0.8px; color:#121212; line-height:30px; }
.r77 .ul_b2>ul.u_img { margin-top:45px; text-align:center;  }
.r77 .ul_b2>ul.u_img img { max-width:90%; }

.r77 .ul_b2>div.ul_box01 { display:block; overflow:hidden; width:100%; padding:30px 80px 20px 80px; }
.r77 .ul_b2>div.ul_box01 ul { display:flex; align-items:stretch; justify-content:flex-start; align-content:center; font: 22px 'SCDream5'; border-bottom:1px dashed #aaa; padding:10px 0;  }
.r77 .ul_b2>div.ul_box01 ul li span { display:inline-block; background-color:#1a9dff; color:#fff; padding:1px 10px; border-radius:3px 20px 20px 20px; margin-right:15px; }
.r77 .ul_b2>div.ul_box01 ul li span.s10 { font: 20px 'Pretendard-Regular'; padding:1px 8px; letter-spacing:-3.0px; } 

.r77 .ul_b3 { display:block; overflow:hidden; width:100%; background-color:#fff; }

.r77 .ul_b3>ul.u_con1 { display:flex; align-items:stretch; justify-content:flex-start; align-content:center; background-color:#ff8b38; color:#fff;  font: 19px 'SCDream5'; }
.r77 .ul_b3>ul.u_con1>li { width:50%; text-align:center; padding:5px 0; }
.r77 .ul_b3>ul.u_con1>li:nth-child(1) { border-right:1px solid #ffa849; }
.r77 .ul_b3>ul.u_con1_1 { background-color:#39d60a; }
.r77 .ul_b3>ul.u_con1_1>li:nth-child(1) { border-right:1px solid #88f76f; }
.r77 .ul_b3>ul.u_con2 { display:flex; align-items:stretch; justify-content:flex-start; align-content:center; background-color:#ffe4bd; color:#232323;  font: 17px 'SCDream4'; }
.r77 .ul_b3>ul.u_con2>li { width:50%; text-align:center; padding:10px 20px; line-height:27px; }
.r77 .ul_b3>ul.u_con2>li:nth-child(1) { border-right:1px solid #ffa849; }
.r77 .ul_b3>ul.u_con2_1 { background-color:#cdf8c1; }
.r77 .ul_b3>ul.u_con2_1>li:nth-child(1) { border-right:1px solid #88f76f; }
.r77 .box3 { padding:0; }

.r77 .ul_b4 { display:block; overflow:hidden; width:100%; background-color:#f2fafa; padding:50px; }
.r77 .ul_b4>ul { display:block; overflow:hidden; width:100%; text-align:center; padding:15px 0; }
.r77 .ul_b4>ul>span.sp01 { display:inline-block; background-color:#00509b; color:#fff; font: 20px 'SCDream5'; padding:5px 20px; border-radius:50px; }
.r77 .ul_b4>ul.u3 { background-color:#fff; color:#232323; border-radius:20px; box-shadow: rgba(99, 99, 99, 0.2) 5px 5px 5px 5px; #a59895; padding:20px; font: 22px 'SCDream5'; line-height:37px; } 

.r77 .ul_b5 { display:block; overflow:visible; width:100%; position:relative; height:850px; }
.r77 .ul_b5 ul { display:flex; align-items:stretch; justify-content:flex-start; align-content:center; flex-wrap:nowrap; position: absolute; top:10px; overflow:visible; width:100%; background-color:#f2fafa; padding:0; height:100px; z-index:9; }
.r77 .ul_b5 ul img { transform: translate(0%, -15%); }
.r77 .ul_b5 ul.z01 { position: absolute; top:120px; z-index:8;  }
.r77 .ul_b5 ul.z02 { position: absolute; top:240px; z-index:7;  }
.r77 .ul_b5 ul.z03 { position: absolute; top:360px; z-index:6;  }
.r77 .ul_b5 ul.z04 { position: absolute; top:480px; z-index:5;  }
.r77 .ul_b5 ul.z05 { position: absolute; top:600px; z-index:4;  }
.r77 .ul_b5 ul.z06 { position: absolute; top:720px; z-index:3;  }
.r77 .ul_b5 ul.z07 { position: absolute; top:840px; z-index:2;  }
.r77 .ul_b5 ul>li:nth-child(2) { width:auto; padding:8px 30px; color:#343434; font: 16px 'SCDream5'; line-height:25px; }
.r77 .ul_b5 ul>li:nth-child(2)>span { font: 19px 'SCDream5'; color:#0080f7; }

.r13 { display:block; overflow:hidden; width:100%; margin:20px 0;  }
.r13 ul.top_title { display:block; overflow:visible; width:100%; background: url(/img/page/han_bg01.jpg) no-repeat right 50%;  background-size: cover; height:270px; padding:20px 20px 20px 30px; }
.r13 ul.top_title>p { display:block; overflow:hidden; width:68%; float:left; padding-bottom:10px; font:bold 16px 'NanumSquare', sans-serif; transform:skew(-0.03deg); color:#fff; line-height:23px; }
.r13 ul.top_title>p img { height:30px; }
.r13 ul.top_title>p.tt { font:bold 37px 'NanumSquare', sans-serif; transform:skew(-0.03deg); font-weight:800; color:#01458e; text-shadow:-2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff; padding:20px 0;  }
.r13 ul.ul01 { display:flex; align-items:stretch; justify-content:flex-start; align-content:center; flex-wrap:nowrap;  overflow:hidden;  margin-top:40px; }
.r13 ul.ul01>li:nth-child(2) { font: 18px 'SCDream5'; color:#585657; padding:10px 20px; letter-spacing:-1.0px }
.r13 ul.ul01>li:nth-child(2) img { height:50px; margin-top:15px; }
.r13 ul.ul02 { display:block; overflow:hidden; width:100%; background-color:#eaf6f6; padding:50px; border-radius:20px; font: 16px 'SCDream4'; color:#343434;   }
.r13 ul.ul02 li { display:block; overflow:hidden; width:100%;  text-align:center; font:bold 22px 'SCDream4'; color:#343434; margin-bottom:20px; } 
.r13 ul.ul02 li img { height:30px; }
.r13>ul>span.tt { display:inline-block; background-color:#64aadd; color:#fff; font: 20px 'SCDream5'; padding:5px 20px; border-radius:10px; margin:50px 0 20px 0; }

.r13 ul.ul03 { display:block; overflow:hidden; width:100%; margin:20px 0; }
.r13 ul.ul03>li { display:inline-block; overflow:hidden; float:left; width:48%; margin:1%; }
.r13 ul.ul03>li>div.b_div { display:block; overflow:hidden; width:100%; }
.r13 ul.ul03>li>div.b_div ul:nth-child(1) { display:block; overflow:hidden; width:100%; background-color:#95c6b5; color:#fff;  font: 22px 'Pretendard-Regular'; padding:10px; }
.r13 ul.ul03>li>div.b_div ul:nth-child(2) { display:block; overflow:hidden; width:100%; padding:20px; border:2px solid #95c6b5; border-radius:0 0 20px 20px;  font: 16px 'Pretendard-Regular'; line-height:25px; }
.r13 ul.ul03>li>div.b_div ul:nth-child(2) img { width:90%; }
.r13 ul.ul03>li>div.d01 ul:nth-child(1) { background-color:#afaad3; }
.r13 ul.ul03>li>div.d01 ul:nth-child(2) { border:2px solid #afaad3;  }
.r13 ul.ul03>li>div.d02 ul:nth-child(1) { background-color:#ffe09b; }
.r13 ul.ul03>li>div.d02 ul:nth-child(2) { border:2px solid #ffe09b;  }
.r13 ul.ul03>li>div.d03 ul:nth-child(1) { background-color:#fac8c5; }
.r13 ul.ul03>li>div.d03 ul:nth-child(2) { border:2px solid #fac8c5;  }


.r13 ul.ul04 { display:flex; align-items:stretch; justify-content:space-between; align-content:center; flex-wrap:nowrap; overflow:hidden; width:97%; margin:50px 20px; padding:20px; box-shadow: 0 0 10px #ddd; font: 16px 'SCDream4'; }
.r13 ul.ul04>li { display:inline-block; overflow:hidden; float:left; }
.r13 ul.ul04>li:nth-child(1) { width:70%; }
.r13 ul.ul04>li:nth-child(2) img { height:130px; }
.r13>ul>li>span.tt2 { display:inline-block; background-color:#656565; color:#fff; font: 20px 'SCDream5'; padding:5px 20px; border-radius:10px; margin:0 0 20px 0; }
.r13 ul.ul05 { display:block; overflow:hidden; width:100%; margin:20px 0; background-color:#64aadd; padding:30px; }

/*부모성품*/
.r89 { display:block; overflow:hidden; width:100%; margin:20px 0; }
.r89 ul { display:block; overflow:hidden; text-align:center; }
.r89>div.div_txt { width:90%; margin:25px 5%; }
.r89 ul.tt { display:block; overflow:hidden; text-align:center; font:bold 30px 'Pretendard-Regular'; color:#5cac91; margin:20px 0; }
.r89 ul span.s01 { display:inline-block; width:200px; background-color:#a4d0c1; color:#fff; font: 18px 'Pretendard-Regular';  padding:4px 0; border-radius:20px 20px 0 0;  }
.r89 ul span.s02 { display:inline-block; width:200px;  background-color:#7cbda9; color:#fff; font: 18px 'Pretendard-Regular'; padding:4px 0; border-radius:0 0 20px 20px;  }
.r89 ul span.s03 { display:inline-block;  background-color:#39bf95; color:#fff; font: 22px 'Pretendard-Regular'; padding:15px 80px; border-radius:20px;  }
.r89 ul.ul01 { display:block; overflow:hidden; width:100%; margin:30px 0;  }
.r89 ul.ul01>div.b_div { display:block; overflow:hidden; width:90%; margin:0 5%;  border:2px solid #5cac91; border-radius:20px; }
.r89 ul.ul01>div.b_div ul { display:block; overflow:hidden; padding:15px; font: 18px 'Pretendard-Regular'; line-height:30px;  }
.r89 ul.ul02 { display:block; overflow:hidden; width:100%; margin:30px 0; background-color:#f8f8f8; padding:30px 0; }
/*부모성품*/
.r90 { display:block; overflow:hidden; width:100%; margin:20px 0;  }
.r90 ul { display:block; overflow:hidden; text-align:center; }
.r90>div.div_txt { width:90%; margin:25px 5%; }
.r90 ul.tt { display:block; overflow:hidden; text-align:center; font:bold 30px 'Pretendard-Regular'; color:#9b94c8; margin:20px 0; }
.r90 ul span.s01 { display:inline-block; width:200px; background-color:#b9b3d9; color:#fff; font: 18px 'Pretendard-Regular';  padding:4px 0; border-radius:20px 20px 0 0;  }
.r90 ul span.s02 { display:inline-block; width:200px;  background-color:#9b94c8; color:#fff; font: 18px 'Pretendard-Regular'; padding:4px 0; border-radius:0 0 20px 20px;  }
.r90 ul span.s03 { display:inline-block;  background-color:#9b94c8; color:#fff; font: 22px 'Pretendard-Regular'; padding:15px 80px; border-radius:20px;  }
.r90 ul.ul01 { display:block; overflow:hidden; width:100%; margin:30px 0;  }
.r90 ul.ul01>div.b_div { display:block; overflow:hidden; width:90%; margin:0 5%;  border:2px solid #9b94c8; border-radius:20px; }
.r90 ul.ul01>div.b_div ul { display:block; overflow:hidden; padding:15px; font: 18px 'Pretendard-Regular'; line-height:30px;  }
.r90 ul.ul02 { display:block; overflow:hidden; width:100%; margin:30px 0; background-color:#f8f8f8; padding:30px 0; }
/*부모성품*/
.r91 { display:block; overflow:hidden; width:100%; margin:20px 0;  }
.r91 ul { display:block; overflow:hidden; text-align:center; }
.r91>div.div_txt { width:90%; margin:25px 5%; }
.r91 ul.tt { display:block; overflow:hidden; text-align:center; font:bold 30px 'Pretendard-Regular'; color:#ffc000; margin:20px 0; }
.r91 ul span.s01 { display:inline-block; width:200px; background-color:#fedb8a; color:#fff; font: 18px 'Pretendard-Regular';  padding:4px 0; border-radius:20px 20px 0 0;  }
.r91 ul span.s02 { display:inline-block; width:200px;  background-color:#fecc5b; color:#fff; font: 18px 'Pretendard-Regular'; padding:4px 0; border-radius:0 0 20px 20px;  }
.r91 ul span.s03 { display:inline-block;  background-color:#ffc000; color:#fff; font: 22px 'Pretendard-Regular'; padding:15px 80px; border-radius:20px;  }
.r91 ul.ul01 { display:block; overflow:hidden; width:100%; margin:30px 0;  }
.r91 ul.ul01>div.b_div { display:block; overflow:hidden; width:90%; margin:0 5%;  border:2px solid #ffc000; border-radius:20px; }
.r91 ul.ul01>div.b_div ul { display:block; overflow:hidden; padding:15px; font: 18px 'Pretendard-Regular'; line-height:30px;  }
.r91 ul.ul02 { display:block; overflow:hidden; width:100%; margin:30px 0; background-color:#f8f8f8; padding:30px 0; }
/*부모성품*/
.r92 { display:block; overflow:hidden; width:100%; margin:20px 0;  }
.r92 ul { display:block; overflow:hidden; text-align:center; }
.r92>div.div_txt { width:90%; margin:25px 5%; }
.r92 ul.tt { display:block; overflow:hidden; text-align:center; font:bold 30px 'Pretendard-Regular'; color:#f8aead; margin:20px 0; }
.r92 ul span.s01 { display:inline-block; width:200px; background-color:#f9c6c3; color:#fff; font: 18px 'Pretendard-Regular';  padding:4px 0; border-radius:20px 20px 0 0;  }
.r92 ul span.s02 { display:inline-block; width:200px;  background-color:#f8aead; color:#fff; font: 18px 'Pretendard-Regular'; padding:4px 0; border-radius:0 0 20px 20px;  }
.r92 ul span.s03 { display:inline-block;  background-color:#f8aead; color:#fff; font: 22px 'Pretendard-Regular'; padding:15px 80px; border-radius:20px;  }
.r92 ul.ul01 { display:block; overflow:hidden; width:100%; margin:30px 0;  }
.r92 ul.ul01>div.b_div { display:block; overflow:hidden; width:90%; margin:0 5%;  border:2px solid #f8aead; border-radius:20px; }
.r92 ul.ul01>div.b_div ul { display:block; overflow:hidden; padding:15px; font: 18px 'Pretendard-Regular'; line-height:30px;  }
.r92 ul.ul02 { display:block; overflow:hidden; width:100%; margin:30px 0; background-color:#f8f8f8; padding:30px 0; }



/*
background: linear-gradient(to bottom left, cyan 50%, palegoldenrod 50%);
https://css-tricks.com/the-shapes-of-css/
*/