@import url(/webroot/common/css/wfont.css);
@import url(/webroot/common/css/bsColor.css);
@import url(/webroot/common/css/bsSpacing.css);
@import url(/webroot/common/css/bsCustom.css);

html { font-size:16px; word-break:keep-all; }
body {
	font-family: 'Noto Sans KR', 'Nanum Gothic', sans-serif;
	font-weight:400;
	font-size:16px;
}

*:focus { outline: none; }
a { color:inherit; text-decoration:none; }

.mColor { color:#2f456a; }
.mBg { background:#73cedc; }
.lh2 { letter-spacing:2px; }

.sWrap { max-width:1920px; margin:0 auto; }
.pagination { justify-content:center; }

.topMenu { background-color:#d6f4ff; }
.topMenu .small i { display:inline-block; margin-left:10px; }

.topSearch .itext { width:250px; border:none; border-bottom:1px solid black; outline:none; }
.topSearch .img { margin-left:-30px; }
.topSearch .tag { color:#6c757d; }

.mLine { background-color:#4dd4ac; height:5px; }

.gnb { width:100%; background:#73cedc; }
.gnb a.menu { color:#343434; font-size:1.2rem; text-decoration:none; }
.gnb a:hover { color:#000; text-decoration:none; }
.gnb .gnb2 { font-weight:bold; }
	.gnb .gnb2 a { color:#2f456a; line-height:1rem; }
	.gnb .gnb2 a:hover { color:#000; }
	.gnb .gnb2 .menu { display:inline-block; text-align:center; }
	.gnb .gnb2 .menu .en { font-size:10px; color:#adb5bd; }

.gnb2 .dropdown { position:relative; margin-left:50px; }
.gnb2 .dropdown:hover .dropdown_menu { display:block; }
.gnb2 .dropdown_menu { display:none; position:absolute; background-color:#fff; font-weight:normal; width:200px; margin-left:-15px; padding-top:20px; padding-bottom:0px; }
	.gnb2 .dropdown_menu a { display:block; padding:1rem; border-top:1px solid #efefef; border-left:1px solid #efefef; border-right:1px solid #efefef; }
	.gnb2 .dropdown_menu a:first-child { border-top:1px solid #efefef; }
	.gnb2 .dropdown_menu a:last-child { border-bottom:1px solid #efefef; }
	.gnb2 .dropdown_menu a:hover { background-color:#f8f8f8; color:#000; font-weight:700; }

	.gnb2_mlink { display:block; padding:5px; font-weight:bold; }
	.gnb2_mlink:hover { text-decoration:underline; }

.gnb3 .allmenu { background-color:#2f456a; border-radius:50%; padding:10px 13px; outline:none; box-shadow:none; border:none; }
	.gnb3 .allmenu span { display:block; width:20px; height:3px; margin:4px auto; background:#73cedc; transition:all .6s cubic-bezier(0.250, 0.100, 0.250, 1.000); }

#offcanvas .gnbm {}
	#offcanvas .gnbm .offmenu { margin-bottom:20px; }
	#offcanvas .gnbm .offmenu > a { font-weight:bold; font-size:18px; }
	#offcanvas .gnbm .smenu { margin-top:10px; }
	#offcanvas .gnbm .smenu a { display:block; padding:5px; margin:5px 0; }

#offcanvas .info .btn_mypage { background:#084298; border:1px solid #084298; border-radius:3px; padding:5px 10px; color:#fff; }
#offcanvas .info .btn_info { background:#000; border:1px solid #000; border-radius:3px; padding:5px 10px; color:#fff; }



.mSlidex .bg { 
	height: 400px;
	margin-top:84px; background:#fff; background-image:url('/theme/home/img/main_right.png');
	background-position:561px -149px;
	background-repeat:no-repeat; 
	background-size:60%;
}


.mSlide { background:#73cedc; }
	.mSlide .slide { max-width:1920px; margin:0 auto; background:url(/theme/home/img/sub_img.jpg) no-repeat; background-position:30px -35px; }
	.slide .h2x { line-height:160%; }

#menuModal .modal-body { background-color:#fbfbfb; }
#menuModal .dropdown { margin:10px 20px; width:150px; }
	#menuModal .dropdown .menu { color:#084298; }
	#menuModal .dropdown .en { padding-left:5px; font-size:10px; color:rgba(0,0,0,0.5); }
	#menuModal .dropdown_menu a { display:block; padding:5px; }

section#sct1 {}
	section#sct1 .txt1 { letter-spacing:2px; }

section#sct2 { background-color:#e8f4f6; margin-right:100px; padding-top:5rem; padding-bottom:5rem; border-top-right-radius:20% 50%; border-bottom-right-radius:20% 50%; }
	section#sct2 .txt1 { letter-spacing:2px; }
	section#sct2 #iconw { top:-70px; left:150px; }
	section#sct2 #line { position:relative; z-index:1; }
		section#sct2 #line:after { position:absolute; left:0; bottom:-5px; height:13px; width:100%; content:''; background-color:#9fdce6; z-index:-1;  }

section#sct3 { padding:5rem 0; }
	section#sct3 .txt1 { letter-spacing:2px; }
	section#sct3 .bg { background:url(/theme/home/img/main_s3_bg.png) right bottom no-repeat; }

section#sct4 {  }
	section#sct4 #iconw2 { top:50px; left:155px; }
	section#sct4 .txt1 { letter-spacing:2px; }
	section#sct4 .container { background-color:#e8f4f6; }
	section#sct4 .line { background-color:#2e4eb5; width:80px; height:5px; border-radius:2px; }

section#sct5 { margin:5rem 0; background:url(/theme/home/img/main_s5_bg.png) no-repeat top center/cover; }
	section#sct5 .btn_start { border-radius:20%/50%; }
	section#sct5 .btn_start:hover { color:#ffc107; }

section#sct51 .img { height:220px; border:1px solid #eee; padding:5px; border-radius:5px; overflow:hidden; }
	section#sct51 .img img { transition:transform .3s; }
	section#sct51 .img img:hover { transform:scale(1.2); }

	section#sct51 .btn_more { margin:20px auto; max-width:100%; width:300px; padding:10px; text-align:center; background:#fff; border:1px solid #cecece; border-radius:5px; cursor:pointer; }  	

section#sct6 { margin:5rem 0; padding-top:0rem; }
	section#sct6 .alink { display:block; position:relative; margin:5px 0; padding-left:10px; }
	section#sct6 a.alink:before { content:''; position:absolute; left:0; top:10px; width:3px; height:3px; background:#1574ac; border-radius:1px; }
	section#sct6 .abtn { display:inline-block; padding:7px 17px; border:1px solid silver; border-radius:20%/50%; font-size:14px; font-weight:bold; }
	section#sct6 .btn_req { display:inline-block; padding:30px 100px; background:#1090c1; border-radius:20%/50%; color:#fff; font-size:1.5rem;}
	section#sct6 .btn_req:hover { color:#000; }
	
	section#sct6 .title { position:relative; }
	section#sct6 .title:after { content:''; position:absolute; width:40%; height:3px; background:#1090c1; left:0; bottom:-7px; border-radius:1px; }

section#footer { background:#f3f3f3; font-size:14px; font-family:'Nanum gothic'; font-weight:400; }
	section#footer .name { display:inline-block; width:120px; font-weight:700; }

#page_prc .title { border-bottom:2px solid #000; min-width:768px; }
	#page_prc .price { font-size:1.75rem; color:#00c9bf; font-weight:bold; }
	#page_prc .price0 { font-size:1.75rem; color:#9ab4b8; font-weight:bold;  }
	#page_prc .btn_use { display:block; padding:10px; border-radius:5px; background:#9ab4b8; color:#fff; }
	#page_prc .btn_use:hover { color:#000; }
	#page_prc .btn_use2 { display:block; padding:10px; border-radius:5px; background:#00c9bf; color:#fff; }
	#page_prc .btn_use2:hover { color:#000; }
	#page_prc .btn_demo { display:block; padding:10px; border-radius:5px; background-color:#27be78; color:#fff; }
	#page_prc .btn_demo:hover { color:#000; }
		#page_prc .demo_blue { background-color:#56d2dc; color:#fff; }
	#page_prc .btn_katalk { display:block; padding:10px; border-radius:5px; background-color:#fae100; width:300px; max-width:100%; margin:0 auto; }

table.prc { width:100%; min-width:768px; }
	table.prc td { padding:20px 10px; border-bottom:1px solid silver; text-align:center;}

.subpage .title { border-bottom:2px solid #000; }

/* request */
#rq_section1 { margin-bottom:100px; }
#rq_section1 .form_wrap { border:1px solid silver; border-radius:10px; width:100%; max-width:900px; margin:30px auto; padding:40px; box-shadow:3px 3px 3px 1px #ececec; }



.mBoard .en { font-size:10px; }
.mBoard a { color:#888; }
.mBoard a:hover { color:#000; }
.mBoard .title a.more { font-size:0.85rem; margin-top:5px; }

.mBoard2 .en { font-size:10px; }
.mBoard2 a { color:#888; }
.mBoard2 a:hover { color:#000; }
.mBoard2 .title a.more { font-size:0.85rem; margin-top:5px; }
.mBoard2 ul li a { font-size:15px; }

.photoSt .title a.link { font-size:0.85rem; margin-top:5px; }
.photoSt .st_photo a { max-width:33.33%; }
.photoSt .st_ban { min-height:100%; }
.photoSt .st_ban a { width:100%; height:100%; border-radius:15px; color:#fff; }
.photoSt .st_ban a.st_green { background-color:#95b93e; }
.photoSt .st_ban a.st_green:hover { background-color:#5d952f; }
.photoSt .st_ban a.st_yellow { background-color:#d0b60d; }
.photoSt .st_ban a.st_yellow:hover { background-color:#aa950b; }
.photoSt .st_ban a.st_yellow2 { background-color:#e0bc59; }
.photoSt .st_ban a.st_yellow2:hover { background-color:#bfa14d; }
.photoSt .st_ban a.st_green2 { background-color:#97d14a; }
.photoSt .st_ban a.st_green2:hover { background-color:#82b73b; }

.footer .cl_blue1 a { color:#235ea7; }
.footer .foot2 { background: #f5f5f5; text-align: center; }
.footer .foot2 .copy { line-height: 1.5em; padding-right: 30px; vertical-align: middle; }

#btn_top { background-color:#2f456a; border-radius:50%; padding:15px 17px; position: fixed;	right: 2%; bottom: 50px; display: none; z-index: 999; cursor:pointer;  }

.sImg { margin-top:84px; box-shadow: 0 3px 6px 3px rgba(0,0,0,.1); }
.sImg img { width:100%; }

.title { font-family:'Noto Sans KR'; font-weight:500; font-size:1.5rem; }
.title a { color:#adb5bd; margin:0 15px; }
.title a:hover { color:#198754; }
.title .on { color:#198754; font-size:2rem; }

.contentsx { width:1000px; padding:30px 100px; margin:0 auto; text-align:justify; }
	.contentsx .submenu .col { padding:10px; border:1px solid #eaeaea; }
	.contentsx .submenu .col:hover { background-color:#eeeeee; }
	.contentsx .submenu .on { background-color:#eeeeee; }
	.contentsx .submenu .col a { padding:10px; }
	.contentsx .submenu .col a:hover { text-decoration:underline; }

.ce_board {margin-top:30px;margin-bottom:0px;}
.ce_board table {margin: 20px 0;}
.ce_board table i {font-size:22px;color:#9dacbc;}
.ce_board table i:hover {color: #235ea7;}
.ce_board .table>thead {background-color: #e6edf3;}
.ce_board .table>thead>tr>th {padding-top:10px;padding-bottom:10px;text-align:center;border-bottom-width:0px;font-size:14px;font-weight:500;vertical-align:middle;}
.ce_board .table>thead>tr>th span{font-size:0.9em;}
.ce_board .table>tbody>tr:first-child {border-top: 1px solid #ddd;}
.ce_board .table>tbody>tr>td {line-height:24px;border-bottom:1px solid #ddd;border-top-width:0px;vertical-align:middle;}
.ce_board .table>tbody>tr>td .ce_small {display:inline-block;font-size:11px; color:#9dacbc;}
.ce_board .table>tbody>tr>td b {color:#34a4d3;letter-spacing:-0.02em;}
.ce_board .table-hover>tbody>tr:hover {background-color:#f7fbfd;}
.ce_board .table .btn-default i {font-size:18px;}

.ce_board .table>tbody>tr .listArrow {padding:0 30px;text-align:center;vertical-align:middle;}
.ce_board .table>tbody>tr .listArrow i {font-size:38px;}
.ce_board .table>tbody>tr .listPhoto {padding:25px 20px 15px 20px; width:33%; text-align:center;vertical-align:top;}
.ce_board .table>tbody>tr .listPhoto .ce_GPmg {width:100%;}
.ce_board .table>tbody>tr .listPhoto .ce_title {padding:10px 10px 5px 10px;line-height:22px;}
.ce_board .table>tbody>tr .listPhoto .ce_date {font-size:12px;}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {background-color:#f6f7f9;}
.form-control {background-color:#f6f7f9!important;}

@media (min-width: 1025px){
	.ce_board .table>tbody>tr .list {padding-top:12px;padding-bottom:12px;}
}
@media (max-width: 768px){
	.ce_board {padding-right: 0; padding-left: 0; margin-bottom:0px;}
	.ce_board .table>tbody>tr>td {padding:8px 5px;}
}
@media (max-width: 450px){
	.ce_board .table>thead {display:none;}
	.ce_board table,.ce_board .table>tbody {display:flow-root;}
	.ce_board .table>tbody>tr {display:flow-root;border-bottom: 1px solid #ddd;/*padding:8px 5px;*/}
	.ce_board .table>tbody>tr .listPhoto {width:100%;}
	.ce_board .table>tbody>tr>td {float:left;border-bottom: 0px solid #ddd;padding:2px 10px;}
	.ce_board .table .ce_TBR {font-size:14px;color:#909ba7;}
	.ce_board .table .w100 {width:100%;padding-bottom:8px;}
}

.pagination li.page-item { margin:0 7px; }
.pagination li.page-item a { color:#888; font-weight:600; }
.page-item.active .page-link { border-color:#00a1e1; background-color: #00a1e1; }

.vboard.row > * { padding:0; }
.vboard .b_title { padding:30px 0; text-align:center; font-size:1.5rem; font-weight:bold; background-color:#f5f5f5; }
.vboard .b_title .date { font-size:14px; color:#bdbcbc; }
.vboard .b_down { border-top:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5; padding:8px 0; }
.vboard .b_body p { margin-bottom:0; }

.tabmenu { position:relative; }
.tabmenu:after { content:''; position:absolute; width:100%; height:1px; top:35%; left:0; border-bottom:1px dashed silver; z-index:-2; }
	.tabmenu .item { position:relative; color:#fff; cursor:pointer; }
	.tabmenu .item:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#5f8cd0; transform:skew(20deg); z-index:-1; }

.hpage { display:none; position:relative; }
.hpage:after { position:absolute; content:''; top:0; left:5px; width:1px; height:100%; border:1px dashed #e4e0e0; z-index:-2; }

.hpage .hdiv { padding-left:20px; }
	.hpage .hdiv .date { position:relative; }
	.hpage .hdiv .date:after { content:''; position:absolute; top:30%; left:-20px; width:12px; height:12px; background-color:#44bd44; }


@media screen and (max-width:1400px) 
{
	.photoSt .st_ban .col a { padding:10px; }
	.photoSt .st_ban .col a .text { font-size:1rem!important; }
}

@media screen and (max-width:1200px) 
{
	section#sct2 { margin-right:0; }
	section#sct3 .bg { background:none; }
	section#sct51 .img { height:170px; }

	#menuModal .modal-body { justify-content:start!important; flex-wrap:wrap!important; }
	.photoSt .st_ban .col a { flex-direction:column!important; justify-content:center!important; flex-wrap:wrap!important; }
	.photoSt .st_ban .col a img { padding:10px!important; }
	.photoSt .st_ban .col a .text { padding:10px!important; text-align:center; }

	.mSlide .slide { background-position:-175px -35px; }
}

@media screen and (max-width:992px) 
{
	section#sct2 { border-radius:0; }
	.contents { width:100%; padding:30px 0!important; }

	.mSlide .slide { background:none; }
}

@media screen and (max-width:768px) 
{	
	#hmenu { white-space:nowrap; overflow-x:auto; 
			 -webkit-verflow-scrolling: touch;
			 -ms-overflow-style: -ms-autohiding-scrollbar;
	}
	#hmenu::-webkit-scrollbar { display:none; }
	
	.contents { width:100%; }
	
	.footer .foot2 div { flex-direction:column!important; }
	.footer .foot2 div .foot2_logo { padding:20px 0!important; text-align:left!important; }
} 

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

@media screen and (max-width:360px){
	html, body { font-size:14px; }
}