/* Noto Sans KR ÆùÆ® */
@import url("notosanskr.css");
/* pretendard ÆùÆ® */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css');
/* NanumSquare ÆùÆ® */
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@2.0/nanumsquare.css');
/* Oswald ÆùÆ® */
/*@import url('http://fonts.googleapis.com/css?family=Oswald:400,500,700,300');*/
/*@import url('https://fonts.cdnfonts.com/css/oswald-4');*/
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&display=swap');
/* SCoreDream ÆùÆ® */
@import url('https://webfontworld.github.io/score/SCoreDream.css');
/* NotoSans, NotoSerifKR ÆùÆ® */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Noto+Serif+KR:wght@200..900&display=swap');
/* gmarket sans ÆùÆ® */
@import url('https://cdn.jsdelivr.net/gh/leetaewook/gmarket-sans-dynamic-subset/GmarketSans.css');

/* reset */
html, body {width:100%; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0px; padding:0px;}
body img {border:0;}
body label {font-size:14px;}
ul, li {list-style:none;}

td {font-size:13px; color:#454545; line-height:20px; font-family:'Noto Sans KR';}
A:link {color:#4D534D; font-size:13px; text-decoration:none; font-family:'Noto Sans KR';}
A:visited {color:#434843; font-size:13px; text-decoration:none; font-family:'Noto Sans KR';}
A:active {color:#434843; font-size:13px; font-family:'Noto Sans KR';}
/*A:hover {color:#276194; text-decoration:underline} »ç¿ë¾ÈÇÔ*/
.box {font-size:9pt; border:2px solid #e7e7e7; background-color:#f7f7f7;  }
.selectbox {BACKGROUND-COLOR:#F5F5F5; COLOR:#4E4E4E; font-size:13px;}
.nonbox {font-size:13px; border:0 solid #666666; background-color:white;  }
.radio {font-size:13px; border:0 solid #666666; background-color:white;  }
.text {font-size:13px; border:1px solid #e7e7e7;}
.select {font-size:13px; border:0 solid #666666;}
.outset {font-size:13px; border:1px outset #ffffff;}
.btn {border:2px solid #565656; font-size:13px; color:#ffffff; background-color:#73A9D1; height:22px}
.input{background-color:#ffffff; font-family:'Noto Sans KR', ±¼¸²,Gulim; font-size:12px; color:#636163; border:1px solid #9C9A9C}
.submit {border:1px solid #1F556A; font-size:13px; color:white; background-color:#50889F; height:19px}
.textarea {border:1px solid 347088; font-size:13px; color:#042330; background-color:#white}
.wrap {position:relative; }

input {margin:0px; padding:0px; border:1px solid #C0C0C0;}
input[type="text"] {background:#ffffff; height:35px;  padding-left:3px; border:1px solid #C0C0C0;}
input[type="password"] {background:#ffffff; height:35px; padding-left:3px; border:1px solid #C0C0C0;}
input[type="file"] {border:0;}
input[type="checkbox"] {width:15px; height:15px; /*vertical-align:middle;*/}

select {background:#ffffff; height:35px; border:none; margin:0px; padding:0px; border:1px solid #C0C0C0;}
textarea {resize:none; margin:0px; padding-left:3px;}



/*######################
## menu
######################*/
/*header*/

#header {width:100%;  position:relative; height:90px; background-color:#ffffff;border-bottom:1px solid rgba(14, 14, 14, 0.4);}
#header.scroll {position:fixed;top:0;width:100%;height:90px;background-color: #ffffff;border-bottom:1px solid rgba(14, 14, 14, 0.4);z-index: 99;}


.depthWrap {width:1200px; margin:0 auto; min-width:1200px; padding:0px;}

.gnb {width:1400px; margin:0 auto; position:relative; background-color:#ffffff; z-index:3001; min-width:1400px;}

.gnb h2 {float:left; /*padding-right:50px;*/padding-top:25px;}

.gnb .menuList {width:1000px; float:left; margin-top:35px; }
.gnb .menuList li {float:left; height:55px; padding:0 15px;}
.gnb .menuList li a {font-family:'Pretendard';font-size: 17px;  font-weight: 600;letter-spacing: -1px;color: #000;}
.gnb .menuList li.on > a {color:#117eb7;}

.gnb .menuList .li01 { /*padding-left:0px;*/padding-left:55px; }
.gnb .menuList .li11 { padding-right:0px; }
.gnb .menuList li .first_depth {display:none;}
/*.gnb .menuList li.on .first_depth {display:block;}*/

.gnb .topRightMenu { display:inline-block; margin-top:19px; margin-left:30px;}
.gnb .loginMenu {text-align:right; }
.gnb .loginMenu a {font-family:'Pretendard';font-size: 12px;  font-weight: 500;letter-spacing: normal;color:rgba(0, 0, 0, 0.5);  }
.gnb .countryMenu { margin-top:9px; text-align:left; }
.gnb .countryMenu a + a { margin-left:4px; } 

/*.gnb .menuList li.last a:after, .gnb .gnblist li.sitemap a:after, .gnb .gnblist li.language a:after{display:none;}
.menuList li:hover{ cursor:pointer;}*/



.menuList li .first_depth {width:100%; position:absolute; left:0; top:75px; background:#ffffff; z-index:1000; opacity:0.9; filter:alpha(opacity:'90'); padding:0px; }
.menuList li .first_depth .depthWrap {margin:0px auto; overflow:hidden;}

/*.menuList li .first_depth .depthWrap .depthTitle {float:left;}
.menuList li .first_depth .depthWrap .depthTitle a:after {display:none;}
*/

.menuList li .subMenu {float:left; margin-left:20px; }
.menuList li .subMenu ul {overflow:hidden; /*width:740px; margin-top:25px;*/}
.menuList li .subMenu ul::after { display:block; content:''; clear:}
.menuList li .subMenu li {/*width:138px; height:26px;*/ float:left; margin-top:20px; background:none; padding:0 10px; height:45px; }
.menuList li .subMenu li a {font-family:'Pretendard'; font-weight: 400;padding:0; font-size:14px; height:28px; display:block; letter-spacing:0px; color:#202028; }
.menuList li .subMenu li a:after {display:none;}
.menuList li .subMenu li a:hover {color:#117eb7; border-bottom:3px solid #117eb7; text-decoration:none;}
.menuList li .subMenu li a.on {color:#117eb7; border-bottom:3px solid #117eb7;}

.menuList li .subMenu01 {margin-left:110px;}
.menuList li .subMenu02 {margin-left:320px;}
.menuList li .subMenu03 {margin-left:180px;}
.menuList li .subMenu04 {margin-left:180px;}
/*.menuList li .subMenu05 {margin-left:180px;}*/
.menuList li .subMenu05 {margin-left:450px;}
.menuList li .subMenu06 {margin-left:590px;}
.menuList li .subMenu07 {margin-left:620px;}
/*.menuList li .subMenu08 {margin-left:780px;}*/
.menuList li .subMenu08 {margin-left:745px;}
.menuList li .subMenu09 {margin-left:890px;}


#mainEvent {padding-top:60px; padding-bottom:60px;}
/*#mainReview {position:relative; width:100%; height:516px; background:url('/images/main_ban_01_bg.jpg'); text-align:center; background-repeat:no-repeat; background-position:center top; background-attachment:fixed;}*/
#mainReview {width:100%; height:560px; background:url('/images/main_ban_01_bg.jpg') center fixed no-repeat; margin:0 auto;}
/*#mainReview {width:100%; height:560px; background:url('http://samskin.com/images/main_ban_02_bg.jpg') center fixed no-repeat; margin:0 auto;}*/
/*#mainReview {width:100%; height:560px; background:url('http://www.dvcps.com/images/main/promise_bg.png') center fixed no-repeat; margin:0 auto;}*/

#mainReview .txt {position:absolute; width:600px; right:250px; margin-top:50px;}
#mainReview .txt img {display:inline-block;}
#mainSurgery {padding-top:60px;}
#mainCommunity {padding:60px 0 30px 0; text-align:center;overflow:hidden;}
#mainModel {position:relative; height:270px; background:url('/images/main_ban_03_01.jpg'); background-repeat:no-repeat; background-position:center center;}
#mainModel .btnApply {position:absolute; width:226px; left:0px; right:0px; top:190px; margin:0 auto;}

#contentWrap {width:100%; /*max-width:1913px;*/ position:relative;overflow:hidden;}
#contentWrap .subImg {background-repeat:no-repeat; background-position:center center;}
#contentWrap .content { --margin-top:50px; }
#contentWrap .member .content { padding-bottom:100px; }

#contentWrap .board {width:100%; margin:0 auto; padding-bottom:150px; }
#contentWrap .member {width:1200px; margin:0 auto;}

#contentWrap .title {width:100%; /*margin-top:50px; border-top:1px solid #96979a;*/ text-align:center; }

#contentWrap .telWrap {width:1200px; margin:0 auto; padding-bottom:100px;  }
#contentWrap .telWrap .title { border-top:none; margin:0; }
#contentWrap .telWrap .counsel {width:650px; margin:0 auto;}
#contentWrap .telWrap #telTB {width:650px; border-collapse:collapse; border-spacing:0px; border:0px; border-top:2px solid #4a4a4a;}
#contentWrap .telWrap #telTB .col01 {width:120px;}
#contentWrap .telWrap #telTB tr {border-bottom:1px solid #cfcfcf;}
#contentWrap .telWrap #telTB td {padding:20px 10px;}
#contentWrap .telWrap #telTB select {padding-left:10px; text-align:center;}
#contentWrap .telWrap .counsel .btnTel {text-align:center; padding-top:30px;}
#contentWrap .telWrap .counsel .btnTel img {cursor:pointer;}
#contentWrap .telWrap .policy {padding:20px 10px; border-bottom:1px solid #cfcfcf;}
#contentWrap .telWrap .policy input[type="checkbox"] {vertical-align:middle; margin-right:5px;}
#contentWrap .telWrap .policy label {cursor:pointer;}

#contentWrap .kakaoWrap {width:1200px; margin:0 auto; padding-top:50px; padding-bottom:100px; }
#contentWrap .kakaoWrap .title { border-top:none; margin:0; }
#contentWrap .kakaoWrap .counsel {width:650px; margin:0 auto;}
#contentWrap .kakaoWrap #kakaoTB {width:650px; border-collapse:collapse; border-spacing:0px; border:0px; border-top:2px solid #4a4a4a;}
#contentWrap .kakaoWrap #kakaoTB .col01 {width:!20px;}
#contentWrap .kakaoWrap #kakaoTB tr {border-bottom:1px solid #cfcfcf;}
#contentWrap .kakaoWrap #kakaoTB td {padding:20px 10px;}
#contentWrap .kakaoWrap #kakaoTB select {padding-left:10px; text-align:center;}
#contentWrap .kakaoWrap .counsel .btnKakao {text-align:center; padding-top:30px;}
#contentWrap .kakaoWrap .counsel .btnKakao img {cursor:pointer;}
#contentWrap .kakaoWrap .policy {padding:20px 10px; border-bottom:1px solid #cfcfcf;}
#contentWrap .kakaoWrap .policy input[type="checkbox"] {vertical-align:middle; margin-right:5px;}
#contentWrap .kakaoWrap .policy label {cursor:pointer;}
#contentWrap .board .content { width:1200px; margin:0 auto; }
#contentWrap .subBottom .ban {background-position:center center; background-repeat:no-repeat;}
#reserveWrap {width:935px; margin:0 auto; padding-bottom:50px;}
#reserveWrap .agree { padding-left:80px; }
#reserveWrap .agree * { vertical-align:middle; }
#reserveWrap .agree .detail { font-size:12px; }


.menuMember {width:100%; padding:50px 0 0 0;}
.menuMember ul {display:table; margin:0 auto; padding:0px;}
.menuMember ul li {float:left;}
.menuMember ul li img {display:block;}


#footer {padding-top:100px;}
#footer .act {padding-top:30px;}
#footer .copyright {padding-top:60px;}
#footer .board {margin-top:50px;}
#footer p.empty {padding-top:80px; text-align:center;}
#footer .board_title {font-family:'Noto Sans KR'; font-size:14px; font-weight:100; color:#7d7d7d;}
#footer .board_date {font-family:'Noto Sans KR'; font-size:15px; font-weight:400; color:#000000;}


#footer .infoWrap {width:1200px; margin:0 auto;}
#footer .infoWrap .boardArea {width:386px; float:left; margin-right:21px;}
#footer .infoWrap .boardArea .tab {margin-bottom:15px;}
#footer .infoWrap .banner div {margin-right:21px;}
#footer .infoWrap .banner div:last-child {margin:0px;}
#footer .infoWrap .banner div {float:left;}

#footer .commonBoard01, .commonBoard02, .commonBoard03 {width:386px;}
#footer .commonBoard02, .commonBoard03 {display:none;}

.boardTab:hover {cursor:pointer;}

/*##############################################
########## Board #############
##############################################*/

#listTB {border-collapse:collapse;}
#listTB .col01 {width:70px;}
#listTB .col03 {width:80px;}
#listTB .col04 {width:70px;}
#listTB .col05 {width:80px;}
#listTB tr:first-child {border-top:2px solid #4a4a4a; border-bottom:1px solid #454545;}
#listTB tr {border-bottom:1px solid #cfcfcf;}
#listTB td {/*height:38px;*/padding:10px 0;}

/*.boardTitle {font-weight:bold; text-align:left; height:45px; padding-left:15px;}*/


#write_form .title {padding-left:10px; border-top:2px solid #454545; border-bottom:1px solid #454545; font-size:15px; font-weight:700;}
#write_form .btnArea {border-top:2px solid #454545; padding-top:10px;}

#postTB td {padding:8px 10px;}
#postTB td:first-child {width:150px; height:35px; background:; text-align:left; padding-left:15px; font-weight:bold;}
#postTB td:last-child {width:910px; padding-left:5px;}


#counselTB td {padding:8px 10px;}
#counselTB td:nth-child(odd) {width:100px; padding-left:10px;}
#counselTB td.blank {padding-bottom:30px;}

#galleryTB {padding:10px 0;}


/*########## Paging start #############*/
#paging {font-size:9pt;}
#paging img {vertical-align:middle;}
#paging .click_text {height:22px; margin:0px; padding:0px 4px 0px 4px; color:#00000; font-weight:bold; vertical-align:middle;}
#paging .board_text {height:22px; color:#505050; text-decoration:none; border:1px solid #CCC; margin:0px 4px 0px 4px; padding:2px 6px 2px 6px; vertical-align:middle;}
/*########## Paging end #############*/



/*########## board start #############*/
.board_1 {font-size:15px; color:#363636; font-weight:600;}
.board_2 {font-size:14px; color:#363636;}
.board_3 {font-size:16px; color:#000000; font-weight:700;}
.board_noti {font-size:14px; color:#363636; font-weight:600;}
/*########## board end  #############*/


#secretTB input[type="password"] {width:150px; height:30px;}
#secretTB input[type="submit"] {width:50px; height:25px; cursor:pointer;}
#secretTB input[type="button"] {width:50px; height:25px; cursor:pointer;}
#secretTB table:last-child{padding-top:10px;}


#deleteTB {padding-top:50px;}
#deleteTB table:last-child {padding-top:10px;}
#deleteTB td {height:35px;}
#deleteTB td.title {height:70px;}
#deleteTB input[type="password"] {width:150px; height:30px;}
#deleteTB input[type="submit"] {width:50px; height:25px; cursor:pointer;}
#deleteTB input[type="button"] {width:50px; height:25px; cursor:pointer;}


/*
##############################################
## Member
##############################################
*/

.loginWrap {width:680px; margin:0 auto;}
.joinWrap, .editWrap, .lostWrap {width:870px; margin:0 auto;}


#joinTB td {border-bottom:1px solid #cecece;}
#joinTB td:first-child {width:176px; height:40px; background:#E7E7E7; padding:10px; text-align:left;}
#joinTB td:last-child {padding:10px;}

#joinTB input[type="radio"] {vertical-align:middle;}
#joinTB .na {border:0px;}


#clear {content:""; display:block; clear:both;}


.quickWrap {position:fixed; right:25px; top:235px; z-index:10000;}
.quickWrap .quick { position:relative; }
.quickWrap ul {margin:0px; padding:0px;}
.quickWrap ul li {text-align:right;text-align:-webkit-right;text-align: -moz-right;text-align: -o-right;}
.quickWrap ul li + li {margin-top:15px;}
.quickWrap ul li img {display:block;}
.quickWrap .return-top {cursor:pointer;}


@font-face {
    font-family:'ng';
    font-weight:normal;
    font-style:normal;
    src:url('/font/NanumGothic.eot');
    src:url('/font/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('/font/NanumGothic.woff') format('woff'),
         url('/font/NanumGothic.ttf') format('truetype');
}
body, input, textarea, a, select {
	font-family:'Noto Sans KR', "Noto Sans CJK KR Black", "Noto Sans CJK KR Medium", "Noto Sans CJK KR Regular", "Noto Sans CJK KR Bold", "³ª´®°íµñ", "³ª´®½ºÄù¾î", NanumGothic, ng,
}



/*########## menu start #############*/
div#menu {
	background:transparent url('/images/menu_m.png') repeat-x scroll 0 0;
	position:absolute;	top:0;	left:0;font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;line-height:150%;
}
ul.menu {clear:both;float:none;cursor:pointer;z-index:1;position:relative;}
div#menu ul {margin:0px;padding:0px;list-style:none;	float:left;z-index:2;	position:relative;}
div#menu li {position:relative;margin:0px;padding:0px;display:block;overflow:visible;float:left; height:30px;z-index:3;}
/* menu::level1 */
div#menu li a {height:30px;display:block;float:left;	line-height:30px;text-decoration:none;color:#ffffff;overflow:hidden;z-index:4; position:relative;}
div#menu li span { color:#ffffff;display:block;padding:0 15px; background-repeat:no-repeat;background-position:95% 0px;z-index:6;position:relative;}
div#menu li span.bg { display:block;background:transparent url('/images/menu_level1_item.png') repeat-x scroll 0pt 100%;padding:0;	height:30px;z-index:5;position:relative;	float:left;}
div#menu li.current {
	//font-weight:bold;
	//background:url('/images/menu_level1_item_current.png');
	background:transparent url('/images/menu_level1_item_current.png') repeat-x scroll 0pt 100%;
}
div#menu li.current ul {font-weight:normal;}
/* menu::level2 */
div#menu ul.menu ul {padding:0px 0px 10px;	background:transparent url('/images/menu_dropdown_bg.png') no-repeat scroll 0pt 100%; _background:transparent url('/images/menu_dropdown_bg.gif') no-repeat scroll 0pt 100%;	left:-999em; width:165px;position:absolute;top:30px;}
div#menu li:hover ul, div#menu li.sfhover ul { left:0px; z-index:100;	visibility:visible; }
div#menu li li { width:100%; text-indent:0px;	float:none; height:auto;}
div#menu li li a, div#menu li li span.separator { margin:0px 1px;padding:0px; background:url('/images/menu_level2_item.gif') no-repeat scroll 100% bottom;height:auto; float:none;display:block; line-height:25px; 	width:163px;}
div#menu li li a.parent { background:url('/images/menu_level2_item_parent.gif') no-repeat scroll 100% bottom;}
/* menu::level3 */
div#menu li ul ul { margin:-31px 0 0 164px;}
div#menu li:hover ul ul, div#menu li.sfhover ul ul { border-top:1px solid #1E1E1E; }
div#menu li:hover ul ul, div#menu li.sfhover ul ul, div#menu li:hover ul ul ul, div#menu li.sfhover ul ul ul, div#menu li:hover ul ul ul ul, div#menu li.sfhover ul ul ul ul { left:-999em; }
div#menu li li:hover ul, div#menu li li.sfhover ul, div#menu li li li:hover ul, div#menu li li li.sfhover ul, div#menu li li li li:hover ul, div#menu li li li li.sfhover ul { left:0pt; z-index:100; }
div#menu a:hover {color:#FFFFFF;}
div#menu span:hover {color:#FFFFFF;}
div#menu li ul span:hover {	color:#FFFFAA;}
/*########## menu end #############*/


.mboard_1, .mboard_1 a {
	font-family:'Noto Sans KR';
	font-size:14px;
	font-weight:500;
	color:#000000;
}

.mboard_2, .mboard_2 a {
	font-family:'Noto Sans KR';
	font-size:13px;
	font-weight:400;
	color:#959595;
}

.mboard_3, .mboard_3 a {
	font-family:'Noto Sans KR';
	font-size:11px;
	font-weight:400;
	color:#848484;
}

.mboard_4, .mboard_4 a {
	font-family:'Noto Sans KR';
	font-size:11px;
	font-weight:400;
	color:#000000;
}


.selfieThumb {position:relative;}
.selfieThumb  thumbImg {position:absolute; top:0px; z-index:10}
.selfieThumb .thumbOv {position:absolute; top:0px; z-index:20; display:none;}


#footerCounsel input[type="text"] { width:270px; height:30px; border:none; background:#ebf0f5; }
#footerCounsel input[type="text"].tel  { width:86px; }
#footerCounsel select { width:270px; height:30px; border:none; background:#ebf0f5; }
#footerCounsel textarea { resize:none; width:270px; height:62px; border:none; background:#ebf0f5; }


.specialWrap #specialBanner { background:url('/board/upload_file/boardImages/sub_02_01.jpg') no-repeat center center; height:770px; margin-bottom:50px; }
.specialWrap .specialList { width:100%;  }
.specialWrap #specialList2 { margin:16px 0 50px; }
.specialWrap .specialList table { width:100%; padding:0; border-spacing:0; border-collapse:separate; }


#mainBar { height:50px; position:absolute; top:90px; z-index:100; width:100%; background:white; display:none; }




/* ¿À½Ã´Â±æ Áöµµ·Îº¸±â ¿µ¿ª */
.snsWrap {position:absolute;width:1200px; margin:0 auto;top:620px;left:1020px;}
.snsWrap .wrap {/*width:426px; padding-top:600px; padding-left:660px;*/}
.snsWrap .wrap::after {content:''; clear:both; display:block;}
.snsWrap .wrap > div {float:left;}
.snsWrap .wrap > div + div {margin-left:20px;}
.snsWrap .wrap a {display:block;}



/* ¸ÞÀÎÆäÀÌÁö ÇмúÈ°µ¿ ¿µ¿ª */
.activityWrap {background:#edf0f7; padding-bottom:120px;}
.activityWrap .titleWrap {width:1200px; margin:0 auto; text-align:center;}
.activityWrap .contentWrap {width:1200px; margin:0 auto;}
.activityWrap .contentWrap .titlesWrap {padding-top:5px; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word;  line-height:1.2em; height:1.2em; -webkit-line-clamp:1; text-align:center;}



/* ¸ÞÀÎÆäÀÌÁö selfie ¿µ¿ª */
.selfiegram {padding-bottom:80px; background:#edf0f7;}
.selfiegram .empty {text-align:center;}
.selfiegram .titleWrap {width:1200px; margin:0 auto;}
.selfiegram .contentWrap {width:1200px; margin:0 auto;}
.selfiegram .contentWrap ul::after {content:''; clear:both; display:block;}
.selfiegram .contentWrap li {float:left; position:relative; overflow:hidden; display:block; width:240px; height:240px;}
.selfiegram .contentWrap li .wrap {transform-origin:center center; transition:transform 2000ms cubic-bezier(0, 0, .21, 1);}
.selfiegram .contentWrap li:hover .wrap {-webkit-transform:scale(1.1); transform:scale(1.1);}
.selfiegram .contentWrap li .wrap > img {width:100%;}

.selfiegram .contentWrap a {display:block;}
.selfiegram .contentWrap li .mask {position:absolute; top:0; width:240px; height:240px; text-align:center; display:none;}
.selfiegram .contentWrap li:nth-child(5n+1) .mask {background:#8591d8; opacity:.8;}
.selfiegram .contentWrap li:nth-child(5n+2) .mask {background:#dfbc9d; opacity:.8;}
.selfiegram .contentWrap li:nth-child(5n+3) .mask {background:#d88bc9; opacity:.8;}
.selfiegram .contentWrap li:nth-child(5n+4) .mask {background:#74bade; opacity:.8;}
.selfiegram .contentWrap li:nth-child(5n) .mask {background:#ee6076; opacity:.8;}

.selfiegram .contentWrap li.active .mask {display:block;}
.selfiegram .contentWrap li .mask a {display:block; width:100%; height:100%; text-align:center;}
.selfiegram .contentWrap li .mask a:before {content:""; display:inline-block; width:1px; height:100%; margin-right:0; vertical-align:middle;}
.selfiegram .contentWrap li .mask a span {color:white; font-size:16px; width:80%; margin:0 auto; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; line-height:1.2em; max-height:8.4em; -webkit-line-clamp:7; display:inline-block; vertical-align:middle;}



#B_CATEGORY {text-align:center;}
#B_CATEGORY ul {display:inline-block;}
#B_CATEGORY ul::after { content''; display:block; clear:both; }
#B_CATEGORY li { float:left; }
#B_CATEGORY li + li { margin-left:4px; }


/* selfie °Ô½ÃÆÇ */
.selfieWrap {width:1200px; margin:0 auto; padding-top:40px;}
.selfieWrap .empty {text-align:center;}
.selfieWrap ul::after {content:''; clear:both; display:block;}
.selfieWrap li {float:left; width:385px; margin-left:22px; margin-bottom:35px;}
.selfieWrap li:nth-child(3n+1) {margin:0;}
.selfieWrap li .titleWrap {--border:1px solid #cdcdcd; --border-top:none; background:#eeeeee; padding:30px 0; height:2.4em; text-align:center;}
.selfieWrap li .titleWrap:before {content:""; display:inline-block; width:1px; height:100%; margin-right:0; vertical-align:middle;}
.selfieWrap li .titleWrap.active {background:#ee6076;}
.selfieWrap li .titleWrap .wrap {width:320px; margin:0 auto; font-size:15px; color:#626262; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; line-height:1.2em; max-height:2.4em; -webkit-line-clamp:2; display:inline-block; vertical-align:middle;}
.selfieWrap li .titleWrap.active .wrap {color:white;}
.selfieWrap img {width:385px; height:296px;}


/* ¼ö¼úÈı⠰ԽÃÆÇ best */
.noticeWrap {padding-bottom:50px;}
.noticeWrap ul::after {content:''; clear:both; display:block;}
.noticeWrap li {width:228px; height:241px; float:left; position:relative;}
.noticeWrap li .bestWrap {position:absolute; top:0; left:0;}
.noticeWrap li + li {margin-left:15px;}
.noticeWrap a > img {width:100%; height:241px;}


/* ¿À½Ã´Â±æ ¿µ»ó ¿µ¿ª */
.introRouteWrap {width:1200px; margin:0 auto 60px;}
.introRouteWrap::after {content:""; clear:both; display:block;}
.introRouteWrap > div {float:left; float:left;}
.introRouteWrap > div + div {margin-left:60px;}
.introRouteWrap > div .titleWrap {margin-bottom:20px;}


/* ¸ÞÀÎÆäÀÌÁö Å×ÀÏ·¯TV ¿µ¿ª */
.mediaWrap {width:1200px; margin:0 auto; padding-bottom:70px;}
.mediaWrap .contentWrap ul::after {content:""; clear:both; display:block;}
.mediaWrap .contentWrap li {width:250px; float:left; margin-left:15px; margin-top:27px;}
.mediaWrap .contentWrap li .titleWrap {margin-top:10px;}
.mediaWrap .contentWrap li .titleWrap a {text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; display:-webkit-box; line-height:1.3em; height:2.6em; -webkit-line-clamp:2; font-size:16px; font-weight:400;}
.mediaWrap .contentWrap li .titleWrap a:hover {font-weight:600;}
.mediaWrap .contentWrap li:nth-child(1) {width:670px; margin:0;}
.mediaWrap .contentWrap li:nth-child(1) .titleWrap {margin-top:10px;}
.mediaWrap .contentWrap li:nth-child(1) .titleWrap a {line-height:1.2em; height:1.2em; -webkit-line-clamp:1; font-size:20px; font-weight:600;}
.mediaWrap .contentWrap li a {display:block;}
.mediaWrap .contentWrap li img {width:100%; height:141px;}
.mediaWrap .contentWrap li:nth-child(1) img {height:377px;}
.mediaWrap .contentWrap li:nth-child(2) {margin-top:0;}
.mediaWrap .contentWrap li:nth-child(3) {margin-top:0;}
.mfp-wrap {z-index:100000;}


/* ¸ÞÀÎÆäÀÌÁö ÇÏ´Ü LOCATION ¿µ¿ª */
.location_now { overflow: hidden;margin-bottom:50px;}
.location_now .cont-container { position: relative; display: flex; justify-content: flex-end;width:1500px;height: 733px;margin: 0 auto;}
.location_now .cont-left { position: absolute; left: 0;width: 40%; }
.location_now .cont-left .desc-1 { font-family:'Oswald';font-size: 34px;font-weight: 600;color: #002e75; letter-spacing: 0.34px;text-align: left; margin-bottom: 26px}
.location_now .cont-left .desc-2 { font-family:'Pretendard';font-size: 25px;font-weight: 600;color: #282828;text-align: left; margin-bottom: 15px;}
.location_now .cont-left .desc-3 { font-family:'Pretendard';font-size: 20px;font-weight: 300;color: #595959;text-align: left; margin-bottom: 56px;letter-spacing: -0.4px;}
.location_now .cont-left .desc-4 { font-family:'Pretendard';font-size: 18px;font-weight: 400;color: #595959;text-align: left; margin-bottom: 47px;}
.location_now .cont-left .desc-4 span:nth-child(1) {font-size: 19px;color: #282828;}
.location_now .cont-left .desc-4 span:nth-child(2) {font-size: 19px;font-weight: 600;color: #282828;}
.location_now .cont-left .desc-5 { font-family:'Oswald';font-size: 58.5px;font-weight: 600;color: #0087e5;text-align: left; margin-bottom: 62px;letter-spacing: 1.17px;}
.location_now .cont-left .desc-6 { font-family:'Pretendard';font-size: 20px;font-weight: 500;color: #282828;text-align: left; margin-bottom: 22px;line-height:35px;}
.location_now .cont-left .desc-7 { font-family:'Pretendard';font-size: 17.5px;color: #e78f8f;text-align: left; }
.location_now .cont-right {margin-right: 0;width: 60%; }

/*#####################
## Footer
######################*/
#footer_v1 {position:relative;width: 100%;}
#footer_v1 .link_info {position:relative;width: 100%;height: 1px;border-top: 1px solid #ececec;}
#footer_v1 .ci_info {position:relative;width: 1200px;height: 310px;margin: 0 auto;}
#footer_v1 .ci_info .ci {padding-top:170px;margin-right:45px;float: right;display:inline-block;}
#footer_v1 .ci_info .ci img {padding-top: 5px;}
#footer_v1 .ci_info .addrs {float: left;display:inline-block;padding-top:18px;}
#footer_v1 .ci_info .addrs span.info {display:inline-block;margin:51px 0px 59px 0px;}
#footer_v1 .ci_info .addrs span.info a {font-family: Pretendard;text-align:left;font-size:19.5px; font-weight: bold;color:#595959;line-height: 1.46px;margin:51px 0px 59px 0px;}
#footer_v1 .ci_info .addrs span.addr {font-family: Pretendard;text-align:left;float: left;display:inline-block;font-size:17px;font-weight: 400; color:#595959;line-height: 30px;;margin-bottom:28px;}
#footer_v1 .ci_info .addrs span:last-child {font-family: Pretendard;font-size:17px; color:#a7a7a7;font-weight:300;line-height: 1.88px}

.footer_common_yt {position:relative; overflow:hidden;margin-bottom:100px;}
.footer_common_yt a{position:absolute; top:0; left:0; width:100%; height:100%; z-index:3;}
.footer_common_yt .bg{overflow:hidden;}
.footer_common_yt .bg > img {position:relative; width:1920px; left:50%; margin-left:-960px;}
.footer_common_yt .txt01 {position:absolute; top:12px; right:50%; margin-right:-62px; animation-duration: 0.8s; animation-name: down; animation-iteration-count: infinite; animation-timing-function: linear;}
.footer_common_yt .txt02 {position:absolute; top:270px; right:25%; /*margin-left:-670px;*/ animation-duration: 5s; animation-name: ring; animation-iteration-count: infinite;}


@keyframes ring {
	  0% { transform: rotate(0); }
	  13% { transform: rotate(26deg); }
	  15% { transform: rotate(-24deg); }
	  17% { transform: rotate(22deg); }
	  19% { transform: rotate(-20deg); }
	  21% { transform: rotate(18deg); }
	  23% { transform: rotate(-16deg); }
	  25% { transform: rotate(14deg); }
	  27% { transform: rotate(-12deg); }
	  29% { transform: rotate(10deg); }
	  31% { transform: rotate(-8deg); }
	  33% { transform: rotate(6deg); }
	  35% { transform: rotate(-4deg); }
	  37% { transform: rotate(2deg); }
	  39% { transform: rotate(-1deg); }
	  41% { transform: rotate(1deg); }
	  43% { transform: rotate(0); }
	  100% { transform: rotate(0); }
}

@keyframes down {
	from {
		transform:translate3d(0, -10px, 0);
	}
	to {
		transform:translate3d(0, 10px, 0);
	}
}

@keyframes ripple {
  0% {
	box-shadow: 0 0 0 0px rgba(250,120,116,0.8);
  }
  100% {
	box-shadow: 0 0 0 15px rgba(250,120,116,0);
  }
}

/*########## common end #############*/

.banner_now {position:relative; width:1200px;margin:0 auto;}
.banner_now ul{display:flex;justify-content:space-between;}
.banner_now ul li{}


.sub_thema_1 { position: relative; width:100%;}
.sub_thema_1 .logo {position: relative;margin: 0 auto;margin-top: 8.75rem;font-family: Oswald;font-size: 1.125rem;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 2.61;letter-spacing: 28.8px;text-align: center;color: #aaa;}
.sub_thema_1 .desc {position: relative; width:34.438rem;margin: 0 auto;margin-top: 6.5rem;font-family: Noto Serif KR;font-size: 2.344rem;font-weight: 300;line-height: 3.375rem;letter-spacing: -0.38px;text-align: center;color: #333333;}
.sub_thema_1 .desc .bold {font-weight:bold;}
.sub_thema_1 .title_wrap {position: relative;width:49rem;margin: 0 auto;margin-top: 2.563rem;}
.sub_thema_1 .title {position: relative;width:29.875rem;margin: 0 auto;font-family: Gmarket Sans;font-size: 5.313rem;font-weight: bold;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: -0.85px;text-align: center;color: #000;}
.sub_thema_1 .title_bg {position: absolute;width: 49rem;height: 3.688rem;margin: 2.188rem auto 0;background-color: #c1e5ff;}
.sub_thema_1 .tab_wrap {position: relative;width:74.875rem;margin: 10.875rem auto 0;}
.sub_thema_1 .tab_wrap ul {position: relative;display:flex;flex-wrap:nowrap;justify-content:center;}
.sub_thema_1 .tab_wrap ul li {width:12.438rem;height: 5rem;border-left:0.063rem solid rgba(117, 117, 117, 0.3);}
.sub_thema_1 .tab_wrap ul li:last-child {border-right:0.063rem solid rgba(117, 117, 117, 0.3);}
.sub_thema_1 .tab_wrap ul li .text_wrap {text-align:center;}
.sub_thema_1 .tab_wrap ul li .text_wrap .text_1 {font-family: Pretendard;font-size: 1.25rem;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.95;letter-spacing: normal;text-align: center;color: #343434;}
.sub_thema_1 .tab_wrap ul li .text_wrap .text_2 {font-family: Pretendard;font-size: 1.5rem;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 1.63;letter-spacing: normal;text-align: center;color: #343434;}

@-webkit-keyframes visual-text-ani {
    0% {transform:translateY(-160%);}
    100% {transform: translateY(0);}
}
@-moz-keyframes visual-text-ani {
    0% {transform:translateY(-160%);}
    100% {transform: translateY(0);}
}
@keyframes visual-text-ani {
    0% {transform:translateY(-160%);}
    100% {transform: translateY(0);}
}
.sub_thema_1 .txt-ani-wrap { overflow:hidden; display:block; }
.sub_thema_1 .txt-ani { display:block; transition-duration:1s; transition-property:transform; transform:translateY(-160%); -webkit-transform:translateY(-160%); -moz-transform:translateY(-160%); -ms-transform:translateY(-160%); -o-transform:translateY(-160%); animation:visual-text-ani forwards 1.4s 0.5s ease-out; -wekit-animation:visual-text-ani forwards 1.4s 0.5s ease-out; -moz-animation:visual-text-ani forwards 1.4s 0.5s ease-out; -ms-animation:visual-text-ani forwards 1.4s 0.5s ease-out; -o-animation:visual-text-ani forwards 1.4s 0.5s ease-out; animation-delay:.1s; }


.sub_thema_2 { position: relative;width: 100%;height: 23.875rem;margin-top: 9.563rem;background-color:rgba(193,229,255,0.2);}
.sub_thema_2 .logo_wrap {position: absolute;width: 27.563rem;height: 1.313rem;top:5.438rem;background-color: #fff;left:50%;transform:translate(-50%, -50%);}
.sub_thema_2 .logo_wrap .text {font-family: Oswald;font-size: 0.813rem;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 1rem;letter-spacing: 0.57rem;text-align: center;color: #000;border:0;}
.sub_thema_2 .desc {position: absolute;width: 60rem;top:13.5rem;left:50%;transform:translate(-50%, -50%);font-family: Pretendard;font-size: 1.25rem;font-weight: 400;font-stretch: normal;font-style: normal;line-height: 2.443rem;text-align: center;color: #343434;}
.sub_thema_2 .desc .bold {position: relative;font-weight:bold;}
.sub_thema_2 .desc span::after { content: ''; position: absolute; left: 0; bottom: 0; height: 0.1px; width: calc(100%); transition: 0.3s; transform: scaleX(1); background-color: #5b5b5b; }

.sub_thema_3 { position: relative;width: 100%;height: 39.25rem;background-color:#f5f5f5;}
.sub_thema_3 .cont-container { position: relative; display: flex; justify-content: flex-end; align-items: start;width:75rem;margin:0 auto;}
.sub_thema_3 .cont-left { width: 50%; }
.sub_thema_3 .cont-left .title {position: relative;margin-top: 9.313rem;font-family: Oswald;font-size: 4.75rem;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.2;letter-spacing: 2.28px;text-align: left !important;color: #a1d8ff;}
.sub_thema_3 .cont-left .desc {position: relative;margin-top: 3.313rem;font-family: Pretendard;font-size: 1.25rem;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 2.443rem;letter-spacing: normal;text-align: left;color: #343434;}
.sub_thema_3 .cont-left .desc .bold {font-weight:500;}
.sub_thema_3 .cont-right { width: 50%; }

.sub_thema_4 { position: relative;width: 100%;height: 24rem;margin-top: 7.875rem;}
.sub_thema_4 .cont-container { position: relative; display: flex; justify-content: flex-end; align-items: center;width:69rem;margin:0 auto;}
.sub_thema_4 .cont-left {display: flex;width: 45%;align-self:flex-start;flex-direction: column;}
.sub_thema_4 .cont-left .text_wrap {position: relative;}
.sub_thema_4 .cont-left .text_wrap .text_1 {position: relative;font-family: Oswald;font-size: 0.813rem;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 2.65;letter-spacing: 13px;text-align: center;color: #000;margin-top:3.188rem;}
.sub_thema_4 .cont-left .text_wrap .text_2 {position: relative;font-family: Gmarket Sans;font-size: 3.5rem;font-weight: bold;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: -0.56px;text-align: center;color: #000;margin-top:2.188rem;}
.sub_thema_4 .cont-left .text_wrap .text_3 {position: relative;font-family: Pretendard;font-size: 1.25rem;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.95;letter-spacing: normal;text-align: center;color: #343434;margin-top:1.25rem;}
.sub_thema_4 .cont-left .btn_wrap {position: relative;width:100%;height:5.313rem;background-image: url("/board/upload_file/boardImages/sub_102_213_02.png");background-repeat: no-repeat;background-position: center;background-size : contain;margin-top:3.8rem;}
.sub_thema_4 .cont-left .btn_wrap .btn_text {position: relative;font-family: Pretendard;font-size: 1rem;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.66;letter-spacing: normal;color: rgba(0, 0, 0, 0.9);margin-top:2rem;margin-left:10rem;}
.sub_thema_4 .cont-left .btn_wrap .btn_text a {position:absolute;margin-top:2rem;}
.sub_thema_4 .cont-left .btn_wrap .btn_text img {vertical-align:middle}
.sub_thema_4 .cont-right { width: 55%; }

.sub_thema_5 { position: relative;width: 100%;height: 47rem;background-image: url("/board/upload_file/boardImages/sub_102_213_04.png");background-repeat: no-repeat;background-position: center;background-size : cover;margin-top:7.75rem;}
.sub_thema_5 .cont-container { position: relative; display: flex; justify-content: flex-end; align-items: center;width:72rem;margin:0 auto;}
.sub_thema_5 .cont-left { width: 53%; }
.sub_thema_5 .cont-left .text_1_wrap {}
.sub_thema_5 .cont-left .text_1_wrap .text_1_1{position: relative;font-family: Oswald;font-size: 4.75rem;font-weight: 600;font-stretch: normal;font-style: normal;line-height: 1.2;letter-spacing: 6.08px;text-align: left;color: #fff;}
.sub_thema_5 .cont-left .text_1_wrap .text_1_2{position: relative;font-family: Noto Serif KR;font-size: 1.625rem;font-weight: 400;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #5b5b5b;margin-top:2.138rem;}
.sub_thema_5 .cont-left .text_1_wrap .text_1_2 .bold {font-weight:600;}
.sub_thema_5 .cont-left .text_2 {position: relative;font-family: Pretendard;font-size: 1.25rem;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 2.443rem;letter-spacing: normal;text-align: left;color: #343434;margin-top:4.375rem;}
.sub_thema_5 .cont-left .text_2 .bold {position:relative;font-weight:500;}
.sub_thema_5 .cont-left .text_2 span::after { content: ''; position: absolute; left: 0; bottom: 0; height: 0.1px; width: calc(100%); transition: 0.3s; transform: scaleX(1); background-color: #343434; }
.sub_thema_5 .cont-right { width: 47%; }
.sub_thema_5 .cont-right img {margin-top:5.813rem;}

.sub_thema_6 { position: relative; width:100%;margin-top: 10.375rem;}
.sub_thema_6 .logo_wrap {position: relative;}
.sub_thema_6 .logo {position: relative;margin: 0 auto;font-family: Oswald;font-size: 0.813rem;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 2.66;letter-spacing: 9.1px;text-align: center;color: #000;}
.sub_thema_6 .title {position: relative;margin: 0 auto;font-family: Pretendard;font-size: 2.688rem;font-weight: 400;font-stretch: normal;font-style: normal;line-height: normal;text-align: center;color: #343434;margin-top: 1.625rem;}
.sub_thema_6 .title .bold {font-weight:bold;}
.sub_thema_6 .cont-container {position: relative;width:75rem;height:50rem;margin: 5.313rem auto 0;}
.sub_thema_6 .cont-container > ul {position: relative;display:flex;flex-wrap:nowrap;justify-content:center;}
.sub_thema_6 .cont-container > ul > li {width:25rem;/*cursor:pointer;*/}
/*.sub_thema_6 .cont-container > ul > li:hover {outline:5px solid #1799f8;z-index:9;}*/
.sub_thema_6 .cont-container > ul > li:nth-child(2) {outline:5px solid #1799f8;z-index:9;}
.sub_thema_6 .cont-container > ul > li .photo {}
.sub_thema_6 .cont-container > ul > li .title {height:4rem;background-color: #c0c0c0;font-family: Pretendard;font-size: 1.875rem;font-weight: 600;font-stretch: normal;font-style: normal;line-height: 1.3;letter-spacing: normal;text-align: center;color: #fff;margin:0;padding-top:1.438rem;}
/*.sub_thema_6 .cont-container > ul > li:hover .title {background-color: #1799f8;}*/
.sub_thema_6 .cont-container > ul > li:nth-child(2) .title {background-color: #9cd5ff;}
.sub_thema_6 .cont-container > ul > li > .info {height:17rem;background-color: #f5f5f5;padding:1.625rem 1.25rem 1.625rem 1.563rem;}
.sub_thema_6 .cont-container > ul > li:nth-child(2) .info {background-color: #ffffff;}

.sub_thema_6 .cont-container > ul > li > .info > ul {}
.sub_thema_6 .cont-container > ul > li > .info > ul li {display:flex;flex-wrap:nowrap;justify-content:left;align-items:baseline;}
.sub_thema_6 .cont-container > ul > li > .info > ul li > .info_title {width: 30%;text-align:right;font-family: Pretendard;font-size: 1.375rem;font-weight: 500;font-stretch: normal;font-style: normal;color: #666666;}
.sub_thema_6 .cont-container > ul > li > .info > ul li > .info_desc {width: 70%;padding-left:0.5rem;font-family: Pretendard;font-size: 1.29rem;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 2.443rem;letter-spacing: -0.1rem;color: #666666;}

.sub_thema_7 { position: relative;width: 100%;height: 51.25rem;background-image: url("/board/upload_file/boardImages/sub_102_213_09.png");background-repeat: no-repeat;background-position: center;background-size : cover;margin-top:6.063rem;}
.sub_thema_7 .logo_wrap {position: relative;}
.sub_thema_7 .logo {position: relative;margin: 0 auto;font-family: Oswald;font-size: 0.813rem;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 2.66;letter-spacing: 9.1px;text-align: center;color: #000;padding-top:9.938rem;}
.sub_thema_7 .title {position: relative;margin: 0 auto;font-family: Pretendard;font-size: 2.688rem;font-weight: 400;font-stretch: normal;font-style: normal;line-height: normal;text-align: center;color: #343434;margin-top: 1.875rem;}
.sub_thema_7 .title .bold {font-weight:bold;}
.sub_thema_7 .cont-container { position: relative;width:50.375rem;margin:0 auto;margin-top: 4.625rem;}
.sub_thema_7 .cont-container > ul {position: relative;}
.sub_thema_7 .cont-container > ul > li {border-top: solid 0.3px #343434;height:4.3rem;cursor:pointer;}
.sub_thema_7 .cont-container > ul > li:hover {background-color: #e4e4e4;}
.sub_thema_7 .cont-container > ul > li:last-child {border-bottom: solid 0.3px #343434;}
.sub_thema_7 .cont-container > ul > li div {display:inline-block;border:0;}
.sub_thema_7 .cont-container > ul > li .num {width:12%;height:2.8rem;font-family: Noto Serif KR;font-size: 1.875rem;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.3;letter-spacing: normal;text-align: center;color: #343434;border-right:solid 0.3px #c2c2c2;}
.sub_thema_7 .cont-container > ul > li .text {width:80%;font-family: Pretendard;font-size: 1.375rem;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.78;letter-spacing: normal;text-align: left;color: #343434;margin-top:1.125rem;margin-left:2.25rem;}

.sub_thema_8 { position: relative;width: 100%;height: 88.25rem;background-image: url("/board/upload_file/boardImages/sub_102_213_10.png");background-repeat: no-repeat;background-position: center;background-size : cover;}
.sub_thema_8 .logo_wrap {position: relative;}
.sub_thema_8 .logo {position: relative;margin: 0 auto;font-family: Oswald;font-size: 0.813rem;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 2.66;letter-spacing: 9.1px;text-align: center;color: #000;padding-top:6rem;}
.sub_thema_8 .title {position: relative;margin: 0 auto;font-family: Pretendard;font-size: 2.688rem;font-weight: 400;font-stretch: normal;font-style: normal;line-height: normal;text-align: center;color: #343434;margin-top: 1.875rem;}
.sub_thema_8 .title .bold {font-weight:bold;}
.sub_thema_8 .cont-container { position: relative;width:67rem;margin:0 auto;margin-top: 3.125rem;}
.sub_thema_8 .cont-container > ul {position: relative;display:flex;flex-wrap:nowrap;justify-content:start;align-items:center;}
.sub_thema_8 .cont-container > ul > li .photo {display:flex;align-items:anchor-center;}
.sub_thema_8 .cont-container > ul > li .photo img:nth-child(2) {margin-left:1rem;margin-right:1rem;}
.sub_thema_8 .cont-container > ul > li .title {height:4.875rem;font-family: Pretendard;font-size: 1.25rem;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;text-align: center;color: #343434;margin:0;padding-top:1.25rem;padding-bottom:2.875rem;margin-left:-1.5rem;}

.sub_thema_9 { position: relative;width: 100%;height: 105rem;}
.sub_thema_9 .logo {position: relative;margin: 0 auto;font-family: Oswald;font-size: 0.813rem;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 2.66;letter-spacing: 9.1px;text-align: center;color: #000;padding-top:11.375rem;}
.sub_thema_9 .title {position: relative;margin: 0 auto;font-family: Pretendard;font-size: 2.688rem;font-weight: 400;font-stretch: normal;font-style: normal;line-height: normal;text-align: center;color: #343434;margin-top: 1.875rem;}
.sub_thema_9 .title .bold {font-weight:bold;}
.sub_thema_9 .cont-container-1 { position: relative; display: flex; justify-content: flex-end; align-items: center;width:75rem;margin:5.188rem auto 0;border-bottom: solid 0.3px #727272;}
.sub_thema_9 .cont-container-1 .cont-left { width: 50%; }
.sub_thema_9 .cont-container-1 .cont-left img {padding-left:2rem;}
.sub_thema_9 .cont-container-1 .cont-right { width: 50%; }
.sub_thema_9 .cont-container-1 .cont-right .cont_title {position: relative;width: 26rem !important;border-radius: 24.5px;border: solid 4px #1799f8;background-color: #fff;font-family: Pretendard;font-size: 2.063rem;font-weight: 600;font-stretch: normal;font-style: normal;line-height: 0.91;letter-spacing: normal;text-align: center;color: #1799f8;padding: 0.688rem 3rem 0.75rem 3.063rem;}
.sub_thema_9 .cont-container-1 .cont-right .cont_desc_1 {position: relative;margin-top: 2.25rem;font-family: Pretendard;font-size: 1.4rem;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 2.25rem;letter-spacing: normal;text-align: left;color: #343434;margin-bottom:1.438rem;}
.sub_thema_9 .cont-container-1 .cont-right .cont_desc_1 .blue {position: relative;color: #1799f8;}
.sub_thema_9 .cont-container-1 .cont-right .cont_desc_1 .bold {display:inline-block;font-weight:bold;font-size: 1.5rem;}
.sub_thema_9 .cont-container-1 .cont-right .cont_desc_1 span::after { content: ''; position: absolute; left: 0; bottom: 0; height: 0.1px; width: calc(100%); transition: 0.3s; transform: scaleX(1); background-color: #1799f8; }
.sub_thema_9 .cont-container-1 .cont-right .cont_desc_1 span:nth-child(even) {margin-bottom:1.438rem;}
.sub_thema_9 .cont-container-1 .cont-right .cont_desc_2 {position: relative;font-family: Pretendard;font-size: 1.313rem;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 2.25rem;letter-spacing: normal;text-align: left;color: #343434;}
.sub_thema_9 .cont-container-2 { position: relative; display: flex; justify-content: flex-end; align-items: center;width:75rem;margin:4rem auto 0;}
.sub_thema_9 .cont-container-2 .cont-left { width: 42%; }
.sub_thema_9 .cont-container-2 .cont-left .cont_title {position: relative;width: 32.625rem !important;border-radius: 24.5px;border: solid 4px #1799f8;background-color: #fff;font-family: Pretendard;font-size: 2.063rem;font-weight: 600;font-stretch: normal;font-style: normal;line-height: 0.91;letter-spacing: normal;text-align: center;color: #1799f8;padding: 0.688rem 3rem 0.75rem 3.063rem;}
.sub_thema_9 .cont-container-2 .cont-left .cont_desc_1 {position: relative;margin-top: 2.25rem;font-family: Pretendard;font-size: 1.6rem;font-weight: 600;font-stretch: normal;font-style: normal;line-height: 1.4rem;letter-spacing: normal;text-align: left;color: #1799f8;margin-bottom:1.375rem;}
.sub_thema_9 .cont-container-2 .cont-left .cont_desc_2 {position: relative;font-family: Pretendard;font-size: 1.313rem;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 2.25rem;letter-spacing: normal;text-align: left;color: #343434;}
.sub_thema_9 .cont-container-2 .cont-right { width: 58%; }
.sub_thema_9 .cont-container-3 { position: relative;width:55rem;margin:2rem auto 0;text-align:center;padding: 0.75rem 9.688rem 0.813rem 9.75rem;border: solid 0.3px #383838;font-family: Pretendard;font-size: 1.1rem;font-weight: 400;font-stretch: normal;font-style: normal;letter-spacing: normal;color: #343434;}
.sub_thema_9 .cont-container-3 img {vertical-align:middle;}

.sub_thema_10 { position: relative;width: 100%;height: 56.313rem;background-image: url("/board/upload_file/boardImages/sub_102_213_19.png");background-repeat: no-repeat;background-position: center;background-size : cover;}
.sub_thema_10 .cont-container { position: relative; display: flex; justify-content: flex-end; align-items: center;width:72rem;margin:0 auto;}
.sub_thema_10 .cont-left { width: 60%; }
.sub_thema_10 .cont-right { width: 40%; }
.sub_thema_10 .title {position: relative;font-family: Noto Serif KR;font-size: 1.938rem;font-weight: 400;font-stretch: normal;font-style: normal;line-height: 3.031rem;letter-spacing:-0.31px;text-align: left !important;color: #ffffff;padding-top: 12rem;}
.sub_thema_10 .title .bold{font-weight:bold;}
.sub_thema_10 .desc {position: relative;padding-top: 7.313rem;}
.sub_thema_10 .desc .desc_1 {font-family: Pretendard;font-size: 1.125rem;font-weight: 300;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: left;color: #fff;}
.sub_thema_10 .desc .desc_1 .desc_1_1 {font-family: Pretendard;font-size: 1.813rem;font-weight: 600;font-stretch: normal;font-style: normal;line-height: 1.91;letter-spacing: normal;text-align: left;color: #fff;margin-left:1.313rem;}
.sub_thema_10 .desc .desc_2 {margin-top:2.125rem;font-family: Pretendard;font-size: 1.188rem;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 1.95;letter-spacing: normal;text-align: left;color: #fff;}

.sub_thema_11 { position: relative; width:100%;height:150rem;}
.sub_thema_11 .logo {position: relative;margin: 0 auto;font-family: Oswald;font-size: 0.813rem;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 2.66;letter-spacing: 9.1px;text-align: center;color: #000;padding-top: 10.5rem;}
.sub_thema_11 .title {position: relative;margin: 0 auto;font-family: Pretendard;font-size: 2.688rem;font-weight: 400;font-stretch: normal;font-style: normal;line-height: normal;text-align: center;color: #343434;margin-top: 1.875rem;}
.sub_thema_11 .title .bold {font-weight:bold;}
.sub_thema_11 .info {position: relative;width: 60.063rem;height: 4.15rem;margin: 0 auto;font-family: Pretendard;font-size: 1.313rem;font-weight: 400;font-stretch: normal;font-style: normal;line-height: 2.125rem;text-align: center;color: #343434;margin-top: 2.188rem; padding: 0.938rem 1.625rem 0.875rem 1.563rem;background-color: #f1f8fb;}
.sub_thema_11 .info .info-1 {color: #a6a6a6;}
.sub_thema_11 .cont-container {position: relative;width:75rem;height:35rem;margin: 5.313rem auto 0;}
.sub_thema_11 .cont-container > ul {position: relative;display:flex;flex-wrap:nowrap;justify-content:center;}
.sub_thema_11 .cont-container > ul > li {width:25rem;height:37rem;/*cursor:pointer;*/}
.sub_thema_11 .cont-container > ul > li .cont_photo {height:23.5rem;}
.sub_thema_11 .cont-container > ul > li .cont_wrap {position: relative;border-left: solid 1px #e1e1e1;}
.sub_thema_11 .b_r_l {border-right: solid 1px #e1e1e1;}
.sub_thema_11 .cont-container > ul > li .cont_title {font-family: Pretendard;font-size: 1.688rem;font-weight: 600;font-stretch: normal;font-style: normal;line-height: 1.26;letter-spacing: -0.81px;text-align: center;color: #383838;margin-top:3.188rem;}
.sub_thema_11 .cont-container > ul > li .cont_desc {height:3.25rem;font-family: Pretendard;font-size: 1.313rem;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: -0.63px;text-align: center;color: #54a1c2;margin-top:1.25rem;}