/* Noto Sans KR ÆùÆ® */
@import url("/css/notosanskr.css");
/* pretendard ÆùÆ® */
@import url('https://webfontworld.github.io/pretendard/Pretendard.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');

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;}
html {overflow-x:hidden !important;}
body {margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; font-size:12px;overflow-x:hidden !important;}
body img, a img {border:0;}

*{-webkit-text-size-adjust:none}

ul, li {list-style:none;}


td {font-size:13px; color: #434843; line-height: 20px;font-family:'Noto Sans KR';} 
a:link {color:#434843; 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:#434843; text-decoration:none;font-family:'Noto Sans KR';} 
a:focus {color:#434843; text-decoration:none;font-family:'Noto Sans KR';}

.box {font-size:12px; border:2 solid #e7e7e7;background-color:f7f7f7;  } 
.selectbox {BACKGROUND-COLOR: F5F5F5; COLOR:4E4E4E; font-size:12px;}
.nonbox {font-size:12px; border:0 solid #666666;background-color:white;  } 
.radio {font-size:12px; border:0 solid #666666;background-color:white;  } 
.text {font-size:12px; border:1 solid #e7e7e7;}
.select {font-size:12px; border:0 solid #666666;}
.outset {font-size:12px;border:1 outset #ffffff;}
.btn {border: 2 solid #565656;font-size:12px; color:ffffff; background-color:73A9D1; height:22px}
.input{background-color:ffffff; font-size:12px; color:#636163; border: 1 solid #9C9A9C; }
.submit {border:1 solid 1F556A; font-size:12px; color:white; background-color:50889F;height:19px}
.textarea {border:1 solid 347088; font-size:12px; color:042330; background-color:white}


input {margin:0px; padding:0px;  -webkit-box-sizing:border-box; border:none;}

input[type="button"] {padding:0px; margin:0px; -webkit-appearance:none; height:40px; /*border:1px solid #EAEAEA;*/ background:#117eb7; color:#ffffff; font-size:14px;}
input[type="text"] {height:40px; padding-left:3px; border:1px solid #DFDFDC; -webkit-appearance:none; font-size:14px;}
input[type="password"] {height:40px; padding-left:3px; border:1px solid #DFDFDC; -webkit-appearance:none;}
input[type="checkbox"] {vertical-align:middle; border:1px solid #DFDFDC;}
input[type="submit"] {padding:0px; margin:0px; -webkit-appearance:none; height:40px; /*border:1px solid #EAEAEA;*/ background:#117eb7; color:#ffffff; font-size:14px;}


select {height:40px; border:none; margin:0px; padding:0px; border:1px solid #EAEAEA;}

textarea {background:#ffffff; height:30px; margin:0px; padding:1px; resize:none; -webkit-appearance:none; border:1px solid #EAEAEA; box-sizing:border-box;}

#wrap {position:relative; width:100%;}

#header {position:relative; top:0px; left:0px; width:100%; padding:0px; text-align:center; height:70px; background:#ffffff; z-index:9999;}
#header.scroll {position:fixed;top:0;left:0px;width:100%;height:70px;background-color: #ffffff;z-index: 9999;}
#header a.logo {position:relative;display:block; top:20px;width:248px;height:48px; margin:0 auto;}
#header a.logo img {width:70%;} 
/*#header a.logo {position:absolute; top:23px; margin:0 auto; display:block; width:248px; height:48px; background:url('/m/images/v1/logo.png') no-repeat; background-size:70%; text-indent:-9999px;}*/
#header a.viewMenu {position:absolute; top:20px; left:auto; right:5px; display:block; width:49px; height:42px; background:url('/m/images/v1/m_top_menu.png') no-repeat; background-size:70%; text-indent:-9999px;}
#header a.phoneCall {position:absolute; top:5px; left:5px; display:block; width:60px; height:60px; background:url('/m/images/v1/m_top_tel.png') transparent center center no-repeat; background-size:70%; text-indent:-9999px;}

/*#############################
## »ç¿ë¾ÈÇҽà »èÁ¦
###############################*/
#header a.viewMenu_old {position:absolute; top:0px; left:40px; display:block; width:50px; height:50px; background:url('/m/images/m_top_03.jpg') transparent center center no-repeat; background-size:100%; text-indent:-9999px;}



/*###############################
## siteMap old Ver.
#################################*/
#siteMap {width:100%; position:relative; z-index:10000; display:none;}
.siteMapWrap {width:100%; position:absolute;}


.siteMapHeader {display:block; height:45px;}
.siteMapHeader ul.topMenu	{float:left; margin:0px;border-bottom:1px solid #aaa; background:#464F56; width:100%;}
.siteMapHeader ul	{float:left;margin:0px 0 3px; padding:0px;}
.siteMapHeader ul li.title	{display:inline-block; height:35px; letter-spacing:-1; font-size:20px; margin:12px 0 0 8px; float:left; color:#ffffff; font-weight:bold;}
.siteMapHeader ul li.closeBtn	{display:inline-block; height:35px; margin:8px 5px 0; float:right; text-align:right}

.menuContent {background-color:#f4f4f4; font-color:#000000;}

#siteMap .subMenuTitle {padding:10px 0 3px 5px; font-size:15px; font-weight:600;}

#siteMap .subMenu ul {margin:0px; padding:0px; border-bottom:1px solid #bababc;}
#siteMap .subMenu ul li {display:inline-block; float:left; width:135px; height:16px; text-align:left; margin:3px 0px 5px 13px; background:; }
#siteMap .subMenu ul li a {font-size:13px;}



#mask {display:none; position:absolute; left:0px; top:0px; z-index:90; width:100%; background-color:#000000; opacity:0.6;}

#clinicWrap {padding:6% 0;}
#clinicWrap h2 img { width:100%; }
#clinicWrap ul::after { clear:both; content:''; display:block; }
#clinicWrap ul { width:93.75%; margin:0 auto; }
#clinicWrap li { float:left; width:calc( 100% / 4 ); }
#clinicWrap a { display:block; }
#clinicWrap img { width:100%; }

#selfieWrap img { width:100%; }

#cotentWrap ul::after { clear:both; content:''; display:block; }
#cotentWrap ul { width:93.75%; margin:0 auto; }
#cotentWrap li { float:left; width:32%; }
#cotentWrap li + li { margin-left:2% }
#cotentWrap a { display:block; }
#cotentWrap img { width:100%; }

#aboutWrap { margin-top:3%; }
#aboutWrap img { width:100%; }

/*##################################################
###### subPage dropDown Navi ###################
####################################################*/
#naviWrap { background:#2f3b51;  padding:10px 15px 20px 15px;}
#titleWrap {width:100%; position:relative; margin:0 auto; height:30px; text-align:center; padding-top:10px;}
#titleWrap .title {height:20px; }
#titleWrap .btnBack img {position:absolute; left:0px; top:10px; height:18px;}



#contentWrap {width:100%;}
#contentWrap .contentArea {width:100%;}
#contentWrap .contentArea img {width:100%;}

#contentWrap .boardArea {width:100%;}

#contentWrap .subBottom img {width:100%; display:block}
#contentWrap .subDepthTab img {width:100%; display:block}



/*#############################
###### Board ###################
###############################*/
#contentWrap .boardArea .categoryWrap { margin:0 auto; padding:10px 15px;}


.boardList em {font-size:12px; font-style:normal; padding-left:4px;}
.boardList_counsel em {font-size:12px; font-style:normal; padding-left:4px;}


.boardArea .boardList {}
.boardArea .boardList td {border-bottom:1px solid #EAEAEA;}
.boardArea .boardList td .noti {font-weight:600; padding-right:5px;}
.boardArea .boardList td .txt {display:inline-table; margin-right:2px;}


.boardArea .boardList a {display:block; padding:10px 15px;}
.boardArea .boardList a span {font-size:14px; line-height:20px; display:block;}
.boardArea .boardList a span.noti {display:inline-block;}
.boardArea .boardList a span.info {font-size:12px; display:block;}

.boardArea .boardList a span.thumb {float:left; width:20%; margin-right:15px;}
.boardArea .boardList a span.thumb_gall {padding-bottom:10px;}
.boardArea .boardList a span.year {text-align:center;font-weight:600;}


.boardArea .boardList td.empty {text-align:center; height:50px;}



.boardArea .boardList_counsel td { border-bottom:1px solid #EAEAEA;}
.boardArea .boardList_counsel td .noti {font-weight:600; padding-right:5px;}


.boardArea .boardList_counsel a {display:block; padding:10px 15px; position:relative;}
.boardArea .boardList_counsel a span {font-size:14px; line-height:20px; display:block;}
.boardArea .boardList_counsel a span.noti {display:inline-block;}
.boardArea .boardList_counsel a span.subject {padding-right:70px;}
.boardArea .boardList_counsel a span.info {font-size:12px; display:block;}
.boardArea .boardList_counsel a span.replayStatus {position:absolute; top:40%; right:15px;}

.boardArea .boardList_counsel td.empty {text-align:center; height:50px;}


.boardView .title {background:#EAEAEA; font-size:15px; padding:8px 15px;}
.boardView .subject {display:block; line-height:20px; font-size:18px; font-weight:600;}

.boardView .title .info {display:block; padding:5px 0 0 0; font-size:12px;}

.boardView .contents {padding:10px 15px 10px 15px; border-bottom:1px solid #EAEAEA;}
.boardView .contents img {width:100%;}

.cancel {background:#656565!important;}


/*#######################################
##### counsel Reply ####################
########################################
*/
.boardView_counsel .title {background:#EAEAEA; font-size:15px; padding:8px 15px;}
.boardView_counsel .subject {display:block; line-height:20px; font-size:18px; font-weight:600;}

.boardView_counsel .title .info {display:block; padding:5px 0 0 0; font-size:12px;}

.boardView_counsel .contents {padding:10px 15px 10px 15px; border-bottom:1px solid #EAEAEA;}
.boardView_counsel .contents img {width:100%;}

.boardView_counsel .contents_reply .replyTitle {background:#127fb8; height:30px; color:#ffffff; text-align:center; padding-top:15px; font-weight:600; font-size:14px;}
.boardView_counsel .contents_reply .reply {padding:0 15px 10px 15px; border-bottom:1px solid #EAEAEA;}


/*#######################################
##### view btn ####################
########################################
*/
.boardArea .btnArea {padding-top:10px; padding-right:15px; text-align:right;}
.boardArea .btnArea img {height:30px;}



.writeWrap {border-bottom:1px solid #EAEAEA;}
#writeTB {width:100%; border-spacing:15px 10px;}
#writeTB td:first-child {width:18%;}

#writeTB .policy {border-bottom:1px solid #EAEAEA;}


.btnView {padding:10px 15px 0 0; text-align:right;}
.btnView img {height:30px;}

.btnConfirm {padding-top:20px; text-align:center;}
.btnConfirm img {height:30px;}

/*#######################################
##### secret ####################
########################################
*/

#deleteTB {width:100%; }
#deleteTB td {padding:10px; border-bottom:1px solid #EAEAEA;}
#deleteTB td:first-child {width:22%;}
#deleteTB td:last-child {padding-left:5px; font-weight:600;}

#deleteBtn {padding-top:10px;}


#secretTB {width:100%; }
#secretTB td {padding:10px; border-bottom:1px solid #EAEAEA;}


#secretBtn {padding-top:10px;}


/*#######################################
##### comment ####################
########################################
*/
.commentWrap {padding:0 15px 0 15px;}


/*#############################
###### reservation ###################
###############################*/
#reserveTB {width:100%; border-spacing:15px 10px;}



/*#####################################
###### etc counsel ###################
#######################################*/
.telWrap {margin:0 auto; padding:50px 15px 0;}
.telWrap .counsel {width:100%; margin:0 auto;}
.telWrap #telTB {width:100%; border-collapse:collapse; border-spacing:0px; border:0px; border-top:2px solid #4a4a4a;}
.telWrap #telTB .col01 {width:20%;}
.telWrap #telTB tr {border-bottom:1px solid #cfcfcf;}
.telWrap #telTB td {padding:20px 10px;}

.telWrap #telTB select {padding-left:10px; text-align:center;}
.telWrap .counsel .btnTel {text-align:center; padding-top:30px;}
.telWrap .counsel .btnTel img {cursor:pointer; height:39px;}

.telWrap .policy {padding:20px 10px; border-bottom:1px solid #cfcfcf;}
.telWrap .policy input[type="checkbox"] {vertical-align:middle; margin-right:5px;}
.telWrap .policy label {cursor:pointer;}

.kakaoWrap {margin:0 auto; padding:50px 15px 0;}
.kakaoWrap .counsel {width:100%; margin:0 auto;}
.kakaoWrap #kakaoTB {width:100%; border-collapse:collapse; border-spacing:0px; border:0px; border-top:2px solid #4a4a4a;}
.kakaoWrap #kakaoTB .col01 {width:20%;}
.kakaoWrap #kakaoTB tr {border-bottom:1px solid #cfcfcf;}
.kakaoWrap #kakaoTB td {padding:20px 10px;}

.kakaoWrap #kakaoTB select {padding-left:10px; text-align:center;}
.kakaoWrap .counsel .btnKakao {text-align:center; padding-top:30px;}
.kakaoWrap .counsel .btnKakao img {cursor:pointer; height:39px;}
		
.kakaoWrap .policy {padding:20px 10px; border-bottom:1px solid #cfcfcf;}
.kakaoWrap .policy input[type="checkbox"] {vertical-align:middle; margin-right:5px;}
.kakaoWrap .policy label {cursor:pointer;}


/*#############################
###### member ###################
###############################*/

#memberWrap {width:100%; background:#ffffff; padding-top:20px;}
#memberWrap img {width:100%;}

#loginWrap {padding:0 15px 0 15px;}
#loginWrap .login {width:100%;}
#loginWrap .loginBtn {width:100%; padding:10px 0;}
#loginWrap .infoBtn {width:100%; padding:10px 0; border-top:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA; }
#loginWrap .infoBtn .agree {width:49%; margin-right:2%;}
#loginWrap .infoBtn .lost {width:49%;}
/*#loginWrap .infoBtn a {float:left; width:49%; padding-right:5px;}
#loginWrap .infoBtn a:last-child {padding-right:0px;}*/

#loginWrap .snsBtn { width:100%; padding-top:10px; }
#loginWrap .snsBtn ul::after { content:''; clear:both; display:block; } 
#loginWrap .snsBtn li { width:49%; float:left; }
#loginWrap .snsBtn li + li { margin-left:2%; }
#loginWrap .snsBtn #naver_id_login { position:relative; float:left; width:100%; }


#loginTB {width:100%; border-spacing:0px; margin:0 auto; border:0px;}
#loginTB td {color:#000000; padding:5px 0;}



#agreeWrap {width:100%; background:; padding-top:5px;}
#agreeWrap textarea {resize:none;}
/*#agreeWrap div {width:90%; /*background:#ffffff;*/ margin:0 auto;}*/
#agreeWrap label {font-size:13px; color:#000000;}

#agreeWrap .aou, .privacy {padding:0 15px 0 15px; }
#agreeWrap .scrollY {height:120px; padding:10px; margin:0px; border:1px solid #e4e4e4; overflow-x:hidden; overflow-y:auto;}
#agreeWrap .btnAgree {padding:20px 15px 0 15px;}
#agreeWrap .agree {width:49%; margin-right:2%;}
#agreeWrap .cancel {width:49%;}



#joinWrap {padding:0 15px;}
#joinWrap .btnJoin {padding-top:20px;}
#joinTB {width:100%; border-spacing:0px; margin:0 auto; border:0px;}
#joinTB td {color:#000000; padding:5px 0;}
#joinTB .chk {color:#FF0000; margin-right:1px;}
#joinTB .na {border:0px;}


#lostWrap {padding:0 15px 0 15px;}
#lostWrap .lost {width:100%;}
#lostWrap .lostBtn {width:100%; height:50px;}
/*
#lostWrap .infoBtn {width:90%; margin:0 auto; padding:10px 0 0 0;}
#lostWrap .infoBtn a {float:left; width:49%; padding-right:5px;}
#lostWrap .infoBtn a:last-child {padding-right:0px;}
*/

#lostWrap .lostTxt {padding:0 0 15px 0;}

#lostTB {border-spacing:0 10px; margin:0 auto;}
#lostTB td {color:#000000;}


/*#############################
###### Search###################
###############################*/

.writeBtn {padding:10px 15px 0 0; text-align:right;}
.searchWrap {margin:0px; padding:20px 0 0 0; text-align:center;}
.searchWrap select, input[type="text"] {vertical-align:top;}

/*#############################
###### Paging ###################
###############################*/
.paging {text-align:center; padding-top:10px; font-size:12px;}
.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;}


#footer {position:relative; width:100%; }
/*#footer img {width:100%; display:block;}*/

#footer #infoWrap { margin:2rem 0; }
#footer #infoWrap ul::after { clear:both; content:''; display:block; }
#footer #infoWrap ul { width:93.75%; margin:0 auto; }
#footer #infoWrap li { float:left; width:20%; }
#footer #infoWrap a { display:block; }
#footer #infoWrap img { width:100%; }

#Copyright { width:100%; margin:0 auto; position:relative; background-color:#ffffff; padding-bottom:6%;margin-top:2rem; border-top:0.5px  solid #4b4b4b;}
/*#Copyright img { width:100%; display:block;}*/
#Copyright .logo  {position:relative;width:40%; margin:3rem auto 0;}
#Copyright .logo img { width:100%;}

#Copyright .Menu { width:100%; padding:10px 0;}
#Copyright .Menu ul::after { clear:both; content:''; display:block; }
#Copyright .Menu ul { width:37.1875%; display:block; padding:0px;  margin:0 auto; }
#Copyright .Menu ul li{ width:49%; float:left; display:block; padding:0;}
#Copyright .Menu li + li { margin-left:2%; }
#Copyright .Menu ul li img{width:100%; display:block;}

#Copyright .Sns {width:100%; padding:2px 0 4%;}
#Copyright .Sns ul::after { clear:both; content:''; display:block; }
#Copyright .Sns ul { width:32%; display:block; padding:0px;  margin:0 auto; }
#Copyright .Sns ul li{ width:19%; float:left; display:block;}
#Copyright .Sns ul li + li { margin-left:8%;}
#Copyright .Sns ul li img{width:100%; display:block;}

#Copyright .Country {width:100%; padding:1.5rem 0 1rem;}
#Copyright .Country ul::after { clear:both; content:''; display:block; }
#Copyright .Country ul { width:50%; display:block; padding:0px;  margin:0 auto; }
#Copyright .Country ul li{ width:27%; float:left; display:block;}
#Copyright .Country ul li + li { margin-left:9.5%;}
#Copyright .Country ul li a {display:block}
#Copyright .Country ul li img{width:100%; display:block;}

#Copyright .foot_policy {width:95%; overflow:hidden;margin:0 auto;}
#Copyright .foot_policy ul {margin:0 auto; padding:15px 0; display:table}
#Copyright .foot_policy ul li {float:left; text-align:center}
#Copyright .foot_policy ul li a {font-family: 'Pretendard';color:#595959; text-decoration:none;font-size:0.9rem;font-weight:bold;padding-right:0.5rem;}
/*#Copyright .foot_policy ul li::before{content: "|"; padding-left: 0.5rem; padding-right:0.5rem; color:#9e9e9e}*/
#Copyright .foot_policy ul li:first-child::before {content:none}

#Copyright .copyright {width:95%; overflow:hidden;margin:0 auto; font-family: 'Pretendard';font-weight:300; color:#595959; font-size:0.8rem; line-height:1.6rem; text-align:center}
#Copyright .copyright p span {margin:0 10px}
#Copyright .copyright .copyright_txt {display:block;font-family: 'Pretendard';font-size:0.7rem; color:#a7a7a7;font-weight: 300;margin:0.5rem 0 1rem 0;}


#Copyright .Pc_ver { width:93.75%; margin:0 auto; }
#Copyright .Pc_ver img { width:100%; display:block; }

/*#############################
###### policy ###################
###############################*/
#footerAgree {padding:15px 15px;}
#footerAgree img {width:100%;}
#footerAgree .agree {padding:10px; border:10px solid #E4E4E4;}

#footerPolicy {padding:15px 15px;}
#footerPolicy img {width:100%;}
#footerPolicy .policy {padding:10px; border:10px solid #E4E4E4;}




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

@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, label{font-family:'Noto Sans KR', ³ª´®°íµñ, NanumGothic, ng, sans-serif}


#B_CATEGORY2 ul::after { content:''; clear:both; display:block; }
#B_CATEGORY2 li { width:25%; float:left; }
#B_CATEGORY2 a { display:block; }
#B_CATEGORY2 img { width:100%; display:block; }


#B_CATEGORY3 {width:90%;margin:0 auto;margin-top:1rem;}
#B_CATEGORY3 ul::after { content:''; clear:both; display:block; }
#B_CATEGORY3 li { width:25%;height:1.5rem; float:left;text-align:center; }
#B_CATEGORY3 a { display:block; border-right:1px solid #333;color:#414141;font-size:0.7rem;font-weight:500;}
#B_CATEGORY3 a.on {color:#498aca;}
#B_CATEGORY3 img { width:100%; display:block; }


.specialWrap img { width:100%; }
.specialWrap .bannerList { width:93.75%; margin:5% auto 0; }
.specialWrap .bannerList li + li { margin-top:3%; }
.specialWrap .bannerList a { display:block; }



/* ¿À½Ã´Â±æ sns¿µ¿ª */
.locationWrap {position:relative;}
.snsWrap {position:absolute; bottom:6%; left:0; right:0; width:93.75%; margin:0 auto;}
.snsWrap::after {content:''; clear:both; display:block;}
.snsWrap > div {float:left; width:48%;}
.snsWrap > div + div {margin-left:4%;}
.snsWrap a {display:block;}
.snsWrap img {width:100%;}


/* ¸ÞÀÎÆäÀÌÁö ÇмúÈ°µ¿ ½½¶óÀ̵å */
.activityWrap {background:#ebf0f4; margin:5% 0; padding-bottom:10%; position:relative;}
.activityWrap .titleWrap {width:100%;}
.activityWrap .titleWrap img {width:100%;}
.activityWrap .contentWrap {width:60%; margin:0 auto;}
.activityWrap .swiper-container-1 {position:initial;}
.activityWrap .swiper-pagination-bullet-active {background:#222222;}
.activityWrap .swiper-container-horizontal>.swiper-pagination-bullets, .activityWrap .swiper-pagination-custom, .activityWrap  .swiper-pagination-fraction {bottom:9%;}


/* ¸ÞÀÎÆäÀÌÁö selfie ¿µ¿ª */
.selfiegram {}
.selfiegram .empty {text-align:center;}
.selfiegram .titleWrap img {width:100%;}
.selfiegram .contentWrap {width:93.75%; margin:0 auto;}
.selfiegram .contentWrap ul:after {content:''; clear:both; display:block;}
.selfiegram .contentWrap li {float:left; width:33.3333%;}
.selfiegram .contentWrap a {display:block;}
.selfiegram .contentWrap img {width:100%;}


/* selfie °Ô½ÃÆÇ */
.selfieWrap {padding-top:8%;}
.selfieWrap .empty {text-align:center;}
.selfieWrap .contentWrap {width:88%; margin:0 auto;} 
.selfieWrap ul::after {content:''; clear:both; display:block;}
.selfieWrap li {float:left; width:47%; margin-left:6%; margin-bottom:6%;}
.selfieWrap li:nth-child(2n+1) {margin:0;}
.selfieWrap li .titleWrap {--border:1px solid #cdcdcd; --border-top:none; padding:8% 0; background:#eeeeee; 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 .wrap {font-size:14px; width:80%; margin:0 auto; 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 img {width:100%;}

#B_CATEGORY ul::after { content:''; clear:both; display:block; }
#B_CATEGORY li { width:33.3333%; float:left; }
#B_CATEGORY a { display:block; }
#B_CATEGORY img { width:100%; display:block; }


/* ¼ö¼úÈı⠰ԽÃÆÇ best */
.noticeWrap {width:90.35%; margin:0 auto; padding-top:6%;}
.noticeWrap ul::after {content:''; clear:both; display:block;}
.noticeWrap li {width:49%; float:left; position:relative; margin-bottom:2%; margin-left:2%;}
.noticeWrap li:nth-child(2n+1) {margin-left:0;}
.noticeWrap li .bestWrap {position:absolute; top:0; left:0; width:35.9649%;}
.noticeWrap a {display:block;}
.noticeWrap img {width:100%;}


/* ¿À½Ã´Â±æ ¿µ»ó ¿µ¿ª */
.introRouteWrap {width:90.35%; margin:0 auto 8%;}
.introRouteWrap > div + div {margin-top:6%;}
.introRouteWrap .titleWrap {margin-bottom:2%;}
.introRouteWrap img {width:100%;}


/* ¸ÞÀÎÆäÀÌÁö media ¿µ¿ª */
.mediaWrap {}
.mediaWrap .empty {text-align:center;}
.mediaWrap .titleWrap {width:93.75%; margin:0 auto;}
.mediaWrap .titleWrap img {width:100%;}
.mediaWrap .contentWrap .thumnailWrap {width:93.75%; margin:0 auto;}
.mediaWrap .contentWrap .thumnailWrap a {display:block;}
.mediaWrap .contentWrap .thumnailWrap img {width:100%;}
.mediaWrap .contentWrap .titleWrap {width:93.75%; margin:0 auto; padding-top:3%;}
.mediaWrap .contentWrap .titleWrap img {width:100%;}
.mediaWrap .contentWrap .titleWrap a {text-align:center; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; display:-webkit-box; line-height:1.2em; height:1.2em; -webkit-line-clamp:1; font-size:14px; font-weight:600;}
.mediaWrap .contentWrap .titleWrap img {width:100%;}
.mediaWrap .swiper-container {padding-bottom:8%;}

.banner_now {position:relative;display:flex; width:95%;margin:0 auto;margin-top:3rem;margin-bottom:5rem;}
.banner_now ul li{float:left;display: block;position:relative;width: 49.7%;}
.banner_now ul li:nth-child(1) {margin-left:0.1rem;}
.banner_now ul li:nth-child(3) {margin-left:0.1rem;}
.banner_now ul li img{width: 100%;}


.location_now { overflow: hidden;margin-top:3rem;}
.location_now .cont-container { position: relative; width:100%;margin: 0 auto;}
.location_now .cont-left { width: 100%; }
.location_now .cont-left .desc-1 { font-family:'Oswald';font-size: 1.8rem;font-weight: 600;color: #002e75; letter-spacing: 0.34px;text-align: center; margin-bottom: 1.5rem;}
.location_now .cont-left .desc-2 { font-family:'Pretendard';font-size: 1.2rem;font-weight: 600;color: #282828;text-align: center; margin-bottom: 0.8rem;}
.location_now .cont-left .desc-3 { font-family:'Pretendard';font-size: 1rem;font-weight: 300;color: #595959;text-align: center; margin-bottom: 3rem;letter-spacing: -0.4px;}
.location_now .cont-left .desc-4 { font-family:'Pretendard';font-size: 1rem;font-weight: 400;color: #595959;text-align: center; margin-bottom: 1rem;line-height:1.7rem;}
.location_now .cont-left .desc-4 span:nth-child(1) {font-size: 1rem;color: #282828;}
.location_now .cont-left .desc-4 span:nth-child(2) {font-size: 1rem;font-weight: 600;color: #282828;}
.location_now .cont-left .desc-5 { font-family:'Oswald';font-size: 3rem;font-weight: 600;color: #0087e5;text-align: center; margin-bottom: 2rem;letter-spacing: 1.17px;}
@media (orientation: landscape){
	.location_now .cont-left .desc-6-cont {width:50%;margin:0 auto;}
	.location_now .cont-left .desc-6 { font-family:'Pretendard';font-size: 1.1rem;font-weight: 500;color: #282828;text-align: left; margin-top:1.2rem;margin-bottom: 1rem;line-height:1.5rem;}
}
@media (orientation: portrait){
	.location_now .cont-left .desc-6-cont {width:70%;margin:0 auto;}
	.location_now .cont-left .desc-6 { font-family:'Pretendard';font-size: 0.8rem;font-weight: 500;color: #282828;text-align: left; margin-top:1.2rem;margin-bottom: 1rem;line-height:1.5rem;}
}

.location_now .cont-left .desc-7 { font-family:'Pretendard';font-size: 1rem;color: #e78f8f;text-align: center; margin-bottom:3rem;}
.location_now .cont-right {width: 100%; }

.location_now #map {width:100%;height:60vh;}
@media (orientation: landscape){
	.location_now #map {height:90vh !important;}
}
@media (orientation: portrait){
	.location_now #map {height:40vh !important;}
}


.sub_thema_1 { position: relative; width:100%;}
.sub_thema_1 .logo {position: relative;width:100%;margin: 0 auto;margin-top: 3rem;font-family: Oswald;font-size: 0.563rem;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 2.65;letter-spacing: 0.5625rem;text-align: center;color: #aaa;}
.sub_thema_1 .desc {position: relative;width:100%;margin: 0 auto;margin-top: 5.938rem;font-family: Noto Serif KR;font-weight: 300;line-height: 1.875rem;letter-spacing: -0.013125rem;text-align: center;color: #333333;}
@media (orientation: landscape){
	.sub_thema_1 .desc {font-size: 1.781rem;}
}
@media (orientation: portrait){
	.sub_thema_1 .desc {font-size: 1.281rem;}
}
.sub_thema_1 .desc .bold {font-weight:bold;}
.sub_thema_1 .title_wrap {position: relative;margin: 0 auto;margin-top: 1.563rem;}
@media (orientation: landscape){
	.sub_thema_1 .title_wrap {width:55%}
}
@media (orientation: portrait){
	.sub_thema_1 .title_wrap {width:85%;}
}
.sub_thema_1 .title {position: relative;width:100%;margin: 0 auto;font-family: Gmarket Sans;font-size: 3.188rem;font-weight: bold;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: -0.031875rem;text-align: center;color: #000;}
.sub_thema_1 .title_bg {position: absolute;width:100%;height: 2.5rem;bottom:-0.1rem;margin: 1.2rem auto 0;background-color: #c1e5ff;}
.sub_thema_1 .title_bg_1 {position: absolute;width:100%;height: 2.5rem;top:-0.1rem;margin: 1.2rem auto 0;background-color: #c1e5ff;}

.sub_thema_1 .tab_wrap {position: relative;width:90%;margin: 5.5rem 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: 3.25rem;border-left:0.063rem solid rgba(117, 117, 117, 0.3);}
.sub_thema_1 .tab_wrap ul:nth-child(2) li {height: 1.75rem;border-left:0;}
.sub_thema_1 .tab_wrap ul:nth-child(2) li:nth-child(1) {border-left:0.063rem solid rgba(117, 117, 117, 0.3);}
.sub_thema_1 .tab_wrap ul:nth-child(4) li {height: 1.75rem;border-left:0;}
.sub_thema_1 .tab_wrap ul:nth-child(4) li:nth-child(1) {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: 0.969rem;font-weight: bold;font-stretch: normal;font-style: normal;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.156rem;font-weight: 300;font-stretch: normal;font-style: normal;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_1 .fade-in-box {animation: fadein 3s;-moz-animation: fadein 3s;-webkit-animation: fadein 3s;-o-animation: fadein 3s;}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

.sub_thema_2 { position: relative;width: 100%;height: 29.5rem;margin-top: 2.875rem;background-color:rgba(193,229,255,0.2);}
.sub_thema_2 .logo_wrap {position: relative;width: 100%;margin:0 auto;top:3.625rem;background-color: #fff;}
.sub_thema_2 .logo_wrap .text {font-family: Oswald;font-size: 0.688rem;font-weight: 300;font-stretch: normal;font-style: normal;letter-spacing: 0.34375rem;text-align: center;color: #000;border:0;}
.sub_thema_2 .desc {position: relative;width: 90%;margin:0 auto;top:6.625rem;font-family: Pretendard;font-size: 1.125rem;font-weight: 400;font-stretch: normal;font-style: normal;line-height: 2.063rem;letter-spacing:normal;text-align: center;color: #343434;}
.sub_thema_2 .desc .bold {position: relative;font-weight:500;}
.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%;background-color:#f5f5f5;}
.sub_thema_3 .cont-container { position: relative;width:100%;margin:0 auto;}
.sub_thema_3 .cont-container .title {position: relative;padding-top: 6.313rem;font-family: Oswald;font-size: 2.656rem;font-weight: 600;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: 0.08rem;color: #a1d8ff;text-align: left !important;}
.sub_thema_3 .cont-container .desc {position: relative;font-family: Pretendard;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 2.156rem;letter-spacing: normal;color: #343434;text-align: left !important;}
.sub_thema_3 .cont-container .desc .bold {font-weight:500;}
@media (orientation: landscape){
	.sub_thema_3 .cont-container .title {width:50%;margin:0 auto 0;}
	.sub_thema_3 .cont-container .desc {width:50%;margin:3.625rem auto 0;font-size: 1.094rem;}
}
@media (orientation: portrait){
	.sub_thema_3 .cont-container .title	 {width:100%;margin:0 0 0 1rem;}
	.sub_thema_3 .cont-container .desc {width:100%;margin:3.625rem 0 0 1rem;font-size: 1.04rem;}
}
.sub_thema_3 .cont-container .photo {margin-top: 2.875rem;text-align: center !important;}
@media (orientation: landscape){
	.sub_thema_3 .cont-container .photo img {width: auto !important;}
}
@media (orientation: portrait){
	.sub_thema_3 .cont-container .photo img {width: 100% !important;}
}
.sub_thema_4 { position: relative;width: 100%;margin:0 auto;}
.sub_thema_4 .text_wrap {position: relative;}
.sub_thema_4 .text_wrap .text_1 {position: relative;font-family: Oswald;font-size: 0.688rem;font-weight: 300;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: 0.48125rem;text-align: center;color: #000;padding-top:5.25rem;}
.sub_thema_4 .text_wrap .text_2 {position: relative;font-family: Gmarket Sans;font-size: 3.125rem;font-weight: bold;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: -0.03125rem;text-align: center;color: #000;margin-top:1.5rem;}
.sub_thema_4 .text_wrap .text_3 {position: relative;font-family: Pretendard;font-size: 1.125rem;font-weight: normal;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: center;color: #343434;margin-top:2.375rem;}
.sub_thema_4 .btn_wrap {position: relative;width:100%;height:2.813rem;background-image: url("/board/upload_file/boardImages/sub_102_213_02.png");background-repeat: no-repeat;background-position: center;background-size : contain;margin:2.5rem auto 0;}
.sub_thema_4 .btn_wrap .btn_text {position: relative;display:flex;flex-wrap:nowrap;justify-content:center;width:30%;font-family: Pretendard;font-size: 1rem;font-weight: normal;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;color: rgba(0, 0, 0, 0.9);margin:0 auto;padding-top:1rem;}
.sub_thema_4 .btn_wrap .btn_text .btn_link {margin-top:-0.1rem;}
.sub_thema_4 .btn_wrap .btn_text .btn_img {margin-left:0.5rem;}
.sub_thema_4 .btn_wrap .btn_text .btn_img img {vertical-align:middle}
.sub_thema_4 .btn_wrap img {width: auto !important;display:inline-block;}
.sub_thema_4 .youtube_wrap {position: relative;width: 100%;height:0;margin:0 auto;margin-top:1.563rem;padding-bottom:56.25%;}
.sub_thema_4 .youtube_wrap iframe {position:absolute;top:0;left:0;width: 100%;height:100%;}

.sub_thema_5 { position: relative;width: 100%;background-image: url("/board/upload_file/boardImages/m_sub_102_213_04.png?ver=2.1");background-repeat: no-repeat;background-position: center;background-size : cover;margin-top:3.188rem;}
.sub_thema_5 .cont-container { position: relative; width:100%;margin:0 auto;}
.sub_thema_5 .cont-container .text_1_wrap {}
.sub_thema_5 .cont-container .text_1_wrap .text_1_1{position: relative;font-family: Oswald;font-size: 3.031rem;font-weight: 600;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: 0.2425rem;text-align: left;color: #fff;padding-top:6rem;}
.sub_thema_5 .cont-container .text_1_wrap .text_1_2{position: relative;font-family: Noto Serif KR;font-size: 1.188rem;font-weight: 400;font-stretch: normal;font-style: normal;line-height: 1.875rem;letter-spacing: normal;text-align: left;color: #5b5b5b;}
@media (orientation: landscape){
	.sub_thema_5 .cont-container .text_1_wrap .text_1_1 {width:50%;margin:0 auto 1rem;}
	.sub_thema_5 .cont-container .text_1_wrap .text_1_2 {width:50%;margin:1.688rem auto 1rem;}
}
@media (orientation: portrait){
	.sub_thema_5 .cont-container .text_1_wrap .text_1_1 {width:100%;margin:0 0 0 1rem;}
	.sub_thema_5 .cont-container .text_1_wrap .text_1_2 {width:100%;margin:1.688rem 0 0 1rem;}
}
.sub_thema_5 .cont-container .text_1_wrap .text_1_2 .bold {font-weight:600;}
.sub_thema_5 .cont-container .text_2 {position: relative;font-family: Pretendard;font-size: 1.125rem;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 2.125rem;letter-spacing: -0.07rem;text-align: left;color: #343434;}
.sub_thema_5 .cont-container .text_2 .bold {position:relative;font-weight:500;}
.sub_thema_5 .cont-container .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; }
@media (orientation: landscape){
	.sub_thema_5 .cont-container .text_2 {width:50%;margin:2.063rem auto 0;}
}
@media (orientation: portrait){
	.sub_thema_5 .cont-container .text_2 {width:100%;margin:2.063rem 0 0 1rem;}
}
.sub_thema_5 .cont-container .photo {margin-top: 2.875rem;text-align: center !important;}
.sub_thema_5 .cont-container img {width: auto !important;}


.sub_thema_6 { position: relative; width:100%;margin-top: 4.875rem;}
.sub_thema_6 .logo_wrap {position: relative;}
.sub_thema_6 .logo {position: relative;margin: 0 auto;font-family: Oswald;font-size: 0.688rem;font-weight: 300;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: 0.34375rem;text-align: center;color: #000;}
.sub_thema_6 .title {position: relative;margin: 0 auto;font-family: Pretendard;font-size: 2rem;font-weight: 400;font-stretch: normal;font-style: normal;line-height: 2.375rem;letter-spacing:normal;text-align: center;color: #343434;margin-top:2.063rem;}
.sub_thema_6 .title .bold {font-weight:500;}
.sub_thema_6 .cont-container {position: relative;width:95%;margin: 3.5rem auto 0;}
.sub_thema_6 .cont-container > ul {position: relative;}
.sub_thema_6 .cont-container > ul > li {}
.sub_thema_6 .cont-container > ul > li:nth-child(2) {border:5px solid #1799f8;z-index:9;}
.sub_thema_6 .cont-container > ul > li .photo {}
.sub_thema_6 .cont-container > ul > li .title {background-color: #c0c0c0;font-family: Pretendard;font-size: 1.625rem;font-weight: normal;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: center;color: #fff;margin:0;padding:0.813rem 0 0.713rem 0;}
.sub_thema_6 .cont-container > ul > li:nth-child(2) .title {background-color: #9cd5ff;}
.sub_thema_6 .cont-container > ul > li > .info {background-color: #f5f5f5;padding:1.25rem 1rem 1.375rem 1rem;}
.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.188rem;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.188rem;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 1.719rem;letter-spacing: -0.02375rem;color: #666666;}

.sub_thema_7 { position: relative;width: 100%;background-image: url("/board/upload_file/boardImages/m_sub_102_213_09.png?ver=2.1");background-repeat: no-repeat;background-position: center;background-size : cover;margin-top:3rem;}
.sub_thema_7 .logo_wrap {position: relative;}
.sub_thema_7 .logo {position: relative;margin: 0 auto;font-family: Oswald;font-size: 0.688rem;font-weight: 300;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: 0.34375rem;text-align: center;color: #000;padding-top:6.25rem;}
.sub_thema_7 .title {position: relative;margin: 0 auto;font-family: Pretendard;font-size: 1.8rem;font-weight: 400;font-stretch: normal;font-style: normal;line-height: 2.375rem;text-align: center;color: #343434;margin-top: 2.438rem;}
.sub_thema_7 .title .bold {font-weight:500;}
.sub_thema_7 .cont-container { position: relative;margin:0 auto;margin-top: 3.625rem;}
@media (orientation: landscape){
	.sub_thema_7 .cont-container {width:50%;}
}
@media (orientation: portrait){
	.sub_thema_7 .cont-container {width:95%;}
}
.sub_thema_7 .cont-container > ul {position: relative;}
.sub_thema_7 .cont-container > ul > li {height:4.03rem;border-top: solid 0.3px #343434;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%;font-family: Noto Serif KR;font-size: 1.375rem;font-weight: 500;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: center;color: #343434;border-right:solid 0.3px #c2c2c2;vertical-align:top;margin-top:1rem;}
.sub_thema_7 .cont-container > ul > li .text {width:80%;font-family: Pretendard;font-size: 1.05rem;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.38rem;letter-spacing: -0.025rem;text-align: left;color: #343434;margin-top:0.688rem;margin-left:0.563rem;margin-bottom:0.688rem;}
.sub_thema_7 .cont-container > ul > li:nth-child(3) .text {margin-top:1.2rem;}

.sub_thema_8 { position: relative;width: 100%;height:105rem;background-image: url("/board/upload_file/boardImages/m_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.688rem;font-weight: 300;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: 0.34375rem;text-align: center;color: #000;padding-top:6.313rem;}
.sub_thema_8 .title {position: relative;margin: 0 auto;font-family: Pretendard;font-size: 2rem;font-weight: 400;font-stretch: normal;font-style: normal;line-height: 2.443rem;text-align: center;color: #343434;margin-top: 1.188rem;}
.sub_thema_8 .title .bold {font-weight:600;}
.sub_thema_8 .cont-container { position: relative;width:80%;margin:0 auto;margin-top: 2.313rem;}
.sub_thema_8 .cont-container > ul {position: relative;}
.sub_thema_8 .cont-container > ul > li {margin-bottom:2.188rem;}
.sub_thema_8 .cont-container > ul > li .photo {text-align:center;}
.sub_thema_8 .cont-container > ul > li .photo img {width: auto !important;}
.sub_thema_8 .cont-container > ul > li .title {font-family: Pretendard;font-size: 1.063rem;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.29rem;letter-spacing: normal;text-align: center;color: #343434;margin:0;padding-top:0.438rem;}

.sub_thema_9 { position: relative;width: 100%;}
.sub_thema_9 .logo {position: relative;margin: 0 auto;font-family: Oswald;font-size: 0.688rem;font-weight: 300;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: 0.34375rem;text-align: center;color: #000;padding-top:6.25rem;}
.sub_thema_9 .title {position: relative;margin: 0 auto;font-family: Pretendard;font-size: 2.125rem;font-weight: 400;font-stretch: normal;font-style: normal;line-height: 2.438rem;text-align: center;color: #343434;margin-top: 1.75rem;}
.sub_thema_9 .title .bold {font-weight:600;}
.sub_thema_9 .cont-container-1 { position: relative; width:100%;margin:3rem auto 0;}
.sub_thema_9 .cont-container-1 .cont_title {position: relative;width: 90% !important;border-radius: 21.5px;border: solid 4px #1799f8;background-color: #fff;font-family: Pretendard;font-size: 1.375rem;font-weight: 500;font-stretch: normal;font-style: normal;line-height:normal;letter-spacing: normal;text-align: center;color: #1799f8;padding: 0.3rem;margin:0 auto;}
.sub_thema_9 .cont-container-1 .cont_desc_1 {position: relative;margin-top: 2.125rem;font-family: Pretendard;font-size: 1.438rem;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 2rem;letter-spacing: normal;text-align: center;color: #343434;margin-bottom:2.125rem;}
.sub_thema_9 .cont-container-1 .cont_desc_1 .blue {position: relative;color: #1799f8;}
.sub_thema_9 .cont-container-1 .cont_desc_1 .bold {display:inline-block;font-weight:500;}
.sub_thema_9 .cont-container-1 .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 .scroll_2 .wrap {border-bottom: solid 0.3px #727272;margin-bottom:5.188rem;text-align:center;}
.sub_thema_9 .cont-container-1 .scroll_2 .wrap img {width: auto !important;}
.sub_thema_9 .cont-container-1 .cont_desc_2 {position: relative;font-family: Pretendard;font-size: 1.313rem;font-weight: 400;font-stretch: normal;font-style: normal;line-height: 2rem;letter-spacing: normal;text-align: center;color: #343434;margin-bottom:1.313rem;}
.sub_thema_9 .cont-container-2 { position: relative; width:100%;margin:3rem auto 0;}
.sub_thema_9 .cont-container-2 .cont_title {position: relative;width: 90% !important;border-radius: 21.5px;border: solid 4px #1799f8;background-color: #fff;font-family: Pretendard;font-size: 1.2rem;font-weight: 500;font-stretch: normal;font-style: normal;line-height:normal;letter-spacing: normal;text-align: center;color: #1799f8;padding: 0.3rem;margin:0 auto;}
.sub_thema_9 .cont-container-2 .cont_desc_1 {position: relative;width: 95% !important;margin: 2.125rem auto 1.938rem;font-family: Pretendard;font-size: 1.415rem;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 2rem;letter-spacing: normal;text-align: center;color: #1799f8;}
.sub_thema_9 .cont-container-2 .scroll_5 .wrap {text-align:center;}
.sub_thema_9 .cont-container-2 .scroll_5 .wrap img {width: auto !important;}
.sub_thema_9 .cont-container-2 .cont_desc_2 {position: relative;width:95% !important;font-family: Pretendard;font-size: 1.213rem;font-weight: 400;font-stretch: normal;font-style: normal;line-height: 2rem;letter-spacing: normal;text-align: center;color: #343434;margin:0 auto 0.625rem;}
.sub_thema_9 .cont-container-3 { position: relative;width:90% !important;;margin:2.375rem auto 0;text-align:center;font-family: Pretendard;font-size: 0.875rem;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 1.43rem;letter-spacing: normal;color: #343434;border: solid 0.3px #383838;padding:0.5rem;}
.sub_thema_9 .cont-container-3 img {width: auto !important;}

.sub_thema_10 { position: relative;width: 100%;height:44.25rem;background-image: url("/board/upload_file/boardImages/m_sub_102_213_19.png?ver=4.1");background-repeat: no-repeat;/*background-position: center;*/background-size : cover;margin-top:3rem;}
.sub_thema_10 .cont-container { position: relative;width:95%;margin:0 auto;}
.sub_thema_10 .title {position: relative;font-family: Noto Serif KR;font-size: 1.125rem;font-weight: 400;font-stretch: normal;font-style: normal;line-height: 1.75rem;letter-spacing:-0.01125rem;text-align: left !important;color: #ffffff;padding-top: 14.063rem;}
.sub_thema_10 .title .bold{font-weight:bold;}
.sub_thema_10 .line { position: relative; left: 0; bottom: 0; height: 0.1px; width: calc(100%); transition: 0.3s; transform: scaleX(1); background-color: #fff; margin-top:1.438rem;margin-bottom:1.625rem;}
.sub_thema_10 .desc {position: relative;}
.sub_thema_10 .desc .desc_1 {font-family: Pretendard;font-size: 0.813rem;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.313rem;font-weight: 600;font-stretch: normal;font-style: normal;line-height: 1.71rem;letter-spacing: normal;text-align: left;color: #fff;margin-left:0.938rem;}
.sub_thema_10 .desc .desc_2 {margin-top:2.125rem;font-family: Pretendard;font-size: 0.875rem;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 1.5rem;letter-spacing: normal;text-align: left;color: #fff;}

.sub_thema_11 { position: relative; width:100%;}
.sub_thema_11 .logo {position: relative;margin: 0 auto;font-family: Oswald;font-size: 0.688rem;font-weight: 300;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: 0.34375rem;text-align: center;color: #000;padding-top: 6.625rem;}
.sub_thema_11 .title {position: relative;margin: 0 auto;font-family: Pretendard;font-size: 1.9rem;font-weight: 400;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: -0.04rem;text-align: center;color: #343434;margin-top: 1.188rem;}
.sub_thema_11 .title .bold {font-weight:bold;}
.sub_thema_11 .info {position: relative;width: 90%;margin: 0 auto;font-family: Pretendard;font-size: 1.15rem;font-weight: 400;font-stretch: normal;font-style: normal;line-height: 1.75rem;text-align: center;color: #343434;margin-top: 3.625rem;background-color: #f1f8fb;padding:0.5rem;}
.sub_thema_11 .info .info-1 {color: #a6a6a6;}
.sub_thema_11 .cont-container {position: relative;margin: 3.313rem auto 0;}
@media (orientation: landscape){
	.sub_thema_11 .cont-container {width:70%;}
}
@media (orientation: portrait){
	.sub_thema_11 .cont-container {width:100%;}
}
.sub_thema_11 .cont-container > ul {position: relative;display:flex;flex-wrap:nowrap;}
@media (orientation: landscape){
	.sub_thema_11 .cont-container > ul {justify-content:start;}
}
@media (orientation: portrait){
	.sub_thema_11 .cont-container > ul {justify-content:space-between;}
}
.sub_thema_11 .cont-container > ul > li {width:50%;}
@media (orientation: landscape){
	.sub_thema_11 .cont-container > ul > li .cont_photo {height:13rem;}
}
@media (orientation: portrait){
	.sub_thema_11 .cont-container > ul > li .cont_photo {height:15rem;}
}
@media (orientation: landscape){
	.sub_thema_11 .cont-container > ul > li:nth-child(1) .cont_photo {text-align:center;}
	.sub_thema_11 .cont-container > ul > li:nth-child(2) .cont_photo {text-align:center;}
}
@media (orientation: portrait){
	.sub_thema_11 .cont-container > ul > li:nth-child(1) .cont_photo {text-align:left;}
	.sub_thema_11 .cont-container > ul > li:nth-child(2) .cont_photo {text-align:right;}
}

@media (orientation: landscape){
	.sub_thema_11 .cont-container > ul > li .cont_photo img  {width: auto !important;}
}
@media (orientation: portrait){
	.sub_thema_11 .cont-container > ul > li .cont_photo img  {width: 95% !important;}
}
.sub_thema_11 .cont-container > ul > li .cont_wrap {position: relative;border-right: solid 1px #e1e1e1;}
.sub_thema_11 .cont-container > ul > li .b_r_n {border-right:0px;}
.sub_thema_11 .cont-container > ul > li:nth-child(2) .cont_wrap {border-right:0px;}
.sub_thema_11 .cont-container > ul > li .cont_title {font-family: Pretendard;font-size: 1.25rem;font-weight: 500;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: -0.1rem;text-align: center;color: #383838;margin-top:1.625rem;}
.sub_thema_11 .cont-container > ul > li .cont_desc {height:3.25rem;font-family: Pretendard;font-size: 0.875rem;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.39rem;letter-spacing: -0.1rem;text-align: center;color: #54a1c2;margin-top:0.563rem;}